| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/core"),require("@angular/cdk/coercion"),require("@angular/cdk/platform"),require("@angular/platform-browser/animations")):"function"==typeof define&&define.amd?define("@angular/material/progress-spinner",["exports","@angular/core","@angular/common","@angular/material/core","@angular/cdk/coercion","@angular/cdk/platform","@angular/platform-browser/animations"],t):t(((e=e||self).ng=e.ng||{},e.ng.material=e.ng.material||{},e.ng.material.progressSpinner={}),e.ng.core,e.ng.common,e.ng.material.core,e.ng.cdk.coercion,e.ng.cdk.platform,e.ng.platformBrowser.animations)}(this,(function(e,t,r,n,o,a,s){"use strict"; |
| ***************************************************************************** */var i=function(e,t){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])})(e,t)};function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var d=n.mixinColor((function p(e){this._elementRef=e}),"primary"),f=new t.InjectionToken("mat-progress-spinner-default-options",{providedIn:"root",factory:c});function c(){return{diameter:100}}var l=function(e){function t(r,n,o,a,s){var i=e.call(this,r)||this;i._elementRef=r,i._document=o,i._diameter=100,i._value=0,i._fallbackAnimation=!1,i.mode="determinate";var m=t._diameters;return i._spinnerAnimationLabel=i._getSpinnerAnimationLabel(),m.has(o.head)||m.set(o.head,new Set([100])),i._fallbackAnimation=n.EDGE||n.TRIDENT,i._noopAnimations="NoopAnimations"===a&&!!s&&!s._forceAnimations,s&&(s.diameter&&(i.diameter=s.diameter),s.strokeWidth&&(i.strokeWidth=s.strokeWidth)),i}return m(t,e),Object.defineProperty(t.prototype,"diameter",{get:function(){return this._diameter},set:function(e){this._diameter=o.coerceNumberProperty(e),this._spinnerAnimationLabel=this._getSpinnerAnimationLabel(),!this._fallbackAnimation&&this._styleRoot&&this._attachStyleNode()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"strokeWidth",{get:function(){return this._strokeWidth||this.diameter/10},set:function(e){this._strokeWidth=o.coerceNumberProperty(e)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"value",{get:function(){return"determinate"===this.mode?this._value:0},set:function(e){this._value=Math.max(0,Math.min(100,o.coerceNumberProperty(e)))},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){var e=this._elementRef.nativeElement;this._styleRoot=a._getShadowRoot(e)||this._document.head,this._attachStyleNode(),e.classList.add("mat-progress-spinner-indeterminate"+(this._fallbackAnimation?"-fallback":"")+"-animation")},t.prototype._getCircleRadius=function(){return(this.diameter-10)/2},t.prototype._getViewBox=function(){var e=2*this._getCircleRadius()+this.strokeWidth;return"0 0 "+e+" "+e},t.prototype._getStrokeCircumference=function(){return 2*Math.PI*this._getCircleRadius()},t.prototype._getStrokeDashOffset=function(){return"determinate"===this.mode?this._getStrokeCircumference()*(100-this._value)/100:this._fallbackAnimation&&"indeterminate"===this.mode?.2*this._getStrokeCircumference():null},t.prototype._getCircleStrokeWidth=function(){return this.strokeWidth/this.diameter*100},t.prototype._attachStyleNode=function(){var e=this._styleRoot,r=this._diameter,n=t._diameters,o=n.get(e);if(!o||!o.has(r)){var a=this._document.createElement("style");a.setAttribute("mat-spinner-animation",this._spinnerAnimationLabel),a.textContent=this._getAnimationText(),e.appendChild(a),o||(o=new Set,n.set(e,o)),o.add(r)}},t.prototype._getAnimationText=function(){var e=this._getStrokeCircumference();return"\n @keyframes mat-progress-spinner-stroke-rotate-DIAMETER {\n 0% { stroke-dashoffset: START_VALUE; transform: rotate(0); }\n 12.5% { stroke-dashoffset: END_VALUE; transform: rotate(0); }\n 12.5001% { stroke-dashoffset: END_VALUE; transform: rotateX(180deg) rotate(72.5deg); }\n 25% { stroke-dashoffset: START_VALUE; transform: rotateX(180deg) rotate(72.5deg); }\n\n 25.0001% { stroke-dashoffset: START_VALUE; transform: rotate(270deg); }\n 37.5% { stroke-dashoffset: END_VALUE; transform: rotate(270deg); }\n 37.5001% { stroke-dashoffset: END_VALUE; transform: rotateX(180deg) rotate(161.5deg); }\n 50% { stroke-dashoffset: START_VALUE; transform: rotateX(180deg) rotate(161.5deg); }\n\n 50.0001% { stroke-dashoffset: START_VALUE; transform: rotate(180deg); }\n 62.5% { stroke-dashoffset: END_VALUE; transform: rotate(180deg); }\n 62.5001% { stroke-dashoffset: END_VALUE; transform: rotateX(180deg) rotate(251.5deg); }\n 75% { stroke-dashoffset: START_VALUE; transform: rotateX(180deg) rotate(251.5deg); }\n\n 75.0001% { stroke-dashoffset: START_VALUE; transform: rotate(90deg); }\n 87.5% { stroke-dashoffset: END_VALUE; transform: rotate(90deg); }\n 87.5001% { stroke-dashoffset: END_VALUE; transform: rotateX(180deg) rotate(341.5deg); }\n 100% { stroke-dashoffset: START_VALUE; transform: rotateX(180deg) rotate(341.5deg); }\n }\n".replace(/START_VALUE/g,""+.95*e).replace(/END_VALUE/g,""+.2*e).replace(/DIAMETER/g,""+this._spinnerAnimationLabel)},t.prototype._getSpinnerAnimationLabel=function(){return this.diameter.toString().replace(".","_")},t}(d);l._diameters=new WeakMap,l.decorators=[{type:t.Component,args:[{selector:"mat-progress-spinner",exportAs:"matProgressSpinner",host:{role:"progressbar",class:"mat-progress-spinner",tabindex:"-1","[class._mat-animation-noopable]":"_noopAnimations","[style.width.px]":"diameter","[style.height.px]":"diameter","[attr.aria-valuemin]":'mode === "determinate" ? 0 : null',"[attr.aria-valuemax]":'mode === "determinate" ? 100 : null',"[attr.aria-valuenow]":'mode === "determinate" ? value : null',"[attr.mode]":"mode"},inputs:["color"],template:'\x3c!--\n preserveAspectRatio of xMidYMid meet as the center of the viewport is the circle\'s\n center. The center of the circle will remain at the center of the mat-progress-spinner\n element containing the SVG. `focusable="false"` prevents IE from allowing the user to\n tab into the SVG element.\n--\x3e\n\x3c!--\n All children need to be hidden for screen readers in order to support ChromeVox.\n More context in the issue: https://github.com/angular/components/issues/22165.\n--\x3e\n<svg\n [style.width.px]="diameter"\n [style.height.px]="diameter"\n [attr.viewBox]="_getViewBox()"\n preserveAspectRatio="xMidYMid meet"\n focusable="false"\n [ngSwitch]="mode === \'indeterminate\'"\n aria-hidden="true">\n\n \x3c!--\n Technically we can reuse the same `circle` element, however Safari has an issue that breaks\n the SVG rendering in determinate mode, after switching between indeterminate and determinate.\n Using a different element avoids the issue. An alternative to this is adding `display: none`\n for a split second and then removing it when switching between modes, but it\'s hard to know\n for how long to hide the element and it can cause the UI to blink.\n --\x3e\n <circle\n *ngSwitchCase="true"\n cx="50%"\n cy="50%"\n [attr.r]="_getCircleRadius()"\n [style.animation-name]="\'mat-progress-spinner-stroke-rotate-\' + _spinnerAnimationLabel"\n [style.stroke-dashoffset.px]="_getStrokeDashOffset()"\n [style.stroke-dasharray.px]="_getStrokeCircumference()"\n [style.stroke-width.%]="_getCircleStrokeWidth()"></circle>\n\n <circle\n *ngSwitchCase="false"\n cx="50%"\n cy="50%"\n [attr.r]="_getCircleRadius()"\n [style.stroke-dashoffset.px]="_getStrokeDashOffset()"\n [style.stroke-dasharray.px]="_getStrokeCircumference()"\n [style.stroke-width.%]="_getCircleStrokeWidth()"></circle>\n</svg>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,styles:[".mat-progress-spinner{display:block;position:relative;overflow:hidden}.mat-progress-spinner svg{position:absolute;transform:rotate(-90deg);top:0;left:0;transform-origin:center;overflow:visible}.mat-progress-spinner circle{fill:transparent;transform-origin:center;transition:stroke-dashoffset 225ms linear}._mat-animation-noopable.mat-progress-spinner circle{transition:none;animation:none}.cdk-high-contrast-active .mat-progress-spinner circle{stroke:currentColor;stroke:CanvasText}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] svg{animation:mat-progress-spinner-linear-rotate 2000ms linear infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] svg{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition-property:stroke;animation-duration:4000ms;animation-timing-function:cubic-bezier(0.35, 0, 0.25, 1);animation-iteration-count:infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] svg{animation:mat-progress-spinner-stroke-rotate-fallback 10000ms cubic-bezier(0.87, 0.03, 0.33, 1) infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] svg{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition-property:stroke}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition:none;animation:none}@keyframes mat-progress-spinner-linear-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes mat-progress-spinner-stroke-rotate-100{0%{stroke-dashoffset:268.606171575px;transform:rotate(0)}12.5%{stroke-dashoffset:56.5486677px;transform:rotate(0)}12.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(72.5deg)}25%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(72.5deg)}25.0001%{stroke-dashoffset:268.606171575px;transform:rotate(270deg)}37.5%{stroke-dashoffset:56.5486677px;transform:rotate(270deg)}37.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(161.5deg)}50%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(161.5deg)}50.0001%{stroke-dashoffset:268.606171575px;transform:rotate(180deg)}62.5%{stroke-dashoffset:56.5486677px;transform:rotate(180deg)}62.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(251.5deg)}75%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(251.5deg)}75.0001%{stroke-dashoffset:268.606171575px;transform:rotate(90deg)}87.5%{stroke-dashoffset:56.5486677px;transform:rotate(90deg)}87.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(341.5deg)}100%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(341.5deg)}}@keyframes mat-progress-spinner-stroke-rotate-fallback{0%{transform:rotate(0deg)}25%{transform:rotate(1170deg)}50%{transform:rotate(2340deg)}75%{transform:rotate(3510deg)}100%{transform:rotate(4680deg)}}\n"]}]}],l.ctorParameters=function(){return[{type:t.ElementRef},{type:a.Platform},{type:void 0,decorators:[{type:t.Optional},{type:t.Inject,args:[r.DOCUMENT]}]},{type:String,decorators:[{type:t.Optional},{type:t.Inject,args:[s.ANIMATION_MODULE_TYPE]}]},{type:void 0,decorators:[{type:t.Inject,args:[f]}]}]},l.propDecorators={diameter:[{type:t.Input}],strokeWidth:[{type:t.Input}],mode:[{type:t.Input}],value:[{type:t.Input}]};var g,h=function(e){function t(t,r,n,o,a){var s=e.call(this,t,r,n,o,a)||this;return s.mode="indeterminate",s}return m(t,e),t}(l);h.decorators=[{type:t.Component,args:[{selector:"mat-spinner",host:{role:"progressbar",mode:"indeterminate",class:"mat-spinner mat-progress-spinner","[class._mat-animation-noopable]":"_noopAnimations","[style.width.px]":"diameter","[style.height.px]":"diameter"},inputs:["color"],template:'\x3c!--\n preserveAspectRatio of xMidYMid meet as the center of the viewport is the circle\'s\n center. The center of the circle will remain at the center of the mat-progress-spinner\n element containing the SVG. `focusable="false"` prevents IE from allowing the user to\n tab into the SVG element.\n--\x3e\n\x3c!--\n All children need to be hidden for screen readers in order to support ChromeVox.\n More context in the issue: https://github.com/angular/components/issues/22165.\n--\x3e\n<svg\n [style.width.px]="diameter"\n [style.height.px]="diameter"\n [attr.viewBox]="_getViewBox()"\n preserveAspectRatio="xMidYMid meet"\n focusable="false"\n [ngSwitch]="mode === \'indeterminate\'"\n aria-hidden="true">\n\n \x3c!--\n Technically we can reuse the same `circle` element, however Safari has an issue that breaks\n the SVG rendering in determinate mode, after switching between indeterminate and determinate.\n Using a different element avoids the issue. An alternative to this is adding `display: none`\n for a split second and then removing it when switching between modes, but it\'s hard to know\n for how long to hide the element and it can cause the UI to blink.\n --\x3e\n <circle\n *ngSwitchCase="true"\n cx="50%"\n cy="50%"\n [attr.r]="_getCircleRadius()"\n [style.animation-name]="\'mat-progress-spinner-stroke-rotate-\' + _spinnerAnimationLabel"\n [style.stroke-dashoffset.px]="_getStrokeDashOffset()"\n [style.stroke-dasharray.px]="_getStrokeCircumference()"\n [style.stroke-width.%]="_getCircleStrokeWidth()"></circle>\n\n <circle\n *ngSwitchCase="false"\n cx="50%"\n cy="50%"\n [attr.r]="_getCircleRadius()"\n [style.stroke-dashoffset.px]="_getStrokeDashOffset()"\n [style.stroke-dasharray.px]="_getStrokeCircumference()"\n [style.stroke-width.%]="_getCircleStrokeWidth()"></circle>\n</svg>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,styles:[".mat-progress-spinner{display:block;position:relative;overflow:hidden}.mat-progress-spinner svg{position:absolute;transform:rotate(-90deg);top:0;left:0;transform-origin:center;overflow:visible}.mat-progress-spinner circle{fill:transparent;transform-origin:center;transition:stroke-dashoffset 225ms linear}._mat-animation-noopable.mat-progress-spinner circle{transition:none;animation:none}.cdk-high-contrast-active .mat-progress-spinner circle{stroke:currentColor;stroke:CanvasText}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] svg{animation:mat-progress-spinner-linear-rotate 2000ms linear infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] svg{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition-property:stroke;animation-duration:4000ms;animation-timing-function:cubic-bezier(0.35, 0, 0.25, 1);animation-iteration-count:infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] svg{animation:mat-progress-spinner-stroke-rotate-fallback 10000ms cubic-bezier(0.87, 0.03, 0.33, 1) infinite}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] svg{transition:none;animation:none}.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition-property:stroke}._mat-animation-noopable.mat-progress-spinner.mat-progress-spinner-indeterminate-fallback-animation[mode=indeterminate] circle{transition:none;animation:none}@keyframes mat-progress-spinner-linear-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes mat-progress-spinner-stroke-rotate-100{0%{stroke-dashoffset:268.606171575px;transform:rotate(0)}12.5%{stroke-dashoffset:56.5486677px;transform:rotate(0)}12.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(72.5deg)}25%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(72.5deg)}25.0001%{stroke-dashoffset:268.606171575px;transform:rotate(270deg)}37.5%{stroke-dashoffset:56.5486677px;transform:rotate(270deg)}37.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(161.5deg)}50%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(161.5deg)}50.0001%{stroke-dashoffset:268.606171575px;transform:rotate(180deg)}62.5%{stroke-dashoffset:56.5486677px;transform:rotate(180deg)}62.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(251.5deg)}75%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(251.5deg)}75.0001%{stroke-dashoffset:268.606171575px;transform:rotate(90deg)}87.5%{stroke-dashoffset:56.5486677px;transform:rotate(90deg)}87.5001%{stroke-dashoffset:56.5486677px;transform:rotateX(180deg) rotate(341.5deg)}100%{stroke-dashoffset:268.606171575px;transform:rotateX(180deg) rotate(341.5deg)}}@keyframes mat-progress-spinner-stroke-rotate-fallback{0%{transform:rotate(0deg)}25%{transform:rotate(1170deg)}50%{transform:rotate(2340deg)}75%{transform:rotate(3510deg)}100%{transform:rotate(4680deg)}}\n"]}]}],h.ctorParameters=function(){return[{type:t.ElementRef},{type:a.Platform},{type:void 0,decorators:[{type:t.Optional},{type:t.Inject,args:[r.DOCUMENT]}]},{type:String,decorators:[{type:t.Optional},{type:t.Inject,args:[s.ANIMATION_MODULE_TYPE]}]},{type:void 0,decorators:[{type:t.Inject,args:[f]}]}]},(g=function g(){}).decorators=[{type:t.NgModule,args:[{imports:[n.MatCommonModule,r.CommonModule],exports:[l,h,n.MatCommonModule],declarations:[l,h]}]}], |
