@angular/material
Version:
Angular Material
78 lines (76 loc) • 36 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/cdk/observers"),require("@angular/common"),require("@angular/core"),require("@angular/material/core"),require("@angular/cdk/bidi"),require("@angular/cdk/coercion"),require("rxjs"),require("rxjs/operators"),require("@angular/animations"),require("@angular/cdk/platform"),require("@angular/platform-browser/animations")):"function"==typeof define&&define.amd?define("@angular/material/form-field",["exports","@angular/cdk/observers","@angular/common","@angular/core","@angular/material/core","@angular/cdk/bidi","@angular/cdk/coercion","rxjs","rxjs/operators","@angular/animations","@angular/cdk/platform","@angular/platform-browser/animations"],t):t(((e=e||self).ng=e.ng||{},e.ng.material=e.ng.material||{},e.ng.material.formField={}),e.ng.cdk.observers,e.ng.common,e.ng.core,e.ng.material.core,e.ng.cdk.bidi,e.ng.cdk.coercion,e.rxjs,e.rxjs.operators,e.ng.animations,e.ng.cdk.platform,e.ng.platformBrowser.animations)}(this,(function(e,t,a,n,i,r,o,l,d,m,s,f){"use strict";
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/var c,p=0,u=new n.InjectionToken("MatError");(c=function c(){this.id="mat-error-"+p++}).decorators=[{type:n.Directive,args:[{selector:"mat-error",host:{class:"mat-error",role:"alert","[attr.id]":"id"},providers:[{provide:u,useExisting:c}]}]}],c.propDecorators={id:[{type:n.Input}]};
/*! *****************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
var h=function(e,t){return(h=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])})(e,t)};function b(e,t){var a="function"==typeof Symbol&&e[Symbol.iterator];if(!a)return e;var n,i,r=a.call(e),o=[];try{for(;(void 0===t||t-- >0)&&!(n=r.next()).done;)o.push(n.value)}catch(e){i={error:e}}finally{try{n&&!n.done&&(a=r.return)&&a.call(r)}finally{if(i)throw i.error}}return o}function g(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var y,_={transitionMessages:m.trigger("transitionMessages",[m.state("enter",m.style({opacity:1,transform:"translateY(0%)"})),m.transition("void => enter",[m.style({opacity:0,transform:"translateY(-5px)"}),m.animate("300ms cubic-bezier(0.55, 0, 0.55, 0.2)")])])};
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/(y=function y(){}).decorators=[{type:n.Directive}];
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var v,x,w,C=0,k=new n.InjectionToken("MatHint");(v=function v(){this.align="start",this.id="mat-hint-"+C++}).decorators=[{type:n.Directive,args:[{selector:"mat-hint",host:{class:"mat-hint","[class.mat-form-field-hint-end]":'align === "end"',"[attr.id]":"id","[attr.align]":"null"},providers:[{provide:k,useExisting:v}]}]}],v.propDecorators={align:[{type:n.Input}],id:[{type:n.Input}]},(x=function x(){}).decorators=[{type:n.Directive,args:[{selector:"mat-label"}]}],(w=function w(){}).decorators=[{type:n.Directive,args:[{selector:"mat-placeholder"}]}];
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var F,M=new n.InjectionToken("MatPrefix");(F=function F(){}).decorators=[{type:n.Directive,args:[{selector:"[matPrefix]",providers:[{provide:M,useExisting:F}]}]}];
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
var L,I=new n.InjectionToken("MatSuffix");(L=function L(){}).decorators=[{type:n.Directive,args:[{selector:"[matSuffix]",providers:[{provide:I,useExisting:L}]}]}];var D,O=0,A=i.mixinColor((function S(e){this._elementRef=e}),"primary"),R=new n.InjectionToken("MAT_FORM_FIELD_DEFAULT_OPTIONS"),E=new n.InjectionToken("MatFormField"),z=function(e){function t(t,a,n,i,r,o,d,m){var s=e.call(this,t)||this;return s._elementRef=t,s._changeDetectorRef=a,s._dir=i,s._defaults=r,s._platform=o,s._ngZone=d,s._outlineGapCalculationNeededImmediately=!1,s._outlineGapCalculationNeededOnStable=!1,s._destroyed=new l.Subject,s._showAlwaysAnimate=!1,s._subscriptAnimationState="",s._hintLabel="",s._hintLabelId="mat-hint-"+O++,s._labelId="mat-form-field-label-"+O++,s.floatLabel=s._getDefaultFloatLabelState(),s._animationsEnabled="NoopAnimations"!==m,s.appearance=r&&r.appearance?r.appearance:"legacy",s._hideRequiredMarker=!(!r||null==r.hideRequiredMarker)&&r.hideRequiredMarker,s}return function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function a(){this.constructor=e}h(e,t),e.prototype=null===t?Object.create(t):(a.prototype=t.prototype,new a)}(t,e),Object.defineProperty(t.prototype,"appearance",{get:function(){return this._appearance},set:function(e){var t=this._appearance;this._appearance=e||this._defaults&&this._defaults.appearance||"legacy","outline"===this._appearance&&t!==e&&(this._outlineGapCalculationNeededOnStable=!0)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"hideRequiredMarker",{get:function(){return this._hideRequiredMarker},set:function(e){this._hideRequiredMarker=o.coerceBooleanProperty(e)},enumerable:!1,configurable:!0}),t.prototype._shouldAlwaysFloat=function(){return"always"===this.floatLabel&&!this._showAlwaysAnimate},t.prototype._canLabelFloat=function(){return"never"!==this.floatLabel},Object.defineProperty(t.prototype,"hintLabel",{get:function(){return this._hintLabel},set:function(e){this._hintLabel=e,this._processHints()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"floatLabel",{get:function(){return"legacy"!==this.appearance&&"never"===this._floatLabel?"auto":this._floatLabel},set:function(e){e!==this._floatLabel&&(this._floatLabel=e||this._getDefaultFloatLabelState(),this._changeDetectorRef.markForCheck())},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_control",{get:function(){return this._explicitFormFieldControl||this._controlNonStatic||this._controlStatic},set:function(e){this._explicitFormFieldControl=e},enumerable:!1,configurable:!0}),t.prototype.getLabelId=function(){return this._hasFloatingLabel()?this._labelId:null},t.prototype.getConnectedOverlayOrigin=function(){return this._connectionContainerRef||this._elementRef},t.prototype.ngAfterContentInit=function(){var e=this;this._validateControlChild();var t=this._control;t.controlType&&this._elementRef.nativeElement.classList.add("mat-form-field-type-"+t.controlType),t.stateChanges.pipe(d.startWith(null)).subscribe((function(){e._validatePlaceholders(),e._syncDescribedByIds(),e._changeDetectorRef.markForCheck()})),t.ngControl&&t.ngControl.valueChanges&&t.ngControl.valueChanges.pipe(d.takeUntil(this._destroyed)).subscribe((function(){return e._changeDetectorRef.markForCheck()})),this._ngZone.runOutsideAngular((function(){e._ngZone.onStable.pipe(d.takeUntil(e._destroyed)).subscribe((function(){e._outlineGapCalculationNeededOnStable&&e.updateOutlineGap()}))})),l.merge(this._prefixChildren.changes,this._suffixChildren.changes).subscribe((function(){e._outlineGapCalculationNeededOnStable=!0,e._changeDetectorRef.markForCheck()})),this._hintChildren.changes.pipe(d.startWith(null)).subscribe((function(){e._processHints(),e._changeDetectorRef.markForCheck()})),this._errorChildren.changes.pipe(d.startWith(null)).subscribe((function(){e._syncDescribedByIds(),e._changeDetectorRef.markForCheck()})),this._dir&&this._dir.change.pipe(d.takeUntil(this._destroyed)).subscribe((function(){"function"==typeof requestAnimationFrame?e._ngZone.runOutsideAngular((function(){requestAnimationFrame((function(){return e.updateOutlineGap()}))})):e.updateOutlineGap()}))},t.prototype.ngAfterContentChecked=function(){this._validateControlChild(),this._outlineGapCalculationNeededImmediately&&this.updateOutlineGap()},t.prototype.ngAfterViewInit=function(){this._subscriptAnimationState="enter",this._changeDetectorRef.detectChanges()},t.prototype.ngOnDestroy=function(){this._destroyed.next(),this._destroyed.complete()},t.prototype._shouldForward=function(e){var t=this._control?this._control.ngControl:null;return t&&t[e]},t.prototype._hasPlaceholder=function(){return!!(this._control&&this._control.placeholder||this._placeholderChild)},t.prototype._hasLabel=function(){return!(!this._labelChildNonStatic&&!this._labelChildStatic)},t.prototype._shouldLabelFloat=function(){return this._canLabelFloat()&&(this._control&&this._control.shouldLabelFloat||this._shouldAlwaysFloat())},t.prototype._hideControlPlaceholder=function(){return"legacy"===this.appearance&&!this._hasLabel()||this._hasLabel()&&!this._shouldLabelFloat()},t.prototype._hasFloatingLabel=function(){return this._hasLabel()||"legacy"===this.appearance&&this._hasPlaceholder()},t.prototype._getDisplayedMessages=function(){return this._errorChildren&&this._errorChildren.length>0&&this._control.errorState?"error":"hint"},t.prototype._animateAndLockLabel=function(){var e=this;this._hasFloatingLabel()&&this._canLabelFloat()&&(this._animationsEnabled&&this._label&&(this._showAlwaysAnimate=!0,l.fromEvent(this._label.nativeElement,"transitionend").pipe(d.take(1)).subscribe((function(){e._showAlwaysAnimate=!1}))),this.floatLabel="always",this._changeDetectorRef.markForCheck())},t.prototype._validatePlaceholders=function(){},t.prototype._processHints=function(){this._validateHints(),this._syncDescribedByIds()},t.prototype._validateHints=function(){},t.prototype._getDefaultFloatLabelState=function(){return this._defaults&&this._defaults.floatLabel||"auto"},t.prototype._syncDescribedByIds=function(){if(this._control){var e=[];if(this._control.userAriaDescribedBy&&"string"==typeof this._control.userAriaDescribedBy&&e.push.apply(e,g(this._control.userAriaDescribedBy.split(" "))),"hint"===this._getDisplayedMessages()){var t=this._hintChildren?this._hintChildren.find((function(e){return"start"===e.align})):null,a=this._hintChildren?this._hintChildren.find((function(e){return"end"===e.align})):null;t?e.push(t.id):this._hintLabel&&e.push(this._hintLabelId),a&&e.push(a.id)}else this._errorChildren&&e.push.apply(e,g(this._errorChildren.map((function(e){return e.id}))));this._control.setDescribedByIds(e)}},t.prototype._validateControlChild=function(){},t.prototype.updateOutlineGap=function(){var e=this._label?this._label.nativeElement:null;if("outline"===this.appearance&&e&&e.children.length&&e.textContent.trim()&&this._platform.isBrowser)if(this._isAttachedToDOM()){var t=0,a=0,n=this._connectionContainerRef.nativeElement,i=n.querySelectorAll(".mat-form-field-outline-start"),r=n.querySelectorAll(".mat-form-field-outline-gap");if(this._label&&this._label.nativeElement.children.length){var o=n.getBoundingClientRect();if(0===o.width&&0===o.height)return this._outlineGapCalculationNeededOnStable=!0,void(this._outlineGapCalculationNeededImmediately=!1);for(var l=this._getStartEnd(o),d=e.children,m=this._getStartEnd(d[0].getBoundingClientRect()),s=0,f=0;f<d.length;f++)s+=d[f].offsetWidth;t=Math.abs(m-l)-5,a=s>0?.75*s+10:0}for(f=0;f<i.length;f++)i[f].style.width=t+"px";for(f=0;f<r.length;f++)r[f].style.width=a+"px";this._outlineGapCalculationNeededOnStable=this._outlineGapCalculationNeededImmediately=!1}else this._outlineGapCalculationNeededImmediately=!0},t.prototype._getStartEnd=function(e){return this._dir&&"rtl"===this._dir.value?e.right:e.left},t.prototype._isAttachedToDOM=function(){var e=this._elementRef.nativeElement;if(e.getRootNode){var t=e.getRootNode();return t&&t!==e}return document.documentElement.contains(e)},t}(A);z.decorators=[{type:n.Component,args:[{selector:"mat-form-field",exportAs:"matFormField",template:'<div class="mat-form-field-wrapper">\n <div class="mat-form-field-flex" #connectionContainer\n (click)="_control.onContainerClick && _control.onContainerClick($event)">\n\n \x3c!-- Outline used for outline appearance. --\x3e\n <ng-container *ngIf="appearance == \'outline\'">\n <div class="mat-form-field-outline">\n <div class="mat-form-field-outline-start"></div>\n <div class="mat-form-field-outline-gap"></div>\n <div class="mat-form-field-outline-end"></div>\n </div>\n <div class="mat-form-field-outline mat-form-field-outline-thick">\n <div class="mat-form-field-outline-start"></div>\n <div class="mat-form-field-outline-gap"></div>\n <div class="mat-form-field-outline-end"></div>\n </div>\n </ng-container>\n\n <div class="mat-form-field-prefix" *ngIf="_prefixChildren.length">\n <ng-content select="[matPrefix]"></ng-content>\n </div>\n\n <div class="mat-form-field-infix" #inputContainer>\n <ng-content></ng-content>\n\n <span class="mat-form-field-label-wrapper">\n \x3c!-- We add aria-owns as a workaround for an issue in JAWS & NVDA where the label isn\'t\n read if it comes before the control in the DOM. --\x3e\n <label class="mat-form-field-label"\n (cdkObserveContent)="updateOutlineGap()"\n [cdkObserveContentDisabled]="appearance != \'outline\'"\n [id]="_labelId"\n [attr.for]="_control.id"\n [attr.aria-owns]="_control.id"\n [class.mat-empty]="_control.empty && !_shouldAlwaysFloat()"\n [class.mat-form-field-empty]="_control.empty && !_shouldAlwaysFloat()"\n [class.mat-accent]="color == \'accent\'"\n [class.mat-warn]="color == \'warn\'"\n #label\n *ngIf="_hasFloatingLabel()"\n [ngSwitch]="_hasLabel()">\n\n \x3c!-- @breaking-change 8.0.0 remove in favor of mat-label element an placeholder attr. --\x3e\n <ng-container *ngSwitchCase="false">\n <ng-content select="mat-placeholder"></ng-content>\n <span>{{_control.placeholder}}</span>\n </ng-container>\n\n <ng-content select="mat-label" *ngSwitchCase="true"></ng-content>\n\n \x3c!-- @breaking-change 8.0.0 remove `mat-placeholder-required` class --\x3e\n <span\n class="mat-placeholder-required mat-form-field-required-marker"\n aria-hidden="true"\n *ngIf="!hideRequiredMarker && _control.required && !_control.disabled"> *</span>\n </label>\n </span>\n </div>\n\n <div class="mat-form-field-suffix" *ngIf="_suffixChildren.length">\n <ng-content select="[matSuffix]"></ng-content>\n </div>\n </div>\n\n \x3c!-- Underline used for legacy, standard, and box appearances. --\x3e\n <div class="mat-form-field-underline" #underline\n *ngIf="appearance != \'outline\'">\n <span class="mat-form-field-ripple"\n [class.mat-accent]="color == \'accent\'"\n [class.mat-warn]="color == \'warn\'"></span>\n </div>\n\n <div class="mat-form-field-subscript-wrapper"\n [ngSwitch]="_getDisplayedMessages()">\n <div *ngSwitchCase="\'error\'" [@transitionMessages]="_subscriptAnimationState">\n <ng-content select="mat-error"></ng-content>\n </div>\n\n <div class="mat-form-field-hint-wrapper" *ngSwitchCase="\'hint\'"\n [@transitionMessages]="_subscriptAnimationState">\n \x3c!-- TODO(mmalerba): use an actual <mat-hint> once all selectors are switched to mat-* --\x3e\n <div *ngIf="hintLabel" [id]="_hintLabelId" class="mat-hint">{{hintLabel}}</div>\n <ng-content select="mat-hint:not([align=\'end\'])"></ng-content>\n <div class="mat-form-field-hint-spacer"></div>\n <ng-content select="mat-hint[align=\'end\']"></ng-content>\n </div>\n </div>\n</div>\n',animations:[_.transitionMessages],host:{class:"mat-form-field","[class.mat-form-field-appearance-standard]":'appearance == "standard"',"[class.mat-form-field-appearance-fill]":'appearance == "fill"',"[class.mat-form-field-appearance-outline]":'appearance == "outline"',"[class.mat-form-field-appearance-legacy]":'appearance == "legacy"',"[class.mat-form-field-invalid]":"_control.errorState","[class.mat-form-field-can-float]":"_canLabelFloat()","[class.mat-form-field-should-float]":"_shouldLabelFloat()","[class.mat-form-field-has-label]":"_hasFloatingLabel()","[class.mat-form-field-hide-placeholder]":"_hideControlPlaceholder()","[class.mat-form-field-disabled]":"_control.disabled","[class.mat-form-field-autofilled]":"_control.autofilled","[class.mat-focused]":"_control.focused","[class.mat-accent]":'color == "accent"',"[class.mat-warn]":'color == "warn"',"[class.ng-untouched]":'_shouldForward("untouched")',"[class.ng-touched]":'_shouldForward("touched")',"[class.ng-pristine]":'_shouldForward("pristine")',"[class.ng-dirty]":'_shouldForward("dirty")',"[class.ng-valid]":'_shouldForward("valid")',"[class.ng-invalid]":'_shouldForward("invalid")',"[class.ng-pending]":'_shouldForward("pending")',"[class._mat-animation-noopable]":"!_animationsEnabled"},inputs:["color"],encapsulation:n.ViewEncapsulation.None,changeDetection:n.ChangeDetectionStrategy.OnPush,providers:[{provide:E,useExisting:z}],styles:[".mat-form-field{display:inline-block;position:relative;text-align:left}[dir=rtl] .mat-form-field{text-align:right}.mat-form-field-wrapper{position:relative}.mat-form-field-flex{display:inline-flex;align-items:baseline;box-sizing:border-box;width:100%}.mat-form-field-prefix,.mat-form-field-suffix{white-space:nowrap;flex:none;position:relative}.mat-form-field-infix{display:block;position:relative;flex:auto;min-width:0;width:180px}.cdk-high-contrast-active .mat-form-field-infix{border-image:linear-gradient(transparent, transparent)}.mat-form-field-label-wrapper{position:absolute;left:0;box-sizing:content-box;width:100%;height:100%;overflow:hidden;pointer-events:none}[dir=rtl] .mat-form-field-label-wrapper{left:auto;right:0}.mat-form-field-label{position:absolute;left:0;font:inherit;pointer-events:none;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform-origin:0 0;transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),color 400ms cubic-bezier(0.25, 0.8, 0.25, 1),width 400ms cubic-bezier(0.25, 0.8, 0.25, 1);display:none}[dir=rtl] .mat-form-field-label{transform-origin:100% 0;left:auto;right:0}.mat-form-field-empty.mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display:block}.mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:none}.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:block;transition:none}.mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label{display:none}.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float .mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label{display:block}.mat-form-field-label:not(.mat-form-field-empty){transition:none}.mat-form-field-underline{position:absolute;width:100%;pointer-events:none;transform:scale3d(1, 1.0001, 1)}.mat-form-field-ripple{position:absolute;left:0;width:100%;transform-origin:50%;transform:scaleX(0.5);opacity:0;transition:background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-form-field.mat-focused .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple{opacity:1;transform:none;transition:transform 300ms cubic-bezier(0.25, 0.8, 0.25, 1),opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1),background-color 300ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-subscript-wrapper{position:absolute;box-sizing:border-box;width:100%;overflow:hidden}.mat-form-field-subscript-wrapper .mat-icon,.mat-form-field-label-wrapper .mat-icon{width:1em;height:1em;font-size:inherit;vertical-align:baseline}.mat-form-field-hint-wrapper{display:flex}.mat-form-field-hint-spacer{flex:1 0 1em}.mat-error{display:block}.mat-form-field-control-wrapper{position:relative}.mat-form-field-hint-end{order:1}.mat-form-field._mat-animation-noopable .mat-form-field-label,.mat-form-field._mat-animation-noopable .mat-form-field-ripple{transition:none}\n",'.mat-form-field-appearance-fill .mat-form-field-flex{border-radius:4px 4px 0 0;padding:.75em .75em 0 .75em}.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-flex{outline:solid 1px}.mat-form-field-appearance-fill .mat-form-field-underline::before{content:"";display:block;position:absolute;bottom:0;height:1px;width:100%}.mat-form-field-appearance-fill .mat-form-field-ripple{bottom:0;height:2px}.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-ripple{height:0;border-top:solid 2px}.mat-form-field-appearance-fill:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{opacity:1;transform:none;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-fill._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{transition:none}.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper{padding:0 1em}\n','.mat-input-element{font:inherit;background:transparent;color:currentColor;border:none;outline:none;padding:0;margin:0;width:100%;max-width:100%;vertical-align:bottom;text-align:inherit;box-sizing:content-box}.mat-input-element:-moz-ui-invalid{box-shadow:none}.mat-input-element::-ms-clear,.mat-input-element::-ms-reveal{display:none}.mat-input-element,.mat-input-element::-webkit-search-cancel-button,.mat-input-element::-webkit-search-decoration,.mat-input-element::-webkit-search-results-button,.mat-input-element::-webkit-search-results-decoration{-webkit-appearance:none}.mat-input-element::-webkit-contacts-auto-fill-button,.mat-input-element::-webkit-caps-lock-indicator,.mat-input-element::-webkit-credentials-auto-fill-button{visibility:hidden}.mat-input-element[type=date],.mat-input-element[type=datetime],.mat-input-element[type=datetime-local],.mat-input-element[type=month],.mat-input-element[type=week],.mat-input-element[type=time]{line-height:1}.mat-input-element[type=date]::after,.mat-input-element[type=datetime]::after,.mat-input-element[type=datetime-local]::after,.mat-input-element[type=month]::after,.mat-input-element[type=week]::after,.mat-input-element[type=time]::after{content:" ";white-space:pre;width:1px}.mat-input-element::-webkit-inner-spin-button,.mat-input-element::-webkit-calendar-picker-indicator,.mat-input-element::-webkit-clear-button{font-size:.75em}.mat-input-element::placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element::-moz-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::-moz-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element::-webkit-input-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::-webkit-input-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-input-element:-ms-input-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element:-ms-input-placeholder:-ms-input-placeholder{-ms-user-select:text}.mat-form-field-hide-placeholder .mat-input-element::placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}textarea.mat-input-element{resize:vertical;overflow:auto}textarea.mat-input-element.cdk-textarea-autosize{resize:none}textarea.mat-input-element{padding:2px 0;margin:-2px 0}select.mat-input-element{-moz-appearance:none;-webkit-appearance:none;position:relative;background-color:transparent;display:inline-flex;box-sizing:border-box;padding-top:1em;top:-1em;margin-bottom:-1em}select.mat-input-element::-ms-expand{display:none}select.mat-input-element::-moz-focus-inner{border:0}select.mat-input-element:not(:disabled){cursor:pointer}select.mat-input-element::-ms-value{color:inherit;background:none}.mat-focused .cdk-high-contrast-active select.mat-input-element::-ms-value{color:inherit}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;position:absolute;top:50%;right:0;margin-top:-2.5px;pointer-events:none}[dir=rtl] .mat-form-field-type-mat-native-select .mat-form-field-infix::after{right:auto;left:0}.mat-form-field-type-mat-native-select .mat-input-element{padding-right:15px}[dir=rtl] .mat-form-field-type-mat-native-select .mat-input-element{padding-right:0;padding-left:15px}.mat-form-field-type-mat-native-select .mat-form-field-label-wrapper{max-width:calc(100% - 10px)}.mat-form-field-type-mat-native-select.mat-form-field-appearance-outline .mat-form-field-infix::after{margin-top:-5px}.mat-form-field-type-mat-native-select.mat-form-field-appearance-fill .mat-form-field-infix::after{margin-top:-10px}\n',".mat-form-field-appearance-legacy .mat-form-field-label{transform:perspective(100px);-ms-transform:none}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon{width:1em}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button{font:inherit;vertical-align:baseline}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button .mat-icon{font-size:inherit}.mat-form-field-appearance-legacy .mat-form-field-underline{height:1px}.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-underline{height:0;border-top:solid 1px}.mat-form-field-appearance-legacy .mat-form-field-ripple{top:0;height:2px;overflow:hidden}.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-ripple{height:0;border-top:solid 2px}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-position:0;background-color:transparent}.cdk-high-contrast-active .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{border-top-style:dotted;border-top-width:2px}.mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple{height:1px}\n",".mat-form-field-appearance-outline .mat-form-field-wrapper{margin:.25em 0}.mat-form-field-appearance-outline .mat-form-field-flex{padding:0 .75em 0 .75em;margin-top:-0.25em;position:relative}.mat-form-field-appearance-outline .mat-form-field-prefix,.mat-form-field-appearance-outline .mat-form-field-suffix{top:.25em}.mat-form-field-appearance-outline .mat-form-field-outline{display:flex;position:absolute;top:.25em;left:0;right:0;bottom:0;pointer-events:none}.mat-form-field-appearance-outline .mat-form-field-outline-start,.mat-form-field-appearance-outline .mat-form-field-outline-end{border:1px solid currentColor;min-width:5px}.mat-form-field-appearance-outline .mat-form-field-outline-start{border-radius:5px 0 0 5px;border-right-style:none}[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-start{border-right-style:solid;border-left-style:none;border-radius:0 5px 5px 0}.mat-form-field-appearance-outline .mat-form-field-outline-end{border-radius:0 5px 5px 0;border-left-style:none;flex-grow:1}[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-end{border-left-style:solid;border-right-style:none;border-radius:5px 0 0 5px}.mat-form-field-appearance-outline .mat-form-field-outline-gap{border-radius:.000001px;border:1px solid currentColor;border-left-style:none;border-right-style:none}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap{border-top-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline-thick{opacity:0}.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap{border-width:2px}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline,.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline{opacity:0;transition:opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline-thick{opacity:1}.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline{opacity:0;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick{opacity:1}.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{padding:0 1em}.mat-form-field-appearance-outline._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-outline,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-start,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-end,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-gap{transition:none}\n",".mat-form-field-appearance-standard .mat-form-field-flex{padding-top:.75em}.mat-form-field-appearance-standard .mat-form-field-underline{height:1px}.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-underline{height:0;border-top:solid 1px}.mat-form-field-appearance-standard .mat-form-field-ripple{bottom:0;height:2px}.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-ripple{height:0;border-top:solid 2px}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-position:0;background-color:transparent}.cdk-high-contrast-active .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{border-top-style:dotted;border-top-width:2px}.mat-form-field-appearance-standard:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{opacity:1;transform:none;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-standard._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{transition:none}\n"]}]}],z.ctorParameters=function(){return[{type:n.ElementRef},{type:n.ChangeDetectorRef},{type:void 0,decorators:[{type:n.Inject,args:[n.ElementRef]}]},{type:r.Directionality,decorators:[{type:n.Optional}]},{type:void 0,decorators:[{type:n.Optional},{type:n.Inject,args:[R]}]},{type:s.Platform},{type:n.NgZone},{type:String,decorators:[{type:n.Optional},{type:n.Inject,args:[f.ANIMATION_MODULE_TYPE]}]}]},z.propDecorators={appearance:[{type:n.Input}],hideRequiredMarker:[{type:n.Input}],hintLabel:[{type:n.Input}],floatLabel:[{type:n.Input}],underlineRef:[{type:n.ViewChild,args:["underline"]}],_connectionContainerRef:[{type:n.ViewChild,args:["connectionContainer",{static:!0}]}],_inputContainerRef:[{type:n.ViewChild,args:["inputContainer"]}],_label:[{type:n.ViewChild,args:["label"]}],_controlNonStatic:[{type:n.ContentChild,args:[y]}],_controlStatic:[{type:n.ContentChild,args:[y,{static:!0}]}],_labelChildNonStatic:[{type:n.ContentChild,args:[x]}],_labelChildStatic:[{type:n.ContentChild,args:[x,{static:!0}]}],_placeholderChild:[{type:n.ContentChild,args:[w]}],_errorChildren:[{type:n.ContentChildren,args:[u,{descendants:!0}]}],_hintChildren:[{type:n.ContentChildren,args:[k,{descendants:!0}]}],_prefixChildren:[{type:n.ContentChildren,args:[M,{descendants:!0}]}],_suffixChildren:[{type:n.ContentChildren,args:[I,{descendants:!0}]}]},(D=function D(){}).decorators=[{type:n.NgModule,args:[{declarations:[c,z,v,x,w,F,L],imports:[a.CommonModule,i.MatCommonModule,t.ObserversModule],exports:[i.MatCommonModule,c,z,v,x,w,F,L]}]}],
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
e.MAT_ERROR=u,e.MAT_FORM_FIELD=E,e.MAT_FORM_FIELD_DEFAULT_OPTIONS=R,e.MAT_PREFIX=M,e.MAT_SUFFIX=I,e.MatError=c,e.MatFormField=z,e.MatFormFieldControl=y,e.MatFormFieldModule=D,e.MatHint=v,e.MatLabel=x,e.MatPlaceholder=w,e.MatPrefix=F,e.MatSuffix=L,e._MAT_HINT=k,e.getMatFormFieldDuplicatedHintError=function P(e){return Error("A hint was already declared for 'align=\""+e+"\"'.")},e.getMatFormFieldMissingControlError=function q(){return Error("mat-form-field must contain a MatFormFieldControl.")},e.getMatFormFieldPlaceholderConflictError=
/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
function N(){return Error("Placeholder attribute and child element were both specified.")},e.matFormFieldAnimations=_,Object.defineProperty(e,"__esModule",{value:!0})}));