UNPKG

angular-t9n

Version:
694 lines (647 loc) 60.8 kB
import {H as ge,I as ce,by as gv,R as Xo,g,ah as le,as as gd,at as de,G as Gd,ap as R,D,c1 as pH,c2 as jC,c3 as gH,b5 as A8,aA as st$1,F,i as xv,a4 as Qd,bi as go,k as Ai,K,c4 as kf,a6 as Ee$1,b9 as nr,a7 as pD,c5 as DH,e as en,bE as MT,b6 as Qm,ad as xm,L as Ls,c as Ym,t as pb,b7 as Xm,J as Jl,d as bg,ag as jo,C as gb,b3 as sd,c6 as ry,ax as rd,c7 as Qb,ay as ey,az as ty,c8 as ny,b8 as Jm,ai as xe,ae as Vm,af as Ql,bs as G,bx as ed,be as na,bf as ra,ar as Js,aE as Zb,o as Lm,P as Pm,w as Xb,n as O,E as EC,f as fy,bO as N,c9 as Ff,bI as FC}from'./main-XWPOM5LO.js';var W=class{_box;_destroyed=new F;_resizeSubject=new F;_resizeObserver;_elementObservables=new Map;constructor(r){this._box=r,typeof ResizeObserver<"u"&&(this._resizeObserver=new ResizeObserver(e=>this._resizeSubject.next(e)));}observe(r){return this._elementObservables.has(r)||this._elementObservables.set(r,new N(e=>{let i=this._resizeSubject.subscribe(e);return this._resizeObserver?.observe(r,{box:this._box}),()=>{this._resizeObserver?.unobserve(r),i.unsubscribe(),this._elementObservables.delete(r);}}).pipe(Ee$1(e=>e.some(i=>i.target===r)),Ff({bufferSize:1,refCount:true}),nr(this._destroyed))),this._elementObservables.get(r)}destroy(){this._destroyed.next(),this._destroyed.complete(),this._resizeSubject.complete(),this._elementObservables.clear();}},Se=(()=>{class t{_cleanupErrorListener;_observers=new Map;_ngZone=g(R);constructor(){}ngOnDestroy(){for(let[,e]of this._observers)e.destroy();this._observers.clear(),this._cleanupErrorListener?.();}observe(e,i){let n=i?.box||"content-box";return this._observers.has(n)||this._observers.set(n,new W(n)),this._observers.get(n).observe(e)}static \u0275fac=function(i){return new(i||t)};static \u0275prov=O({token:t,factory:t.\u0275fac})}return t})();var Ue=["notch"],Ze=["*"],Me=["iconPrefixContainer"],ze=["textPrefixContainer"],Le=["iconSuffixContainer"],Ee=["textSuffixContainer"],$e=["textField"],Ye=["*",[["mat-label"]],[["","matPrefix",""],["","matIconPrefix",""]],[["","matTextPrefix",""]],[["","matTextSuffix",""]],[["","matSuffix",""],["","matIconSuffix",""]],[["mat-error"],["","matError",""]],[["mat-hint",3,"align","end"]],[["mat-hint","align","end"]]],Xe=["*","mat-label","[matPrefix], [matIconPrefix]","[matTextPrefix]","[matTextSuffix]","[matSuffix], [matIconSuffix]","mat-error, [matError]","mat-hint:not([align='end'])","mat-hint[align='end']"];function Ke(t,r){t&1&&Lm(0,"span",21);}function Je(t,r){if(t&1&&(Ls(0,"label",20),Xm(1,1),pb(2,Ke,1,0,"span",21),Jl()),t&2){let e=Zb(2);Pm("floating",e._shouldLabelFloat())("monitorResize",e._hasOutline())("id",e._labelId),Ql("for",e._control.disableAutomaticLabeling?null:e._control.id),bg(2),gb(!e.hideRequiredMarker&&e._control.required?2:-1);}}function et(t,r){if(t&1&&pb(0,Je,3,5,"label",20),t&2){let e=Zb();gb(e._hasFloatingLabel()?0:-1);}}function tt(t,r){t&1&&Lm(0,"div",7);}function it(t,r){}function nt(t,r){if(t&1&&xm(0,it,0,0,"ng-template",13),t&2){Zb(2);let e=Xb(1);Pm("ngTemplateOutlet",e);}}function ot(t,r){if(t&1&&(Ls(0,"div",9),pb(1,nt,1,1,null,13),Jl()),t&2){let e=Zb();Pm("matFormFieldNotchedOutlineOpen",e._shouldLabelFloat()),bg(),gb(e._forceDisplayInfixLabel()?-1:1);}}function rt(t,r){t&1&&(Ls(0,"div",10,2),Xm(2,2),Jl());}function at(t,r){t&1&&(Ls(0,"div",11,3),Xm(2,3),Jl());}function lt(t,r){}function dt(t,r){if(t&1&&xm(0,lt,0,0,"ng-template",13),t&2){Zb();let e=Xb(1);Pm("ngTemplateOutlet",e);}}function mt(t,r){t&1&&(Ls(0,"div",14,4),Xm(2,4),Jl());}function ct(t,r){t&1&&(Ls(0,"div",15,5),Xm(2,5),Jl());}function st(t,r){t&1&&Lm(0,"div",16);}function ft(t,r){t&1&&(Ls(0,"div",18),Xm(1,6),Jl());}function ut(t,r){if(t&1&&(Ls(0,"mat-hint",22),EC(1),Jl()),t&2){let e=Zb(2);Pm("id",e._hintLabelId),bg(),fy(e.hintLabel);}}function pt(t,r){if(t&1&&(Ls(0,"div",19),pb(1,ut,2,2,"mat-hint",22),Xm(2,7),Lm(3,"div",23),Xm(4,8),Jl()),t&2){let e=Zb();bg(),gb(e.hintLabel?1:-1);}}var V=(()=>{class t{static \u0275fac=function(i){return new(i||t)};static \u0275dir=xe({type:t,selectors:[["mat-label"]]})}return t})(),Ae=new D("MatError"),ht=(()=>{class t{id=g(Gd).getId("mat-mdc-error-");static \u0275fac=function(i){return new(i||t)};static \u0275dir=xe({type:t,selectors:[["mat-error"],["","matError",""]],hostAttrs:[1,"mat-mdc-form-field-error","mat-mdc-form-field-bottom-align"],hostVars:1,hostBindings:function(i,n){i&2&&Vm("id",n.id);},inputs:{id:"id"},features:[sd([{provide:Ae,useExisting:t}])]})}return t})(),U=(()=>{class t{align="start";id=g(Gd).getId("mat-mdc-hint-");static \u0275fac=function(i){return new(i||t)};static \u0275dir=xe({type:t,selectors:[["mat-hint"]],hostAttrs:[1,"mat-mdc-form-field-hint","mat-mdc-form-field-bottom-align"],hostVars:4,hostBindings:function(i,n){i&2&&(Vm("id",n.id),Ql("align",null),jo("mat-mdc-form-field-hint-end",n.align==="end"));},inputs:{align:"align",id:"id"}})}return t})(),bt=new D("MatPrefix");var Ie=new D("MatSuffix"),xt=(()=>{class t{set _isTextSelector(e){this._isText=true;}_isText=false;static \u0275fac=function(i){return new(i||t)};static \u0275dir=xe({type:t,selectors:[["","matSuffix",""],["","matIconSuffix",""],["","matTextSuffix",""]],inputs:{_isTextSelector:[0,"matTextSuffix","_isTextSelector"]},features:[sd([{provide:Ie,useExisting:t}])]})}return t})(),Ne=new D("FloatingLabelParent"),Re=(()=>{class t{_elementRef=g(le);get floating(){return this._floating}set floating(e){this._floating=e,this.monitorResize&&this._handleResize();}_floating=false;get monitorResize(){return this._monitorResize}set monitorResize(e){this._monitorResize=e,this._monitorResize?this._subscribeToResize():this._resizeSubscription.unsubscribe();}_monitorResize=false;_resizeObserver=g(Se);_ngZone=g(R);_parent=g(Ne);_resizeSubscription=new G;ngOnDestroy(){this._resizeSubscription.unsubscribe();}getWidth(){return _t(this._elementRef.nativeElement)}get element(){return this._elementRef.nativeElement}_handleResize(){setTimeout(()=>this._parent._handleLabelResized());}_subscribeToResize(){this._resizeSubscription.unsubscribe(),this._ngZone.runOutsideAngular(()=>{this._resizeSubscription=this._resizeObserver.observe(this._elementRef.nativeElement,{box:"border-box"}).subscribe(()=>this._handleResize());});}static \u0275fac=function(i){return new(i||t)};static \u0275dir=xe({type:t,selectors:[["label","matFormFieldFloatingLabel",""]],hostAttrs:[1,"mdc-floating-label","mat-mdc-floating-label"],hostVars:2,hostBindings:function(i,n){i&2&&jo("mdc-floating-label--float-above",n.floating);},inputs:{floating:"floating",monitorResize:"monitorResize"}})}return t})();function _t(t){let r=t;if(r.offsetParent!==null)return r.scrollWidth;let e=r.cloneNode(true);e.style.setProperty("position","absolute"),e.style.setProperty("transform","translate(-9999px, -9999px)"),document.documentElement.appendChild(e);let i=e.scrollWidth;return e.remove(),i}var De="mdc-line-ripple--active",k="mdc-line-ripple--deactivating",Te=(()=>{class t{_elementRef=g(le);_cleanupTransitionEnd;constructor(){let e=g(R),i=g(Js);e.runOutsideAngular(()=>{this._cleanupTransitionEnd=i.listen(this._elementRef.nativeElement,"transitionend",this._handleTransitionEnd);});}activate(){let e=this._elementRef.nativeElement.classList;e.remove(k),e.add(De);}deactivate(){this._elementRef.nativeElement.classList.add(k);}_handleTransitionEnd=e=>{let i=this._elementRef.nativeElement.classList,n=i.contains(k);e.propertyName==="opacity"&&n&&i.remove(De,k);};ngOnDestroy(){this._cleanupTransitionEnd();}static \u0275fac=function(i){return new(i||t)};static \u0275dir=xe({type:t,selectors:[["div","matFormFieldLineRipple",""]],hostAttrs:[1,"mdc-line-ripple"]})}return t})(),Oe=(()=>{class t{_elementRef=g(le);_ngZone=g(R);open=false;_notch;ngAfterViewInit(){let e=this._elementRef.nativeElement,i=e.querySelector(".mdc-floating-label");i?(e.classList.add("mdc-notched-outline--upgraded"),typeof requestAnimationFrame=="function"&&(i.style.transitionDuration="0s",this._ngZone.runOutsideAngular(()=>{requestAnimationFrame(()=>i.style.transitionDuration="");}))):e.classList.add("mdc-notched-outline--no-label");}_setNotchWidth(e){let i=this._notch.nativeElement;!this.open||!e?i.style.width="":i.style.width=`calc(${e}px * var(--mat-mdc-form-field-floating-label-scale, 0.75) + 9px)`;}_setMaxWidth(e){this._notch.nativeElement.style.setProperty("--mat-form-field-notch-max-width",`calc(100% - ${e}px)`);}static \u0275fac=function(i){return new(i||t)};static \u0275cmp=en({type:t,selectors:[["div","matFormFieldNotchedOutline",""]],viewQuery:function(i,n){if(i&1&&rd(Ue,5),i&2){let o;ey(o=ty())&&(n._notch=o.first);}},hostAttrs:[1,"mdc-notched-outline"],hostVars:2,hostBindings:function(i,n){i&2&&jo("mdc-notched-outline--notched",n.open);},inputs:{open:[0,"matFormFieldNotchedOutlineOpen","open"]},ngContentSelectors:Ze,decls:5,vars:0,consts:[["notch",""],[1,"mat-mdc-notch-piece","mdc-notched-outline__leading"],[1,"mat-mdc-notch-piece","mdc-notched-outline__notch"],[1,"mat-mdc-notch-piece","mdc-notched-outline__trailing"]],template:function(i,n){i&1&&(Qm(),ed(0,"div",1),na(1,"div",2,0),Xm(3),ra(),ed(4,"div",3));},encapsulation:2})}return t})(),gt=(()=>{class t{value=null;stateChanges;id;placeholder;ngControl=null;focused=false;empty=false;shouldLabelFloat=false;required=false;disabled=false;errorState=false;controlType;autofilled;userAriaDescribedBy;disableAutomaticLabeling;describedByIds;static \u0275fac=function(i){return new(i||t)};static \u0275dir=xe({type:t})}return t})();var vt=new D("MatFormField"),yt=new D("MAT_FORM_FIELD_DEFAULT_OPTIONS"),ke="fill",Ft="auto",Pe="fixed",Ct="translateY(-50%)",Be=(()=>{class t{_elementRef=g(le);_changeDetectorRef=g(gd);_platform=g(de);_idGenerator=g(Gd);_ngZone=g(R);_defaults=g(yt,{optional:true});_currentDirection;_textField;_iconPrefixContainer;_textPrefixContainer;_iconSuffixContainer;_textSuffixContainer;_floatingLabel;_notchedOutline;_lineRipple;_iconPrefixContainerSignal=pH("iconPrefixContainer");_textPrefixContainerSignal=pH("textPrefixContainer");_iconSuffixContainerSignal=pH("iconSuffixContainer");_textSuffixContainerSignal=pH("textSuffixContainer");_prefixSuffixContainers=jC(()=>[this._iconPrefixContainerSignal(),this._textPrefixContainerSignal(),this._iconSuffixContainerSignal(),this._textSuffixContainerSignal()].map(e=>e?.nativeElement).filter(e=>e!==void 0));_formFieldControl;_prefixChildren;_suffixChildren;_errorChildren;_hintChildren;_labelChild=gH(V);get hideRequiredMarker(){return this._hideRequiredMarker}set hideRequiredMarker(e){this._hideRequiredMarker=A8(e);}_hideRequiredMarker=false;color="primary";get floatLabel(){return this._floatLabel||this._defaults?.floatLabel||Ft}set floatLabel(e){e!==this._floatLabel&&(this._floatLabel=e,this._changeDetectorRef.markForCheck());}_floatLabel;get appearance(){return this._appearanceSignal()}set appearance(e){let i=e||this._defaults?.appearance||ke;this._appearanceSignal.set(i);}_appearanceSignal=st$1(ke);get subscriptSizing(){return this._subscriptSizing||this._defaults?.subscriptSizing||Pe}set subscriptSizing(e){this._subscriptSizing=e||this._defaults?.subscriptSizing||Pe;}_subscriptSizing=null;get hintLabel(){return this._hintLabel}set hintLabel(e){this._hintLabel=e,this._processHints();}_hintLabel="";_hasIconPrefix=false;_hasTextPrefix=false;_hasIconSuffix=false;_hasTextSuffix=false;_labelId=this._idGenerator.getId("mat-mdc-form-field-label-");_hintLabelId=this._idGenerator.getId("mat-mdc-hint-");_describedByIds;get _control(){return this._explicitFormFieldControl||this._formFieldControl}set _control(e){this._explicitFormFieldControl=e;}_destroyed=new F;_isFocused=null;_explicitFormFieldControl;_previousControl=null;_previousControlValidatorFn=null;_stateChanges;_valueChanges;_describedByChanges;_outlineLabelOffsetResizeObserver=null;_animationsDisabled=xv();constructor(){let e=this._defaults,i=g(Qd);e&&(e.appearance&&(this.appearance=e.appearance),this._hideRequiredMarker=!!e?.hideRequiredMarker,e.color&&(this.color=e.color)),go(()=>this._currentDirection=i.valueSignal()),this._syncOutlineLabelOffset();}ngAfterViewInit(){this._updateFocusState(),this._animationsDisabled||this._ngZone.runOutsideAngular(()=>{setTimeout(()=>{this._elementRef.nativeElement.classList.add("mat-form-field-animations-enabled");},300);}),this._changeDetectorRef.detectChanges();}ngAfterContentInit(){this._assertFormFieldControl(),this._initializeSubscript(),this._initializePrefixAndSuffix();}ngAfterContentChecked(){this._assertFormFieldControl(),this._control!==this._previousControl&&(this._initializeControl(this._previousControl),this._control.ngControl&&this._control.ngControl.control&&(this._previousControlValidatorFn=this._control.ngControl.control.validator),this._previousControl=this._control),this._control.ngControl&&this._control.ngControl.control&&this._control.ngControl.control.validator!==this._previousControlValidatorFn&&this._changeDetectorRef.markForCheck();}ngOnDestroy(){this._outlineLabelOffsetResizeObserver?.disconnect(),this._stateChanges?.unsubscribe(),this._valueChanges?.unsubscribe(),this._describedByChanges?.unsubscribe(),this._destroyed.next(),this._destroyed.complete();}getLabelId=jC(()=>this._hasFloatingLabel()?this._labelId:null);getConnectedOverlayOrigin(){return this._textField||this._elementRef}_animateAndLockLabel(){this._hasFloatingLabel()&&(this.floatLabel="always");}_initializeControl(e){let i=this._control,n="mat-mdc-form-field-type-";e&&this._elementRef.nativeElement.classList.remove(n+e.controlType),i.controlType&&this._elementRef.nativeElement.classList.add(n+i.controlType),this._stateChanges?.unsubscribe(),this._stateChanges=i.stateChanges.subscribe(()=>{this._updateFocusState(),this._changeDetectorRef.markForCheck();}),this._describedByChanges?.unsubscribe(),this._describedByChanges=i.stateChanges.pipe(Ai([void 0,void 0]),K(()=>[i.errorState,i.userAriaDescribedBy]),kf(),Ee$1(([[o,a],[b,P]])=>o!==b||a!==P)).subscribe(()=>this._syncDescribedByIds()),this._valueChanges?.unsubscribe(),i.ngControl&&i.ngControl.valueChanges&&(this._valueChanges=i.ngControl.valueChanges.pipe(nr(this._destroyed)).subscribe(()=>this._changeDetectorRef.markForCheck()));}_checkPrefixAndSuffixTypes(){this._hasIconPrefix=!!this._prefixChildren.find(e=>!e._isText),this._hasTextPrefix=!!this._prefixChildren.find(e=>e._isText),this._hasIconSuffix=!!this._suffixChildren.find(e=>!e._isText),this._hasTextSuffix=!!this._suffixChildren.find(e=>e._isText);}_initializePrefixAndSuffix(){this._checkPrefixAndSuffixTypes(),pD(this._prefixChildren.changes,this._suffixChildren.changes).subscribe(()=>{this._checkPrefixAndSuffixTypes(),this._changeDetectorRef.markForCheck();});}_initializeSubscript(){this._hintChildren.changes.subscribe(()=>{this._processHints(),this._changeDetectorRef.markForCheck();}),this._errorChildren.changes.subscribe(()=>{this._syncDescribedByIds(),this._changeDetectorRef.markForCheck();}),this._validateHints(),this._syncDescribedByIds();}_assertFormFieldControl(){this._control;}_updateFocusState(){let e=this._control.focused;e&&!this._isFocused?(this._isFocused=true,this._lineRipple?.activate()):!e&&(this._isFocused||this._isFocused===null)&&(this._isFocused=false,this._lineRipple?.deactivate()),this._elementRef.nativeElement.classList.toggle("mat-focused",e),this._textField?.nativeElement.classList.toggle("mdc-text-field--focused",e);}_syncOutlineLabelOffset(){DH({earlyRead:()=>{if(this._appearanceSignal()!=="outline")return this._outlineLabelOffsetResizeObserver?.disconnect(),null;if(globalThis.ResizeObserver){this._outlineLabelOffsetResizeObserver||=new globalThis.ResizeObserver(()=>{this._writeOutlinedLabelStyles(this._getOutlinedLabelOffset());});for(let e of this._prefixSuffixContainers())this._outlineLabelOffsetResizeObserver.observe(e,{box:"border-box"});}return this._getOutlinedLabelOffset()},write:e=>this._writeOutlinedLabelStyles(e())});}_shouldAlwaysFloat(){return this.floatLabel==="always"}_hasOutline(){return this.appearance==="outline"}_forceDisplayInfixLabel(){return !this._platform.isBrowser&&this._prefixChildren.length&&!this._shouldLabelFloat()}_hasFloatingLabel=jC(()=>!!this._labelChild());_shouldLabelFloat(){return this._hasFloatingLabel()?this._control.shouldLabelFloat||this._shouldAlwaysFloat():false}_shouldForward(e){let i=this._control?this._control.ngControl:null;return i&&i[e]}_getSubscriptMessageType(){return this._errorChildren&&this._errorChildren.length>0&&this._control.errorState?"error":"hint"}_handleLabelResized(){this._refreshOutlineNotchWidth();}_refreshOutlineNotchWidth(){!this._hasOutline()||!this._floatingLabel||!this._shouldLabelFloat()?this._notchedOutline?._setNotchWidth(0):this._notchedOutline?._setNotchWidth(this._floatingLabel.getWidth());}_processHints(){this._validateHints(),this._syncDescribedByIds();}_validateHints(){this._hintChildren;}_syncDescribedByIds(){if(this._control){let e=[];if(this._control.userAriaDescribedBy&&typeof this._control.userAriaDescribedBy=="string"&&e.push(...this._control.userAriaDescribedBy.split(" ")),this._getSubscriptMessageType()==="hint"){let o=this._hintChildren?this._hintChildren.find(b=>b.align==="start"):null,a=this._hintChildren?this._hintChildren.find(b=>b.align==="end"):null;o?e.push(o.id):this._hintLabel&&e.push(this._hintLabelId),a&&e.push(a.id);}else this._errorChildren&&e.push(...this._errorChildren.map(o=>o.id));let i=this._control.describedByIds,n;if(i){let o=this._describedByIds||e;n=e.concat(i.filter(a=>a&&!o.includes(a)));}else n=e;this._control.setDescribedByIds(n),this._describedByIds=e;}}_getOutlinedLabelOffset(){if(!this._hasOutline()||!this._floatingLabel)return null;if(!this._iconPrefixContainer&&!this._textPrefixContainer)return ["",null];if(!this._isAttachedToDom())return null;let e=this._iconPrefixContainer?.nativeElement,i=this._textPrefixContainer?.nativeElement,n=this._iconSuffixContainer?.nativeElement,o=this._textSuffixContainer?.nativeElement,a=e?.getBoundingClientRect().width??0,b=i?.getBoundingClientRect().width??0,P=n?.getBoundingClientRect().width??0,He=o?.getBoundingClientRect().width??0,Qe=this._currentDirection==="rtl"?"-1":"1",je=`${a+b}px`,We=`calc(${Qe} * (${je} + var(--mat-mdc-form-field-label-offset-x, 0px)))`,Ge=`var(--mat-mdc-form-field-label-transform, ${Ct} translateX(${We}))`,Ve=a+b+P+He;return [Ge,Ve]}_writeOutlinedLabelStyles(e){if(e!==null){let[i,n]=e;this._floatingLabel&&(this._floatingLabel.element.style.transform=i),n!==null&&this._notchedOutline?._setMaxWidth(n);}}_isAttachedToDom(){let e=this._elementRef.nativeElement;if(e.getRootNode){let i=e.getRootNode();return i&&i!==e}return document.documentElement.contains(e)}static \u0275fac=function(i){return new(i||t)};static \u0275cmp=en({type:t,selectors:[["mat-form-field"]],contentQueries:function(i,n,o){if(i&1&&(ny(o,n._labelChild,V,5),Jm(o,gt,5)(o,bt,5)(o,Ie,5)(o,Ae,5)(o,U,5)),i&2){Qb();let a;ey(a=ty())&&(n._formFieldControl=a.first),ey(a=ty())&&(n._prefixChildren=a),ey(a=ty())&&(n._suffixChildren=a),ey(a=ty())&&(n._errorChildren=a),ey(a=ty())&&(n._hintChildren=a);}},viewQuery:function(i,n){if(i&1&&(ry(n._iconPrefixContainerSignal,Me,5)(n._textPrefixContainerSignal,ze,5)(n._iconSuffixContainerSignal,Le,5)(n._textSuffixContainerSignal,Ee,5),rd($e,5)(Me,5)(ze,5)(Le,5)(Ee,5)(Re,5)(Oe,5)(Te,5)),i&2){Qb(4);let o;ey(o=ty())&&(n._textField=o.first),ey(o=ty())&&(n._iconPrefixContainer=o.first),ey(o=ty())&&(n._textPrefixContainer=o.first),ey(o=ty())&&(n._iconSuffixContainer=o.first),ey(o=ty())&&(n._textSuffixContainer=o.first),ey(o=ty())&&(n._floatingLabel=o.first),ey(o=ty())&&(n._notchedOutline=o.first),ey(o=ty())&&(n._lineRipple=o.first);}},hostAttrs:[1,"mat-mdc-form-field"],hostVars:38,hostBindings:function(i,n){i&2&&jo("mat-mdc-form-field-label-always-float",n._shouldAlwaysFloat())("mat-mdc-form-field-has-icon-prefix",n._hasIconPrefix)("mat-mdc-form-field-has-icon-suffix",n._hasIconSuffix)("mat-form-field-invalid",n._control.errorState)("mat-form-field-disabled",n._control.disabled)("mat-form-field-autofilled",n._control.autofilled)("mat-form-field-appearance-fill",n.appearance=="fill")("mat-form-field-appearance-outline",n.appearance=="outline")("mat-form-field-hide-placeholder",n._hasFloatingLabel()&&!n._shouldLabelFloat())("mat-primary",n.color!=="accent"&&n.color!=="warn")("mat-accent",n.color==="accent")("mat-warn",n.color==="warn")("ng-untouched",n._shouldForward("untouched"))("ng-touched",n._shouldForward("touched"))("ng-pristine",n._shouldForward("pristine"))("ng-dirty",n._shouldForward("dirty"))("ng-valid",n._shouldForward("valid"))("ng-invalid",n._shouldForward("invalid"))("ng-pending",n._shouldForward("pending"));},inputs:{hideRequiredMarker:"hideRequiredMarker",color:"color",floatLabel:"floatLabel",appearance:"appearance",subscriptSizing:"subscriptSizing",hintLabel:"hintLabel"},exportAs:["matFormField"],features:[sd([{provide:vt,useExisting:t},{provide:Ne,useExisting:t}])],ngContentSelectors:Xe,decls:18,vars:21,consts:[["labelTemplate",""],["textField",""],["iconPrefixContainer",""],["textPrefixContainer",""],["textSuffixContainer",""],["iconSuffixContainer",""],[1,"mat-mdc-text-field-wrapper","mdc-text-field",3,"click"],[1,"mat-mdc-form-field-focus-overlay"],[1,"mat-mdc-form-field-flex"],["matFormFieldNotchedOutline","",3,"matFormFieldNotchedOutlineOpen"],[1,"mat-mdc-form-field-icon-prefix"],[1,"mat-mdc-form-field-text-prefix"],[1,"mat-mdc-form-field-infix"],[3,"ngTemplateOutlet"],[1,"mat-mdc-form-field-text-suffix"],[1,"mat-mdc-form-field-icon-suffix"],["matFormFieldLineRipple",""],["aria-atomic","true","aria-live","polite",1,"mat-mdc-form-field-subscript-wrapper","mat-mdc-form-field-bottom-align"],[1,"mat-mdc-form-field-error-wrapper"],[1,"mat-mdc-form-field-hint-wrapper"],["matFormFieldFloatingLabel","",3,"floating","monitorResize","id"],["aria-hidden","true",1,"mat-mdc-form-field-required-marker","mdc-floating-label--required"],[3,"id"],[1,"mat-mdc-form-field-hint-spacer"]],template:function(i,n){if(i&1&&(Qm(Ye),xm(0,et,1,1,"ng-template",null,0,FC),Ls(2,"div",6,1),Ym("click",function(a){return n._control.onContainerClick(a)}),pb(4,tt,1,0,"div",7),Ls(5,"div",8),pb(6,ot,2,2,"div",9),pb(7,rt,3,0,"div",10),pb(8,at,3,0,"div",11),Ls(9,"div",12),pb(10,dt,1,1,null,13),Xm(11),Jl(),pb(12,mt,3,0,"div",14),pb(13,ct,3,0,"div",15),Jl(),pb(14,st,1,0,"div",16),Jl(),Ls(15,"div",17),pb(16,ft,2,0,"div",18)(17,pt,5,1,"div",19),Jl()),i&2){let o;bg(2),jo("mdc-text-field--filled",!n._hasOutline())("mdc-text-field--outlined",n._hasOutline())("mdc-text-field--no-label",!n._hasFloatingLabel())("mdc-text-field--disabled",n._control.disabled)("mdc-text-field--invalid",n._control.errorState),bg(2),gb(!n._hasOutline()&&!n._control.disabled?4:-1),bg(2),gb(n._hasOutline()?6:-1),bg(),gb(n._hasIconPrefix?7:-1),bg(),gb(n._hasTextPrefix?8:-1),bg(2),gb(!n._hasOutline()||n._forceDisplayInfixLabel()?10:-1),bg(2),gb(n._hasTextSuffix?12:-1),bg(),gb(n._hasIconSuffix?13:-1),bg(),gb(n._hasOutline()?-1:14),bg(),jo("mat-mdc-form-field-subscript-dynamic-size",n.subscriptSizing==="dynamic");let a=n._getSubscriptMessageType();bg(),gb((o=a)==="error"?16:o==="hint"?17:-1);}},dependencies:[Re,Oe,MT,Te,U],styles:[`.mdc-text-field { display: inline-flex; align-items: baseline; padding: 0 16px; position: relative; box-sizing: border-box; overflow: hidden; will-change: opacity, transform, color; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .mdc-text-field__input { width: 100%; min-width: 0; border: none; border-radius: 0; background: none; padding: 0; -moz-appearance: none; -webkit-appearance: none; height: 28px; } .mdc-text-field__input::-webkit-calendar-picker-indicator, .mdc-text-field__input::-webkit-search-cancel-button { display: none; } .mdc-text-field__input::-ms-clear { display: none; } .mdc-text-field__input:focus { outline: none; } .mdc-text-field__input:invalid { box-shadow: none; } .mdc-text-field__input::placeholder { opacity: 0; } .mdc-text-field__input::-moz-placeholder { opacity: 0; } .mdc-text-field__input::-webkit-input-placeholder { opacity: 0; } .mdc-text-field__input:-ms-input-placeholder { opacity: 0; } .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder { opacity: 1; } .mdc-text-field--no-label .mdc-text-field__input::-moz-placeholder, .mdc-text-field--focused .mdc-text-field__input::-moz-placeholder { opacity: 1; } .mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder { opacity: 1; } .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder { opacity: 1; } .mdc-text-field--disabled:not(.mdc-text-field--no-label) .mdc-text-field__input.mat-mdc-input-disabled-interactive::placeholder { opacity: 0; } .mdc-text-field--disabled:not(.mdc-text-field--no-label) .mdc-text-field__input.mat-mdc-input-disabled-interactive::-moz-placeholder { opacity: 0; } .mdc-text-field--disabled:not(.mdc-text-field--no-label) .mdc-text-field__input.mat-mdc-input-disabled-interactive::-webkit-input-placeholder { opacity: 0; } .mdc-text-field--disabled:not(.mdc-text-field--no-label) .mdc-text-field__input.mat-mdc-input-disabled-interactive:-ms-input-placeholder { opacity: 0; } .mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input { height: 100%; } .mdc-text-field--outlined .mdc-text-field__input { display: flex; border: none !important; background-color: transparent; } .mdc-text-field--disabled .mdc-text-field__input { pointer-events: auto; } .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input { color: var(--mat-form-field-filled-input-text-color, var(--mat-sys-on-surface)); caret-color: var(--mat-form-field-filled-caret-color, var(--mat-sys-primary)); } .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { color: var(--mat-form-field-filled-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); } .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder { color: var(--mat-form-field-filled-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); } .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { color: var(--mat-form-field-filled-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); } .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { color: var(--mat-form-field-filled-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input { color: var(--mat-form-field-outlined-input-text-color, var(--mat-sys-on-surface)); caret-color: var(--mat-form-field-outlined-caret-color, var(--mat-sys-primary)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder { color: var(--mat-form-field-outlined-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder { color: var(--mat-form-field-outlined-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder { color: var(--mat-form-field-outlined-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder { color: var(--mat-form-field-outlined-input-text-placeholder-color, var(--mat-sys-on-surface-variant)); } .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input { caret-color: var(--mat-form-field-filled-error-caret-color, var(--mat-sys-error)); } .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input { caret-color: var(--mat-form-field-outlined-error-caret-color, var(--mat-sys-error)); } .mdc-text-field--filled.mdc-text-field--disabled .mdc-text-field__input { color: var(--mat-form-field-filled-disabled-input-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { color: var(--mat-form-field-outlined-disabled-input-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } @media (forced-colors: active) { .mdc-text-field--disabled .mdc-text-field__input { background-color: Window; } } .mdc-text-field--filled { height: 56px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: var(--mat-form-field-filled-container-shape, var(--mat-sys-corner-extra-small)); border-top-right-radius: var(--mat-form-field-filled-container-shape, var(--mat-sys-corner-extra-small)); } .mdc-text-field--filled:not(.mdc-text-field--disabled) { background-color: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant)); } .mdc-text-field--filled.mdc-text-field--disabled { background-color: var(--mat-form-field-filled-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent)); } .mdc-text-field--outlined { height: 56px; overflow: visible; padding-right: max(16px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small))); padding-left: max(16px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)) + 4px); } [dir=rtl] .mdc-text-field--outlined { padding-right: max(16px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)) + 4px); padding-left: max(16px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small))); } .mdc-floating-label { position: absolute; left: 0; transform-origin: left top; line-height: 1.15rem; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: text; overflow: hidden; will-change: transform; } [dir=rtl] .mdc-floating-label { right: 0; left: auto; transform-origin: right top; text-align: right; } .mdc-text-field .mdc-floating-label { top: 50%; transform: translateY(-50%); pointer-events: none; } .mdc-notched-outline .mdc-floating-label { display: inline-block; position: relative; max-width: 100%; } .mdc-text-field--outlined .mdc-floating-label { left: 4px; right: auto; } [dir=rtl] .mdc-text-field--outlined .mdc-floating-label { left: auto; right: 4px; } .mdc-text-field--filled .mdc-floating-label { left: 16px; right: auto; } [dir=rtl] .mdc-text-field--filled .mdc-floating-label { left: auto; right: 16px; } .mdc-text-field--disabled .mdc-floating-label { cursor: default; } @media (forced-colors: active) { .mdc-text-field--disabled .mdc-floating-label { z-index: 1; } } .mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label { display: none; } .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label { color: var(--mat-form-field-filled-label-text-color, var(--mat-sys-on-surface-variant)); } .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label { color: var(--mat-form-field-filled-focus-label-text-color, var(--mat-sys-primary)); } .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label { color: var(--mat-form-field-filled-hover-label-text-color, var(--mat-sys-on-surface-variant)); } .mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label { color: var(--mat-form-field-filled-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-floating-label { color: var(--mat-form-field-filled-error-label-text-color, var(--mat-sys-error)); } .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mdc-floating-label { color: var(--mat-form-field-filled-error-focus-label-text-color, var(--mat-sys-error)); } .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-floating-label { color: var(--mat-form-field-filled-error-hover-label-text-color, var(--mat-sys-on-error-container)); } .mdc-text-field--filled .mdc-floating-label { font-family: var(--mat-form-field-filled-label-text-font, var(--mat-sys-body-large-font)); font-size: var(--mat-form-field-filled-label-text-size, var(--mat-sys-body-large-size)); font-weight: var(--mat-form-field-filled-label-text-weight, var(--mat-sys-body-large-weight)); letter-spacing: var(--mat-form-field-filled-label-text-tracking, var(--mat-sys-body-large-tracking)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label { color: var(--mat-form-field-outlined-label-text-color, var(--mat-sys-on-surface-variant)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label { color: var(--mat-form-field-outlined-focus-label-text-color, var(--mat-sys-primary)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label { color: var(--mat-form-field-outlined-hover-label-text-color, var(--mat-sys-on-surface)); } .mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label { color: var(--mat-form-field-outlined-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-floating-label { color: var(--mat-form-field-outlined-error-label-text-color, var(--mat-sys-error)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mdc-floating-label { color: var(--mat-form-field-outlined-error-focus-label-text-color, var(--mat-sys-error)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-floating-label { color: var(--mat-form-field-outlined-error-hover-label-text-color, var(--mat-sys-on-error-container)); } .mdc-text-field--outlined .mdc-floating-label { font-family: var(--mat-form-field-outlined-label-text-font, var(--mat-sys-body-large-font)); font-size: var(--mat-form-field-outlined-label-text-size, var(--mat-sys-body-large-size)); font-weight: var(--mat-form-field-outlined-label-text-weight, var(--mat-sys-body-large-weight)); letter-spacing: var(--mat-form-field-outlined-label-text-tracking, var(--mat-sys-body-large-tracking)); } .mdc-floating-label--float-above { cursor: auto; transform: translateY(-106%) scale(0.75); } .mdc-text-field--filled .mdc-floating-label--float-above { transform: translateY(-106%) scale(0.75); } .mdc-text-field--outlined .mdc-floating-label--float-above { transform: translateY(-37.25px) scale(1); font-size: 0.75rem; } .mdc-notched-outline .mdc-floating-label--float-above { text-overflow: clip; } .mdc-notched-outline--upgraded .mdc-floating-label--float-above { max-width: 133.3333333333%; } .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-34.75px) scale(0.75); } .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after { margin-left: 1px; margin-right: 0; content: "*"; } [dir=rtl] .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after { margin-left: 0; margin-right: 1px; } .mdc-notched-outline { display: flex; position: absolute; top: 0; right: 0; left: 0; box-sizing: border-box; width: 100%; max-width: 100%; height: 100%; text-align: left; pointer-events: none; } [dir=rtl] .mdc-notched-outline { text-align: right; } .mdc-text-field--outlined .mdc-notched-outline { z-index: 1; } .mat-mdc-notch-piece { box-sizing: border-box; height: 100%; pointer-events: none; border: none; border-top: 1px solid; border-bottom: 1px solid; } .mdc-text-field--focused .mat-mdc-notch-piece { border-width: 2px; } .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mat-mdc-notch-piece { border-color: var(--mat-form-field-outlined-outline-color, var(--mat-sys-outline)); border-width: var(--mat-form-field-outlined-outline-width, 1px); } .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mat-mdc-notch-piece { border-color: var(--mat-form-field-outlined-hover-outline-color, var(--mat-sys-on-surface)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece { border-color: var(--mat-form-field-outlined-focus-outline-color, var(--mat-sys-primary)); } .mdc-text-field--outlined.mdc-text-field--disabled .mat-mdc-notch-piece { border-color: var(--mat-form-field-outlined-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid .mat-mdc-notch-piece { border-color: var(--mat-form-field-outlined-error-outline-color, var(--mat-sys-error)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--focused):hover .mdc-notched-outline .mat-mdc-notch-piece { border-color: var(--mat-form-field-outlined-error-hover-outline-color, var(--mat-sys-on-error-container)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid.mdc-text-field--focused .mat-mdc-notch-piece { border-color: var(--mat-form-field-outlined-error-focus-outline-color, var(--mat-sys-error)); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mat-mdc-notch-piece { border-width: var(--mat-form-field-outlined-focus-outline-width, 2px); } .mdc-notched-outline__leading { border-left: 1px solid; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); border-bottom-left-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); } .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { width: max(12px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small))); } [dir=rtl] .mdc-notched-outline__leading { border-left: none; border-right: 1px solid; border-bottom-left-radius: 0; border-top-left-radius: 0; border-top-right-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); border-bottom-right-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); } .mdc-notched-outline__trailing { flex-grow: 1; border-left: none; border-right: 1px solid; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); border-bottom-right-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); } [dir=rtl] .mdc-notched-outline__trailing { border-left: 1px solid; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); border-bottom-left-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small)); } .mdc-notched-outline__notch { flex: 0 0 auto; width: auto; } .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch { max-width: min(var(--mat-form-field-notch-max-width, 100%), calc(100% - max(12px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small))) * 2)); } .mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { max-width: min(100%, calc(100% - max(12px, var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small))) * 2)); } .mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { padding-top: 1px; } .mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch { padding-top: 2px; } .mdc-notched-outline--notched .mdc-notched-outline__notch { padding-left: 0; padding-right: 8px; border-top: none; } [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch { padding-left: 8px; padding-right: 0; } .mdc-notched-outline--no-label .mdc-notched-outline__notch { display: none; } .mdc-line-ripple::before, .mdc-line-ripple::after { position: absolute; bottom: 0; left: 0; width: 100%; border-bottom-style: solid; content: ""; } .mdc-line-ripple::before { z-index: 1; border-bottom-width: var(--mat-form-field-filled-active-indicator-height, 1px); } .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before { border-bottom-color: var(--mat-form-field-filled-active-indicator-color, var(--mat-sys-on-surface-variant)); } .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before { border-bottom-color: var(--mat-form-field-filled-hover-active-indicator-color, var(--mat-sys-on-surface)); } .mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before { border-bottom-color: var(--mat-form-field-filled-disabled-active-indicator-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-line-ripple::before { border-bottom-color: var(--mat-form-field-filled-error-active-indicator-color, var(--mat-sys-error)); } .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--invalid:not(.mdc-text-field--focused):hover .mdc-line-ripple::before { border-bottom-color: var(--mat-form-field-filled-error-hover-active-indicator-color, var(--mat-sys-on-error-container)); } .mdc-line-ripple::after { transform: scaleX(0); opacity: 0; z-index: 2; } .mdc-text-field--filled .mdc-line-ripple::after { border-bottom-width: var(--mat-form-field-filled-focus-active-indicator-height, 2px); } .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after { border-bottom-color: var(--mat-form-field-filled-focus-active-indicator-color, var(--mat-sys-primary)); } .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after { border-bottom-color: var(--mat-form-field-filled-error-focus-active-indicator-color, var(--mat-sys-error)); } .mdc-line-ripple--active::after { transform: scaleX(1); opacity: 1; } .mdc-line-ripple--deactivating::after { opacity: 0; } .mdc-text-field--disabled { pointer-events: none; } .mat-mdc-form-field-textarea-control { vertical-align: middle; resize: vertical; box-sizing: border-box; height: auto; margin: 0; padding: 0; border: none; overflow: auto; } .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font: inherit; letter-spacing: inherit; text-decoration: inherit; text-transform: inherit; border: none; } .mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: normal; pointer-events: all; will-change: auto; } .mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label { cursor: inherit; } .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input, .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control { height: auto; } .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control.mdc-text-field__input[type=color] { height: 23px; } .mat-mdc-text-field-wrapper { height: auto; flex: auto; will-change: auto; } .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper { padding-left: 0; --mat-mdc-form-field-label-offset-x: -16px; } .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper { padding-right: 0; } [dir=rtl] .mat-mdc-text-field-wrapper { padding-left: 16px; padding-right: 16px; } [dir=rtl] .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper { padding-left: 0; } [dir=rtl] .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper { padding-right: 0; } .mat-form-field-disabled .mdc-text-field__input::placeholder { color: var(--mat-form-field-disabled-input-text-placeholder-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } .mat-form-field-disabled .mdc-text-field__input::-moz-placeholder { color: var(--mat-form-field-disabled-input-text-placeholder-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } .mat-form-field-disabled .mdc-text-field__input::-webkit-input-placeholder { color: var(--mat-form-field-disabled-input-text-placeholder-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } .mat-form-field-disabled .mdc-text-field__input:-ms-input-placeholder { color: var(--mat-form-field-disabled-input-text-placeholder-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); } .mat-mdc-form-field-label-always-float .mdc-text-field__input::placeholder { transition-delay: 40ms; transition-duration: 110ms; opacity: 1; } .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label { left: auto; right: auto; } .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input { display: inline-block; } .mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mdc-notched-outline__notch { padding-top: 0; } .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch { border-left: 1px solid transparent; } [dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch { border-left: none; border-right: 1px solid transparent; } .mat-mdc-form-field-infix { min-height: var(--mat-form-field-container-height, 56px); padding-top: var(--mat-form-field-filled-with-label-container-padding-top, 24px); padding-bottom: var(--mat-form-field-filled-with-label-container-padding-bottom, 8px); } .mdc-text-field--outlined .mat-mdc-form-field-infix, .mdc-text-field--no-label .mat-mdc-form-field-infix { padding-top: var(--mat-form-field-container-vertical-padding, 16px); padding-bottom: var(--mat-form-field-container-vertical-padding, 16px); } .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label { top: calc(var(--mat-form-field-container-height, 56px) / 2); } .mdc-text-field--filled .mat-mdc-floating-label { display: var(--mat-form-field-filled-label-display, block); } .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { --mat-mdc-form-field-label-transform: translateY(calc(calc(6.75px + var(--mat-form-field-container-height, 56px) / 2) * -1)) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75)); transform: var(--mat-mdc-form-field-label-transform); } @keyframes _mat-form-field-subscript-animation { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } .mat-mdc-form-field-subscript-wrapper { box-sizing: border-box; width: 100%; position: relative; } .mat-mdc-form-field-hint-wrapper, .mat-mdc-form-field-error-wrapper { position: absolute; top: 0; left: 0; right: 0; padding: 0 16px; opacity: 1; transform: translateY(0); animation: _mat-form-field-subscript-animation 0ms cubic-bezier(0.55, 0, 0.55, 0.2); } .mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-hint-wrapper, .mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-error-wrapper { position: static; } .mat-mdc-form-field-bottom-align::before { content: ""; display: inline-block; height: 16px; } .mat-mdc-form-field-bottom-align.mat-mdc-form-field-subscript-dynamic-size::before { content: unset; } .mat-mdc-form-field-hint-end { order: 1; } .mat-mdc-form-field-hint-wrapper { display: flex; } .mat-mdc-form-field-hint-spacer { flex: 1 0 1em; } .mat-mdc-form-field-error { display: block; color: var(--mat-form-field-error-text-color, var(--mat-sys-error)); } .mat-mdc-form-field-subscript-wrapper, .mat-mdc-form-field-bottom-align::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: var(--mat-form-field-subscript-text-font, var(--mat-sys-body-small-font)); line-height: var(--mat-form-field-subscript-text-line-height, var(--mat-sys-body-small-line-height)); font-size: var(--mat-form-field-subscript-text-size, var(--mat-sys-body-small-size)); letter-spacing: var(--mat-form-field-subscript-text-tracking, var(--mat-sys-body-small-tracking)); font-weight: var(--mat-form-field-subscript-text-weight, var(--mat-sys-body-small-weight)); } .mat-mdc-form-field-focus-overlay { top: 0; left: 0; right: 0; bottom: 0; position: absolute; opacity: 0; pointer-ev