@ajsf/material 0.3.0-beta.4 → 0.4.0-beta.1

package/bundles/ajsf-material.umd.min.js

@@ -1,4 +1,4 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@ajsf/core"),require("@angular/material/core"),require("@angular/material/form-field"),require("lodash/cloneDeep"),require("@angular/common"),require("@angular/forms"),require("@angular/flex-layout"),require("@angular/material/autocomplete"),require("@angular/material/button"),require("@angular/material/button-toggle"),require("@angular/material/card"),require("@angular/material/checkbox"),require("@angular/material/chips"),require("@angular/material/datepicker"),require("@angular/material/expansion"),require("@angular/material/icon"),require("@angular/material/input"),require("@angular/material/radio"),require("@angular/material/select"),require("@angular/material/slide-toggle"),require("@angular/material/slider"),require("@angular/material/stepper"),require("@angular/material/tabs"),require("@angular/material/tooltip"),require("@angular/material/menu"),require("@angular/material/toolbar"),require("@angular/flex-layout/core")):"function"==typeof define&&define.amd?define("@ajsf/material",["exports","@angular/core","@ajsf/core","@angular/material/core","@angular/material/form-field","lodash/cloneDeep","@angular/common","@angular/forms","@angular/flex-layout","@angular/material/autocomplete","@angular/material/button","@angular/material/button-toggle","@angular/material/card","@angular/material/checkbox","@angular/material/chips","@angular/material/datepicker","@angular/material/expansion","@angular/material/icon","@angular/material/input","@angular/material/radio","@angular/material/select","@angular/material/slide-toggle","@angular/material/slider","@angular/material/stepper","@angular/material/tabs","@angular/material/tooltip","@angular/material/menu","@angular/material/toolbar","@angular/flex-layout/core"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).ajsf=t.ajsf||{},t.ajsf.material={}),t.ng.core,t["@ajsf/core"],t.ng.material.core,t.ng.material.formField,t["lodash-es"],t.ng.common,t.ng.forms,t.ng.flexLayout,t.ng.material.autocomplete,t.ng.material.button,t.ng.material.buttonToggle,t.ng.material.card,t.ng.material.checkbox,t.ng.material.chips,t.ng.material.datepicker,t.ng.material.expansion,t.ng.material.icon,t.ng.material.input,t.ng.material.radio,t.ng.material.select,t.ng.material.slideToggle,t.ng.material.slider,t.ng.material.stepper,t.ng.material.tabs,t.ng.material.tooltip,t.ng.material.menu,t.ng.material.toolbar,t.ng.flexLayout.core)}(this,(function(t,e,o,n,i,a,r,s,l,p,d,u,c,m,f,h,y,g,x,b,I,w,v,L,M,N,C,F,T){"use strict";function A(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var O=A(a),k=function(t,e){return(k=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)};
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@ajsf/core"),require("@angular/material/form-field"),require("lodash/cloneDeep"),require("@angular/common"),require("@angular/forms"),require("@angular/flex-layout"),require("@angular/material/autocomplete"),require("@angular/material/button"),require("@angular/material/button-toggle"),require("@angular/material/card"),require("@angular/material/checkbox"),require("@angular/material/chips"),require("@angular/material/core"),require("@angular/material/datepicker"),require("@angular/material/expansion"),require("@angular/material/icon"),require("@angular/material/input"),require("@angular/material/radio"),require("@angular/material/select"),require("@angular/material/slide-toggle"),require("@angular/material/slider"),require("@angular/material/stepper"),require("@angular/material/tabs"),require("@angular/material/tooltip"),require("@angular/material/menu"),require("@angular/material/toolbar"),require("@angular/flex-layout/core")):"function"==typeof define&&define.amd?define("@ajsf/material",["exports","@angular/core","@ajsf/core","@angular/material/form-field","lodash/cloneDeep","@angular/common","@angular/forms","@angular/flex-layout","@angular/material/autocomplete","@angular/material/button","@angular/material/button-toggle","@angular/material/card","@angular/material/checkbox","@angular/material/chips","@angular/material/core","@angular/material/datepicker","@angular/material/expansion","@angular/material/icon","@angular/material/input","@angular/material/radio","@angular/material/select","@angular/material/slide-toggle","@angular/material/slider","@angular/material/stepper","@angular/material/tabs","@angular/material/tooltip","@angular/material/menu","@angular/material/toolbar","@angular/flex-layout/core"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).ajsf=t.ajsf||{},t.ajsf.material={}),t.ng.core,t["@ajsf/core"],t.ng.material.formField,t["lodash-es"],t.ng.common,t.ng.forms,t.ng.flexLayout,t.ng.material.autocomplete,t.ng.material.button,t.ng.material.buttonToggle,t.ng.material.card,t.ng.material.checkbox,t.ng.material.chips,t.ng.material.core,t.ng.material.datepicker,t.ng.material.expansion,t.ng.material.icon,t.ng.material.input,t.ng.material.radio,t.ng.material.select,t.ng.material.slideToggle,t.ng.material.slider,t.ng.material.stepper,t.ng.material.tabs,t.ng.material.tooltip,t.ng.material.menu,t.ng.material.toolbar,t.ng.flexLayout.core)}(this,(function(t,e,o,n,i,a,r,s,l,p,d,u,c,m,f,h,y,g,x,b,I,w,v,M,N,C,L,F,T){"use strict";function A(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var k=A(i),j=function(t,e){return(j=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])})(t,e)};
 /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -12,5 +12,5 @@
     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.
-    ***************************************************************************** */Object.create;function j(t){var e="function"==typeof Symbol&&Symbol.iterator,o=e&&t[e],n=0;if(o)return o.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function S(t,e){var o="function"==typeof Symbol&&t[Symbol.iterator];if(!o)return t;var n,i,a=o.call(t),r=[];try{for(;(void 0===e||e-- >0)&&!(n=a.next()).done;)r.push(n.value)}catch(t){i={error:t}}finally{try{n&&!n.done&&(o=a.return)&&o.call(a)}finally{if(i)throw i.error}}return r}function D(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(S(arguments[e]));return t}Object.create;var _=function(){function t(t){this.jsf=t,this.isFlexItem=!1}return t.prototype.removeItem=function(t){this.jsf.removeItem(t)},t.prototype.getFlexAttribute=function(t,e){var o=["flex-grow","flex-shrink","flex-basis"].indexOf(e);return((t.options||{}).flex||"").split(/\s+/)[o]||(t.options||{})[e]||["1","1","auto"][o]},t.prototype.showWidget=function(t){return this.jsf.evaluateCondition(t,this.dataIndex)},t}();_.decorators=[{type:e.Component,args:[{selector:"flex-layout-root-widget",template:'\n    <div *ngFor="let layoutNode of layout; let i = index"\n      [class.form-flex-item]="isFlexItem"\n      [style.flex-grow]="getFlexAttribute(layoutNode, \'flex-grow\')"\n      [style.flex-shrink]="getFlexAttribute(layoutNode, \'flex-shrink\')"\n      [style.flex-basis]="getFlexAttribute(layoutNode, \'flex-basis\')"\n      [style.align-self]="(layoutNode?.options || {})[\'align-self\']"\n      [style.order]="layoutNode?.options?.order"\n      [fxFlex]="layoutNode?.options?.fxFlex"\n      [fxFlexOrder]="layoutNode?.options?.fxFlexOrder"\n      [fxFlexOffset]="layoutNode?.options?.fxFlexOffset"\n      [fxFlexAlign]="layoutNode?.options?.fxFlexAlign">\n      <select-framework-widget *ngIf="showWidget(layoutNode)"\n        [dataIndex]="layoutNode?.arrayItem ? (dataIndex || []).concat(i) : (dataIndex || [])"\n        [layoutIndex]="(layoutIndex || []).concat(i)"\n        [layoutNode]="layoutNode"></select-framework-widget>\n    <div>',changeDetection:e.ChangeDetectionStrategy.Default}]}],_.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},_.propDecorators={dataIndex:[{type:e.Input}],layoutIndex:[{type:e.Input}],layout:[{type:e.Input}],isFlexItem:[{type:e.Input}]};var E=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1,this.expanded=!0,this.containerType="div"}return Object.defineProperty(t.prototype,"sectionTitle",{get:function(){return this.options.notitle?null:this.jsf.setItemTitle(this)},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){switch(this.jsf.initializeControl(this),this.options=this.layoutNode.options||{},this.expanded="boolean"==typeof this.options.expanded?this.options.expanded:!this.options.expandable,this.layoutNode.type){case"section":case"array":case"fieldset":case"advancedfieldset":case"authfieldset":case"optionfieldset":case"selectfieldset":this.containerType="fieldset";break;case"card":this.containerType="card";break;case"expansion-panel":this.containerType="expansion-panel";break;default:this.containerType="div"}},t.prototype.toggleExpanded=function(){this.options.expandable&&(this.expanded=!this.expanded)},t.prototype.getFlexAttribute=function(t){var e="flex"===this.layoutNode.type||!!this.options.displayFlex||"flex"===this.options.display;switch(t){case"is-flex":return e;case"display":return e?"flex":"initial";case"flex-direction":case"flex-wrap":var o=["flex-direction","flex-wrap"].indexOf(t);return(this.options["flex-flow"]||"").split(/\s+/)[o]||this.options[t]||["column","nowrap"][o];case"justify-content":case"align-items":case"align-content":return this.options[t];case"layout":return(this.options.fxLayout||"row")+this.options.fxLayoutWrap?" "+this.options.fxLayoutWrap:""}},t}();E.decorators=[{type:e.Component,args:[{selector:"flex-layout-section-widget",template:'\n    <div *ngIf="containerType === \'div\'"\n      [class]="options?.htmlClass || \'\'"\n      [class.expandable]="options?.expandable && !expanded"\n      [class.expanded]="options?.expandable && expanded">\n      <label *ngIf="sectionTitle"\n        [class]="\'legend \' + (options?.labelHtmlClass || \'\')"\n        [innerHTML]="sectionTitle"\n        (click)="toggleExpanded()"></label>\n      <flex-layout-root-widget *ngIf="expanded"\n        [layout]="layoutNode.items"\n        [dataIndex]="dataIndex"\n        [layoutIndex]="layoutIndex"\n        [isFlexItem]="getFlexAttribute(\'is-flex\')"\n        [class.form-flex-column]="getFlexAttribute(\'flex-direction\') === \'column\'"\n        [class.form-flex-row]="getFlexAttribute(\'flex-direction\') === \'row\'"\n        [style.display]="getFlexAttribute(\'display\')"\n        [style.flex-direction]="getFlexAttribute(\'flex-direction\')"\n        [style.flex-wrap]="getFlexAttribute(\'flex-wrap\')"\n        [style.justify-content]="getFlexAttribute(\'justify-content\')"\n        [style.align-items]="getFlexAttribute(\'align-items\')"\n        [style.align-content]="getFlexAttribute(\'align-content\')"\n        [fxLayout]="getFlexAttribute(\'layout\')"\n        [fxLayoutGap]="options?.fxLayoutGap"\n        [fxLayoutAlign]="options?.fxLayoutAlign"\n        [attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>\n      <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n        [innerHTML]="options?.errorMessage"></mat-error>\n    </div>\n\n    <fieldset *ngIf="containerType === \'fieldset\'"\n      [class]="options?.htmlClass || \'\'"\n      [class.expandable]="options?.expandable && !expanded"\n      [class.expanded]="options?.expandable && expanded"\n      [disabled]="options?.readonly">\n      <legend *ngIf="sectionTitle"\n        [class]="\'legend \' + (options?.labelHtmlClass || \'\')"\n        [innerHTML]="sectionTitle"\n        (click)="toggleExpanded()"></legend>\n      <flex-layout-root-widget *ngIf="expanded"\n        [layout]="layoutNode.items"\n        [dataIndex]="dataIndex"\n        [layoutIndex]="layoutIndex"\n        [isFlexItem]="getFlexAttribute(\'is-flex\')"\n        [class.form-flex-column]="getFlexAttribute(\'flex-direction\') === \'column\'"\n        [class.form-flex-row]="getFlexAttribute(\'flex-direction\') === \'row\'"\n        [style.display]="getFlexAttribute(\'display\')"\n        [style.flex-direction]="getFlexAttribute(\'flex-direction\')"\n        [style.flex-wrap]="getFlexAttribute(\'flex-wrap\')"\n        [style.justify-content]="getFlexAttribute(\'justify-content\')"\n        [style.align-items]="getFlexAttribute(\'align-items\')"\n        [style.align-content]="getFlexAttribute(\'align-content\')"\n        [fxLayout]="getFlexAttribute(\'layout\')"\n        [fxLayoutGap]="options?.fxLayoutGap"\n        [fxLayoutAlign]="options?.fxLayoutAlign"\n        [attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>\n      <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n        [innerHTML]="options?.errorMessage"></mat-error>\n    </fieldset>\n\n    <mat-card *ngIf="containerType === \'card\'"\n      [ngClass]="options?.htmlClass || \'\'"\n      [class.expandable]="options?.expandable && !expanded"\n      [class.expanded]="options?.expandable && expanded">\n      <mat-card-header *ngIf="sectionTitle">\n        <legend\n          [class]="\'legend \' + (options?.labelHtmlClass || \'\')"\n          [innerHTML]="sectionTitle"\n          (click)="toggleExpanded()"></legend>\n      </mat-card-header>\n      <mat-card-content *ngIf="expanded">\n        <fieldset [disabled]="options?.readonly">\n          <flex-layout-root-widget *ngIf="expanded"\n            [layout]="layoutNode.items"\n            [dataIndex]="dataIndex"\n            [layoutIndex]="layoutIndex"\n            [isFlexItem]="getFlexAttribute(\'is-flex\')"\n            [class.form-flex-column]="getFlexAttribute(\'flex-direction\') === \'column\'"\n            [class.form-flex-row]="getFlexAttribute(\'flex-direction\') === \'row\'"\n            [style.display]="getFlexAttribute(\'display\')"\n            [style.flex-direction]="getFlexAttribute(\'flex-direction\')"\n            [style.flex-wrap]="getFlexAttribute(\'flex-wrap\')"\n            [style.justify-content]="getFlexAttribute(\'justify-content\')"\n            [style.align-items]="getFlexAttribute(\'align-items\')"\n            [style.align-content]="getFlexAttribute(\'align-content\')"\n            [fxLayout]="getFlexAttribute(\'layout\')"\n            [fxLayoutGap]="options?.fxLayoutGap"\n            [fxLayoutAlign]="options?.fxLayoutAlign"\n            [attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>\n          </fieldset>\n      </mat-card-content>\n      <mat-card-footer>\n        <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n          [innerHTML]="options?.errorMessage"></mat-error>\n      </mat-card-footer>\n    </mat-card>\n\n    <mat-expansion-panel *ngIf="containerType === \'expansion-panel\'"\n      [expanded]="expanded"\n      [hideToggle]="!options?.expandable">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <legend *ngIf="sectionTitle"\n            [class]="options?.labelHtmlClass"\n            [innerHTML]="sectionTitle"\n            (click)="toggleExpanded()"></legend>\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      <fieldset [disabled]="options?.readonly">\n        <flex-layout-root-widget *ngIf="expanded"\n          [layout]="layoutNode.items"\n          [dataIndex]="dataIndex"\n          [layoutIndex]="layoutIndex"\n          [isFlexItem]="getFlexAttribute(\'is-flex\')"\n          [class.form-flex-column]="getFlexAttribute(\'flex-direction\') === \'column\'"\n          [class.form-flex-row]="getFlexAttribute(\'flex-direction\') === \'row\'"\n          [style.display]="getFlexAttribute(\'display\')"\n          [style.flex-direction]="getFlexAttribute(\'flex-direction\')"\n          [style.flex-wrap]="getFlexAttribute(\'flex-wrap\')"\n          [style.justify-content]="getFlexAttribute(\'justify-content\')"\n          [style.align-items]="getFlexAttribute(\'align-items\')"\n          [style.align-content]="getFlexAttribute(\'align-content\')"\n          [fxLayout]="getFlexAttribute(\'layout\')"\n          [fxLayoutGap]="options?.fxLayoutGap"\n          [fxLayoutAlign]="options?.fxLayoutAlign"\n          [attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>\n      </fieldset>\n      <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n        [innerHTML]="options?.errorMessage"></mat-error>\n    </mat-expansion-panel>',styles:["\n    fieldset { border: 0; margin: 0; padding: 0; }\n    .legend { font-weight: bold; }\n    .expandable > .legend:before { content: '▶'; padding-right: .3em; }\n    .expanded > .legend:before { content: '▼'; padding-right: .2em; }\n  "]}]}],E.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},E.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var V=function(){function t(t){this.jsf=t}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{}},Object.defineProperty(t.prototype,"showAddButton",{get:function(){return!this.layoutNode.arrayItem||this.layoutIndex[this.layoutIndex.length-1]<this.options.maxItems},enumerable:!1,configurable:!0}),t.prototype.addItem=function(t){t.preventDefault(),this.jsf.addItem(this)},Object.defineProperty(t.prototype,"buttonText",{get:function(){var t={dataIndex:this.dataIndex.slice(0,-1),layoutIndex:this.layoutIndex.slice(0,-1),layoutNode:this.jsf.getParentNode(this)};return t.layoutNode.add||this.jsf.setArrayItemTitle(t,this.layoutNode,this.itemCount)},enumerable:!1,configurable:!0}),t}();V.decorators=[{type:e.Component,args:[{selector:"material-add-reference-widget",template:'\n    <section [class]="options?.htmlClass || \'\'" align="end">\n      <button mat-raised-button *ngIf="showAddButton"\n        [color]="options?.color || \'accent\'"\n        [disabled]="options?.readonly"\n        (click)="addItem($event)">\n        <span *ngIf="options?.icon" [class]="options?.icon"></span>\n        <span *ngIf="options?.title" [innerHTML]="buttonText"></span>\n      </button>\n    </section>',changeDetection:e.ChangeDetectionStrategy.Default}]}],V.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},V.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var q=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1}return t.prototype.ngOnInit=function(){var t=this;this.options=this.layoutNode.options||{},this.jsf.initializeControl(this),o.hasOwn(this.options,"disabled")?this.controlDisabled=this.options.disabled:this.jsf.formOptions.disableInvalidSubmit&&(this.controlDisabled=!this.jsf.isValid,this.jsf.isValidChanges.subscribe((function(e){return t.controlDisabled=!e})))},t.prototype.updateValue=function(t){"function"==typeof this.options.onClick?this.options.onClick(t):this.jsf.updateValue(this,t.target.value)},t}();q.decorators=[{type:e.Component,args:[{selector:"material-button-widget",template:'\n    <div class="button-row" [class]="options?.htmlClass || \'\'">\n      <button mat-raised-button\n        [attr.readonly]="options?.readonly ? \'readonly\' : null"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [color]="options?.color || \'primary\'"\n        [disabled]="controlDisabled || options?.readonly"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [type]="layoutNode?.type"\n        [value]="controlValue"\n        (click)="updateValue($event)">\n        <mat-icon *ngIf="options?.icon" class="mat-24">{{options?.icon}}</mat-icon>\n        <span *ngIf="options?.title" [innerHTML]="options?.title"></span>\n      </button>\n    </div>',styles:[" button { margin-top: 10px; } "]}]}],q.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},q.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var H=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1,this.radiosList=[],this.vertical=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.radiosList=o.buildTitleMap(this.options.titleMap||this.options.enumNames,this.options.enum,!0),this.jsf.initializeControl(this)},t.prototype.updateValue=function(t){this.options.showErrors=!0,this.jsf.updateValue(this,t)},t}();H.decorators=[{type:e.Component,args:[{selector:"material-button-group-widget",template:'\n    <div>\n      <div *ngIf="options?.title">\n        <label\n          [attr.for]="\'control\' + layoutNode?._id"\n          [class]="options?.labelHtmlClass || \'\'"\n          [style.display]="options?.notitle ? \'none\' : \'\'"\n          [innerHTML]="options?.title"></label>\n      </div>\n      <mat-button-toggle-group\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.readonly]="options?.readonly ? \'readonly\' : null"\n        [attr.required]="options?.required"\n        [disabled]="controlDisabled || options?.readonly"\n        [name]="controlName"\n        [value]="controlValue"\n        [vertical]="!!options.vertical">\n        <mat-button-toggle *ngFor="let radioItem of radiosList"\n          [id]="\'control\' + layoutNode?._id + \'/\' + radioItem?.name"\n          [value]="radioItem?.value"\n          (click)="updateValue(radioItem?.value)">\n          <span [innerHTML]="radioItem?.name"></span>\n        </mat-button-toggle>\n      </mat-button-toggle-group>\n      <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n        [innerHTML]="options?.errorMessage"></mat-error>\n    </div>',styles:[" mat-error { font-size: 75%; } "]}]}],H.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},H.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var P=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1,this.trueValue=!0,this.falseValue=!1,this.showSlideToggle=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this,!this.options.readonly),null!==this.controlValue&&void 0!==this.controlValue||(this.controlValue=!1,this.jsf.updateValue(this,this.falseValue)),"slide-toggle"!==this.layoutNode.type&&"slide-toggle"!==this.layoutNode.format||(this.showSlideToggle=!0)},t.prototype.updateValue=function(t){this.options.showErrors=!0,this.jsf.updateValue(this,t.checked?this.trueValue:this.falseValue)},Object.defineProperty(t.prototype,"isChecked",{get:function(){return this.jsf.getFormControlValue(this)===this.trueValue},enumerable:!1,configurable:!0}),t}();P.decorators=[{type:e.Component,args:[{selector:"material-checkbox-widget",template:'\n    <mat-checkbox *ngIf="boundControl && !showSlideToggle"\n      [formControl]="formControl"\n      align="left"\n      [color]="options?.color || \'primary\'"\n      [id]="\'control\' + layoutNode?._id"\n      labelPosition="after"\n      [name]="controlName"\n      (blur)="options.showErrors = true">\n      <span *ngIf="options?.title"\n        class="checkbox-name"\n        [style.display]="options?.notitle ? \'none\' : \'\'"\n        [innerHTML]="options?.title"></span>\n    </mat-checkbox>\n    <mat-checkbox *ngIf="!boundControl && !showSlideToggle"\n      align="left"\n      [color]="options?.color || \'primary\'"\n      [disabled]="controlDisabled || options?.readonly"\n      [id]="\'control\' + layoutNode?._id"\n      labelPosition="after"\n      [name]="controlName"\n      [checked]="isChecked"\n      (blur)="options.showErrors = true"\n      (change)="updateValue($event)">\n      <span *ngIf="options?.title"\n        class="checkbox-name"\n        [style.display]="options?.notitle ? \'none\' : \'\'"\n        [innerHTML]="options?.title"></span>\n    </mat-checkbox>\n    <mat-slide-toggle *ngIf="boundControl && showSlideToggle"\n      [formControl]="formControl"\n      align="left"\n      [color]="options?.color || \'primary\'"\n      [id]="\'control\' + layoutNode?._id"\n      labelPosition="after"\n      [name]="controlName"\n      (blur)="options.showErrors = true">\n      <span *ngIf="options?.title"\n        class="checkbox-name"\n        [style.display]="options?.notitle ? \'none\' : \'\'"\n        [innerHTML]="options?.title"></span>\n    </mat-slide-toggle>\n    <mat-slide-toggle *ngIf="!boundControl && showSlideToggle"\n      align="left"\n      [color]="options?.color || \'primary\'"\n      [disabled]="controlDisabled || options?.readonly"\n      [id]="\'control\' + layoutNode?._id"\n      labelPosition="after"\n      [name]="controlName"\n      [checked]="isChecked"\n      (blur)="options.showErrors = true"\n      (change)="updateValue($event)">\n      <span *ngIf="options?.title"\n        class="checkbox-name"\n        [style.display]="options?.notitle ? \'none\' : \'\'"\n        [innerHTML]="options?.title"></span>\n    </mat-slide-toggle>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:["\n    .checkbox-name { white-space: nowrap; }\n    mat-error { font-size: 75%; }\n  "]}]}],P.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},P.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var z=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1,this.horizontalList=!1,this.checkboxList=[]}return t.prototype.ngOnInit=function(){var t,e;if(this.options=this.layoutNode.options||{},this.horizontalList="checkboxes-inline"===this.layoutNode.type||"checkboxbuttons"===this.layoutNode.type,this.jsf.initializeControl(this),this.checkboxList=o.buildTitleMap(this.options.titleMap||this.options.enumNames,this.options.enum,!0),this.boundControl){var n=this.jsf.getFormControl(this);try{for(var i=j(this.checkboxList),a=i.next();!a.done;a=i.next()){var r=a.value;r.checked=n.value.includes(r.value)}}catch(e){t={error:e}}finally{try{a&&!a.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}}},Object.defineProperty(t.prototype,"allChecked",{get:function(){return this.checkboxList.filter((function(t){return t.checked})).length===this.checkboxList.length},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"someChecked",{get:function(){var t=this.checkboxList.filter((function(t){return t.checked})).length;return t>0&&t<this.checkboxList.length},enumerable:!1,configurable:!0}),t.prototype.updateValue=function(){this.options.showErrors=!0,this.boundControl&&this.jsf.updateArrayCheckboxList(this,this.checkboxList)},t.prototype.updateAllValues=function(t){this.options.showErrors=!0,this.checkboxList.forEach((function(e){return e.checked=t.checked})),this.updateValue()},t}();z.decorators=[{type:e.Component,args:[{selector:"material-checkboxes-widget",template:'\n    <div>\n      <mat-checkbox type="checkbox"\n        [checked]="allChecked"\n        [color]="options?.color || \'primary\'"\n        [disabled]="controlDisabled || options?.readonly"\n        [indeterminate]="someChecked"\n        [name]="options?.name"\n        (blur)="options.showErrors = true"\n        (change)="updateAllValues($event)">\n        <span class="checkbox-name" [innerHTML]="options?.name"></span>\n      </mat-checkbox>\n      <label *ngIf="options?.title"\n        class="title"\n        [class]="options?.labelHtmlClass || \'\'"\n        [style.display]="options?.notitle ? \'none\' : \'\'"\n        [innerHTML]="options?.title"></label>\n      <ul class="checkbox-list" [class.horizontal-list]="horizontalList">\n        <li *ngFor="let checkboxItem of checkboxList"\n          [class]="options?.htmlClass || \'\'">\n          <mat-checkbox type="checkbox"\n            [(ngModel)]="checkboxItem.checked"\n            [color]="options?.color || \'primary\'"\n            [disabled]="controlDisabled || options?.readonly"\n            [name]="checkboxItem?.name"\n            (blur)="options.showErrors = true"\n            (change)="updateValue()">\n            <span class="checkbox-name" [innerHTML]="checkboxItem?.name"></span>\n          </mat-checkbox>\n        </li>\n      </ul>\n      <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n        [innerHTML]="options?.errorMessage"></mat-error>\n    </div>',styles:["\n    .title { font-weight: bold; }\n    .checkbox-list { list-style-type: none; }\n    .horizontal-list > li { display: inline-block; margin-right: 10px; zoom: 1; }\n    .checkbox-name { white-space: nowrap; }\n    mat-error { font-size: 75%; }\n  "]}]}],z.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},z.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var R=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();R.decorators=[{type:e.Component,args:[{selector:"material-chip-list-widget",template:""}]}],R.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},R.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var G=function(){function t(t,e,o){this.matFormFieldDefaultOptions=t,this.matLabelGlobalOptions=e,this.jsf=o,this.controlDisabled=!1,this.boundControl=!1,this.autoCompleteList=[]}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this,!this.options.readonly),this.controlValue&&this.formControl.setValue(o.dateToString(this.controlValue,this.options)),this.options.notitle||this.options.description||!this.options.placeholder||(this.options.description=this.options.placeholder)},t.prototype.updateValue=function(t){this.options.showErrors=!0,t.value&&this.formControl.setValue(o.dateToString(t.value,this.options))},t}();G.decorators=[{type:e.Component,args:[{selector:"material-datepicker-widget",template:'\n    <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || \'standard\'"\n                    [class]="options?.htmlClass || \'\'"\n                    [floatLabel]="options?.floatLabel || matLabelGlobalOptions?.float || (options?.notitle ? \'never\' : \'auto\')"\n                    [hideRequiredMarker]="options?.hideRequired ? \'true\' : \'false\'"\n                    [style.width]="\'100%\'">\n      <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>\n      <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"\n        [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>\n        <input matInput *ngIf="boundControl"\n        [formControl]="formControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.list]="\'control\' + layoutNode?._id + \'Autocomplete\'"\n        [attr.readonly]="options?.readonly ? \'readonly\' : null"\n        [id]="\'control\' + layoutNode?._id"\n        [max]="options?.maximum"\n        [matDatepicker]="picker"\n        [min]="options?.minimum"\n        [name]="controlName"\n        [placeholder]="options?.title"\n        [readonly]="options?.readonly"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        (blur)="options.showErrors = true"\n        (dateChange)="updateValue($event)"\n        (dateInput)="updateValue($event)">\n      <input matInput *ngIf="!boundControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.list]="\'control\' + layoutNode?._id + \'Autocomplete\'"\n        [attr.readonly]="options?.readonly ? \'readonly\' : null"\n        [disabled]="controlDisabled || options?.readonly"\n        [id]="\'control\' + layoutNode?._id"\n        [max]="options?.maximum"\n        [matDatepicker]="picker"\n        [min]="options?.minimum"\n        [name]="controlName"\n        [placeholder]="options?.title"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        [readonly]="options?.readonly"\n        (blur)="options.showErrors = true"\n        (dateChange)="updateValue($event)"\n        (dateInput)="updateValue($event)">\n      <span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"\n        [innerHTML]="options?.suffix || options?.fieldAddonRight"></span>\n      <mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"\n        align="end" [innerHTML]="options?.description"></mat-hint>\n      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>\n    </mat-form-field>\n    <mat-datepicker #picker ></mat-datepicker>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:["\n    mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n    ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n      .mat-form-field-infix { width: initial; }\n  "]}]}],G.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[i.MAT_FORM_FIELD_DEFAULT_OPTIONS]},{type:e.Optional}]},{type:void 0,decorators:[{type:e.Inject,args:[n.MAT_LABEL_GLOBAL_OPTIONS]},{type:e.Optional}]},{type:o.JsonSchemaFormService}]},G.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var J=function(){function t(t,e){this.changeDetector=t,this.jsf=e,this.frameworkInitialized=!1,this.formControl=null,this.parentArray=null,this.isOrderable=!1,this.dynamicTitle=null}return Object.defineProperty(t.prototype,"showRemoveButton",{get:function(){return!(!this.layoutNode||!this.widgetOptions.removable||this.widgetOptions.readonly||"$ref"===this.layoutNode.type)&&(!!this.layoutNode.recursiveReference||!(!this.layoutNode.arrayItem||!this.parentArray)&&(!(this.parentArray.items.length-1<=this.parentArray.options.minItems)&&("list"===this.layoutNode.arrayItemType||this.layoutIndex[this.layoutIndex.length-1]===this.parentArray.items.length-2)))},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){this.initializeFramework()},t.prototype.ngOnChanges=function(){this.frameworkInitialized||this.initializeFramework(),this.dynamicTitle&&this.updateTitle()},t.prototype.initializeFramework=function(){this.layoutNode?(this.options=O.default(this.layoutNode.options||{}),this.widgetLayoutNode=Object.assign(Object.assign({},this.layoutNode),{options:O.default(this.layoutNode.options||{})}),this.widgetOptions=this.widgetLayoutNode.options,this.formControl=this.jsf.getFormControl(this),o.isDefined(this.widgetOptions.minimum)&&o.isDefined(this.widgetOptions.maximum)&&this.widgetOptions.multipleOf>=1&&(this.layoutNode.type="range"),!["$ref","advancedfieldset","authfieldset","button","card","checkbox","expansion-panel","help","message","msg","section","submit","tabarray","tabs"].includes(this.layoutNode.type)&&/{{.+?}}/.test(this.widgetOptions.title||"")&&(this.dynamicTitle=this.widgetOptions.title,this.updateTitle()),this.layoutNode.arrayItem&&"$ref"!==this.layoutNode.type&&(this.parentArray=this.jsf.getParentNode(this),this.parentArray&&(this.isOrderable="tab"!==this.parentArray.type.slice(0,3)&&"list"===this.layoutNode.arrayItemType&&!this.widgetOptions.readonly&&this.parentArray.options.orderable)),this.frameworkInitialized=!0):this.options={}},t.prototype.updateTitle=function(){this.widgetLayoutNode.options.title=this.jsf.parseText(this.dynamicTitle,this.jsf.getFormControlValue(this),this.jsf.getFormControlGroup(this).value,this.dataIndex[this.dataIndex.length-1])},t.prototype.removeItem=function(){this.jsf.removeItem(this)},t}();J.decorators=[{type:e.Component,args:[{selector:"material-design-framework",template:'<div\n  [class.array-item]="widgetLayoutNode?.arrayItem && widgetLayoutNode?.type !== \'$ref\'"\n  [orderable]="isOrderable"\n  [dataIndex]="dataIndex"\n  [layoutIndex]="layoutIndex"\n  [layoutNode]="widgetLayoutNode">\n  <svg *ngIf="showRemoveButton"\n       xmlns="http://www.w3.org/2000/svg"\n       height="18" width="18" viewBox="0 0 24 24"\n       class="close-button"\n       (click)="removeItem()">\n    <path\n      d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/>\n  </svg>\n  <select-widget-widget\n    [dataIndex]="dataIndex"\n    [layoutIndex]="layoutIndex"\n    [layoutNode]="widgetLayoutNode"></select-widget-widget>\n</div>\n<div class="spacer" *ngIf="widgetLayoutNode?.arrayItem && widgetLayoutNode?.type !== \'$ref\'"></div>\n',styles:[".array-item{border-radius:2px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);padding:6px;position:relative;transition:all .28s cubic-bezier(.4,0,.2,1)}.close-button{cursor:pointer;fill:rgba(0,0,0,.4);position:absolute;right:6px;top:6px;visibility:hidden;z-index:500}.close-button:hover{fill:rgba(0,0,0,.8)}.array-item:hover>.close-button{visibility:visible}.spacer{margin:6px 0}[draggable=true]:hover{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);cursor:move;z-index:10}[draggable=true].drag-target-top{box-shadow:0 -2px 0 #000;position:relative;z-index:20}[draggable=true].drag-target-bottom{box-shadow:0 2px 0 #000;position:relative;z-index:20}"]}]}],J.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:o.JsonSchemaFormService}]},J.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var $=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();$.decorators=[{type:e.Component,args:[{selector:"material-file-widget",template:""}]}],$.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},$.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var B=function(){function t(t,e,o){this.matFormFieldDefaultOptions=t,this.matLabelGlobalOptions=e,this.jsf=o,this.controlDisabled=!1,this.boundControl=!1,this.autoCompleteList=[]}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this),this.options.notitle||this.options.description||!this.options.placeholder||(this.options.description=this.options.placeholder)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();B.decorators=[{type:e.Component,args:[{selector:"material-input-widget",template:'\n    <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || \'standard\'"\n      [class]="options?.htmlClass || \'\'"\n      [floatLabel]="options?.floatLabel || matLabelGlobalOptions?.float || (options?.notitle ? \'never\' : \'auto\')"\n      [hideRequiredMarker]="options?.hideRequired ? \'true\' : \'false\'"\n      [style.width]="\'100%\'">\n      <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>\n      <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"\n        [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>\n      <input matInput *ngIf="boundControl"\n        [formControl]="formControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.list]="\'control\' + layoutNode?._id + \'Autocomplete\'"\n        [attr.maxlength]="options?.maxLength"\n        [attr.minlength]="options?.minLength"\n        [attr.pattern]="options?.pattern"\n        [readonly]="options?.readonly ? \'readonly\' : null"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        [type]="layoutNode?.type"\n        (blur)="options.showErrors = true">\n      <input matInput *ngIf="!boundControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.list]="\'control\' + layoutNode?._id + \'Autocomplete\'"\n        [attr.maxlength]="options?.maxLength"\n        [attr.minlength]="options?.minLength"\n        [attr.pattern]="options?.pattern"\n        [disabled]="controlDisabled"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [readonly]="options?.readonly ? \'readonly\' : null"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        [type]="layoutNode?.type"\n        [value]="controlValue"\n        (input)="updateValue($event)"\n        (blur)="options.showErrors = true">\n      <span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"\n        [innerHTML]="options?.suffix || options?.fieldAddonRight"></span>\n      <mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"\n        align="end" [innerHTML]="options?.description"></mat-hint>\n      <mat-autocomplete *ngIf="options?.typeahead?.source">\n        <mat-option *ngFor="let word of options?.typeahead?.source"\n          [value]="word">{{word}}</mat-option>\n      </mat-autocomplete>\n    </mat-form-field>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:["\n    mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n    ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n      .mat-form-field-infix { width: initial; }\n  "]}]}],B.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[i.MAT_FORM_FIELD_DEFAULT_OPTIONS]},{type:e.Optional}]},{type:void 0,decorators:[{type:e.Inject,args:[n.MAT_LABEL_GLOBAL_OPTIONS]},{type:e.Optional}]},{type:o.JsonSchemaFormService}]},B.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var U=function(){function t(t,e,o){this.matFormFieldDefaultOptions=t,this.matLabelGlobalOptions=e,this.jsf=o,this.controlDisabled=!1,this.boundControl=!1,this.allowNegative=!0,this.allowDecimal=!0,this.allowExponents=!1,this.lastValidNumber=""}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this),"integer"===this.layoutNode.dataType&&(this.allowDecimal=!1),this.options.notitle||this.options.description||!this.options.placeholder||(this.options.description=this.options.placeholder)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();U.decorators=[{type:e.Component,args:[{selector:"material-number-widget",template:'\n    <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || \'standard\'"\n    [class]="options?.htmlClass || \'\'"\n    [floatLabel]="options?.floatLabel || matLabelGlobalOptions?.float || (options?.notitle ? \'never\' : \'auto\')"\n    [hideRequiredMarker]="options?.hideRequired ? \'true\' : \'false\'"\n    [style.width]="\'100%\'">\n    <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>\n      <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"\n        [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>\n      <input matInput *ngIf="boundControl"\n        [formControl]="formControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.max]="options?.maximum"\n        [attr.min]="options?.minimum"\n        [attr.step]="options?.multipleOf || options?.step || \'any\'"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [readonly]="options?.readonly ? \'readonly\' : null"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        [type]="\'number\'"\n        (blur)="options.showErrors = true">\n      <input matInput *ngIf="!boundControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.max]="options?.maximum"\n        [attr.min]="options?.minimum"\n        [attr.step]="options?.multipleOf || options?.step || \'any\'"\n        [disabled]="controlDisabled"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [readonly]="options?.readonly ? \'readonly\' : null"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        [type]="\'number\'"\n        [value]="controlValue"\n        (input)="updateValue($event)"\n        (blur)="options.showErrors = true">\n      <span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"\n        [innerHTML]="options?.suffix || options?.fieldAddonRight"></span>\n      <mat-hint *ngIf="layoutNode?.type === \'range\'" align="start"\n        [innerHTML]="controlValue"></mat-hint>\n      <mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"\n        align="end" [innerHTML]="options?.description"></mat-hint>\n    </mat-form-field>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:["\n    mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n    ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n      .mat-form-field-infix { width: initial; }\n  "]}]}],U.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[i.MAT_FORM_FIELD_DEFAULT_OPTIONS]},{type:e.Optional}]},{type:void 0,decorators:[{type:e.Inject,args:[n.MAT_LABEL_GLOBAL_OPTIONS]},{type:e.Optional}]},{type:o.JsonSchemaFormService}]},U.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var W=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();W.decorators=[{type:e.Component,args:[{selector:"material-one-of-widget",template:""}]}],W.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},W.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var K=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1,this.flexDirection="column",this.radiosList=[]}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},"radios-inline"===this.layoutNode.type&&(this.flexDirection="row"),this.radiosList=o.buildTitleMap(this.options.titleMap||this.options.enumNames,this.options.enum,!0),this.jsf.initializeControl(this,!this.options.readonly)},t.prototype.updateValue=function(t){this.options.showErrors=!0,this.jsf.updateValue(this,t)},t}();K.decorators=[{type:e.Component,args:[{selector:"material-radios-widget",template:'\n    <div>\n      <div *ngIf="options?.title">\n        <label\n          [attr.for]="\'control\' + layoutNode?._id"\n          [class]="options?.labelHtmlClass || \'\'"\n          [style.display]="options?.notitle ? \'none\' : \'\'"\n          [innerHTML]="options?.title"></label>\n      </div>\n      <mat-radio-group *ngIf="boundControl"\n        [formControl]="formControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.readonly]="options?.readonly ? \'readonly\' : null"\n        [attr.required]="options?.required"\n        [style.flex-direction]="flexDirection"\n        [name]="controlName"\n        (blur)="options.showErrors = true">\n        <mat-radio-button *ngFor="let radioItem of radiosList"\n          [id]="\'control\' + layoutNode?._id + \'/\' + radioItem?.name"\n          [value]="radioItem?.value">\n          <span [innerHTML]="radioItem?.name"></span>\n        </mat-radio-button>\n      </mat-radio-group>\n      <mat-radio-group *ngIf="!boundControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.readonly]="options?.readonly ? \'readonly\' : null"\n        [attr.required]="options?.required"\n        [style.flex-direction]="flexDirection"\n        [disabled]="controlDisabled || options?.readonly"\n        [name]="controlName"\n        [value]="controlValue">\n        <mat-radio-button *ngFor="let radioItem of radiosList"\n          [id]="\'control\' + layoutNode?._id + \'/\' + radioItem?.name"\n          [value]="radioItem?.value"\n          (click)="updateValue(radioItem?.value)">\n          <span [innerHTML]="radioItem?.name"></span>\n        </mat-radio-button>\n      </mat-radio-group>\n      <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n        [innerHTML]="options?.errorMessage"></mat-error>\n    </div>',styles:["\n    mat-radio-group { display: inline-flex; }\n    mat-radio-button { margin: 2px; }\n    mat-error { font-size: 75%; }\n  "]}]}],K.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},K.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var Q=function(){function t(t,e,n){this.matFormFieldDefaultOptions=t,this.matLabelGlobalOptions=e,this.jsf=n,this.controlDisabled=!1,this.boundControl=!1,this.selectList=[],this.isArray=o.isArray}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.selectList=o.buildTitleMap(this.options.titleMap||this.options.enumNames,this.options.enum,!!this.options.required,!!this.options.flatList),this.jsf.initializeControl(this,!this.options.readonly),this.options.notitle||this.options.description||!this.options.placeholder||(this.options.description=this.options.placeholder)},t.prototype.updateValue=function(t){this.options.showErrors=!0,this.jsf.updateValue(this,t.value)},t}();Q.decorators=[{type:e.Component,args:[{selector:"material-select-widget",template:'\n    <mat-form-field\n      [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || \'standard\'"\n      [class]="options?.htmlClass || \'\'"\n      [floatLabel]="options?.floatLabel || matLabelGlobalOptions?.float || (options?.notitle ? \'never\' : \'auto\')"\n      [hideRequiredMarker]="options?.hideRequired ? \'true\' : \'false\'"\n      [style.width]="\'100%\'">\n      <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>\n      <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"\n        [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>\n      <mat-select *ngIf="boundControl"\n        [formControl]="formControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.name]="controlName"\n        [id]="\'control\' + layoutNode?._id"\n        [multiple]="options?.multiple"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        (blur)="options.showErrors = true">\n        <ng-template ngFor let-selectItem [ngForOf]="selectList">\n          <mat-option *ngIf="!isArray(selectItem?.items)"\n            [value]="selectItem?.value">\n            <span [innerHTML]="selectItem?.name"></span>\n          </mat-option>\n          <mat-optgroup *ngIf="isArray(selectItem?.items)"\n            [label]="selectItem?.group">\n            <mat-option *ngFor="let subItem of selectItem.items"\n              [value]="subItem?.value">\n              <span [innerHTML]="subItem?.name"></span>\n            </mat-option>\n          </mat-optgroup>\n        </ng-template>\n      </mat-select>\n      <mat-select *ngIf="!boundControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.name]="controlName"\n        [disabled]="controlDisabled || options?.readonly"\n        [id]="\'control\' + layoutNode?._id"\n        [multiple]="options?.multiple"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        [value]="controlValue"\n        (blur)="options.showErrors = true"\n        (change)="updateValue($event)">\n        <ng-template ngFor let-selectItem [ngForOf]="selectList">\n          <mat-option *ngIf="!isArray(selectItem?.items)"\n            [attr.selected]="selectItem?.value === controlValue"\n            [value]="selectItem?.value">\n            <span [innerHTML]="selectItem?.name"></span>\n          </mat-option>\n          <mat-optgroup *ngIf="isArray(selectItem?.items)"\n            [label]="selectItem?.group">\n            <mat-option *ngFor="let subItem of selectItem.items"\n              [attr.selected]="subItem?.value === controlValue"\n              [value]="subItem?.value">\n              <span [innerHTML]="subItem?.name"></span>\n            </mat-option>\n          </mat-optgroup>\n        </ng-template>\n      </mat-select>\n      <span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"\n        [innerHTML]="options?.suffix || options?.fieldAddonRight"></span>\n      <mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"\n        align="end" [innerHTML]="options?.description"></mat-hint>\n    </mat-form-field>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:["\n    mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n    ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n      .mat-form-field-infix { width: initial; }\n  "]}]}],Q.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[i.MAT_FORM_FIELD_DEFAULT_OPTIONS]},{type:e.Optional}]},{type:void 0,decorators:[{type:e.Inject,args:[n.MAT_LABEL_GLOBAL_OPTIONS]},{type:e.Optional}]},{type:o.JsonSchemaFormService}]},Q.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var X=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1,this.allowNegative=!0,this.allowDecimal=!0,this.allowExponents=!1,this.lastValidNumber=""}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this,!this.options.readonly)},t.prototype.updateValue=function(t){this.options.showErrors=!0,this.jsf.updateValue(this,t.value)},t}();X.decorators=[{type:e.Component,args:[{selector:"material-slider-widget",template:'\n    <mat-slider thumbLabel *ngIf="boundControl"\n      [formControl]="formControl"\n      [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n      [id]="\'control\' + layoutNode?._id"\n      [max]="options?.maximum"\n      [min]="options?.minimum"\n      [step]="options?.multipleOf || options?.step || \'any\'"\n      [style.width]="\'100%\'"\n      (blur)="options.showErrors = true"></mat-slider>\n    <mat-slider thumbLabel *ngIf="!boundControl"\n      [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n      [disabled]="controlDisabled || options?.readonly"\n      [id]="\'control\' + layoutNode?._id"\n      [max]="options?.maximum"\n      [min]="options?.minimum"\n      [step]="options?.multipleOf || options?.step || \'any\'"\n      [style.width]="\'100%\'"\n      [value]="controlValue"\n      (blur)="options.showErrors = true"\n      (change)="updateValue($event)"></mat-slider>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:[" mat-error { font-size: 75%; } "]}]}],X.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},X.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var Y=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();Y.decorators=[{type:e.Component,args:[{selector:"material-stepper-widget",template:""}]}],Y.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},Y.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var Z=function(){function t(t){this.jsf=t,this.selectedItem=0,this.showAddTab=!0}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.itemCount=this.layoutNode.items.length-1,this.updateControl()},t.prototype.select=function(t){"$ref"===this.layoutNode.items[t].type&&(this.jsf.addItem({layoutNode:this.layoutNode.items[t],layoutIndex:this.layoutIndex.concat(t),dataIndex:this.dataIndex.concat(t)}),this.updateControl()),this.selectedItem=t},t.prototype.updateControl=function(){this.itemCount=this.layoutNode.items.length-1;var t=this.layoutNode.items[this.layoutNode.items.length-1];this.showAddTab="$ref"===t.type&&this.itemCount<(t.options.maxItems||1e3)},t.prototype.setTabTitle=function(t,e){return this.jsf.setArrayItemTitle(this,t,e)},t}();Z.decorators=[{type:e.Component,args:[{selector:"material-tabs-widget",template:'\n    <nav mat-tab-nav-bar\n      [attr.aria-label]="options?.label || options?.title || \'\'"\n      [style.width]="\'100%\'">\n        <a mat-tab-link *ngFor="let item of layoutNode?.items; let i = index"\n          [active]="selectedItem === i"\n          (click)="select(i)">\n          <span *ngIf="showAddTab || item.type !== \'$ref\'"\n            [innerHTML]="setTabTitle(item, i)"></span>\n        </a>\n    </nav>\n    <div *ngFor="let layoutItem of layoutNode?.items; let i = index"\n      [class]="options?.htmlClass || \'\'">\n      <select-framework-widget *ngIf="selectedItem === i"\n        [class]="(options?.fieldHtmlClass || \'\') + \' \' + (options?.activeClass || \'\') + \' \' + (options?.style?.selected || \'\')"\n        [dataIndex]="layoutNode?.dataType === \'array\' ? (dataIndex || []).concat(i) : dataIndex"\n        [layoutIndex]="(layoutIndex || []).concat(i)"\n        [layoutNode]="layoutItem"></select-framework-widget>\n    </div>',styles:[" a { cursor: pointer; } "]}]}],Z.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},Z.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var tt=function(){function t(t,e,o){this.matFormFieldDefaultOptions=t,this.matLabelGlobalOptions=e,this.jsf=o,this.controlDisabled=!1,this.boundControl=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this),this.options.notitle||this.options.description||!this.options.placeholder||(this.options.description=this.options.placeholder)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();tt.decorators=[{type:e.Component,args:[{selector:"material-textarea-widget",template:'\n    <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || \'standard\'"\n      [class]="options?.htmlClass || \'\'"\n      [floatLabel]="options?.floatLabel || matLabelGlobalOptions?.float || (options?.notitle ? \'never\' : \'auto\')"\n      [hideRequiredMarker]="options?.hideRequired ? \'true\' : \'false\'"\n      [style.width]="\'100%\'">\n      <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>\n      <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"\n        [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>\n      <textarea matInput *ngIf="boundControl"\n        [formControl]="formControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.list]="\'control\' + layoutNode?._id + \'Autocomplete\'"\n        [attr.maxlength]="options?.maxLength"\n        [attr.minlength]="options?.minLength"\n        [attr.pattern]="options?.pattern"\n        [required]="options?.required"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [readonly]="options?.readonly ? \'readonly\' : null"\n        [style.width]="\'100%\'"\n        (blur)="options.showErrors = true"></textarea>\n      <textarea matInput *ngIf="!boundControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.list]="\'control\' + layoutNode?._id + \'Autocomplete\'"\n        [attr.maxlength]="options?.maxLength"\n        [attr.minlength]="options?.minLength"\n        [attr.pattern]="options?.pattern"\n        [required]="options?.required"\n        [disabled]="controlDisabled"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [readonly]="options?.readonly ? \'readonly\' : null"\n        [style.width]="\'100%\'"\n        [value]="controlValue"\n        (input)="updateValue($event)"\n        (blur)="options.showErrors = true"></textarea>\n      <span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"\n        [innerHTML]="options?.suffix || options?.fieldAddonRight"></span>\n      <mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"\n        align="end" [innerHTML]="options?.description"></mat-hint>\n    </mat-form-field>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:["\n    mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n    ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n      .mat-form-field-infix { width: initial; }\n  "]}]}],tt.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[i.MAT_FORM_FIELD_DEFAULT_OPTIONS]},{type:e.Optional}]},{type:void 0,decorators:[{type:e.Inject,args:[n.MAT_LABEL_GLOBAL_OPTIONS]},{type:e.Optional}]},{type:o.JsonSchemaFormService}]},tt.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var et=[_,E,V,W,q,H,P,z,R,G,$,B,U,K,Q,X,Y,Z,tt,J],ot=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.name="material-design",e.framework=J,e.stylesheets=["//fonts.googleapis.com/icon?family=Material+Icons","//fonts.googleapis.com/css?family=Roboto:300,400,500,700"],e.widgets={root:_,section:E,$ref:V,button:q,"button-group":H,checkbox:P,checkboxes:z,"chip-list":R,date:G,file:$,number:U,"one-of":W,radios:K,select:Q,slider:X,stepper:Y,tabs:Z,text:B,textarea:tt,"alt-date":"date","any-of":"one-of",card:"section",color:"text","expansion-panel":"section",hidden:"none",image:"none",integer:"number",radiobuttons:"button-group",range:"slider",submit:"button",tagsinput:"chip-list",wizard:"stepper"},e}return function(t,e){function o(){this.constructor=t}k(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}(e,t),e}(o.Framework);ot.decorators=[{type:e.Injectable}];var nt=[p.MatAutocompleteModule,d.MatButtonModule,u.MatButtonToggleModule,c.MatCardModule,m.MatCheckboxModule,f.MatChipsModule,h.MatDatepickerModule,y.MatExpansionModule,i.MatFormFieldModule,g.MatIconModule,x.MatInputModule,n.MatNativeDateModule,b.MatRadioModule,I.MatSelectModule,v.MatSliderModule,w.MatSlideToggleModule,L.MatStepperModule,M.MatTabsModule,N.MatTooltipModule,F.MatToolbarModule,C.MatMenuModule,F.MatToolbarModule],it=function(){var t;t=T.MediaMarshaller.prototype.updateElement,T.MediaMarshaller.prototype.updateElement=function(e,o,n){"layout-gap"===o&&null==n&&(n="0px"),t.apply(this,[e,o,n])}};it.decorators=[{type:e.NgModule,args:[{imports:D([r.CommonModule,s.FormsModule,s.ReactiveFormsModule,l.FlexLayoutModule],nt,[o.WidgetLibraryModule,o.JsonSchemaFormModule]),declarations:D(et),exports:D([o.JsonSchemaFormModule],et),providers:[o.JsonSchemaFormService,o.FrameworkLibraryService,o.WidgetLibraryService,{provide:o.Framework,useClass:ot,multi:!0}],entryComponents:D(et)}]}],it.ctorParameters=function(){return[]},t.ANGULAR_MATERIAL_MODULES=nt,t.FlexLayoutRootComponent=_,t.FlexLayoutSectionComponent=E,t.MATERIAL_FRAMEWORK_COMPONENTS=et,t.MaterialAddReferenceComponent=V,t.MaterialButtonComponent=q,t.MaterialButtonGroupComponent=H,t.MaterialCheckboxComponent=P,t.MaterialCheckboxesComponent=z,t.MaterialChipListComponent=R,t.MaterialDatepickerComponent=G,t.MaterialDesignFramework=ot,t.MaterialDesignFrameworkComponent=J,t.MaterialDesignFrameworkModule=it,t.MaterialFileComponent=$,t.MaterialInputComponent=B,t.MaterialNumberComponent=U,t.MaterialOneOfComponent=W,t.MaterialRadiosComponent=K,t.MaterialSelectComponent=Q,t.MaterialSliderComponent=X,t.MaterialStepperComponent=Y,t.MaterialTabsComponent=Z,t.MaterialTextareaComponent=tt,Object.defineProperty(t,"__esModule",{value:!0})}));
+    ***************************************************************************** */Object.create;function D(t){var e="function"==typeof Symbol&&Symbol.iterator,o=e&&t[e],n=0;if(o)return o.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function O(t,e){var o="function"==typeof Symbol&&t[Symbol.iterator];if(!o)return t;var n,i,a=o.call(t),r=[];try{for(;(void 0===e||e-- >0)&&!(n=a.next()).done;)r.push(n.value)}catch(t){i={error:t}}finally{try{n&&!n.done&&(o=a.return)&&o.call(a)}finally{if(i)throw i.error}}return r}function S(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(O(arguments[e]));return t}Object.create;var _=function(){function t(t){this.jsf=t,this.isFlexItem=!1}return t.prototype.removeItem=function(t){this.jsf.removeItem(t)},t.prototype.getFlexAttribute=function(t,e){var o=["flex-grow","flex-shrink","flex-basis"].indexOf(e);return((t.options||{}).flex||"").split(/\s+/)[o]||(t.options||{})[e]||["1","1","auto"][o]},t.prototype.showWidget=function(t){return this.jsf.evaluateCondition(t,this.dataIndex)},t}();_.decorators=[{type:e.Component,args:[{selector:"flex-layout-root-widget",template:'\n    <div *ngFor="let layoutNode of layout; let i = index"\n      [class.form-flex-item]="isFlexItem"\n      [style.flex-grow]="getFlexAttribute(layoutNode, \'flex-grow\')"\n      [style.flex-shrink]="getFlexAttribute(layoutNode, \'flex-shrink\')"\n      [style.flex-basis]="getFlexAttribute(layoutNode, \'flex-basis\')"\n      [style.align-self]="(layoutNode?.options || {})[\'align-self\']"\n      [style.order]="layoutNode?.options?.order"\n      [fxFlex]="layoutNode?.options?.fxFlex"\n      [fxFlexOrder]="layoutNode?.options?.fxFlexOrder"\n      [fxFlexOffset]="layoutNode?.options?.fxFlexOffset"\n      [fxFlexAlign]="layoutNode?.options?.fxFlexAlign">\n      <select-framework-widget *ngIf="showWidget(layoutNode)"\n        [dataIndex]="layoutNode?.arrayItem ? (dataIndex || []).concat(i) : (dataIndex || [])"\n        [layoutIndex]="(layoutIndex || []).concat(i)"\n        [layoutNode]="layoutNode"></select-framework-widget>\n    <div>',changeDetection:e.ChangeDetectionStrategy.Default}]}],_.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},_.propDecorators={dataIndex:[{type:e.Input}],layoutIndex:[{type:e.Input}],layout:[{type:e.Input}],isFlexItem:[{type:e.Input}]};var V=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1,this.expanded=!0,this.containerType="div"}return Object.defineProperty(t.prototype,"sectionTitle",{get:function(){return this.options.notitle?null:this.jsf.setItemTitle(this)},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){switch(this.jsf.initializeControl(this),this.options=this.layoutNode.options||{},this.expanded="boolean"==typeof this.options.expanded?this.options.expanded:!this.options.expandable,this.layoutNode.type){case"section":case"array":case"fieldset":case"advancedfieldset":case"authfieldset":case"optionfieldset":case"selectfieldset":this.containerType="fieldset";break;case"card":this.containerType="card";break;case"expansion-panel":this.containerType="expansion-panel";break;default:this.containerType="div"}},t.prototype.toggleExpanded=function(){this.options.expandable&&(this.expanded=!this.expanded)},t.prototype.getFlexAttribute=function(t){var e="flex"===this.layoutNode.type||!!this.options.displayFlex||"flex"===this.options.display;switch(t){case"is-flex":return e;case"display":return e?"flex":"initial";case"flex-direction":case"flex-wrap":var o=["flex-direction","flex-wrap"].indexOf(t);return(this.options["flex-flow"]||"").split(/\s+/)[o]||this.options[t]||["column","nowrap"][o];case"justify-content":case"align-items":case"align-content":return this.options[t];case"layout":return(this.options.fxLayout||"row")+this.options.fxLayoutWrap?" "+this.options.fxLayoutWrap:""}},t}();V.decorators=[{type:e.Component,args:[{selector:"flex-layout-section-widget",template:'\n    <div *ngIf="containerType === \'div\'"\n      [class]="options?.htmlClass || \'\'"\n      [class.expandable]="options?.expandable && !expanded"\n      [class.expanded]="options?.expandable && expanded">\n      <label *ngIf="sectionTitle"\n        [class]="\'legend \' + (options?.labelHtmlClass || \'\')"\n        [innerHTML]="sectionTitle"\n        (click)="toggleExpanded()"></label>\n      <flex-layout-root-widget *ngIf="expanded"\n        [layout]="layoutNode.items"\n        [dataIndex]="dataIndex"\n        [layoutIndex]="layoutIndex"\n        [isFlexItem]="getFlexAttribute(\'is-flex\')"\n        [class.form-flex-column]="getFlexAttribute(\'flex-direction\') === \'column\'"\n        [class.form-flex-row]="getFlexAttribute(\'flex-direction\') === \'row\'"\n        [style.display]="getFlexAttribute(\'display\')"\n        [style.flex-direction]="getFlexAttribute(\'flex-direction\')"\n        [style.flex-wrap]="getFlexAttribute(\'flex-wrap\')"\n        [style.justify-content]="getFlexAttribute(\'justify-content\')"\n        [style.align-items]="getFlexAttribute(\'align-items\')"\n        [style.align-content]="getFlexAttribute(\'align-content\')"\n        [fxLayout]="getFlexAttribute(\'layout\')"\n        [fxLayoutGap]="options?.fxLayoutGap"\n        [fxLayoutAlign]="options?.fxLayoutAlign"\n        [attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>\n      <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n        [innerHTML]="options?.errorMessage"></mat-error>\n    </div>\n\n    <fieldset *ngIf="containerType === \'fieldset\'"\n      [class]="options?.htmlClass || \'\'"\n      [class.expandable]="options?.expandable && !expanded"\n      [class.expanded]="options?.expandable && expanded"\n      [disabled]="options?.readonly">\n      <legend *ngIf="sectionTitle"\n        [class]="\'legend \' + (options?.labelHtmlClass || \'\')"\n        [innerHTML]="sectionTitle"\n        (click)="toggleExpanded()"></legend>\n      <flex-layout-root-widget *ngIf="expanded"\n        [layout]="layoutNode.items"\n        [dataIndex]="dataIndex"\n        [layoutIndex]="layoutIndex"\n        [isFlexItem]="getFlexAttribute(\'is-flex\')"\n        [class.form-flex-column]="getFlexAttribute(\'flex-direction\') === \'column\'"\n        [class.form-flex-row]="getFlexAttribute(\'flex-direction\') === \'row\'"\n        [style.display]="getFlexAttribute(\'display\')"\n        [style.flex-direction]="getFlexAttribute(\'flex-direction\')"\n        [style.flex-wrap]="getFlexAttribute(\'flex-wrap\')"\n        [style.justify-content]="getFlexAttribute(\'justify-content\')"\n        [style.align-items]="getFlexAttribute(\'align-items\')"\n        [style.align-content]="getFlexAttribute(\'align-content\')"\n        [fxLayout]="getFlexAttribute(\'layout\')"\n        [fxLayoutGap]="options?.fxLayoutGap"\n        [fxLayoutAlign]="options?.fxLayoutAlign"\n        [attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>\n      <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n        [innerHTML]="options?.errorMessage"></mat-error>\n    </fieldset>\n\n    <mat-card *ngIf="containerType === \'card\'"\n      [ngClass]="options?.htmlClass || \'\'"\n      [class.expandable]="options?.expandable && !expanded"\n      [class.expanded]="options?.expandable && expanded">\n      <mat-card-header *ngIf="sectionTitle">\n        <legend\n          [class]="\'legend \' + (options?.labelHtmlClass || \'\')"\n          [innerHTML]="sectionTitle"\n          (click)="toggleExpanded()"></legend>\n      </mat-card-header>\n      <mat-card-content *ngIf="expanded">\n        <fieldset [disabled]="options?.readonly">\n          <flex-layout-root-widget *ngIf="expanded"\n            [layout]="layoutNode.items"\n            [dataIndex]="dataIndex"\n            [layoutIndex]="layoutIndex"\n            [isFlexItem]="getFlexAttribute(\'is-flex\')"\n            [class.form-flex-column]="getFlexAttribute(\'flex-direction\') === \'column\'"\n            [class.form-flex-row]="getFlexAttribute(\'flex-direction\') === \'row\'"\n            [style.display]="getFlexAttribute(\'display\')"\n            [style.flex-direction]="getFlexAttribute(\'flex-direction\')"\n            [style.flex-wrap]="getFlexAttribute(\'flex-wrap\')"\n            [style.justify-content]="getFlexAttribute(\'justify-content\')"\n            [style.align-items]="getFlexAttribute(\'align-items\')"\n            [style.align-content]="getFlexAttribute(\'align-content\')"\n            [fxLayout]="getFlexAttribute(\'layout\')"\n            [fxLayoutGap]="options?.fxLayoutGap"\n            [fxLayoutAlign]="options?.fxLayoutAlign"\n            [attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>\n          </fieldset>\n      </mat-card-content>\n      <mat-card-footer>\n        <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n          [innerHTML]="options?.errorMessage"></mat-error>\n      </mat-card-footer>\n    </mat-card>\n\n    <mat-expansion-panel *ngIf="containerType === \'expansion-panel\'"\n      [expanded]="expanded"\n      [hideToggle]="!options?.expandable">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <legend *ngIf="sectionTitle"\n            [class]="options?.labelHtmlClass"\n            [innerHTML]="sectionTitle"\n            (click)="toggleExpanded()"></legend>\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      <fieldset [disabled]="options?.readonly">\n        <flex-layout-root-widget *ngIf="expanded"\n          [layout]="layoutNode.items"\n          [dataIndex]="dataIndex"\n          [layoutIndex]="layoutIndex"\n          [isFlexItem]="getFlexAttribute(\'is-flex\')"\n          [class.form-flex-column]="getFlexAttribute(\'flex-direction\') === \'column\'"\n          [class.form-flex-row]="getFlexAttribute(\'flex-direction\') === \'row\'"\n          [style.display]="getFlexAttribute(\'display\')"\n          [style.flex-direction]="getFlexAttribute(\'flex-direction\')"\n          [style.flex-wrap]="getFlexAttribute(\'flex-wrap\')"\n          [style.justify-content]="getFlexAttribute(\'justify-content\')"\n          [style.align-items]="getFlexAttribute(\'align-items\')"\n          [style.align-content]="getFlexAttribute(\'align-content\')"\n          [fxLayout]="getFlexAttribute(\'layout\')"\n          [fxLayoutGap]="options?.fxLayoutGap"\n          [fxLayoutAlign]="options?.fxLayoutAlign"\n          [attr.fxFlexFill]="options?.fxLayoutAlign"></flex-layout-root-widget>\n      </fieldset>\n      <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n        [innerHTML]="options?.errorMessage"></mat-error>\n    </mat-expansion-panel>',styles:["\n    fieldset { border: 0; margin: 0; padding: 0; }\n    .legend { font-weight: bold; }\n    .expandable > .legend:before { content: '▶'; padding-right: .3em; }\n    .expanded > .legend:before { content: '▼'; padding-right: .2em; }\n  "]}]}],V.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},V.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var E=function(){function t(t){this.jsf=t}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{}},Object.defineProperty(t.prototype,"showAddButton",{get:function(){return!this.layoutNode.arrayItem||this.layoutIndex[this.layoutIndex.length-1]<this.options.maxItems},enumerable:!1,configurable:!0}),t.prototype.addItem=function(t){t.preventDefault(),this.jsf.addItem(this)},Object.defineProperty(t.prototype,"buttonText",{get:function(){var t={dataIndex:this.dataIndex.slice(0,-1),layoutIndex:this.layoutIndex.slice(0,-1),layoutNode:this.jsf.getParentNode(this)};return t.layoutNode.add||this.jsf.setArrayItemTitle(t,this.layoutNode,this.itemCount)},enumerable:!1,configurable:!0}),t}();E.decorators=[{type:e.Component,args:[{selector:"material-add-reference-widget",template:'\n    <section [class]="options?.htmlClass || \'\'" align="end">\n      <button mat-raised-button *ngIf="showAddButton"\n        [color]="options?.color || \'accent\'"\n        [disabled]="options?.readonly"\n        (click)="addItem($event)">\n        <span *ngIf="options?.icon" [class]="options?.icon"></span>\n        <span *ngIf="options?.title" [innerHTML]="buttonText"></span>\n      </button>\n    </section>',changeDetection:e.ChangeDetectionStrategy.Default}]}],E.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},E.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var q=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1}return t.prototype.ngOnInit=function(){var t=this;this.options=this.layoutNode.options||{},this.jsf.initializeControl(this),o.hasOwn(this.options,"disabled")?this.controlDisabled=this.options.disabled:this.jsf.formOptions.disableInvalidSubmit&&(this.controlDisabled=!this.jsf.isValid,this.jsf.isValidChanges.subscribe((function(e){return t.controlDisabled=!e})))},t.prototype.updateValue=function(t){"function"==typeof this.options.onClick?this.options.onClick(t):this.jsf.updateValue(this,t.target.value)},t}();q.decorators=[{type:e.Component,args:[{selector:"material-button-widget",template:'\n    <div class="button-row" [class]="options?.htmlClass || \'\'">\n      <button mat-raised-button\n        [attr.readonly]="options?.readonly ? \'readonly\' : null"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [color]="options?.color || \'primary\'"\n        [disabled]="controlDisabled || options?.readonly"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [type]="layoutNode?.type"\n        [value]="controlValue"\n        (click)="updateValue($event)">\n        <mat-icon *ngIf="options?.icon" class="mat-24">{{options?.icon}}</mat-icon>\n        <span *ngIf="options?.title" [innerHTML]="options?.title"></span>\n      </button>\n    </div>',styles:[" button { margin-top: 10px; } "]}]}],q.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},q.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var H=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1,this.radiosList=[],this.vertical=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.radiosList=o.buildTitleMap(this.options.titleMap||this.options.enumNames,this.options.enum,!0),this.jsf.initializeControl(this)},t.prototype.updateValue=function(t){this.options.showErrors=!0,this.jsf.updateValue(this,t)},t}();H.decorators=[{type:e.Component,args:[{selector:"material-button-group-widget",template:'\n    <div>\n      <div *ngIf="options?.title">\n        <label\n          [attr.for]="\'control\' + layoutNode?._id"\n          [class]="options?.labelHtmlClass || \'\'"\n          [style.display]="options?.notitle ? \'none\' : \'\'"\n          [innerHTML]="options?.title"></label>\n      </div>\n      <mat-button-toggle-group\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.readonly]="options?.readonly ? \'readonly\' : null"\n        [attr.required]="options?.required"\n        [disabled]="controlDisabled || options?.readonly"\n        [name]="controlName"\n        [value]="controlValue"\n        [vertical]="!!options.vertical">\n        <mat-button-toggle *ngFor="let radioItem of radiosList"\n          [id]="\'control\' + layoutNode?._id + \'/\' + radioItem?.name"\n          [value]="radioItem?.value"\n          (click)="updateValue(radioItem?.value)">\n          <span [innerHTML]="radioItem?.name"></span>\n        </mat-button-toggle>\n      </mat-button-toggle-group>\n      <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n        [innerHTML]="options?.errorMessage"></mat-error>\n    </div>',styles:[" mat-error { font-size: 75%; } "]}]}],H.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},H.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var P=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1,this.trueValue=!0,this.falseValue=!1,this.showSlideToggle=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this,!this.options.readonly),null!==this.controlValue&&void 0!==this.controlValue||(this.controlValue=!1,this.jsf.updateValue(this,this.falseValue)),"slide-toggle"!==this.layoutNode.type&&"slide-toggle"!==this.layoutNode.format||(this.showSlideToggle=!0)},t.prototype.updateValue=function(t){this.options.showErrors=!0,this.jsf.updateValue(this,t.checked?this.trueValue:this.falseValue)},Object.defineProperty(t.prototype,"isChecked",{get:function(){return this.jsf.getFormControlValue(this)===this.trueValue},enumerable:!1,configurable:!0}),t}();P.decorators=[{type:e.Component,args:[{selector:"material-checkbox-widget",template:'\n    <mat-checkbox *ngIf="boundControl && !showSlideToggle"\n      [formControl]="formControl"\n      align="left"\n      [color]="options?.color || \'primary\'"\n      [id]="\'control\' + layoutNode?._id"\n      labelPosition="after"\n      [name]="controlName"\n      (blur)="options.showErrors = true">\n      <span *ngIf="options?.title"\n        class="checkbox-name"\n        [style.display]="options?.notitle ? \'none\' : \'\'"\n        [innerHTML]="options?.title"></span>\n    </mat-checkbox>\n    <mat-checkbox *ngIf="!boundControl && !showSlideToggle"\n      align="left"\n      [color]="options?.color || \'primary\'"\n      [disabled]="controlDisabled || options?.readonly"\n      [id]="\'control\' + layoutNode?._id"\n      labelPosition="after"\n      [name]="controlName"\n      [checked]="isChecked"\n      (blur)="options.showErrors = true"\n      (change)="updateValue($event)">\n      <span *ngIf="options?.title"\n        class="checkbox-name"\n        [style.display]="options?.notitle ? \'none\' : \'\'"\n        [innerHTML]="options?.title"></span>\n    </mat-checkbox>\n    <mat-slide-toggle *ngIf="boundControl && showSlideToggle"\n      [formControl]="formControl"\n      align="left"\n      [color]="options?.color || \'primary\'"\n      [id]="\'control\' + layoutNode?._id"\n      labelPosition="after"\n      [name]="controlName"\n      (blur)="options.showErrors = true">\n      <span *ngIf="options?.title"\n        class="checkbox-name"\n        [style.display]="options?.notitle ? \'none\' : \'\'"\n        [innerHTML]="options?.title"></span>\n    </mat-slide-toggle>\n    <mat-slide-toggle *ngIf="!boundControl && showSlideToggle"\n      align="left"\n      [color]="options?.color || \'primary\'"\n      [disabled]="controlDisabled || options?.readonly"\n      [id]="\'control\' + layoutNode?._id"\n      labelPosition="after"\n      [name]="controlName"\n      [checked]="isChecked"\n      (blur)="options.showErrors = true"\n      (change)="updateValue($event)">\n      <span *ngIf="options?.title"\n        class="checkbox-name"\n        [style.display]="options?.notitle ? \'none\' : \'\'"\n        [innerHTML]="options?.title"></span>\n    </mat-slide-toggle>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:["\n    .checkbox-name { white-space: nowrap; }\n    mat-error { font-size: 75%; }\n  "]}]}],P.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},P.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var z=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1,this.horizontalList=!1,this.checkboxList=[]}return t.prototype.ngOnInit=function(){var t,e;if(this.options=this.layoutNode.options||{},this.horizontalList="checkboxes-inline"===this.layoutNode.type||"checkboxbuttons"===this.layoutNode.type,this.jsf.initializeControl(this),this.checkboxList=o.buildTitleMap(this.options.titleMap||this.options.enumNames,this.options.enum,!0),this.boundControl){var n=this.jsf.getFormControl(this);try{for(var i=D(this.checkboxList),a=i.next();!a.done;a=i.next()){var r=a.value;r.checked=n.value.includes(r.value)}}catch(e){t={error:e}}finally{try{a&&!a.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}}},Object.defineProperty(t.prototype,"allChecked",{get:function(){return this.checkboxList.filter((function(t){return t.checked})).length===this.checkboxList.length},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"someChecked",{get:function(){var t=this.checkboxList.filter((function(t){return t.checked})).length;return t>0&&t<this.checkboxList.length},enumerable:!1,configurable:!0}),t.prototype.updateValue=function(){this.options.showErrors=!0,this.boundControl&&this.jsf.updateArrayCheckboxList(this,this.checkboxList)},t.prototype.updateAllValues=function(t){this.options.showErrors=!0,this.checkboxList.forEach((function(e){return e.checked=t.checked})),this.updateValue()},t}();z.decorators=[{type:e.Component,args:[{selector:"material-checkboxes-widget",template:'\n    <div>\n      <mat-checkbox type="checkbox"\n        [checked]="allChecked"\n        [color]="options?.color || \'primary\'"\n        [disabled]="controlDisabled || options?.readonly"\n        [indeterminate]="someChecked"\n        [name]="options?.name"\n        (blur)="options.showErrors = true"\n        (change)="updateAllValues($event)">\n        <span class="checkbox-name" [innerHTML]="options?.name"></span>\n      </mat-checkbox>\n      <label *ngIf="options?.title"\n        class="title"\n        [class]="options?.labelHtmlClass || \'\'"\n        [style.display]="options?.notitle ? \'none\' : \'\'"\n        [innerHTML]="options?.title"></label>\n      <ul class="checkbox-list" [class.horizontal-list]="horizontalList">\n        <li *ngFor="let checkboxItem of checkboxList"\n          [class]="options?.htmlClass || \'\'">\n          <mat-checkbox type="checkbox"\n            [(ngModel)]="checkboxItem.checked"\n            [color]="options?.color || \'primary\'"\n            [disabled]="controlDisabled || options?.readonly"\n            [name]="checkboxItem?.name"\n            (blur)="options.showErrors = true"\n            (change)="updateValue()">\n            <span class="checkbox-name" [innerHTML]="checkboxItem?.name"></span>\n          </mat-checkbox>\n        </li>\n      </ul>\n      <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n        [innerHTML]="options?.errorMessage"></mat-error>\n    </div>',styles:["\n    .title { font-weight: bold; }\n    .checkbox-list { list-style-type: none; }\n    .horizontal-list > li { display: inline-block; margin-right: 10px; zoom: 1; }\n    .checkbox-name { white-space: nowrap; }\n    mat-error { font-size: 75%; }\n  "]}]}],z.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},z.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var R=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();R.decorators=[{type:e.Component,args:[{selector:"material-chip-list-widget",template:""}]}],R.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},R.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var J=function(){function t(t,e){this.matFormFieldDefaultOptions=t,this.jsf=e,this.controlDisabled=!1,this.boundControl=!1,this.autoCompleteList=[]}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this,!this.options.readonly),this.controlValue&&this.formControl.setValue(o.dateToString(this.controlValue,this.options)),this.options.notitle||this.options.description||!this.options.placeholder||(this.options.description=this.options.placeholder)},t.prototype.updateValue=function(t){this.options.showErrors=!0,t.value&&this.formControl.setValue(o.dateToString(t.value,this.options))},t}();J.decorators=[{type:e.Component,args:[{selector:"material-datepicker-widget",template:'\n    <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || \'standard\'"\n                    [class]="options?.htmlClass || \'\'"\n                    [floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? \'never\' : \'auto\')"\n                    [hideRequiredMarker]="options?.hideRequired ? \'true\' : \'false\'"\n                    [style.width]="\'100%\'">\n      <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>\n      <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"\n        [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>\n        <input matInput *ngIf="boundControl"\n        [formControl]="formControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.list]="\'control\' + layoutNode?._id + \'Autocomplete\'"\n        [attr.readonly]="options?.readonly ? \'readonly\' : null"\n        [id]="\'control\' + layoutNode?._id"\n        [max]="options?.maximum"\n        [matDatepicker]="picker"\n        [min]="options?.minimum"\n        [name]="controlName"\n        [placeholder]="options?.title"\n        [readonly]="options?.readonly"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        (blur)="options.showErrors = true"\n        (dateChange)="updateValue($event)"\n        (dateInput)="updateValue($event)">\n      <input matInput *ngIf="!boundControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.list]="\'control\' + layoutNode?._id + \'Autocomplete\'"\n        [attr.readonly]="options?.readonly ? \'readonly\' : null"\n        [disabled]="controlDisabled || options?.readonly"\n        [id]="\'control\' + layoutNode?._id"\n        [max]="options?.maximum"\n        [matDatepicker]="picker"\n        [min]="options?.minimum"\n        [name]="controlName"\n        [placeholder]="options?.title"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        [readonly]="options?.readonly"\n        (blur)="options.showErrors = true"\n        (dateChange)="updateValue($event)"\n        (dateInput)="updateValue($event)">\n      <span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"\n        [innerHTML]="options?.suffix || options?.fieldAddonRight"></span>\n      <mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"\n        align="end" [innerHTML]="options?.description"></mat-hint>\n      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>\n    </mat-form-field>\n    <mat-datepicker #picker ></mat-datepicker>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:["\n    mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n    ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n      .mat-form-field-infix { width: initial; }\n  "]}]}],J.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[n.MAT_FORM_FIELD_DEFAULT_OPTIONS]},{type:e.Optional}]},{type:o.JsonSchemaFormService}]},J.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var $=function(){function t(t,e){this.changeDetector=t,this.jsf=e,this.frameworkInitialized=!1,this.formControl=null,this.parentArray=null,this.isOrderable=!1,this.dynamicTitle=null}return Object.defineProperty(t.prototype,"showRemoveButton",{get:function(){return!(!this.layoutNode||!this.widgetOptions.removable||this.widgetOptions.readonly||"$ref"===this.layoutNode.type)&&(!!this.layoutNode.recursiveReference||!(!this.layoutNode.arrayItem||!this.parentArray)&&(!(this.parentArray.items.length-1<=this.parentArray.options.minItems)&&("list"===this.layoutNode.arrayItemType||this.layoutIndex[this.layoutIndex.length-1]===this.parentArray.items.length-2)))},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){this.initializeFramework()},t.prototype.ngOnChanges=function(){this.frameworkInitialized||this.initializeFramework(),this.dynamicTitle&&this.updateTitle()},t.prototype.initializeFramework=function(){this.layoutNode?(this.options=k.default(this.layoutNode.options||{}),this.widgetLayoutNode=Object.assign(Object.assign({},this.layoutNode),{options:k.default(this.layoutNode.options||{})}),this.widgetOptions=this.widgetLayoutNode.options,this.formControl=this.jsf.getFormControl(this),o.isDefined(this.widgetOptions.minimum)&&o.isDefined(this.widgetOptions.maximum)&&this.widgetOptions.multipleOf>=1&&(this.layoutNode.type="range"),!["$ref","advancedfieldset","authfieldset","button","card","checkbox","expansion-panel","help","message","msg","section","submit","tabarray","tabs"].includes(this.layoutNode.type)&&/{{.+?}}/.test(this.widgetOptions.title||"")&&(this.dynamicTitle=this.widgetOptions.title,this.updateTitle()),this.layoutNode.arrayItem&&"$ref"!==this.layoutNode.type&&(this.parentArray=this.jsf.getParentNode(this),this.parentArray&&(this.isOrderable="tab"!==this.parentArray.type.slice(0,3)&&"list"===this.layoutNode.arrayItemType&&!this.widgetOptions.readonly&&this.parentArray.options.orderable)),this.frameworkInitialized=!0):this.options={}},t.prototype.updateTitle=function(){this.widgetLayoutNode.options.title=this.jsf.parseText(this.dynamicTitle,this.jsf.getFormControlValue(this),this.jsf.getFormControlGroup(this).value,this.dataIndex[this.dataIndex.length-1])},t.prototype.removeItem=function(){this.jsf.removeItem(this)},t}();$.decorators=[{type:e.Component,args:[{selector:"material-design-framework",template:'<div\n  [class.array-item]="widgetLayoutNode?.arrayItem && widgetLayoutNode?.type !== \'$ref\'"\n  [orderable]="isOrderable"\n  [dataIndex]="dataIndex"\n  [layoutIndex]="layoutIndex"\n  [layoutNode]="widgetLayoutNode">\n  <svg *ngIf="showRemoveButton"\n       xmlns="http://www.w3.org/2000/svg"\n       height="18" width="18" viewBox="0 0 24 24"\n       class="close-button"\n       (click)="removeItem()">\n    <path\n      d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/>\n  </svg>\n  <select-widget-widget\n    [dataIndex]="dataIndex"\n    [layoutIndex]="layoutIndex"\n    [layoutNode]="widgetLayoutNode"></select-widget-widget>\n</div>\n<div class="spacer" *ngIf="widgetLayoutNode?.arrayItem && widgetLayoutNode?.type !== \'$ref\'"></div>\n',styles:[".array-item{border-radius:2px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);padding:6px;position:relative;transition:all .28s cubic-bezier(.4,0,.2,1)}.close-button{cursor:pointer;position:absolute;top:6px;right:6px;fill:rgba(0,0,0,.4);visibility:hidden;z-index:500}.close-button:hover{fill:rgba(0,0,0,.8)}.array-item:hover>.close-button{visibility:visible}.spacer{margin:6px 0}[draggable=true]:hover{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);cursor:move;z-index:10}[draggable=true].drag-target-top{box-shadow:0 -2px 0 #000;position:relative;z-index:20}[draggable=true].drag-target-bottom{box-shadow:0 2px 0 #000;position:relative;z-index:20}"]}]}],$.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:o.JsonSchemaFormService}]},$.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var G=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();G.decorators=[{type:e.Component,args:[{selector:"material-file-widget",template:""}]}],G.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},G.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var B=function(){function t(t,e){this.matFormFieldDefaultOptions=t,this.jsf=e,this.controlDisabled=!1,this.boundControl=!1,this.autoCompleteList=[]}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this),this.options.notitle||this.options.description||!this.options.placeholder||(this.options.description=this.options.placeholder)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();B.decorators=[{type:e.Component,args:[{selector:"material-input-widget",template:'\n    <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || \'standard\'"\n      [class]="options?.htmlClass || \'\'"\n      [floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? \'never\' : \'auto\')"\n      [hideRequiredMarker]="options?.hideRequired ? \'true\' : \'false\'"\n      [style.width]="\'100%\'">\n      <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>\n      <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"\n        [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>\n      <input matInput *ngIf="boundControl"\n        [formControl]="formControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.list]="\'control\' + layoutNode?._id + \'Autocomplete\'"\n        [attr.maxlength]="options?.maxLength"\n        [attr.minlength]="options?.minLength"\n        [attr.pattern]="options?.pattern"\n        [readonly]="options?.readonly ? \'readonly\' : null"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        [type]="layoutNode?.type"\n        (blur)="options.showErrors = true">\n      <input matInput *ngIf="!boundControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.list]="\'control\' + layoutNode?._id + \'Autocomplete\'"\n        [attr.maxlength]="options?.maxLength"\n        [attr.minlength]="options?.minLength"\n        [attr.pattern]="options?.pattern"\n        [disabled]="controlDisabled"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [readonly]="options?.readonly ? \'readonly\' : null"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        [type]="layoutNode?.type"\n        [value]="controlValue"\n        (input)="updateValue($event)"\n        (blur)="options.showErrors = true">\n      <span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"\n        [innerHTML]="options?.suffix || options?.fieldAddonRight"></span>\n      <mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"\n        align="end" [innerHTML]="options?.description"></mat-hint>\n      <mat-autocomplete *ngIf="options?.typeahead?.source">\n        <mat-option *ngFor="let word of options?.typeahead?.source"\n          [value]="word">{{word}}</mat-option>\n      </mat-autocomplete>\n    </mat-form-field>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:["\n    mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n    ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n      .mat-form-field-infix { width: initial; }\n  "]}]}],B.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[n.MAT_FORM_FIELD_DEFAULT_OPTIONS]},{type:e.Optional}]},{type:o.JsonSchemaFormService}]},B.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var U=function(){function t(t,e){this.matFormFieldDefaultOptions=t,this.jsf=e,this.controlDisabled=!1,this.boundControl=!1,this.allowNegative=!0,this.allowDecimal=!0,this.allowExponents=!1,this.lastValidNumber=""}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this),"integer"===this.layoutNode.dataType&&(this.allowDecimal=!1),this.options.notitle||this.options.description||!this.options.placeholder||(this.options.description=this.options.placeholder)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();U.decorators=[{type:e.Component,args:[{selector:"material-number-widget",template:'\n    <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || \'standard\'"\n    [class]="options?.htmlClass || \'\'"\n    [floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? \'never\' : \'auto\')"\n    [hideRequiredMarker]="options?.hideRequired ? \'true\' : \'false\'"\n    [style.width]="\'100%\'">\n    <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>\n      <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"\n        [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>\n      <input matInput *ngIf="boundControl"\n        [formControl]="formControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.max]="options?.maximum"\n        [attr.min]="options?.minimum"\n        [attr.step]="options?.multipleOf || options?.step || \'any\'"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [readonly]="options?.readonly ? \'readonly\' : null"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        [type]="\'number\'"\n        (blur)="options.showErrors = true">\n      <input matInput *ngIf="!boundControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.max]="options?.maximum"\n        [attr.min]="options?.minimum"\n        [attr.step]="options?.multipleOf || options?.step || \'any\'"\n        [disabled]="controlDisabled"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [readonly]="options?.readonly ? \'readonly\' : null"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        [type]="\'number\'"\n        [value]="controlValue"\n        (input)="updateValue($event)"\n        (blur)="options.showErrors = true">\n      <span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"\n        [innerHTML]="options?.suffix || options?.fieldAddonRight"></span>\n      <mat-hint *ngIf="layoutNode?.type === \'range\'" align="start"\n        [innerHTML]="controlValue"></mat-hint>\n      <mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"\n        align="end" [innerHTML]="options?.description"></mat-hint>\n    </mat-form-field>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:["\n    mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n    ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n      .mat-form-field-infix { width: initial; }\n  "]}]}],U.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[n.MAT_FORM_FIELD_DEFAULT_OPTIONS]},{type:e.Optional}]},{type:o.JsonSchemaFormService}]},U.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var W=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();W.decorators=[{type:e.Component,args:[{selector:"material-one-of-widget",template:""}]}],W.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},W.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var K=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1,this.flexDirection="column",this.radiosList=[]}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},"radios-inline"===this.layoutNode.type&&(this.flexDirection="row"),this.radiosList=o.buildTitleMap(this.options.titleMap||this.options.enumNames,this.options.enum,!0),this.jsf.initializeControl(this,!this.options.readonly)},t.prototype.updateValue=function(t){this.options.showErrors=!0,this.jsf.updateValue(this,t)},t}();K.decorators=[{type:e.Component,args:[{selector:"material-radios-widget",template:'\n    <div>\n      <div *ngIf="options?.title">\n        <label\n          [attr.for]="\'control\' + layoutNode?._id"\n          [class]="options?.labelHtmlClass || \'\'"\n          [style.display]="options?.notitle ? \'none\' : \'\'"\n          [innerHTML]="options?.title"></label>\n      </div>\n      <mat-radio-group *ngIf="boundControl"\n        [formControl]="formControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.readonly]="options?.readonly ? \'readonly\' : null"\n        [attr.required]="options?.required"\n        [style.flex-direction]="flexDirection"\n        [name]="controlName"\n        (blur)="options.showErrors = true">\n        <mat-radio-button *ngFor="let radioItem of radiosList"\n          [id]="\'control\' + layoutNode?._id + \'/\' + radioItem?.name"\n          [value]="radioItem?.value">\n          <span [innerHTML]="radioItem?.name"></span>\n        </mat-radio-button>\n      </mat-radio-group>\n      <mat-radio-group *ngIf="!boundControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.readonly]="options?.readonly ? \'readonly\' : null"\n        [attr.required]="options?.required"\n        [style.flex-direction]="flexDirection"\n        [disabled]="controlDisabled || options?.readonly"\n        [name]="controlName"\n        [value]="controlValue">\n        <mat-radio-button *ngFor="let radioItem of radiosList"\n          [id]="\'control\' + layoutNode?._id + \'/\' + radioItem?.name"\n          [value]="radioItem?.value"\n          (click)="updateValue(radioItem?.value)">\n          <span [innerHTML]="radioItem?.name"></span>\n        </mat-radio-button>\n      </mat-radio-group>\n      <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n        [innerHTML]="options?.errorMessage"></mat-error>\n    </div>',styles:["\n    mat-radio-group { display: inline-flex; }\n    mat-radio-button { margin: 2px; }\n    mat-error { font-size: 75%; }\n  "]}]}],K.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},K.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var Q=function(){function t(t,e){this.matFormFieldDefaultOptions=t,this.jsf=e,this.controlDisabled=!1,this.boundControl=!1,this.selectList=[],this.isArray=o.isArray}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.selectList=o.buildTitleMap(this.options.titleMap||this.options.enumNames,this.options.enum,!!this.options.required,!!this.options.flatList),this.jsf.initializeControl(this,!this.options.readonly),this.options.notitle||this.options.description||!this.options.placeholder||(this.options.description=this.options.placeholder)},t.prototype.updateValue=function(t){this.options.showErrors=!0,this.jsf.updateValue(this,t.value)},t}();Q.decorators=[{type:e.Component,args:[{selector:"material-select-widget",template:'\n    <mat-form-field\n      [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || \'standard\'"\n      [class]="options?.htmlClass || \'\'"\n      [floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? \'never\' : \'auto\')"\n      [hideRequiredMarker]="options?.hideRequired ? \'true\' : \'false\'"\n      [style.width]="\'100%\'">\n      <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>\n      <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"\n        [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>\n      <mat-select *ngIf="boundControl"\n        [formControl]="formControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.name]="controlName"\n        [id]="\'control\' + layoutNode?._id"\n        [multiple]="options?.multiple"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        (blur)="options.showErrors = true">\n        <ng-template ngFor let-selectItem [ngForOf]="selectList">\n          <mat-option *ngIf="!isArray(selectItem?.items)"\n            [value]="selectItem?.value">\n            <span [innerHTML]="selectItem?.name"></span>\n          </mat-option>\n          <mat-optgroup *ngIf="isArray(selectItem?.items)"\n            [label]="selectItem?.group">\n            <mat-option *ngFor="let subItem of selectItem.items"\n              [value]="subItem?.value">\n              <span [innerHTML]="subItem?.name"></span>\n            </mat-option>\n          </mat-optgroup>\n        </ng-template>\n      </mat-select>\n      <mat-select *ngIf="!boundControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.name]="controlName"\n        [disabled]="controlDisabled || options?.readonly"\n        [id]="\'control\' + layoutNode?._id"\n        [multiple]="options?.multiple"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [required]="options?.required"\n        [style.width]="\'100%\'"\n        [value]="controlValue"\n        (blur)="options.showErrors = true"\n        (change)="updateValue($event)">\n        <ng-template ngFor let-selectItem [ngForOf]="selectList">\n          <mat-option *ngIf="!isArray(selectItem?.items)"\n            [attr.selected]="selectItem?.value === controlValue"\n            [value]="selectItem?.value">\n            <span [innerHTML]="selectItem?.name"></span>\n          </mat-option>\n          <mat-optgroup *ngIf="isArray(selectItem?.items)"\n            [label]="selectItem?.group">\n            <mat-option *ngFor="let subItem of selectItem.items"\n              [attr.selected]="subItem?.value === controlValue"\n              [value]="subItem?.value">\n              <span [innerHTML]="subItem?.name"></span>\n            </mat-option>\n          </mat-optgroup>\n        </ng-template>\n      </mat-select>\n      <span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"\n        [innerHTML]="options?.suffix || options?.fieldAddonRight"></span>\n      <mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"\n        align="end" [innerHTML]="options?.description"></mat-hint>\n    </mat-form-field>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:["\n    mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n    ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n      .mat-form-field-infix { width: initial; }\n  "]}]}],Q.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[n.MAT_FORM_FIELD_DEFAULT_OPTIONS]},{type:e.Optional}]},{type:o.JsonSchemaFormService}]},Q.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var X=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1,this.allowNegative=!0,this.allowDecimal=!0,this.allowExponents=!1,this.lastValidNumber=""}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this,!this.options.readonly)},t.prototype.updateValue=function(t){this.options.showErrors=!0,this.jsf.updateValue(this,t.value)},t}();X.decorators=[{type:e.Component,args:[{selector:"material-slider-widget",template:'\n    <mat-slider thumbLabel *ngIf="boundControl"\n      [formControl]="formControl"\n      [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n      [id]="\'control\' + layoutNode?._id"\n      [max]="options?.maximum"\n      [min]="options?.minimum"\n      [step]="options?.multipleOf || options?.step || \'any\'"\n      [style.width]="\'100%\'"\n      (blur)="options.showErrors = true"></mat-slider>\n    <mat-slider thumbLabel *ngIf="!boundControl"\n      [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n      [disabled]="controlDisabled || options?.readonly"\n      [id]="\'control\' + layoutNode?._id"\n      [max]="options?.maximum"\n      [min]="options?.minimum"\n      [step]="options?.multipleOf || options?.step || \'any\'"\n      [style.width]="\'100%\'"\n      [value]="controlValue"\n      (blur)="options.showErrors = true"\n      (change)="updateValue($event)"></mat-slider>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:[" mat-error { font-size: 75%; } "]}]}],X.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},X.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var Y=function(){function t(t){this.jsf=t,this.controlDisabled=!1,this.boundControl=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();Y.decorators=[{type:e.Component,args:[{selector:"material-stepper-widget",template:""}]}],Y.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},Y.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var Z=function(){function t(t){this.jsf=t,this.selectedItem=0,this.showAddTab=!0}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.itemCount=this.layoutNode.items.length-1,this.updateControl()},t.prototype.select=function(t){"$ref"===this.layoutNode.items[t].type&&(this.jsf.addItem({layoutNode:this.layoutNode.items[t],layoutIndex:this.layoutIndex.concat(t),dataIndex:this.dataIndex.concat(t)}),this.updateControl()),this.selectedItem=t},t.prototype.updateControl=function(){this.itemCount=this.layoutNode.items.length-1;var t=this.layoutNode.items[this.layoutNode.items.length-1];this.showAddTab="$ref"===t.type&&this.itemCount<(t.options.maxItems||1e3)},t.prototype.setTabTitle=function(t,e){return this.jsf.setArrayItemTitle(this,t,e)},t}();Z.decorators=[{type:e.Component,args:[{selector:"material-tabs-widget",template:'\n    <nav mat-tab-nav-bar\n      [attr.aria-label]="options?.label || options?.title || \'\'"\n      [style.width]="\'100%\'">\n        <a mat-tab-link *ngFor="let item of layoutNode?.items; let i = index"\n          [active]="selectedItem === i"\n          (click)="select(i)">\n          <span *ngIf="showAddTab || item.type !== \'$ref\'"\n            [innerHTML]="setTabTitle(item, i)"></span>\n        </a>\n    </nav>\n    <div *ngFor="let layoutItem of layoutNode?.items; let i = index"\n      [class]="options?.htmlClass || \'\'">\n      <select-framework-widget *ngIf="selectedItem === i"\n        [class]="(options?.fieldHtmlClass || \'\') + \' \' + (options?.activeClass || \'\') + \' \' + (options?.style?.selected || \'\')"\n        [dataIndex]="layoutNode?.dataType === \'array\' ? (dataIndex || []).concat(i) : dataIndex"\n        [layoutIndex]="(layoutIndex || []).concat(i)"\n        [layoutNode]="layoutItem"></select-framework-widget>\n    </div>',styles:[" a { cursor: pointer; } "]}]}],Z.ctorParameters=function(){return[{type:o.JsonSchemaFormService}]},Z.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var tt=function(){function t(t,e){this.matFormFieldDefaultOptions=t,this.jsf=e,this.controlDisabled=!1,this.boundControl=!1}return t.prototype.ngOnInit=function(){this.options=this.layoutNode.options||{},this.jsf.initializeControl(this),this.options.notitle||this.options.description||!this.options.placeholder||(this.options.description=this.options.placeholder)},t.prototype.updateValue=function(t){this.jsf.updateValue(this,t.target.value)},t}();tt.decorators=[{type:e.Component,args:[{selector:"material-textarea-widget",template:'\n    <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || \'standard\'"\n      [class]="options?.htmlClass || \'\'"\n      [floatLabel]="options?.floatLabel || matFormFieldDefaultOptions?.floatLabel || (options?.notitle ? \'never\' : \'auto\')"\n      [hideRequiredMarker]="options?.hideRequired ? \'true\' : \'false\'"\n      [style.width]="\'100%\'">\n      <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>\n      <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"\n        [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>\n      <textarea matInput *ngIf="boundControl"\n        [formControl]="formControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.list]="\'control\' + layoutNode?._id + \'Autocomplete\'"\n        [attr.maxlength]="options?.maxLength"\n        [attr.minlength]="options?.minLength"\n        [attr.pattern]="options?.pattern"\n        [required]="options?.required"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [readonly]="options?.readonly ? \'readonly\' : null"\n        [style.width]="\'100%\'"\n        (blur)="options.showErrors = true"></textarea>\n      <textarea matInput *ngIf="!boundControl"\n        [attr.aria-describedby]="\'control\' + layoutNode?._id + \'Status\'"\n        [attr.list]="\'control\' + layoutNode?._id + \'Autocomplete\'"\n        [attr.maxlength]="options?.maxLength"\n        [attr.minlength]="options?.minLength"\n        [attr.pattern]="options?.pattern"\n        [required]="options?.required"\n        [disabled]="controlDisabled"\n        [id]="\'control\' + layoutNode?._id"\n        [name]="controlName"\n        [placeholder]="options?.notitle ? options?.placeholder : options?.title"\n        [readonly]="options?.readonly ? \'readonly\' : null"\n        [style.width]="\'100%\'"\n        [value]="controlValue"\n        (input)="updateValue($event)"\n        (blur)="options.showErrors = true"></textarea>\n      <span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"\n        [innerHTML]="options?.suffix || options?.fieldAddonRight"></span>\n      <mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"\n        align="end" [innerHTML]="options?.description"></mat-hint>\n    </mat-form-field>\n    <mat-error *ngIf="options?.showErrors && options?.errorMessage"\n      [innerHTML]="options?.errorMessage"></mat-error>',styles:["\n    mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }\n    ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex\n      .mat-form-field-infix { width: initial; }\n  "]}]}],tt.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[n.MAT_FORM_FIELD_DEFAULT_OPTIONS]},{type:e.Optional}]},{type:o.JsonSchemaFormService}]},tt.propDecorators={layoutNode:[{type:e.Input}],layoutIndex:[{type:e.Input}],dataIndex:[{type:e.Input}]};var et=[_,V,E,W,q,H,P,z,R,J,G,B,U,K,Q,X,Y,Z,tt,$],ot=function(t){function e(){var e=t.apply(this,S(arguments))||this;return e.name="material-design",e.framework=$,e.stylesheets=["//fonts.googleapis.com/icon?family=Material+Icons","//fonts.googleapis.com/css?family=Roboto:300,400,500,700"],e.widgets={root:_,section:V,$ref:E,button:q,"button-group":H,checkbox:P,checkboxes:z,"chip-list":R,date:J,file:G,number:U,"one-of":W,radios:K,select:Q,slider:X,stepper:Y,tabs:Z,text:B,textarea:tt,"alt-date":"date","any-of":"one-of",card:"section",color:"text","expansion-panel":"section",hidden:"none",image:"none",integer:"number",radiobuttons:"button-group",range:"slider",submit:"button",tagsinput:"chip-list",wizard:"stepper"},e}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function o(){this.constructor=t}j(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}(e,t),e}(o.Framework);ot.decorators=[{type:e.Injectable}];var nt=[l.MatAutocompleteModule,p.MatButtonModule,d.MatButtonToggleModule,u.MatCardModule,c.MatCheckboxModule,m.MatChipsModule,h.MatDatepickerModule,y.MatExpansionModule,n.MatFormFieldModule,g.MatIconModule,x.MatInputModule,f.MatNativeDateModule,b.MatRadioModule,I.MatSelectModule,v.MatSliderModule,w.MatSlideToggleModule,M.MatStepperModule,N.MatTabsModule,C.MatTooltipModule,F.MatToolbarModule,L.MatMenuModule,F.MatToolbarModule],it=function(){var t;t=T.MediaMarshaller.prototype.updateElement,T.MediaMarshaller.prototype.updateElement=function(e,o,n){"layout-gap"===o&&null==n&&(n="0px"),t.apply(this,[e,o,n])}};it.decorators=[{type:e.NgModule,args:[{imports:S([a.CommonModule,r.FormsModule,r.ReactiveFormsModule,s.FlexLayoutModule],nt,[o.WidgetLibraryModule,o.JsonSchemaFormModule]),declarations:S(et),exports:S([o.JsonSchemaFormModule],et),providers:[o.JsonSchemaFormService,o.FrameworkLibraryService,o.WidgetLibraryService,{provide:o.Framework,useClass:ot,multi:!0}],entryComponents:S(et)}]}],it.ctorParameters=function(){return[]},t.ANGULAR_MATERIAL_MODULES=nt,t.FlexLayoutRootComponent=_,t.FlexLayoutSectionComponent=V,t.MATERIAL_FRAMEWORK_COMPONENTS=et,t.MaterialAddReferenceComponent=E,t.MaterialButtonComponent=q,t.MaterialButtonGroupComponent=H,t.MaterialCheckboxComponent=P,t.MaterialCheckboxesComponent=z,t.MaterialChipListComponent=R,t.MaterialDatepickerComponent=J,t.MaterialDesignFramework=ot,t.MaterialDesignFrameworkComponent=$,t.MaterialDesignFrameworkModule=it,t.MaterialFileComponent=G,t.MaterialInputComponent=B,t.MaterialNumberComponent=U,t.MaterialOneOfComponent=W,t.MaterialRadiosComponent=K,t.MaterialSelectComponent=Q,t.MaterialSliderComponent=X,t.MaterialStepperComponent=Y,t.MaterialTabsComponent=Z,t.MaterialTextareaComponent=tt,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=ajsf-material.umd.min.js.map