@nuarch/dynamic-forms
Version:
Teradata UI Platform Dynamic Forms Module
1 lines • 746 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"CovalentDynamicFormsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":67,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"TdDynamicFormsComponent"},{"__symbolic":"reference","name":"TdDynamicElementComponent"},{"__symbolic":"reference","name":"TdDynamicElementDirective"},{"__symbolic":"reference","name":"TdDynamicFormsErrorTemplate"},{"__symbolic":"reference","name":"TdErrorWrappedDynamicFormsComponent"},{"__symbolic":"reference","name":"TdErrorWrappedDynamicFormsGroupComponent"},{"__symbolic":"reference","name":"NuDynamicFormsComponent"}],[{"__symbolic":"reference","name":"TdDynamicFormsComponent"},{"__symbolic":"reference","name":"TdDynamicInputComponent"},{"__symbolic":"reference","name":"TdDynamicFileInputComponent"},{"__symbolic":"reference","name":"TdDynamicTextareaComponent"},{"__symbolic":"reference","name":"TdDynamicSlideToggleComponent"},{"__symbolic":"reference","name":"TdDynamicCheckboxComponent"},{"__symbolic":"reference","name":"TdDynamicSliderComponent"},{"__symbolic":"reference","name":"TdDynamicSelectComponent"},{"__symbolic":"reference","name":"TdDynamicDatepickerComponent"},{"__symbolic":"reference","name":"TdDynamicAutocompleteComponent"},{"__symbolic":"reference","name":"ɵa"}],{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":74,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":75,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":76,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":77,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":78,"character":4},{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":79,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":80,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":81,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":82,"character":4},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":83,"character":4},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":84,"character":4},{"__symbolic":"reference","module":"@covalent/core/common","name":"CovalentCommonModule","line":85,"character":4},{"__symbolic":"reference","module":"@covalent/core/file","name":"CovalentFileModule","line":86,"character":4},{"__symbolic":"reference","module":"@covalent/core/media","name":"CovalentMediaModule","line":87,"character":4},{"__symbolic":"reference","module":"@covalent/core/message","name":"CovalentMessageModule","line":88,"character":4},{"__symbolic":"reference","module":"@covalent/core","name":"CovalentVirtualScrollModule","line":89,"character":4},{"__symbolic":"reference","module":"@covalent/core","name":"CovalentSearchModule","line":90,"character":4}],"exports":[[{"__symbolic":"reference","name":"TdDynamicFormsComponent"},{"__symbolic":"reference","name":"TdDynamicElementComponent"},{"__symbolic":"reference","name":"TdDynamicElementDirective"},{"__symbolic":"reference","name":"TdDynamicFormsErrorTemplate"},{"__symbolic":"reference","name":"TdErrorWrappedDynamicFormsComponent"},{"__symbolic":"reference","name":"TdErrorWrappedDynamicFormsGroupComponent"},{"__symbolic":"reference","name":"NuDynamicFormsComponent"}],[{"__symbolic":"reference","name":"TdDynamicFormsComponent"},{"__symbolic":"reference","name":"TdDynamicInputComponent"},{"__symbolic":"reference","name":"TdDynamicFileInputComponent"},{"__symbolic":"reference","name":"TdDynamicTextareaComponent"},{"__symbolic":"reference","name":"TdDynamicSlideToggleComponent"},{"__symbolic":"reference","name":"TdDynamicCheckboxComponent"},{"__symbolic":"reference","name":"TdDynamicSliderComponent"},{"__symbolic":"reference","name":"TdDynamicSelectComponent"},{"__symbolic":"reference","name":"TdDynamicDatepickerComponent"},{"__symbolic":"reference","name":"TdDynamicAutocompleteComponent"},{"__symbolic":"reference","name":"ɵa"}]],"providers":[{"__symbolic":"reference","name":"DYNAMIC_FORMS_PROVIDER"}],"entryComponents":[[{"__symbolic":"reference","name":"TdDynamicFormsComponent"},{"__symbolic":"reference","name":"TdDynamicInputComponent"},{"__symbolic":"reference","name":"TdDynamicFileInputComponent"},{"__symbolic":"reference","name":"TdDynamicTextareaComponent"},{"__symbolic":"reference","name":"TdDynamicSlideToggleComponent"},{"__symbolic":"reference","name":"TdDynamicCheckboxComponent"},{"__symbolic":"reference","name":"TdDynamicSliderComponent"},{"__symbolic":"reference","name":"TdDynamicSelectComponent"},{"__symbolic":"reference","name":"TdDynamicDatepickerComponent"},{"__symbolic":"reference","name":"TdDynamicAutocompleteComponent"},{"__symbolic":"reference","name":"ɵa"}]]}]}],"members":{}},"TdDynamicFormsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"td-dynamic-forms","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"},"template":"<form [formGroup]=\"dynamicForm\" novalidate>\r\n <div class=\"td-dynamic-form-wrapper\">\r\n <ng-template let-element ngFor [ngForOf]=\"elements\">\r\n <div class=\"td-dynamic-element-wrapper\"\r\n [ngClass]=\"{'hidden': element.hidden}\"\r\n [ngStyle]=\"getStyle(element)\">\r\n <nu-dynamic-forms\r\n #nestedGroup\r\n *ngIf=\"element.type==='group'\"\r\n [elements]=\"[element]\"\r\n [templateRef]=\"templateRef\"\r\n (remove)=\"removeGroup()\">\r\n </nu-dynamic-forms>\r\n <td-dynamic-element\r\n #dynamicElement\r\n *ngIf=\"element.type!=='group' && dynamicForm.controls[element.name]\"\r\n [formControlName]=\"element.name\"\r\n [dynamicControl]=\"dynamicForm.controls[element.name]\"\r\n [id]=\"element.name\"\r\n [name]=\"element.name\"\r\n [label]=\"element.label || element.name\"\r\n [hint]=\"element.hint\"\r\n [type]=\"element.type\"\r\n [required]=\"element.required\"\r\n [min]=\"element.min\"\r\n [max]=\"element.max\"\r\n [minLength]=\"element.minLength\"\r\n [maxLength]=\"element.maxLength\"\r\n [selections]=\"element.selections\"\r\n [multiple]=\"element.multiple\"\r\n [errorMessageTemplate]=\"getErrorTemplateRef(element.name)\">\r\n </td-dynamic-element>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <ng-content></ng-content>\r\n</form>\r\n","styles":[".td-dynamic-form-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.td-dynamic-form-wrapper ::ng-deep .mat-form-field-infix{width:auto}.td-dynamic-form-wrapper ::ng-deep .td-dynamic-element-hint{font-size:75%;display:block}.td-dynamic-form-wrapper .td-dynamic-element-wrapper{max-height:100%;box-sizing:border-box;position:relative;padding:4px 4px 8px}.td-dynamic-form-wrapper .hidden{display:none}"]}]}],"members":{"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"isSingleInGroupedForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"_errorTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":36,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDynamicFormsErrorTemplate"}]}]}],"nestedGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":37,"character":3},"arguments":["nestedGroup"]}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"elements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3},"arguments":["elements"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":148,"character":36},{"__symbolic":"reference","name":"TdDynamicFormsService"},{"__symbolic":"reference","module":"@covalent/core/media","name":"TdMediaService","line":150,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":151,"character":42}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"getErrorTemplateRef":[{"__symbolic":"method"}],"getStyle":[{"__symbolic":"method"}],"updateRenderElementSelections":[{"__symbolic":"method"}],"removeGroup":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_updateErrorTemplates":[{"__symbolic":"method"}],"_rerenderElements":[{"__symbolic":"method"}],"_clearRemovedElements":[{"__symbolic":"method"}]}},"TdErrorWrappedDynamicFormsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"td-error-wrapped-dynamic-forms","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":19},"member":"OnPush"},"template":"<td-dynamic-forms [elements]=\"elements\" [templateRef]=\"templateRef\" (remove)=\"removeGroup()\"></td-dynamic-forms>\r\n<ng-template let-error ngFor [ngForOf]=\"formErrors\">\r\n <td-message\r\n class=\"td-dynamic-form-outside-error\"\r\n [label]=\"error.title\"\r\n [sublabel]=\"error.message\"\r\n color=\"warn\"\r\n icon=\"error\">\r\n </td-message>\r\n</ng-template>\r\n<ng-content></ng-content>\r\n","styles":[".td-dynamic-form-outside-error{margin-bottom:15px}"]}]}],"members":{"formErrors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"elements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"dynamicFormsComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":31,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDynamicFormsComponent"}]}]}],"_errorTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":32,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDynamicFormsErrorTemplate"}]}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"removeGroup":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"TdDynamicElementBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":11,"character":41}]}]}},"_TdDynamicElementMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinControlValueAccessor","line":15,"character":42},"arguments":[{"__symbolic":"reference","name":"TdDynamicElementBase"}]},"TdDynamicFormsErrorTemplate":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":18,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":17,"character":1},"arguments":[{"selector":"[tdDynamicFormsError]ng-template"}]}],"members":{"tdDynamicFormsError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":21,"character":63}]}]}},"TdDynamicElementDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":26,"character":1},"arguments":[{"selector":"[tdDynamicContainer]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":21,"character":63}]}]}},"TdDynamicElementComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdDynamicElementMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"providers":[{"__symbolic":"reference","name":"TdDynamicFormsService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":35,"character":13},"useExisting":{"__symbolic":"reference","name":"TdDynamicElementComponent"},"multi":true}],"selector":"td-dynamic-element","template":"<div tdDynamicContainer></div>"}]}],"members":{"dynamicControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"minLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"maxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"selections":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"errorMessageTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"childElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":113,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDynamicElementDirective"}]}]}],"maxAttr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":115,"character":3},"arguments":["attr.max"]}]}],"minAttr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":120,"character":3},"arguments":["attr.min"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":125,"character":49},{"__symbolic":"reference","name":"TdDynamicFormsService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":11,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"TdDynamicType":{"Text":"text","Boolean":"boolean","Number":"number","Array":"array","Date":"date"},"TdDynamicElement":{"Input":"input","Datepicker":"datepicker","Password":"password","Textarea":"textarea","Slider":"slider","SlideToggle":"slide-toggle","Checkbox":"checkbox","Select":"select","FileInput":"file-input","Autocomplete":"autocomplete","AutocompleteDynamic":"autocomplete-dynamic"},"ITdDynamicElementValidator":{"__symbolic":"interface"},"ITdDynamicElementConfig":{"__symbolic":"interface"},"ITdDynamicGroupConfig":{"__symbolic":"interface"},"ITdDynamicGroupValue":{"__symbolic":"interface"},"ITdOutsideDynamicFormError":{"__symbolic":"interface"},"DYNAMIC_ELEMENT_NAME_REGEX":{"__symbolic":"error","message":"Expression form not supported","line":91,"character":50,"module":"./services/dynamic-forms.service"},"TdDynamicFormsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":93,"character":1}}],"members":{"validateDynamicElementName":[{"__symbolic":"method"}],"getDynamicElement":[{"__symbolic":"method"}],"createFormControl":[{"__symbolic":"method"}],"createValidators":[{"__symbolic":"method"}]}},"DYNAMIC_FORMS_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["parent"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parent"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"TdDynamicFormsService"}}}},"DYNAMIC_FORMS_PROVIDER":{"provide":{"__symbolic":"reference","name":"TdDynamicFormsService"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":189,"character":14}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":189,"character":30}},{"__symbolic":"reference","name":"TdDynamicFormsService"}]],"useFactory":{"__symbolic":"reference","name":"DYNAMIC_FORMS_PROVIDER_FACTORY"}},"TdDynamicTextareaComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-dynamic-textarea","template":"<div class=\"td-dynamic-textarea-wrapper\">\r\n <mat-form-field class=\"td-dynamic-textarea-field\">\r\n <textarea #elementInput\r\n matInput\r\n [formControl]=\"control\"\r\n [placeholder]=\"label\"\r\n [required]=\"required\"\r\n [attr.name]=\"name\"\r\n rows=\"4\">\r\n </textarea>\r\n <mat-hint>{{hint}}</mat-hint>\r\n <mat-error>\r\n <ng-template\r\n [ngTemplateOutlet]=\"errorMessageTemplate\"\r\n [ngTemplateOutletContext]=\"{control: control, errors: control?.errors}\">\r\n </ng-template>\r\n </mat-error>\r\n </mat-form-field>\r\n</div>","styles":[".td-dynamic-textarea-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box}.td-dynamic-textarea-wrapper .td-dynamic-textarea-field{-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box}"]}]}],"members":{}},"TdDynamicSliderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-dynamic-slider","template":"<div class=\"td-dynamic-slider-wrapper mat-form-field mat-form-field-can-float mat-form-field-should-float\"\r\n [class.mat-focused]=\"slider._isActive\">\r\n <span class=\"mat-form-field-label-wrapper\">\r\n <label class=\"mat-form-field-label mat-primary td-slider-label\">\r\n {{label}}\r\n <span *ngIf=\"required && !control?.disabled\" class=\"mat-form-field-required-marker\">*</span>\r\n </label>\r\n </span>\r\n <div class=\"td-dynamic-slider-field\">\r\n <mat-slider #slider\r\n class=\"td-dynamic-slider\"\r\n [formControl]=\"control\"\r\n [attr.name]=\"name\"\r\n [min]=\"min\"\r\n [max]=\"max\"\r\n thumbLabel\r\n tickInterval=\"auto\"\r\n [required]=\"required\"\r\n (blur)=\"_handleBlur()\">\r\n </mat-slider>\r\n </div> \r\n <span class=\"mat-hint td-dynamic-element-hint\">{{hint}}</span>\r\n</div>","styles":[":host .td-dynamic-slider-wrapper{display:block}.td-dynamic-slider-field{position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box}.td-dynamic-slider-field .td-dynamic-slider{-webkit-box-flex:1;-ms-flex:1;flex:1}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":24,"character":42}]}],"_handleBlur":[{"__symbolic":"method"}]}},"TdDynamicSlideToggleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-dynamic-slide-toggle","template":"<div class=\"td-dynamic-slide-toggle-wrapper\">\r\n <mat-slide-toggle [formControl]=\"control\"\r\n [attr.name]=\"name\"\r\n [required]=\"required\">\r\n {{label}}\r\n </mat-slide-toggle>\r\n <span class=\"mat-hint td-dynamic-element-hint\">{{hint}}</span>\r\n</div>","styles":[""]}]}],"members":{}},"TdDynamicSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"td-dynamic-select","template":"<div class=\"td-dynamic-select-wrapper\">\r\n <mat-form-field class=\"td-dynamic-select-field\">\r\n <mat-select [formControl]=\"control\"\r\n [placeholder]=\"label\"\r\n [required]=\"required\"\r\n [attr.name]=\"name\"\r\n [multiple]=\"multiple\">\r\n <mat-option *ngFor=\"let selection of (isAsyncSelections ? (asyncSelections | async) : selections)\"\r\n [value]=\"selection.value || selection\">{{selection.label || selection}}</mat-option>\r\n </mat-select>\r\n <mat-hint>{{hint}}</mat-hint>\r\n <mat-error>\r\n <ng-template\r\n [ngTemplateOutlet]=\"errorMessageTemplate\"\r\n [ngTemplateOutletContext]=\"{control: control, errors: control?.errors}\">\r\n </ng-template>\r\n </mat-error>\r\n </mat-form-field>\r\n</div>\r\n","styles":[".td-dynamic-select-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box}.td-dynamic-select-wrapper .td-dynamic-select-field{-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box}"]}]}],"members":{}},"TdDynamicInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-dynamic-input","template":"<div class=\"td-dynamic-input-wrapper\">\r\n <mat-form-field class=\"td-dynamic-input-field\">\r\n <input #elementInput\r\n matInput\r\n [formControl]=\"control\"\r\n [placeholder]=\"label\"\r\n [type]=\"type\"\r\n [required]=\"required\"\r\n [attr.name]=\"name\"\r\n [attr.min]=\"min\"\r\n [attr.max]=\"max\"\r\n [attr.minLength]=\"minLength\"\r\n [attr.maxLength]=\"maxLength\"/>\r\n <mat-hint>{{hint}}</mat-hint>\r\n <mat-error>\r\n <ng-template\r\n [ngTemplateOutlet]=\"errorMessageTemplate\"\r\n [ngTemplateOutletContext]=\"{control: control, errors: control?.errors}\">\r\n </ng-template>\r\n </mat-error>\r\n </mat-form-field>\r\n</div>\r\n","styles":[".td-dynamic-input-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box}.td-dynamic-input-wrapper .td-dynamic-input-field{-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box}"]}]}],"members":{}},"TdDynamicFileInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-dynamic-file-input","template":"<div class=\"td-dynamic-file-input-wrapper\">\r\n <mat-form-field tdFileDrop\r\n class=\"td-dynamic-file-input-field\"\r\n floatLabel=\"never\"\r\n [disabled]=\"control?.disabled\"\r\n (fileDrop)=\"_handlefileDrop($event)\"\r\n (click)=\"!control?.disabled && fileInput.inputElement.click()\"\r\n (keyup.enter)=\"!control?.disabled && fileInput.inputElement.click()\"\r\n (keyup.delete)=\"fileInput.clear()\"\r\n (keyup.backspace)=\"fileInput.clear()\">\r\n <input matInput\r\n [value]=\"control?.value?.name\"\r\n [placeholder]=\"label\"\r\n [attr.name]=\"name\"\r\n [disabled]=\"control?.disabled\"\r\n readonly/>\r\n <mat-hint>{{hint}}</mat-hint>\r\n <mat-error>\r\n <ng-template\r\n [ngTemplateOutlet]=\"errorMessageTemplate\"\r\n [ngTemplateOutletContext]=\"{control: control, errors: control?.errors}\">\r\n </ng-template>\r\n </mat-error>\r\n </mat-form-field>\r\n <button mat-icon-button *ngIf=\"control.value\" (click)=\"fileInput.clear()\" (keyup.enter)=\"fileInput.clear()\">\r\n <mat-icon>cancel</mat-icon>\r\n </button>\r\n <td-file-input class=\"td-file-input\"\r\n #fileInput\r\n [formControl]=\"control\">\r\n <mat-icon>folder</mat-icon>\r\n <span>{{ label }}</span>\r\n </td-file-input>\r\n</div>","styles":[".td-dynamic-file-input-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box}.td-dynamic-file-input-wrapper .td-dynamic-file-input-field{-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box}.td-file-input{margin-left:10px}"]}]}],"members":{"_handlefileDrop":[{"__symbolic":"method"}]}},"TdDynamicDatepickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-dynamic-datepicker","template":"<div class=\"td-dynamic-datepicker-wrapper\">\r\n <mat-form-field class=\"td-dynamic-datepicker-field\">\r\n <input #elementInput\r\n matInput\r\n [matDatepicker]=\"dynamicDatePicker\"\r\n readonly\r\n [formControl]=\"control\"\r\n [placeholder]=\"label\"\r\n [required]=\"required\"\r\n [name]=\"name\"\r\n [min]=\"min\"\r\n [max]=\"max\"/>\r\n <mat-hint>{{hint}}</mat-hint>\r\n <button mat-button *ngIf=\"control?.value && control?.enabled\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clear(control);\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n <mat-error>\r\n <ng-template\r\n [ngTemplateOutlet]=\"errorMessageTemplate\"\r\n [ngTemplateOutletContext]=\"{control: control, errors: control?.errors}\">\r\n </ng-template>\r\n </mat-error>\r\n <mat-datepicker-toggle matSuffix [for]=\"dynamicDatePicker\"></mat-datepicker-toggle>\r\n <mat-datepicker #dynamicDatePicker></mat-datepicker>\r\n </mat-form-field>\r\n</div>\r\n","styles":[".td-dynamic-datepicker-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box}.td-dynamic-datepicker-wrapper .td-dynamic-datepicker-field{-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box}"]}]}],"members":{"clear":[{"__symbolic":"method"}]}},"TdDynamicCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-dynamic-checkbox","template":"<div class=\"td-dynamic-checkbox-wrapper\">\r\n <mat-checkbox [formControl]=\"control\"\r\n [name]=\"name\"\r\n [required]=\"required\">\r\n {{label}}\r\n </mat-checkbox>\r\n <span class=\"mat-hint td-dynamic-element-hint\">{{hint}}</span>\r\n</div>","styles":[""]}]}],"members":{}},"TdDynamicAutocompleteComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"TdDynamicSelectComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"td-dynamic-autocomplete","template":"<div class=\"td-dynamic-autocomplete-wrapper\">\r\n <mat-form-field class=\"td-dynamic-autocomplete-field\">\r\n <input matInput #trigger\r\n [matAutocomplete]=\"auto\"\r\n [formControl]=\"control\"\r\n [placeholder]=\"label\"\r\n [required]=\"required\"/>\r\n <mat-hint>{{hint}}</mat-hint>\r\n <button mat-button *ngIf=\"control?.value && control?.enabled\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clear(control);\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"autocompleteDisplay\"\r\n (closed)=\"resetShowMore()\">\r\n <ng-container *ngFor=\"let selection of truncatedSelections | async; let i = index; let l = count;\">\r\n <mat-option [value]=\"selection\">\r\n <span>{{selection.label || selection}}</span>\r\n </mat-option>\r\n <button mat-button *ngIf=\"showButton(i, (filteredSelections | async)?.length)\"\r\n (click)=\"setShowMore($event)\" class=\"show-more\">\r\n <mat-icon class=\"icon\">expand_more</mat-icon>\r\n Show More\r\n </button>\r\n </ng-container>\r\n </mat-autocomplete>\r\n <mat-error>\r\n <ng-template\r\n [ngTemplateOutlet]=\"errorMessageTemplate\"\r\n [ngTemplateOutletContext]=\"{control: control, errors: control?.errors}\">\r\n </ng-template>\r\n </mat-error>\r\n </mat-form-field>\r\n</div>\r\n","styles":[".td-dynamic-autocomplete-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box}.td-dynamic-autocomplete-wrapper .td-dynamic-autocomplete-field{-webkit-box-flex:1;-ms-flex:1;flex:1;box-sizing:border-box}"]}]}],"members":{"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["trigger",{"read":{"__symbolic":"reference","module":"@angular/material","name":"MatAutocompleteTrigger","line":18,"character":32}}]}]}],"ngOnInit":[{"__symbolic":"method"}],"filterSelections":[{"__symbolic":"method"}],"setShowMore":[{"__symbolic":"method"}],"resetShowMore":[{"__symbolic":"method"}],"showButton":[{"__symbolic":"method"}],"isValueMatched":[{"__symbolic":"method"}],"autocompleteDisplay":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}]}},"NuDynamicFormsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"nu-dynamic-forms","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"template":"<div class=\"dynamic-form-wrapper\">\r\n <ng-template let-chunk ngFor [ngForOf]=\"chunks\" let-i=\"index\">\r\n <div class=\"group-wrapper\" [ngStyle]=\"getStyle(chunk)\">\r\n <ng-container *ngIf=\"chunk.type === group\">\r\n <div class=\"header\">\r\n <span class=\"label\">{{chunk.label || chunk.name}}</span>\r\n </div>\r\n <ng-template let-renderElements ngFor [ngForOf]=\"chunk.renderElements\" let-j=\"index\">\r\n <div class=\"group\" *ngIf=\"!chunk.groupValues[j].delete\">\r\n <div class=\"group-header\">\r\n <div class=\"group-label\">{{chunk.groupLabel}}</div>\r\n <div class=\"action\">\r\n <button class=\"remove\" color=\"primary\" mat-button\r\n *ngIf=\"showRemove(chunk.groupValues[j], i)\"\r\n (click)=\"removeChunk(i, j)\">\r\n <mat-icon>remove_circle_outline\r\n </mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"group-body\">\r\n <td-dynamic-forms #form [elements]=\"renderElements\"\r\n [templateRef]=\"templateRef\"\r\n (remove)=\"removeGroup()\"\r\n (change)=\"changeGroup()\">\r\n </td-dynamic-forms>\r\n </div>\r\n </div>\r\n </ng-template>\r\n <button class=\"add\" mat-button\r\n *ngIf=\"showAdd(chunk)\"\r\n (click)=\"insertChunk($event, chunk.name, i)\">\r\n <mat-icon>add_circle_outline</mat-icon>\r\n {{chunk.addLabel}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngIf=\"chunk.type !== group\">\r\n <td-dynamic-forms #form [elements]=\"[chunk]\" [isSingleInGroupedForm]=\"true\" [templateRef]=\"templateRef\" (remove)=\"removeGroup()\">\r\n </td-dynamic-forms>\r\n </ng-container>\r\n </div>\r\n </ng-template>\r\n</div>\r\n","styles":["@-moz-document url-prefix(){[layout-fill]{margin:0;width:100%;min-height:100%;height:100%}}.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-badge-small .mat-badge-content{font-size:6px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 16px}.mat-h5,.mat-typography h5{font:400 11.62px/20px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 12px}.mat-h6,.mat-typography h6{font:400 9.38px/20px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 12px}.mat-body-2,.mat-body-strong{font:500 14px/24px Roboto,\"Helvetica Neue\",sans-serif}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto,\"Helvetica Neue\",sans-serif}.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-caption,.mat-small{font:400 12px/20px Roboto,\"Helvetica Neue\",sans-serif}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 56px;letter-spacing:-.05em}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 64px;letter-spacing:-.02em}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 64px;letter-spacing:-.005em}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto,\"Helvetica Neue\",sans-serif}.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button,.mat-stroked-button{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px;font-weight:400}.mat-button-toggle,.mat-card{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-content,.mat-card-subtitle{font-size:14px}.mat-checkbox{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-remove.mat-icon,.mat-chip .mat-chip-trailing-icon.mat-icon{font-size:18px}.mat-table{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:400}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto,\"Helvetica Neue\",sans-serif}.mat-expansion-panel-header{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto,\"Helvetica Neue\",sans-serif}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{-webkit-transform:translateY(-1.34375em) scale(.75);-ms-transform:translateY(-1.34375em) scale(.75);transform:translateY(-1.34375em) scale(.75);width:133.33333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.34374em) scale(.75);-ms-transform:translateY(-1.34374em) scale(.75);transform:translateY(-1.34374em) scale(.75);width:133.33334%}.mat-form-field-label-wrapper{top:-.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.66667em;top:calc(100% - 1.79167em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{-webkit-transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);-ms-transform:translateY(-1.28125em) scale(.75);width:133.33333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);-ms-transform:translateY(-1.28124em) scale(.75);width:133.33334%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);-ms-transform:translateY(-1.28123em) scale(.75);width:133.33335%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.54167em;top:calc(100% - 1.66667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{-webkit-transform:translateY(-1.28122em) scale(.75);-ms-transform:translateY(-1.28122em) scale(.75);transform:translateY(-1.28122em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.28121em) scale(.75);transform:translateY(-1.28121em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.2812em) scale(.75);-ms-transform:translateY(-1.2812em) scale(.75);transform:translateY(-1.2812em) scale(.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-.5em}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{-webkit-transform:translateY(-.59375em) scale(.75);-ms-transform:translateY(-.59375em) scale(.75);transform:translateY(-.59375em) scale(.75);width:133.33333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-.59374em) scale(.75);-ms-transform:translateY(-.59374em) scale(.75);transform:translateY(-.59374em) scale(.75);width:133.33334%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-.25em}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{-webkit-transform:translateY(-1.59375em) scale(.75);-ms-transform:translateY(-1.59375em) scale(.75);transform:translateY(-1.59375em) scale(.75);width:133.33333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.59374em) scale(.75);-ms-transform:translateY(-1.59374em) scale(.75);transform:translateY(-1.59374em) scale(.75);width:133.33334%}.mat-grid-tile-footer,.mat-grid-tile-header{font-size:14px}.mat-grid-tile-footer .mat-line,.mat-grid-tile-header .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-footer .mat-line:nth-child(n+2),.mat-grid-tile-header .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-.0625em}.mat-menu-item{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:12px}.mat-radio-button,.mat-select{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-slider-thumb-label-text{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:12px;font-weight:500}.mat-stepper-horizontal,.mat-stepper-vertical{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:400}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px;font-weight:400}.mat-tooltip{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item,.mat-list-option{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-list .mat-list-item,.mat-nav-list .mat-list-item,.mat-selection-list .mat-list-item{font-size:16px}.mat-list .mat-list-item .mat-line,.mat-nav-list .mat-list-item .mat-line,.mat-selection-list .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list .mat-list-item .mat-line:nth-child(n+2),.mat-nav-list .mat-list-item .mat-line:nth-child(n+2),.mat-selection-list .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list .mat-list-option,.mat-nav-list .mat-list-option,.mat-selection-list .mat-list-option{font-size:16px}.mat-list .mat-list-option .mat-line,.mat-nav-list .mat-list-option .mat-line,.mat-selection-list .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list .mat-list-option .mat-line:nth-child(n+2),.mat-nav-list .mat-list-option .mat-line:nth-child(n+2),.mat-selection-list .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list .mat-subheader,.mat-nav-list .mat-subheader,.mat-selection-list .mat-subheader{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px;font-weight:500}.mat-list[dense] .mat-list-item,.mat-nav-list[dense] .mat-list-item,.mat-selection-list[dense] .mat-list-item{font-size:12px}.mat-list[dense] .mat-list-item .mat-line,.mat-nav-list[dense] .mat-list-item .mat-line,.mat-selection-list[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2),.mat-list[dense] .mat-list-option,.mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2),.mat-nav-list[dense] .mat-list-option,.mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2),.mat-selection-list[dense] .mat-list-option{font-size:12px}.mat-list[dense] .mat-list-option .mat-line,.mat-nav-list[dense] .mat-list-option .mat-line,.mat-selection-list[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2),.mat-nav-list[dense] .mat-list-option .mat-line