-
Notifications
You must be signed in to change notification settings - Fork 0
/
552-es2015.328e209391cc8f3138bf.js
1 lines (1 loc) · 41.4 KB
/
552-es2015.328e209391cc8f3138bf.js
1
(self.webpackChunk_angular_ru_sdk=self.webpackChunk_angular_ru_sdk||[]).push([[552],{6552:function(e,t,i){"use strict";i.r(t),i.d(t,{SampleFirstModule:function(){return ce}});var a=i(2057),n=i(7721),l=i(793),r=i(7935),o=i(9490),s=i(9765),m=i(6682),d=i(2759),f=i(9761),p=i(6782),c=i(5257),u=i(6083),h=i(4141),_=i(6794),b=i(9642);const g=["underline"],v=["connectionContainer"],y=["inputContainer"],x=["label"];function w(e,t){1&e&&(l.ynx(0),l._uU(1,"\n "),l.TgZ(2,"div",14),l._uU(3,"\n "),l._UZ(4,"div",15),l._uU(5,"\n "),l._UZ(6,"div",16),l._uU(7,"\n "),l._UZ(8,"div",17),l._uU(9,"\n "),l.qZA(),l._uU(10,"\n "),l.TgZ(11,"div",18),l._uU(12,"\n "),l._UZ(13,"div",15),l._uU(14,"\n "),l._UZ(15,"div",16),l._uU(16,"\n "),l._UZ(17,"div",17),l._uU(18,"\n "),l.qZA(),l._uU(19,"\n "),l.BQk())}function C(e,t){1&e&&(l.TgZ(0,"div",19),l._uU(1,"\n "),l.Hsn(2,1),l._uU(3,"\n "),l.qZA())}function k(e,t){if(1&e&&(l.ynx(0),l._uU(1,"\n "),l.Hsn(2,2),l._uU(3,"\n "),l.TgZ(4,"span"),l._uU(5),l.qZA(),l._uU(6,"\n "),l.BQk()),2&e){const e=l.oxw(2);l.xp6(5),l.Oqu(e._control.placeholder)}}function U(e,t){1&e&&l.Hsn(0,3,["*ngSwitchCase","true"])}function A(e,t){1&e&&(l.TgZ(0,"span",23),l._uU(1," *"),l.qZA())}function Z(e,t){if(1&e){const e=l.EpF();l.TgZ(0,"label",20,21),l.NdJ("cdkObserveContent",function(){return l.CHM(e),l.oxw().updateOutlineGap()}),l._uU(2,"\n\n "),l._uU(3,"\n "),l.YNc(4,k,7,1,"ng-container",12),l._uU(5,"\n\n "),l.YNc(6,U,1,0,"ng-content",12),l._uU(7,"\n\n "),l._uU(8,"\n "),l.YNc(9,A,2,0,"span",22),l._uU(10,"\n "),l.qZA()}if(2&e){const e=l.oxw();l.ekj("mat-empty",e._control.empty&&!e._shouldAlwaysFloat())("mat-form-field-empty",e._control.empty&&!e._shouldAlwaysFloat())("mat-accent","accent"==e.color)("mat-warn","warn"==e.color),l.Q6J("cdkObserveContentDisabled","outline"!=e.appearance)("id",e._labelId)("ngSwitch",e._hasLabel()),l.uIk("for",e._control.id)("aria-owns",e._control.id),l.xp6(4),l.Q6J("ngSwitchCase",!1),l.xp6(2),l.Q6J("ngSwitchCase",!0),l.xp6(3),l.Q6J("ngIf",!e.hideRequiredMarker&&e._control.required&&!e._control.disabled)}}function S(e,t){1&e&&(l.TgZ(0,"div",24),l._uU(1,"\n "),l.Hsn(2,4),l._uU(3,"\n "),l.qZA())}function q(e,t){if(1&e&&(l.TgZ(0,"div",25,26),l._uU(2,"\n "),l._UZ(3,"span",27),l._uU(4,"\n "),l.qZA()),2&e){const e=l.oxw();l.xp6(3),l.ekj("mat-accent","accent"==e.color)("mat-warn","warn"==e.color)}}function R(e,t){if(1&e&&(l.TgZ(0,"div"),l._uU(1,"\n "),l.Hsn(2,5),l._uU(3,"\n "),l.qZA()),2&e){const e=l.oxw();l.Q6J("@transitionMessages",e._subscriptAnimationState)}}function I(e,t){if(1&e&&(l.TgZ(0,"div",31),l._uU(1),l.qZA()),2&e){const e=l.oxw(2);l.Q6J("id",e._hintLabelId),l.xp6(1),l.Oqu(e.hintLabel)}}function L(e,t){if(1&e&&(l.TgZ(0,"div",28),l._uU(1,"\n "),l._uU(2,"\n "),l.YNc(3,I,2,2,"div",29),l._uU(4,"\n "),l.Hsn(5,6),l._uU(6,"\n "),l._UZ(7,"div",30),l._uU(8,"\n "),l.Hsn(9,7),l._uU(10,"\n "),l.qZA()),2&e){const e=l.oxw();l.Q6J("@transitionMessages",e._subscriptAnimationState),l.xp6(3),l.Q6J("ngIf",e.hintLabel)}}const F=["*",[["","matPrefix",""]],[["mat-placeholder"]],[["mat-label"]],[["","matSuffix",""]],[["mat-error"]],[["mat-hint",3,"align","end"]],[["mat-hint","align","end"]]],O=["*","[matPrefix]","mat-placeholder","mat-label","[matSuffix]","mat-error","mat-hint:not([align='end'])","mat-hint[align='end']"],T=new l.OlP("MatError"),E={transitionMessages:(0,u.X$)("transitionMessages",[(0,u.SB)("enter",(0,u.oB)({opacity:1,transform:"translateY(0%)"})),(0,u.eR)("void => enter",[(0,u.oB)({opacity:0,transform:"translateY(-5px)"}),(0,u.jt)("300ms cubic-bezier(0.55, 0, 0.55, 0.2)")])])};let M=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275dir=l.lG2({type:e}),e})();const N=new l.OlP("MatHint");let D=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275dir=l.lG2({type:e,selectors:[["mat-label"]]}),e})(),B=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275dir=l.lG2({type:e,selectors:[["mat-placeholder"]]}),e})();const G=new l.OlP("MatPrefix"),z=new l.OlP("MatSuffix");let Y=0;const Q=(0,r.pj)(class{constructor(e){this._elementRef=e}},"primary"),H=new l.OlP("MAT_FORM_FIELD_DEFAULT_OPTIONS"),J=new l.OlP("MatFormField");let P=(()=>{class e extends Q{constructor(e,t,i,a,n,l,r,o){super(e),this._changeDetectorRef=t,this._dir=a,this._defaults=n,this._platform=l,this._ngZone=r,this._outlineGapCalculationNeededImmediately=!1,this._outlineGapCalculationNeededOnStable=!1,this._destroyed=new s.xQ,this._showAlwaysAnimate=!1,this._subscriptAnimationState="",this._hintLabel="",this._hintLabelId="mat-hint-"+Y++,this._labelId="mat-form-field-label-"+Y++,this.floatLabel=this._getDefaultFloatLabelState(),this._animationsEnabled="NoopAnimations"!==o,this.appearance=n&&n.appearance?n.appearance:"legacy",this._hideRequiredMarker=!(!n||null==n.hideRequiredMarker)&&n.hideRequiredMarker}get appearance(){return this._appearance}set appearance(e){const t=this._appearance;this._appearance=e||this._defaults&&this._defaults.appearance||"legacy","outline"===this._appearance&&t!==e&&(this._outlineGapCalculationNeededOnStable=!0)}get hideRequiredMarker(){return this._hideRequiredMarker}set hideRequiredMarker(e){this._hideRequiredMarker=(0,o.Ig)(e)}_shouldAlwaysFloat(){return"always"===this.floatLabel&&!this._showAlwaysAnimate}_canLabelFloat(){return"never"!==this.floatLabel}get hintLabel(){return this._hintLabel}set hintLabel(e){this._hintLabel=e,this._processHints()}get floatLabel(){return"legacy"!==this.appearance&&"never"===this._floatLabel?"auto":this._floatLabel}set floatLabel(e){e!==this._floatLabel&&(this._floatLabel=e||this._getDefaultFloatLabelState(),this._changeDetectorRef.markForCheck())}get _control(){return this._explicitFormFieldControl||this._controlNonStatic||this._controlStatic}set _control(e){this._explicitFormFieldControl=e}getLabelId(){return this._hasFloatingLabel()?this._labelId:null}getConnectedOverlayOrigin(){return this._connectionContainerRef||this._elementRef}ngAfterContentInit(){this._validateControlChild();const e=this._control;e.controlType&&this._elementRef.nativeElement.classList.add(`mat-form-field-type-${e.controlType}`),e.stateChanges.pipe((0,f.O)(null)).subscribe(()=>{this._validatePlaceholders(),this._syncDescribedByIds(),this._changeDetectorRef.markForCheck()}),e.ngControl&&e.ngControl.valueChanges&&e.ngControl.valueChanges.pipe((0,p.R)(this._destroyed)).subscribe(()=>this._changeDetectorRef.markForCheck()),this._ngZone.runOutsideAngular(()=>{this._ngZone.onStable.pipe((0,p.R)(this._destroyed)).subscribe(()=>{this._outlineGapCalculationNeededOnStable&&this.updateOutlineGap()})}),(0,m.T)(this._prefixChildren.changes,this._suffixChildren.changes).subscribe(()=>{this._outlineGapCalculationNeededOnStable=!0,this._changeDetectorRef.markForCheck()}),this._hintChildren.changes.pipe((0,f.O)(null)).subscribe(()=>{this._processHints(),this._changeDetectorRef.markForCheck()}),this._errorChildren.changes.pipe((0,f.O)(null)).subscribe(()=>{this._syncDescribedByIds(),this._changeDetectorRef.markForCheck()}),this._dir&&this._dir.change.pipe((0,p.R)(this._destroyed)).subscribe(()=>{"function"==typeof requestAnimationFrame?this._ngZone.runOutsideAngular(()=>{requestAnimationFrame(()=>this.updateOutlineGap())}):this.updateOutlineGap()})}ngAfterContentChecked(){this._validateControlChild(),this._outlineGapCalculationNeededImmediately&&this.updateOutlineGap()}ngAfterViewInit(){this._subscriptAnimationState="enter",this._changeDetectorRef.detectChanges()}ngOnDestroy(){this._destroyed.next(),this._destroyed.complete()}_shouldForward(e){const t=this._control?this._control.ngControl:null;return t&&t[e]}_hasPlaceholder(){return!!(this._control&&this._control.placeholder||this._placeholderChild)}_hasLabel(){return!(!this._labelChildNonStatic&&!this._labelChildStatic)}_shouldLabelFloat(){return this._canLabelFloat()&&(this._control&&this._control.shouldLabelFloat||this._shouldAlwaysFloat())}_hideControlPlaceholder(){return"legacy"===this.appearance&&!this._hasLabel()||this._hasLabel()&&!this._shouldLabelFloat()}_hasFloatingLabel(){return this._hasLabel()||"legacy"===this.appearance&&this._hasPlaceholder()}_getDisplayedMessages(){return this._errorChildren&&this._errorChildren.length>0&&this._control.errorState?"error":"hint"}_animateAndLockLabel(){this._hasFloatingLabel()&&this._canLabelFloat()&&(this._animationsEnabled&&this._label&&(this._showAlwaysAnimate=!0,(0,d.R)(this._label.nativeElement,"transitionend").pipe((0,c.q)(1)).subscribe(()=>{this._showAlwaysAnimate=!1})),this.floatLabel="always",this._changeDetectorRef.markForCheck())}_validatePlaceholders(){}_processHints(){this._validateHints(),this._syncDescribedByIds()}_validateHints(){}_getDefaultFloatLabelState(){return this._defaults&&this._defaults.floatLabel||"auto"}_syncDescribedByIds(){if(this._control){let e=[];if(this._control.userAriaDescribedBy&&"string"==typeof this._control.userAriaDescribedBy&&e.push(...this._control.userAriaDescribedBy.split(" ")),"hint"===this._getDisplayedMessages()){const t=this._hintChildren?this._hintChildren.find(e=>"start"===e.align):null,i=this._hintChildren?this._hintChildren.find(e=>"end"===e.align):null;t?e.push(t.id):this._hintLabel&&e.push(this._hintLabelId),i&&e.push(i.id)}else this._errorChildren&&e.push(...this._errorChildren.map(e=>e.id));this._control.setDescribedByIds(e)}}_validateControlChild(){}updateOutlineGap(){const e=this._label?this._label.nativeElement:null;if("outline"!==this.appearance||!e||!e.children.length||!e.textContent.trim())return;if(!this._platform.isBrowser)return;if(!this._isAttachedToDOM())return void(this._outlineGapCalculationNeededImmediately=!0);let t=0,i=0;const a=this._connectionContainerRef.nativeElement,n=a.querySelectorAll(".mat-form-field-outline-start"),l=a.querySelectorAll(".mat-form-field-outline-gap");if(this._label&&this._label.nativeElement.children.length){const n=a.getBoundingClientRect();if(0===n.width&&0===n.height)return this._outlineGapCalculationNeededOnStable=!0,void(this._outlineGapCalculationNeededImmediately=!1);const l=this._getStartEnd(n),r=e.children,o=this._getStartEnd(r[0].getBoundingClientRect());let s=0;for(let e=0;e<r.length;e++)s+=r[e].offsetWidth;t=Math.abs(o-l)-5,i=s>0?.75*s+10:0}for(let r=0;r<n.length;r++)n[r].style.width=`${t}px`;for(let r=0;r<l.length;r++)l[r].style.width=`${i}px`;this._outlineGapCalculationNeededOnStable=this._outlineGapCalculationNeededImmediately=!1}_getStartEnd(e){return this._dir&&"rtl"===this._dir.value?e.right:e.left}_isAttachedToDOM(){const e=this._elementRef.nativeElement;if(e.getRootNode){const t=e.getRootNode();return t&&t!==e}return document.documentElement.contains(e)}}return e.\u0275fac=function(t){return new(t||e)(l.Y36(l.SBq),l.Y36(l.sBO),l.Y36(l.SBq),l.Y36(_.Is,8),l.Y36(H,8),l.Y36(b.t4),l.Y36(l.R0b),l.Y36(h.Qb,8))},e.\u0275cmp=l.Xpm({type:e,selectors:[["mat-form-field"]],contentQueries:function(e,t,i){if(1&e&&(l.Suo(i,M,5),l.Suo(i,M,7),l.Suo(i,D,5),l.Suo(i,D,7),l.Suo(i,B,5),l.Suo(i,T,5),l.Suo(i,N,5),l.Suo(i,G,5),l.Suo(i,z,5)),2&e){let e;l.iGM(e=l.CRH())&&(t._controlNonStatic=e.first),l.iGM(e=l.CRH())&&(t._controlStatic=e.first),l.iGM(e=l.CRH())&&(t._labelChildNonStatic=e.first),l.iGM(e=l.CRH())&&(t._labelChildStatic=e.first),l.iGM(e=l.CRH())&&(t._placeholderChild=e.first),l.iGM(e=l.CRH())&&(t._errorChildren=e),l.iGM(e=l.CRH())&&(t._hintChildren=e),l.iGM(e=l.CRH())&&(t._prefixChildren=e),l.iGM(e=l.CRH())&&(t._suffixChildren=e)}},viewQuery:function(e,t){if(1&e&&(l.Gf(g,5),l.Gf(v,7),l.Gf(y,5),l.Gf(x,5)),2&e){let e;l.iGM(e=l.CRH())&&(t.underlineRef=e.first),l.iGM(e=l.CRH())&&(t._connectionContainerRef=e.first),l.iGM(e=l.CRH())&&(t._inputContainerRef=e.first),l.iGM(e=l.CRH())&&(t._label=e.first)}},hostAttrs:[1,"mat-form-field"],hostVars:40,hostBindings:function(e,t){2&e&&l.ekj("mat-form-field-appearance-standard","standard"==t.appearance)("mat-form-field-appearance-fill","fill"==t.appearance)("mat-form-field-appearance-outline","outline"==t.appearance)("mat-form-field-appearance-legacy","legacy"==t.appearance)("mat-form-field-invalid",t._control.errorState)("mat-form-field-can-float",t._canLabelFloat())("mat-form-field-should-float",t._shouldLabelFloat())("mat-form-field-has-label",t._hasFloatingLabel())("mat-form-field-hide-placeholder",t._hideControlPlaceholder())("mat-form-field-disabled",t._control.disabled)("mat-form-field-autofilled",t._control.autofilled)("mat-focused",t._control.focused)("ng-untouched",t._shouldForward("untouched"))("ng-touched",t._shouldForward("touched"))("ng-pristine",t._shouldForward("pristine"))("ng-dirty",t._shouldForward("dirty"))("ng-valid",t._shouldForward("valid"))("ng-invalid",t._shouldForward("invalid"))("ng-pending",t._shouldForward("pending"))("_mat-animation-noopable",!t._animationsEnabled)},inputs:{color:"color",floatLabel:"floatLabel",appearance:"appearance",hideRequiredMarker:"hideRequiredMarker",hintLabel:"hintLabel"},exportAs:["matFormField"],features:[l._Bn([{provide:J,useExisting:e}]),l.qOj],ngContentSelectors:O,decls:36,vars:8,consts:[[1,"mat-form-field-wrapper"],[1,"mat-form-field-flex",3,"click"],["connectionContainer",""],[4,"ngIf"],["class","mat-form-field-prefix",4,"ngIf"],[1,"mat-form-field-infix"],["inputContainer",""],[1,"mat-form-field-label-wrapper"],["class","mat-form-field-label",3,"cdkObserveContentDisabled","id","mat-empty","mat-form-field-empty","mat-accent","mat-warn","ngSwitch","cdkObserveContent",4,"ngIf"],["class","mat-form-field-suffix",4,"ngIf"],["class","mat-form-field-underline",4,"ngIf"],[1,"mat-form-field-subscript-wrapper",3,"ngSwitch"],[4,"ngSwitchCase"],["class","mat-form-field-hint-wrapper",4,"ngSwitchCase"],[1,"mat-form-field-outline"],[1,"mat-form-field-outline-start"],[1,"mat-form-field-outline-gap"],[1,"mat-form-field-outline-end"],[1,"mat-form-field-outline","mat-form-field-outline-thick"],[1,"mat-form-field-prefix"],[1,"mat-form-field-label",3,"cdkObserveContentDisabled","id","ngSwitch","cdkObserveContent"],["label",""],["class","mat-placeholder-required mat-form-field-required-marker","aria-hidden","true",4,"ngIf"],["aria-hidden","true",1,"mat-placeholder-required","mat-form-field-required-marker"],[1,"mat-form-field-suffix"],[1,"mat-form-field-underline"],["underline",""],[1,"mat-form-field-ripple"],[1,"mat-form-field-hint-wrapper"],["class","mat-hint",3,"id",4,"ngIf"],[1,"mat-form-field-hint-spacer"],[1,"mat-hint",3,"id"]],template:function(e,t){1&e&&(l.F$t(F),l.TgZ(0,"div",0),l._uU(1,"\n "),l.TgZ(2,"div",1,2),l.NdJ("click",function(e){return t._control.onContainerClick&&t._control.onContainerClick(e)}),l._uU(4,"\n\n "),l._uU(5,"\n "),l.YNc(6,w,20,0,"ng-container",3),l._uU(7,"\n\n "),l.YNc(8,C,4,0,"div",4),l._uU(9,"\n\n "),l.TgZ(10,"div",5,6),l._uU(12,"\n "),l.Hsn(13),l._uU(14,"\n\n "),l.TgZ(15,"span",7),l._uU(16,"\n "),l._uU(17,"\n "),l.YNc(18,Z,11,16,"label",8),l._uU(19,"\n "),l.qZA(),l._uU(20,"\n "),l.qZA(),l._uU(21,"\n\n "),l.YNc(22,S,4,0,"div",9),l._uU(23,"\n "),l.qZA(),l._uU(24,"\n\n "),l._uU(25,"\n "),l.YNc(26,q,5,4,"div",10),l._uU(27,"\n\n "),l.TgZ(28,"div",11),l._uU(29,"\n "),l.YNc(30,R,4,1,"div",12),l._uU(31,"\n\n "),l.YNc(32,L,11,2,"div",13),l._uU(33,"\n "),l.qZA(),l._uU(34,"\n"),l.qZA(),l._uU(35,"\n")),2&e&&(l.xp6(6),l.Q6J("ngIf","outline"==t.appearance),l.xp6(2),l.Q6J("ngIf",t._prefixChildren.length),l.xp6(10),l.Q6J("ngIf",t._hasFloatingLabel()),l.xp6(4),l.Q6J("ngIf",t._suffixChildren.length),l.xp6(4),l.Q6J("ngIf","outline"!=t.appearance),l.xp6(2),l.Q6J("ngSwitch",t._getDisplayedMessages()),l.xp6(2),l.Q6J("ngSwitchCase","error"),l.xp6(2),l.Q6J("ngSwitchCase","hint"))},directives:[a.O5,a.RF,a.n9,n.wD],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}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::placeholder{opacity:0}.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder{opacity:0}.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder{opacity:0}.mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder{color:transparent !important;-webkit-text-fill-color:transparent;transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder{opacity:0}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"],encapsulation:2,data:{animation:[E.transitionMessages]},changeDetection:0}),e})(),j=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275mod=l.oAB({type:e}),e.\u0275inj=l.cJS({imports:[[a.ez,r.BQ,n.Q8],r.BQ]}),e})();var V=i(9193);i(5124);const $=(0,b.i$)({passive:!0});let X=(()=>{class e{constructor(e,t){this._platform=e,this._ngZone=t,this._monitoredElements=new Map}monitor(e){if(!this._platform.isBrowser)return V.E;const t=(0,o.fI)(e),i=this._monitoredElements.get(t);if(i)return i.subject;const a=new s.xQ,n="cdk-text-field-autofilled",l=e=>{"cdk-text-field-autofill-start"!==e.animationName||t.classList.contains(n)?"cdk-text-field-autofill-end"===e.animationName&&t.classList.contains(n)&&(t.classList.remove(n),this._ngZone.run(()=>a.next({target:e.target,isAutofilled:!1}))):(t.classList.add(n),this._ngZone.run(()=>a.next({target:e.target,isAutofilled:!0})))};return this._ngZone.runOutsideAngular(()=>{t.addEventListener("animationstart",l,$),t.classList.add("cdk-text-field-autofill-monitored")}),this._monitoredElements.set(t,{subject:a,unlisten:()=>{t.removeEventListener("animationstart",l,$)}}),a}stopMonitoring(e){const t=(0,o.fI)(e),i=this._monitoredElements.get(t);i&&(i.unlisten(),i.subject.complete(),t.classList.remove("cdk-text-field-autofill-monitored"),t.classList.remove("cdk-text-field-autofilled"),this._monitoredElements.delete(t))}ngOnDestroy(){this._monitoredElements.forEach((e,t)=>this.stopMonitoring(t))}}return e.\u0275fac=function(t){return new(t||e)(l.LFG(b.t4),l.LFG(l.R0b))},e.\u0275prov=l.Yz7({factory:function(){return new e(l.LFG(b.t4),l.LFG(l.R0b))},token:e,providedIn:"root"}),e})(),K=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275mod=l.oAB({type:e}),e.\u0275inj=l.cJS({imports:[[b.ud]]}),e})();var W=i(3738);const ee=new l.OlP("MAT_INPUT_VALUE_ACCESSOR"),te=["button","checkbox","file","hidden","image","radio","range","reset","submit"];let ie=0;const ae=(0,r.FD)(class{constructor(e,t,i,a){this._defaultErrorStateMatcher=e,this._parentForm=t,this._parentFormGroup=i,this.ngControl=a}});let ne=(()=>{class e extends ae{constructor(e,t,i,a,n,l,r,o,m,d){super(l,a,n,i),this._elementRef=e,this._platform=t,this._autofillMonitor=o,this._formField=d,this._uid="mat-input-"+ie++,this.focused=!1,this.stateChanges=new s.xQ,this.controlType="mat-input",this.autofilled=!1,this._disabled=!1,this._required=!1,this._type="text",this._readonly=!1,this._neverEmptyInputTypes=["date","datetime","datetime-local","month","time","week"].filter(e=>(0,b.qK)().has(e));const f=this._elementRef.nativeElement,p=f.nodeName.toLowerCase();this._inputValueAccessor=r||f,this._previousNativeValue=this.value,this.id=this.id,t.IOS&&m.runOutsideAngular(()=>{e.nativeElement.addEventListener("keyup",e=>{const t=e.target;t.value||0!==t.selectionStart||0!==t.selectionEnd||(t.setSelectionRange(1,1),t.setSelectionRange(0,0))})}),this._isServer=!this._platform.isBrowser,this._isNativeSelect="select"===p,this._isTextarea="textarea"===p,this._isInFormField=!!d,this._isNativeSelect&&(this.controlType=f.multiple?"mat-native-select-multiple":"mat-native-select")}get disabled(){return this.ngControl&&null!==this.ngControl.disabled?this.ngControl.disabled:this._disabled}set disabled(e){this._disabled=(0,o.Ig)(e),this.focused&&(this.focused=!1,this.stateChanges.next())}get id(){return this._id}set id(e){this._id=e||this._uid}get required(){return this._required}set required(e){this._required=(0,o.Ig)(e)}get type(){return this._type}set type(e){this._type=e||"text",this._validateType(),!this._isTextarea&&(0,b.qK)().has(this._type)&&(this._elementRef.nativeElement.type=this._type)}get value(){return this._inputValueAccessor.value}set value(e){e!==this.value&&(this._inputValueAccessor.value=e,this.stateChanges.next())}get readonly(){return this._readonly}set readonly(e){this._readonly=(0,o.Ig)(e)}ngAfterViewInit(){this._platform.isBrowser&&this._autofillMonitor.monitor(this._elementRef.nativeElement).subscribe(e=>{this.autofilled=e.isAutofilled,this.stateChanges.next()})}ngOnChanges(){this.stateChanges.next()}ngOnDestroy(){this.stateChanges.complete(),this._platform.isBrowser&&this._autofillMonitor.stopMonitoring(this._elementRef.nativeElement)}ngDoCheck(){this.ngControl&&this.updateErrorState(),this._dirtyCheckNativeValue(),this._dirtyCheckPlaceholder()}focus(e){this._elementRef.nativeElement.focus(e)}_focusChanged(e){e===this.focused||this.readonly&&e||(this.focused=e,this.stateChanges.next())}_onInput(){}_dirtyCheckPlaceholder(){var e,t;const i=(null===(t=null===(e=this._formField)||void 0===e?void 0:e._hideControlPlaceholder)||void 0===t?void 0:t.call(e))?null:this.placeholder;if(i!==this._previousPlaceholder){const e=this._elementRef.nativeElement;this._previousPlaceholder=i,i?e.setAttribute("placeholder",i):e.removeAttribute("placeholder")}}_dirtyCheckNativeValue(){const e=this._elementRef.nativeElement.value;this._previousNativeValue!==e&&(this._previousNativeValue=e,this.stateChanges.next())}_validateType(){te.indexOf(this._type)}_isNeverEmpty(){return this._neverEmptyInputTypes.indexOf(this._type)>-1}_isBadInput(){let e=this._elementRef.nativeElement.validity;return e&&e.badInput}get empty(){return!(this._isNeverEmpty()||this._elementRef.nativeElement.value||this._isBadInput()||this.autofilled)}get shouldLabelFloat(){if(this._isNativeSelect){const e=this._elementRef.nativeElement,t=e.options[0];return this.focused||e.multiple||!this.empty||!!(e.selectedIndex>-1&&t&&t.label)}return this.focused||!this.empty}setDescribedByIds(e){e.length?this._elementRef.nativeElement.setAttribute("aria-describedby",e.join(" ")):this._elementRef.nativeElement.removeAttribute("aria-describedby")}onContainerClick(){this.focused||this.focus()}}return e.\u0275fac=function(t){return new(t||e)(l.Y36(l.SBq),l.Y36(b.t4),l.Y36(W.a5,10),l.Y36(W.F,8),l.Y36(W.sg,8),l.Y36(r.rD),l.Y36(ee,10),l.Y36(X),l.Y36(l.R0b),l.Y36(J,8))},e.\u0275dir=l.lG2({type:e,selectors:[["input","matInput",""],["textarea","matInput",""],["select","matNativeControl",""],["input","matNativeControl",""],["textarea","matNativeControl",""]],hostAttrs:[1,"mat-input-element","mat-form-field-autofill-control"],hostVars:9,hostBindings:function(e,t){1&e&&l.NdJ("focus",function(){return t._focusChanged(!0)})("blur",function(){return t._focusChanged(!1)})("input",function(){return t._onInput()}),2&e&&(l.Ikx("disabled",t.disabled)("required",t.required),l.uIk("id",t.id)("data-placeholder",t.placeholder)("readonly",t.readonly&&!t._isNativeSelect||null)("aria-invalid",t.empty&&t.required?null:t.errorState)("aria-required",t.required),l.ekj("mat-input-server",t._isServer))},inputs:{id:"id",disabled:"disabled",required:"required",type:"type",value:"value",readonly:"readonly",placeholder:"placeholder",errorStateMatcher:"errorStateMatcher",userAriaDescribedBy:["aria-describedby","userAriaDescribedBy"]},exportAs:["matInput"],features:[l._Bn([{provide:M,useExisting:e}]),l.qOj,l.TTD]}),e})(),le=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275mod=l.oAB({type:e}),e.\u0275inj=l.cJS({providers:[r.rD],imports:[[K,j,r.BQ],K,j]}),e})();var re=i(3121),oe=i(4074),se=i(5648),me=i(9604),de=i(6193),fe=i(6567);let pe=(()=>{class e{ngAfterViewInit(){document.querySelectorAll("pre code").forEach(e=>{hljs.highlightBlock(e)})}}return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=l.Xpm({type:e,selectors:[["sample-first"]],decls:73,vars:0,consts:[[1,"main__wrap"],[1,"simple-toolbar"],["flex-container","",1,"form-wrapper","my-filter"],["flex-column",""],["appearance","outline","flex-item","",1,"form-wrapper__input"],["matInput",""],["appearance","outline","flex-item",""],[1,"html"]],template:function(e,t){1&e&&(l.TgZ(0,"div",0),l._uU(1,"\n "),l.TgZ(2,"mat-toolbar",1),l._uU(3,"\n "),l.TgZ(4,"span"),l._uU(5,"Example complicated flex"),l.qZA(),l._uU(6,"\n "),l.qZA(),l._uU(7,"\n\n "),l.TgZ(8,"span"),l._uU(9,"\n Below you can see a form consisting of two columns of three fields. These columns are controlled by a directive\n that determines the position of the fields.\n "),l.qZA(),l._uU(10,"\n\n "),l.TgZ(11,"div",2),l._uU(12,"\n "),l.TgZ(13,"div",3),l._uU(14,"\n "),l.TgZ(15,"mat-form-field",4),l._uU(16,"\n "),l.TgZ(17,"mat-label"),l._uU(18,"Outline form field"),l.qZA(),l._uU(19,"\n "),l._UZ(20,"input",5),l._uU(21,"\n "),l.qZA(),l._uU(22,"\n\n "),l.TgZ(23,"mat-form-field",6),l._uU(24,"\n "),l.TgZ(25,"mat-label"),l._uU(26,"Outline form field"),l.qZA(),l._uU(27,"\n "),l._UZ(28,"input",5),l._uU(29,"\n "),l.qZA(),l._uU(30,"\n\n "),l.TgZ(31,"mat-form-field",6),l._uU(32,"\n "),l.TgZ(33,"mat-label"),l._uU(34,"Outline form field"),l.qZA(),l._uU(35,"\n "),l._UZ(36,"input",5),l._uU(37,"\n "),l.qZA(),l._uU(38,"\n "),l.qZA(),l._uU(39,"\n\n "),l.TgZ(40,"div",3),l._uU(41,"\n "),l.TgZ(42,"mat-form-field",6),l._uU(43,"\n "),l.TgZ(44,"mat-label"),l._uU(45,"Outline form field"),l.qZA(),l._uU(46,"\n "),l._UZ(47,"input",5),l._uU(48,"\n "),l.qZA(),l._uU(49,"\n\n "),l.TgZ(50,"mat-form-field",6),l._uU(51,"\n "),l.TgZ(52,"mat-label"),l._uU(53,"Outline form field"),l.qZA(),l._uU(54,"\n "),l._UZ(55,"input",5),l._uU(56,"\n "),l.qZA(),l._uU(57,"\n\n "),l.TgZ(58,"mat-form-field",6),l._uU(59,"\n "),l.TgZ(60,"mat-label"),l._uU(61,"Outline form field"),l.qZA(),l._uU(62,"\n "),l._UZ(63,"input",5),l._uU(64,"\n "),l.qZA(),l._uU(65,"\n "),l.qZA(),l._uU(66,"\n "),l.qZA(),l._uU(67,"\n\n "),l.TgZ(68,"pre"),l.TgZ(69,"code",7),l.IAx(),l._uU(70,' \x3c!-- app.component.html --\x3e\n <div flex-container>\n <div flex-column>\n <mat-form-field appearance="outline" flex-item>\n <mat-label>Outline form field</mat-label>\n <input matInput />\n </mat-form-field>\n\n <mat-form-field appearance="outline" flex-item>\n <mat-label>Outline form field</mat-label>\n <input matInput />\n </mat-form-field>\n\n <mat-form-field appearance="outline" flex-item>\n <mat-label>Outline form field</mat-label>\n <input matInput />\n </mat-form-field>\n </div>\n\n <div flex-column>\n <mat-form-field appearance="outline" flex-item>\n <mat-label>Outline form field</mat-label>\n <input matInput />\n </mat-form-field>\n\n <mat-form-field appearance="outline" flex-item>\n <mat-label>Outline form field</mat-label>\n <input matInput />\n </mat-form-field>\n\n <mat-form-field appearance="outline" flex-item>\n <mat-label>Outline form field</mat-label>\n <input matInput />\n </mat-form-field>\n </div>\n </div>\n'),l.fQ9(),l.qZA(),l.qZA(),l._uU(71,"\n"),l.qZA(),l._uU(72,"\n"))},directives:[re.Ye,me.i,de.X,P,fe.R,D,ne],styles:[".form-wrapper{padding:20px 0}"],encapsulation:2,changeDetection:0}),e})(),ce=(()=>{class e{}return e.\u0275fac=function(t){return new(t||e)},e.\u0275mod=l.oAB({type:e}),e.\u0275inj=l.cJS({imports:[[a.ez,oe.Bz.forChild([{path:"",component:pe}]),se.o9,j,le,re.g0]]}),e})()}}]);