UNPKG

angular-t9n

Version:
176 lines (164 loc) 9.77 kB
import {H as ge,I as ce,R as Xo,g,ah as le,D as D$1,bD as WS,e as en,bE as MT,bv as vH,ad as xm,L as Ls,bw as kh,o as Lm,J as Jl,bF as Fh,bG as Bm,w as Xb,d as bg,af as Ql,aF as od,P as Pm,bH as uC,ag as jo,ax as rd,ay as ey,az as ty,aE as Zb,bI as FC}from'./main-XWPOM5LO.js';var I=["determinateSpinner"];function z(i,V){if(i&1&&(kh(),Ls(0,"svg",11),Lm(1,"circle",12),Jl()),i&2){let e=Zb();Ql("viewBox",e._viewBox()),bg(),od("stroke-dasharray",e._strokeCircumference(),"px")("stroke-dashoffset",e._strokeCircumference()/2,"px")("stroke-width",e._circleStrokeWidth(),"%"),Ql("r",e._circleRadius());}}var D=new D$1("mat-progress-spinner-default-options",{providedIn:"root",factory:()=>({diameter:O})}),O=100,N=10,Z=(()=>{class i{_elementRef=g(le);_noopAnimations;get color(){return this._color||this._defaultColor}set color(e){this._color=e;}_color;_defaultColor="primary";_determinateCircle;constructor(){let e=g(D),n=WS(),r=this._elementRef.nativeElement;this._noopAnimations=n==="di-disabled"&&!!e&&!e._forceAnimations,this.mode=r.nodeName.toLowerCase()==="mat-spinner"?"indeterminate":"determinate",!this._noopAnimations&&n==="reduced-motion"&&r.classList.add("mat-progress-spinner-reduced-motion"),e&&(e.color&&(this.color=this._defaultColor=e.color),e.diameter&&(this.diameter=e.diameter),e.strokeWidth&&(this.strokeWidth=e.strokeWidth));}mode;get value(){return this.mode==="determinate"?this._value:0}set value(e){this._value=Math.max(0,Math.min(100,e||0));}_value=0;get diameter(){return this._diameter}set diameter(e){this._diameter=e||0;}_diameter=O;get strokeWidth(){return this._strokeWidth??this.diameter/10}set strokeWidth(e){this._strokeWidth=e||0;}_strokeWidth;_circleRadius(){return (this.diameter-N)/2}_viewBox(){let e=this._circleRadius()*2+this.strokeWidth;return `0 0 ${e} ${e}`}_strokeCircumference(){return 2*Math.PI*this._circleRadius()}_strokeDashOffset(){return this.mode==="determinate"?this._strokeCircumference()*(100-this._value)/100:null}_circleStrokeWidth(){return this.strokeWidth/this.diameter*100}static \u0275fac=function(n){return new(n||i)};static \u0275cmp=en({type:i,selectors:[["mat-progress-spinner"],["mat-spinner"]],viewQuery:function(n,r){if(n&1&&rd(I,5),n&2){let s;ey(s=ty())&&(r._determinateCircle=s.first);}},hostAttrs:["role","progressbar","tabindex","-1",1,"mat-mdc-progress-spinner","mdc-circular-progress"],hostVars:18,hostBindings:function(n,r){n&2&&(Ql("aria-valuemin",0)("aria-valuemax",100)("aria-valuenow",r.mode==="determinate"?r.value:null)("mode",r.mode),uC("mat-"+r.color),od("width",r.diameter,"px")("height",r.diameter,"px")("--mat-progress-spinner-size",r.diameter+"px")("--mat-progress-spinner-active-indicator-width",r.diameter+"px"),jo("_mat-animation-noopable",r._noopAnimations)("mdc-circular-progress--indeterminate",r.mode==="indeterminate"));},inputs:{color:"color",mode:"mode",value:[2,"value","value",vH],diameter:[2,"diameter","diameter",vH],strokeWidth:[2,"strokeWidth","strokeWidth",vH]},exportAs:["matProgressSpinner"],decls:14,vars:11,consts:[["circle",""],["determinateSpinner",""],["aria-hidden","true",1,"mdc-circular-progress__determinate-container"],["xmlns","http://www.w3.org/2000/svg","focusable","false",1,"mdc-circular-progress__determinate-circle-graphic"],["cx","50%","cy","50%",1,"mdc-circular-progress__determinate-circle"],["aria-hidden","true",1,"mdc-circular-progress__indeterminate-container"],[1,"mdc-circular-progress__spinner-layer"],[1,"mdc-circular-progress__circle-clipper","mdc-circular-progress__circle-left"],[3,"ngTemplateOutlet"],[1,"mdc-circular-progress__gap-patch"],[1,"mdc-circular-progress__circle-clipper","mdc-circular-progress__circle-right"],["xmlns","http://www.w3.org/2000/svg","focusable","false",1,"mdc-circular-progress__indeterminate-circle-graphic"],["cx","50%","cy","50%"]],template:function(n,r){if(n&1&&(xm(0,z,2,8,"ng-template",null,0,FC),Ls(2,"div",2,1),kh(),Ls(4,"svg",3),Lm(5,"circle",4),Jl()(),Fh(),Ls(6,"div",5)(7,"div",6)(8,"div",7),Bm(9,8),Jl(),Ls(10,"div",9),Bm(11,8),Jl(),Ls(12,"div",10),Bm(13,8),Jl()()()),n&2){let s=Xb(1);bg(4),Ql("viewBox",r._viewBox()),bg(),od("stroke-dasharray",r._strokeCircumference(),"px")("stroke-dashoffset",r._strokeDashOffset(),"px")("stroke-width",r._circleStrokeWidth(),"%"),Ql("r",r._circleRadius()),bg(4),Pm("ngTemplateOutlet",s),bg(2),Pm("ngTemplateOutlet",s),bg(2),Pm("ngTemplateOutlet",s);}},dependencies:[MT],styles:[`.mat-mdc-progress-spinner { --mat-progress-spinner-animation-multiplier: 1; display: block; overflow: hidden; line-height: 0; position: relative; direction: ltr; transition: opacity 250ms cubic-bezier(0.4, 0, 0.6, 1); } .mat-mdc-progress-spinner circle { stroke-width: var(--mat-progress-spinner-active-indicator-width, 4px); } .mat-mdc-progress-spinner._mat-animation-noopable, .mat-mdc-progress-spinner._mat-animation-noopable .mdc-circular-progress__determinate-circle { transition: none !important; } .mat-mdc-progress-spinner._mat-animation-noopable .mdc-circular-progress__indeterminate-circle-graphic, .mat-mdc-progress-spinner._mat-animation-noopable .mdc-circular-progress__spinner-layer, .mat-mdc-progress-spinner._mat-animation-noopable .mdc-circular-progress__indeterminate-container { animation: none !important; } .mat-mdc-progress-spinner._mat-animation-noopable .mdc-circular-progress__indeterminate-container circle { stroke-dasharray: 0 !important; } @media (forced-colors: active) { .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic, .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle { stroke: currentColor; stroke: CanvasText; } } .mat-progress-spinner-reduced-motion { --mat-progress-spinner-animation-multiplier: 1.25; } .mdc-circular-progress__determinate-container, .mdc-circular-progress__indeterminate-circle-graphic, .mdc-circular-progress__indeterminate-container, .mdc-circular-progress__spinner-layer { position: absolute; width: 100%; height: 100%; } .mdc-circular-progress__determinate-container { transform: rotate(-90deg); } .mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container { opacity: 0; } .mdc-circular-progress__indeterminate-container { font-size: 0; letter-spacing: 0; white-space: nowrap; opacity: 0; } .mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container { opacity: 1; animation: mdc-circular-progress-container-rotate calc(1568.2352941176ms * var(--mat-progress-spinner-animation-multiplier)) linear infinite; } .mdc-circular-progress__determinate-circle-graphic, .mdc-circular-progress__indeterminate-circle-graphic { fill: transparent; } .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle, .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic { stroke: var(--mat-progress-spinner-active-indicator-color, var(--mat-sys-primary)); } @media (forced-colors: active) { .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle, .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic { stroke: CanvasText; } } .mdc-circular-progress__determinate-circle { transition: stroke-dashoffset 500ms cubic-bezier(0, 0, 0.2, 1); } .mdc-circular-progress__gap-patch { position: absolute; top: 0; left: 47.5%; box-sizing: border-box; width: 5%; height: 100%; overflow: hidden; } .mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic { left: -900%; width: 2000%; transform: rotate(180deg); } .mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic { width: 200%; } .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic { left: -100%; } .mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic { animation: mdc-circular-progress-left-spin calc(1333ms * var(--mat-progress-spinner-animation-multiplier)) cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic { animation: mdc-circular-progress-right-spin calc(1333ms * var(--mat-progress-spinner-animation-multiplier)) cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .mdc-circular-progress__circle-clipper { display: inline-flex; position: relative; width: 50%; height: 100%; overflow: hidden; } .mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer { animation: mdc-circular-progress-spinner-layer-rotate calc(5332ms * var(--mat-progress-spinner-animation-multiplier)) cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @keyframes mdc-circular-progress-container-rotate { to { transform: rotate(360deg); } } @keyframes mdc-circular-progress-spinner-layer-rotate { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(1080deg); } } @keyframes mdc-circular-progress-left-spin { from { transform: rotate(265deg); } 50% { transform: rotate(130deg); } to { transform: rotate(265deg); } } @keyframes mdc-circular-progress-right-spin { from { transform: rotate(-265deg); } 50% { transform: rotate(-130deg); } to { transform: rotate(-265deg); } } `],encapsulation:2})}return i})();var J=(()=>{class i{static \u0275fac=function(n){return new(n||i)};static \u0275mod=ge({type:i});static \u0275inj=ce({imports:[Xo]})}return i})();export{J,Z};