@netgrif/components 6.2.4 → 6.2.5

package/esm2020/lib/dashboard/dashboard.module.mjs

@@ -14,8 +14,8 @@ import { MatGridListModule } from "@angular/material/grid-list";
 import * as i0 from "@angular/core";
 export class DashboardComponentModule {
 }
-DashboardComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DashboardComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardComponentModule, declarations: [CountCardComponent,
+DashboardComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DashboardComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DashboardComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DashboardComponentModule, declarations: [CountCardComponent,
         IframeCardComponent,
         DashboardContentComponent,
         PieChartCardComponent,
@@ -34,7 +34,7 @@ DashboardComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0"
         LineChartCardComponent,
         BarchartCardComponent,
         LinearGaugeCardComponent] });
-DashboardComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardComponentModule, imports: [[
+DashboardComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DashboardComponentModule, imports: [[
             CommonModule,
             MaterialModule,
             TranslateLibModule,
@@ -42,7 +42,7 @@ DashboardComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0"
             MaterialModule,
             MatGridListModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DashboardComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DashboardComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/data-fields/boolean-field/boolean-field.component.mjs

@@ -15,9 +15,9 @@ export class BooleanFieldComponent extends AbstractBooleanFieldComponent {
         this.valueLabelEnabled = isEnabled;
     }
 }
-BooleanFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanFieldComponent, deps: [{ token: i1.TranslateService }, { token: BOOLEAN_VALUE_LABEL_ENABLED, optional: true }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-BooleanFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: BooleanFieldComponent, selector: "nc-boolean-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"boolean\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #boolean let-showLargeLayout=\"showLargeLayout\">\n    <div>\n        <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n            <br></mat-label>\n        <mat-slide-toggle color=\"primary\" [formControl]=\"formControl\">\n            {{createValueLabel()}}\n        </mat-slide-toggle>\n        <mat-hint>{{dataField.description}}</mat-hint>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n", styles: ["mat-hint{display:block}\n"], components: [{ type: i2.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i3.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i6.MatError, selector: "mat-error", inputs: ["id"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanFieldComponent, decorators: [{
+BooleanFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BooleanFieldComponent, deps: [{ token: i1.TranslateService }, { token: BOOLEAN_VALUE_LABEL_ENABLED, optional: true }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+BooleanFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BooleanFieldComponent, selector: "nc-boolean-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"boolean\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #boolean let-showLargeLayout=\"showLargeLayout\">\n    <div>\n        <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n            <br></mat-label>\n        <mat-slide-toggle color=\"primary\" [formControl]=\"formControl\">\n            {{createValueLabel()}}\n        </mat-slide-toggle>\n        <mat-hint>{{dataField.description}}</mat-hint>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n", styles: ["mat-hint{display:block}\n"], components: [{ type: i2.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i3.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.MatLabel, selector: "mat-label" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i6.MatError, selector: "mat-error", inputs: ["id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BooleanFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-boolean-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"boolean\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #boolean let-showLargeLayout=\"showLargeLayout\">\n    <div>\n        <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n            <br></mat-label>\n        <mat-slide-toggle color=\"primary\" [formControl]=\"formControl\">\n            {{createValueLabel()}}\n        </mat-slide-toggle>\n        <mat-hint>{{dataField.description}}</mat-hint>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n", styles: ["mat-hint{display:block}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: undefined, decorators: [{

package/esm2020/lib/data-fields/button-field/button-field.component.mjs

@@ -29,9 +29,9 @@ export class ButtonFieldComponent extends AbstractButtonFieldComponent {
         }
     }
 }
-ButtonFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ButtonFieldComponent, deps: [{ token: i1.TranslateService }, { token: i2.DialogService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ButtonFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ButtonFieldComponent, selector: "nc-button-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"button\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #button let-showLargeLayout=\"showLargeLayout\">\n    <div [ngClass]=\"{'flex-end': align === 'end', 'flex-start': align === 'start', 'flex-center': align === 'center', 'full-button-width': stretch === 'true'}\">\n        <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n            <br>\n        </mat-label>\n        <button mat-button\n                [ngClass]=\"{\n                'mat-raised-button': dataField.getComponentType() === 'raised',\n                'mat-stroked-button': dataField.getComponentType() === 'stroked',\n                'mat-flat-button': dataField.getComponentType() === 'flat',\n                'mat-icon-button': dataField.getComponentType() === 'icon',\n                'mat-fab': dataField.getComponentType() === 'fab',\n                'mat-mini-fab': dataField.getComponentType() === 'minifab',\n                'full-button-width': stretch === 'true'}\"\n                color=\"primary\"\n                [matTooltip]=\"dataField.description\"\n                [disabled]=\"formControl.disabled || dataField.waitingForResponse\"\n                (click)=\"resolveValue()\">\n            <div class=\"grid-wrapper\">\n                <mat-icon *ngIf=\"dataField.waitingForResponse\" class=\"grid-1-1 margin-auto\" >\n                    <mat-spinner color=\"warn\" diameter=\"22\"></mat-spinner>\n                </mat-icon>\n                <div [ngClass]=\"{'label-waiting': dataField.waitingForResponse}\" class=\"grid-1-1\">\n                    {{(dataField.placeholder === undefined || dataField.placeholder === '') ? dataField.title : (isIconTypeButton() ? '' : dataField.placeholder) }}\n                </div>\n                <mat-icon class=\"grid-1-1\"\n                          *ngIf=\"isIconTypeButton() && !dataField.waitingForResponse\">{{dataField.placeholder}}</mat-icon>\n            </div>\n        </button>\n\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n", styles: [".label-waiting{opacity:0}.grid-wrapper{display:grid;place-items:center}.grid-1-1{grid-column:1;grid-row:1}.margin-auto{margin:0 auto}.flex-end{display:flex;place-content:flex-end}.flex-start{display:flex;place-content:flex-start}.flex-center{display:flex;place-content:center}.full-button-width{width:100%}\n"], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i10.MatLabel, selector: "mat-label" }, { type: i11.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i10.MatError, selector: "mat-error", inputs: ["id"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ButtonFieldComponent, decorators: [{
+ButtonFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ButtonFieldComponent, deps: [{ token: i1.TranslateService }, { token: i2.DialogService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+ButtonFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ButtonFieldComponent, selector: "nc-button-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"button\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #button let-showLargeLayout=\"showLargeLayout\">\n    <div [ngClass]=\"{'flex-end': align === 'end', 'flex-start': align === 'start', 'flex-center': align === 'center', 'full-button-width': stretch === 'true'}\">\n        <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n            <br>\n        </mat-label>\n        <button mat-button\n                [ngClass]=\"{\n                'mat-raised-button': dataField.getComponentType() === 'raised',\n                'mat-stroked-button': dataField.getComponentType() === 'stroked',\n                'mat-flat-button': dataField.getComponentType() === 'flat',\n                'mat-icon-button': dataField.getComponentType() === 'icon',\n                'mat-fab': dataField.getComponentType() === 'fab',\n                'mat-mini-fab': dataField.getComponentType() === 'minifab',\n                'full-button-width': stretch === 'true'}\"\n                color=\"primary\"\n                [matTooltip]=\"dataField.description\"\n                [disabled]=\"formControl.disabled || dataField.waitingForResponse\"\n                (click)=\"resolveValue()\">\n            <div class=\"grid-wrapper\">\n                <mat-icon *ngIf=\"dataField.waitingForResponse\" class=\"grid-1-1 margin-auto\" >\n                    <mat-spinner color=\"warn\" diameter=\"22\"></mat-spinner>\n                </mat-icon>\n                <div [ngClass]=\"{'label-waiting': dataField.waitingForResponse}\" class=\"grid-1-1\">\n                    {{(dataField.placeholder === undefined || dataField.placeholder === '') ? dataField.title : (isIconTypeButton() ? '' : dataField.placeholder) }}\n                </div>\n                <mat-icon class=\"grid-1-1\"\n                          *ngIf=\"isIconTypeButton() && !dataField.waitingForResponse\">{{dataField.placeholder}}</mat-icon>\n            </div>\n        </button>\n\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n", styles: [".label-waiting{opacity:0}.grid-wrapper{display:grid;place-items:center}.grid-1-1{grid-column:1;grid-row:1}.margin-auto{margin:0 auto}.flex-end{display:flex;place-content:flex-end}.flex-start{display:flex;place-content:flex-start}.flex-center{display:flex;place-content:center}.full-button-width{width:100%}\n"], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i10.MatLabel, selector: "mat-label" }, { type: i11.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i10.MatError, selector: "mat-error", inputs: ["id"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ButtonFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-button-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"button\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #button let-showLargeLayout=\"showLargeLayout\">\n    <div [ngClass]=\"{'flex-end': align === 'end', 'flex-start': align === 'start', 'flex-center': align === 'center', 'full-button-width': stretch === 'true'}\">\n        <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">\n            {{dataField.title}}\n            <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n            <br>\n        </mat-label>\n        <button mat-button\n                [ngClass]=\"{\n                'mat-raised-button': dataField.getComponentType() === 'raised',\n                'mat-stroked-button': dataField.getComponentType() === 'stroked',\n                'mat-flat-button': dataField.getComponentType() === 'flat',\n                'mat-icon-button': dataField.getComponentType() === 'icon',\n                'mat-fab': dataField.getComponentType() === 'fab',\n                'mat-mini-fab': dataField.getComponentType() === 'minifab',\n                'full-button-width': stretch === 'true'}\"\n                color=\"primary\"\n                [matTooltip]=\"dataField.description\"\n                [disabled]=\"formControl.disabled || dataField.waitingForResponse\"\n                (click)=\"resolveValue()\">\n            <div class=\"grid-wrapper\">\n                <mat-icon *ngIf=\"dataField.waitingForResponse\" class=\"grid-1-1 margin-auto\" >\n                    <mat-spinner color=\"warn\" diameter=\"22\"></mat-spinner>\n                </mat-icon>\n                <div [ngClass]=\"{'label-waiting': dataField.waitingForResponse}\" class=\"grid-1-1\">\n                    {{(dataField.placeholder === undefined || dataField.placeholder === '') ? dataField.title : (isIconTypeButton() ? '' : dataField.placeholder) }}\n                </div>\n                <mat-icon class=\"grid-1-1\"\n                          *ngIf=\"isIconTypeButton() && !dataField.waitingForResponse\">{{dataField.placeholder}}</mat-icon>\n            </div>\n        </button>\n\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n    </div>\n</ng-template>\n", styles: [".label-waiting{opacity:0}.grid-wrapper{display:grid;place-items:center}.grid-1-1{grid-column:1;grid-row:1}.margin-auto{margin:0 auto}.flex-end{display:flex;place-content:flex-end}.flex-start{display:flex;place-content:flex-start}.flex-center{display:flex;place-content:center}.full-button-width{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i2.DialogService }, { type: undefined, decorators: [{

package/esm2020/lib/data-fields/data-field-template/data-field-template.component.mjs

@@ -14,9 +14,9 @@ export class DataFieldTemplateComponent extends AbstractDataFieldTemplateCompone
         this._config = _config;
     }
 }
-DataFieldTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DataFieldTemplateComponent, deps: [{ token: i1.PaperViewService }, { token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-DataFieldTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DataFieldTemplateComponent, selector: "nc-data-field-template", usesInheritance: true, ngImport: i0, template: "<div class=\"fill-all-space\" #dataFieldContainer>\n\n    <!-- Large layout -->\n    <ng-template [ngIf]=\"evaluateTemplateCondition()\" [ngIfElse]=\"elseTemplate\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"fill-all-space\" [ngClass]=\"{'padding-16px': isPaperView(), 'padding-32px': !isPaperView()}\">\n            <div fxFlex=\"{{offset}}\"></div>\n            <div fxFlex=\"{{47.5 - offset}}\" class=\"cell-padding\">\n                <span class=\"data-field-title\" [matTooltip]=\"dataField.description\">{{dataField.title}}<nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"true\"></nc-required-label></span>\n            </div>\n            <div fxFlex=\"5\"></div>\n            <div fxFlex=\"{{47.5 - offset}}\" class=\"cell-padding\">\n                <ng-container *ngTemplateOutlet=\"dataFieldTemplate; context: {'showLargeLayout':showLargeLayout}\"></ng-container>\n            </div>\n            <div fxFlex=\"{{offset}}\"></div>\n        </div>\n    </ng-template>\n\n    <!-- Small layout -->\n    <ng-template #elseTemplate>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"fill-all-space padding-16px\">\n            <div fxFlex=\"{{offset}}\"></div>\n            <div fxFlex=\"{{100 -  (2 * offset)}}\" class=\"cell-padding\">\n                <ng-container *ngTemplateOutlet=\"dataFieldTemplate; context: {'showLargeLayout':showLargeLayout}\"></ng-container>\n            </div>\n            <div fxFlex=\"{{offset}}\"></div>\n        </div>\n    </ng-template>\n</div>\n", styles: [".data-field-title{font-size:16px;font-weight:400}.fill-all-space{min-width:100%;padding:0;margin:0 auto}.cell-padding{margin:0;padding:4px 0}.padding-16px{padding:0 16px}.padding-32px{padding:0 32px}\n"], components: [{ type: i2.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DataFieldTemplateComponent, decorators: [{
+DataFieldTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DataFieldTemplateComponent, deps: [{ token: i1.PaperViewService }, { token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+DataFieldTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DataFieldTemplateComponent, selector: "nc-data-field-template", usesInheritance: true, ngImport: i0, template: "<div class=\"fill-all-space\" #dataFieldContainer>\n\n    <!-- Large layout -->\n    <ng-template [ngIf]=\"evaluateTemplateCondition()\" [ngIfElse]=\"elseTemplate\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"fill-all-space\" [ngClass]=\"{'padding-16px': isPaperView(), 'padding-32px': !isPaperView()}\">\n            <div fxFlex=\"{{offset}}\"></div>\n            <div fxFlex=\"{{47.5 - offset}}\" class=\"cell-padding\">\n                <span class=\"data-field-title\" [matTooltip]=\"dataField.description\">{{dataField.title}}<nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"true\"></nc-required-label></span>\n            </div>\n            <div fxFlex=\"5\"></div>\n            <div fxFlex=\"{{47.5 - offset}}\" class=\"cell-padding\">\n                <ng-container *ngTemplateOutlet=\"dataFieldTemplate; context: {'showLargeLayout':showLargeLayout}\"></ng-container>\n            </div>\n            <div fxFlex=\"{{offset}}\"></div>\n        </div>\n    </ng-template>\n\n    <!-- Small layout -->\n    <ng-template #elseTemplate>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"fill-all-space padding-16px\">\n            <div fxFlex=\"{{offset}}\"></div>\n            <div fxFlex=\"{{100 -  (2 * offset)}}\" class=\"cell-padding\">\n                <ng-container *ngTemplateOutlet=\"dataFieldTemplate; context: {'showLargeLayout':showLargeLayout}\"></ng-container>\n            </div>\n            <div fxFlex=\"{{offset}}\"></div>\n        </div>\n    </ng-template>\n</div>\n", styles: [".data-field-title{font-size:16px;font-weight:400}.fill-all-space{min-width:100%;padding:0;margin:0 auto}.cell-padding{margin:0;padding:4px 0}.padding-16px{padding:0 16px}.padding-32px{padding:0 32px}\n"], components: [{ type: i2.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DataFieldTemplateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-data-field-template', template: "<div class=\"fill-all-space\" #dataFieldContainer>\n\n    <!-- Large layout -->\n    <ng-template [ngIf]=\"evaluateTemplateCondition()\" [ngIfElse]=\"elseTemplate\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"fill-all-space\" [ngClass]=\"{'padding-16px': isPaperView(), 'padding-32px': !isPaperView()}\">\n            <div fxFlex=\"{{offset}}\"></div>\n            <div fxFlex=\"{{47.5 - offset}}\" class=\"cell-padding\">\n                <span class=\"data-field-title\" [matTooltip]=\"dataField.description\">{{dataField.title}}<nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"true\"></nc-required-label></span>\n            </div>\n            <div fxFlex=\"5\"></div>\n            <div fxFlex=\"{{47.5 - offset}}\" class=\"cell-padding\">\n                <ng-container *ngTemplateOutlet=\"dataFieldTemplate; context: {'showLargeLayout':showLargeLayout}\"></ng-container>\n            </div>\n            <div fxFlex=\"{{offset}}\"></div>\n        </div>\n    </ng-template>\n\n    <!-- Small layout -->\n    <ng-template #elseTemplate>\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"fill-all-space padding-16px\">\n            <div fxFlex=\"{{offset}}\"></div>\n            <div fxFlex=\"{{100 -  (2 * offset)}}\" class=\"cell-padding\">\n                <ng-container *ngTemplateOutlet=\"dataFieldTemplate; context: {'showLargeLayout':showLargeLayout}\"></ng-container>\n            </div>\n            <div fxFlex=\"{{offset}}\"></div>\n        </div>\n    </ng-template>\n</div>\n", styles: [".data-field-title{font-size:16px;font-weight:400}.fill-all-space{min-width:100%;padding:0;margin:0 auto}.cell-padding{margin:0;padding:4px 0}.padding-16px{padding:0 16px}.padding-32px{padding:0 32px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.PaperViewService }, { type: i1.ConfigurationService }]; } });

package/esm2020/lib/data-fields/data-fields.module.mjs

@@ -56,8 +56,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "ngx-quill";
 export class DataFieldsComponentModule {
 }
-DataFieldsComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DataFieldsComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DataFieldsComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DataFieldsComponentModule, declarations: [BooleanFieldComponent,
+DataFieldsComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DataFieldsComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DataFieldsComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DataFieldsComponentModule, declarations: [BooleanFieldComponent,
         ButtonFieldComponent,
         DataFieldTemplateComponent,
         DateFieldComponent,
@@ -124,7 +124,7 @@ DataFieldsComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0
         FilterFieldComponent,
         I18nFieldComponent,
         UserListFieldComponent] });
-DataFieldsComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DataFieldsComponentModule, providers: [
+DataFieldsComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DataFieldsComponentModule, providers: [
         { provide: DateAdapter, useClass: CustomDateAdapter }
     ], imports: [[
             CommonModule,
@@ -146,7 +146,7 @@ DataFieldsComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0
             BrowserModule,
             BrowserAnimationsModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DataFieldsComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DataFieldsComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/lib/data-fields/date-field/date-field.component.mjs

@@ -14,11 +14,11 @@ export class DateFieldComponent extends AbstractDateFieldComponent {
         super(translate, informAboutInvalidData);
     }
 }
-DateFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateFieldComponent, deps: [{ token: i1.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-DateFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DateFieldComponent, selector: "nc-date-field", providers: [
+DateFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFieldComponent, deps: [{ token: i1.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+DateFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DateFieldComponent, selector: "nc-date-field", providers: [
         { provide: MAT_DATE_FORMATS, useValue: DATE_FORMAT }
     ], usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"date\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #date let-showLargeLayout=\"showLargeLayout\">\n    <mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n        <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n        <input matInput\n               [matDatepicker]=\"datepicker\"\n               [required]=\"dataField.behavior.required\"\n               [placeholder]=\"dataField.placeholder\"\n               [formControl]=\"formControl\"\n               (click)=\"datepicker.open()\"\n               [min]=\"dataField.min\"\n               [max]=\"dataField.max\"\n               (keydown.enter)=\"datepicker.close()\">\n        <mat-datepicker-toggle matPrefix [for]=\"datepicker\"></mat-datepicker-toggle>\n        <mat-datepicker #datepicker></mat-datepicker>\n        <mat-hint>{{dataField.description}}</mat-hint>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n    </mat-form-field>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatLabel, selector: "mat-label" }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.MatPrefix, selector: "[matPrefix]" }, { type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i3.MatError, selector: "mat-error", inputs: ["id"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-date-field', providers: [
                         { provide: MAT_DATE_FORMATS, useValue: DATE_FORMAT }

package/esm2020/lib/data-fields/date-time-field/date-time-field.component.mjs

@@ -15,11 +15,11 @@ export class DateTimeFieldComponent extends AbstractDateTimeFieldComponent {
         super(translate, informAboutInvalidData);
     }
 }
-DateTimeFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateTimeFieldComponent, deps: [{ token: i1.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-DateTimeFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DateTimeFieldComponent, selector: "nc-date-time-field", providers: [
+DateTimeFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateTimeFieldComponent, deps: [{ token: i1.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+DateTimeFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DateTimeFieldComponent, selector: "nc-date-time-field", providers: [
         { provide: NGX_MAT_DATE_FORMATS, useValue: DATE_TIME_FORMAT }
     ], usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"fieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #fieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n        <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n        <input matInput\n               [ngxMatDatetimePicker]=\"picker\"\n               [required]=\"dataField.behavior.required\"\n               [placeholder]=\"dataField.placeholder\"\n               [formControl]=\"formControl\"\n               [min]=\"dataField.min\"\n               [max]=\"dataField.max\"\n               (click)=\"picker.open()\">\n        <mat-datepicker-toggle matPrefix [for]=\"picker\"></mat-datepicker-toggle>\n        <ngx-mat-datetime-picker #picker\n                                 [showSpinners]=\"true\"\n                                 [showSeconds]=\"false\"\n                                 [stepHour]=\"1\"\n                                 [stepMinute]=\"5\"\n                                 [color]=\"'primary'\"\n                                 [enableMeridian]=\"false\">\n        </ngx-mat-datetime-picker>\n        <mat-hint>{{dataField.description}}</mat-hint>\n        <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n    </mat-form-field>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i5.NgxMatDatetimePicker, selector: "ngx-mat-datetime-picker", inputs: ["calendarHeaderComponent", "startAt", "startView", "defaultColor", "color", "touchUi", "hideTime", "disabled", "panelClass", "dateClass", "opened", "showSpinners", "showSeconds", "stepHour", "stepMinute", "stepSecond", "enableMeridian", "disableMinute", "defaultTime"], outputs: ["yearSelected", "monthSelected", "opened", "closed"], exportAs: ["ngxMatDatetimePicker"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatLabel, selector: "mat-label" }, { type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i5.NgxMatDatetimeInput, selector: "input[ngxMatDatetimePicker]", inputs: ["ngxMatDatetimePicker", "ngxMatDatetimePickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["ngxMatDatetimePickerInput"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.MatPrefix, selector: "[matPrefix]" }, { type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i3.MatError, selector: "mat-error", inputs: ["id"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateTimeFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateTimeFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-date-time-field', providers: [
                         { provide: NGX_MAT_DATE_FORMATS, useValue: DATE_TIME_FORMAT }

package/esm2020/lib/data-fields/enumeration-field/enumeration-autocomplete-dynamic-field/enumeration-autocomplete-dynamic-field.component.mjs

@@ -16,9 +16,9 @@ export class EnumerationAutocompleteDynamicFieldComponent extends AbstractEnumer
         this._translate = _translate;
     }
 }
-EnumerationAutocompleteDynamicFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationAutocompleteDynamicFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-EnumerationAutocompleteDynamicFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationAutocompleteDynamicFieldComponent, selector: "nc-enumeration-autocomplete-dynamic-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           [required]=\"enumerationField.behavior.required\"\n           (keyup)=\"change()\">\n    <mat-spinner *ngIf=\"enumerationField.loading\" matSuffix diameter=\"30\"></mat-spinner>\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n\n        <mat-option disabled *ngIf=\"(filteredOptions | async)?.length === 0 && !enumerationField.loading && enumerationField.value && enumerationField.value.length > 0\" fxLayoutAlign=\"center center\">\n            {{ 'dataField.dynamicEnum.noData' | translate }}\n        </mat-option>\n\n        <ng-container *ngIf=\"!enumerationField.loading\">\n            <mat-option [value]=\"null\">---</mat-option>\n            <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n                {{option.value}}\n            </mat-option>\n        </ng-container>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2.MatSuffix, selector: "[matSuffix]" }, { type: i9.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i6.AsyncPipe, "translate": i1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationAutocompleteDynamicFieldComponent, decorators: [{
+EnumerationAutocompleteDynamicFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationAutocompleteDynamicFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+EnumerationAutocompleteDynamicFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EnumerationAutocompleteDynamicFieldComponent, selector: "nc-enumeration-autocomplete-dynamic-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           [required]=\"enumerationField.behavior.required\"\n           (keyup)=\"change()\">\n    <mat-spinner *ngIf=\"enumerationField.loading\" matSuffix diameter=\"30\"></mat-spinner>\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n\n        <mat-option disabled *ngIf=\"(filteredOptions | async)?.length === 0 && !enumerationField.loading && enumerationField.value && enumerationField.value.length > 0\" fxLayoutAlign=\"center center\">\n            {{ 'dataField.dynamicEnum.noData' | translate }}\n        </mat-option>\n\n        <ng-container *ngIf=\"!enumerationField.loading\">\n            <mat-option [value]=\"null\">---</mat-option>\n            <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n                {{option.value}}\n            </mat-option>\n        </ng-container>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2.MatSuffix, selector: "[matSuffix]" }, { type: i9.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i6.AsyncPipe, "translate": i1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationAutocompleteDynamicFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-enumeration-autocomplete-dynamic-field', template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           [required]=\"enumerationField.behavior.required\"\n           (keyup)=\"change()\">\n    <mat-spinner *ngIf=\"enumerationField.loading\" matSuffix diameter=\"30\"></mat-spinner>\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n\n        <mat-option disabled *ngIf=\"(filteredOptions | async)?.length === 0 && !enumerationField.loading && enumerationField.value && enumerationField.value.length > 0\" fxLayoutAlign=\"center center\">\n            {{ 'dataField.dynamicEnum.noData' | translate }}\n        </mat-option>\n\n        <ng-container *ngIf=\"!enumerationField.loading\">\n            <mat-option [value]=\"null\">---</mat-option>\n            <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n                {{option.value}}\n            </mat-option>\n        </ng-container>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });

package/esm2020/lib/data-fields/enumeration-field/enumeration-autocomplete-select-field/enumeration-autocomplete-select-field.component.mjs

@@ -14,10 +14,10 @@ export class EnumerationAutocompleteSelectFieldComponent extends AbstractEnumera
         this._translate = _translate;
     }
 }
-EnumerationAutocompleteSelectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationAutocompleteSelectFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-EnumerationAutocompleteSelectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationAutocompleteSelectFieldComponent, selector: "nc-enumeration-autocomplete-select-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input=\"ngModel\"\n           [placeholder]=\"enumerationField.placeholder\"\n           [matAutocomplete]=\"auto\"\n           [(ngModel)]=\"tmpValue\"\n           [required]=\"enumerationField.behavior.required\"\n           [disabled]=\"formControlRef.disabled\"\n           (focus)=\"change()\"\n           (keyup)=\"change()\">\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"select($event)\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"isInvalid() !== undefined\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i5.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationAutocompleteSelectFieldComponent, decorators: [{
+EnumerationAutocompleteSelectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationAutocompleteSelectFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+EnumerationAutocompleteSelectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EnumerationAutocompleteSelectFieldComponent, selector: "nc-enumeration-autocomplete-select-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           [required]=\"enumerationField.behavior.required\"\n           (focus)=\"change()\"\n           (keyup)=\"change()\">\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i7.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "async": i5.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationAutocompleteSelectFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nc-enumeration-autocomplete-select-field', template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input=\"ngModel\"\n           [placeholder]=\"enumerationField.placeholder\"\n           [matAutocomplete]=\"auto\"\n           [(ngModel)]=\"tmpValue\"\n           [required]=\"enumerationField.behavior.required\"\n           [disabled]=\"formControlRef.disabled\"\n           (focus)=\"change()\"\n           (keyup)=\"change()\">\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"select($event)\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"isInvalid() !== undefined\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
+            args: [{ selector: 'nc-enumeration-autocomplete-select-field', template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <input type=\"text\"\n           aria-label=\"Autocomplete\"\n           matInput\n           #input\n           [placeholder]=\"enumerationField.placeholder\"\n           [formControl]=\"formControlRef\"\n           [matAutocomplete]=\"auto\"\n           [required]=\"enumerationField.behavior.required\"\n           (focus)=\"change()\"\n           (keyup)=\"change()\">\n    <mat-autocomplete [displayWith]=\"renderSelection\" autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.key\" (click)=\"change()\">\n            {{option.value}}\n        </mat-option>\n    </mat-autocomplete>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{buildErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bWVyYXRpb24tYXV0b2NvbXBsZXRlLXNlbGVjdC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9lbnVtZXJhdGlvbi1maWVsZC9lbnVtZXJhdGlvbi1hdXRvY29tcGxldGUtc2VsZWN0LWZpZWxkL2VudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1zZWxlY3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZW51bWVyYXRpb24tZmllbGQvZW51bWVyYXRpb24tYXV0b2NvbXBsZXRlLXNlbGVjdC1maWVsZC9lbnVtZXJhdGlvbi1hdXRvY29tcGxldGUtc2VsZWN0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEMsT0FBTyxFQUFDLG1EQUFtRCxFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7OztBQU83RixNQUFNLE9BQU8sMkNBQTRDLFNBQVEsbURBQW1EO0lBRWhILFlBQXNCLFVBQTRCO1FBQzlDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztRQURBLGVBQVUsR0FBVixVQUFVLENBQWtCO0lBRWxELENBQUM7O3lJQUpRLDJDQUEyQzs2SEFBM0MsMkNBQTJDLHVHQ1R4RCxxcUNBc0JBOzRGRGJhLDJDQUEyQztrQkFMdkQsU0FBUzsrQkFDSSwwQ0FBMEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdEVudW1lcmF0aW9uQXV0b2NvbXBsZXRlU2VsZWN0RmllbGRDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZW51bWVyYXRpb24tYXV0b2NvbXBsZXRlLXNlbGVjdC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1zZWxlY3QtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2VudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1zZWxlY3QtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBFbnVtZXJhdGlvbkF1dG9jb21wbGV0ZVNlbGVjdEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RFbnVtZXJhdGlvbkF1dG9jb21wbGV0ZVNlbGVjdEZpZWxkQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKF90cmFuc2xhdGUpO1xuICAgIH1cbn1cbiIsIjxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJlbnVtZXJhdGlvbkZpZWxkLm1hdGVyaWFsQXBwZWFyYW5jZVwiIGNsYXNzPVwiZnVsbC13aWR0aFwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgIDxtYXQtbGFiZWwgKm5nSWY9XCIhc2hvd0xhcmdlTGF5b3V0LnZhbHVlXCI+e3tlbnVtZXJhdGlvbkZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICA8aW5wdXQgdHlwZT1cInRleHRcIlxuICAgICAgICAgICBhcmlhLWxhYmVsPVwiQXV0b2NvbXBsZXRlXCJcbiAgICAgICAgICAgbWF0SW5wdXRcbiAgICAgICAgICAgI2lucHV0PVwibmdNb2RlbFwiXG4gICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJlbnVtZXJhdGlvbkZpZWxkLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgW21hdEF1dG9jb21wbGV0ZV09XCJhdXRvXCJcbiAgICAgICAgICAgWyhuZ01vZGVsKV09XCJ0bXBWYWx1ZVwiXG4gICAgICAgICAgIFtyZXF1aXJlZF09XCJlbnVtZXJhdGlvbkZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCJcbiAgICAgICAgICAgW2Rpc2FibGVkXT1cImZvcm1Db250cm9sUmVmLmRpc2FibGVkXCJcbiAgICAgICAgICAgKGZvY3VzKT1cImNoYW5nZSgpXCJcbiAgICAgICAgICAgKGtleXVwKT1cImNoYW5nZSgpXCI+XG4gICAgPG1hdC1hdXRvY29tcGxldGUgW2Rpc3BsYXlXaXRoXT1cInJlbmRlclNlbGVjdGlvblwiIGF1dG9BY3RpdmVGaXJzdE9wdGlvbiAjYXV0bz1cIm1hdEF1dG9jb21wbGV0ZVwiIChvcHRpb25TZWxlY3RlZCk9XCJzZWxlY3QoJGV2ZW50KVwiPlxuICAgICAgICA8bWF0LW9wdGlvbiBbdmFsdWVdPVwibnVsbFwiPi0tLTwvbWF0LW9wdGlvbj5cbiAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXJlZE9wdGlvbnMgfCBhc3luY1wiIFt2YWx1ZV09XCJvcHRpb24ua2V5XCIgKGNsaWNrKT1cImNoYW5nZSgpXCI+XG4gICAgICAgICAgICB7e29wdGlvbi52YWx1ZX19XG4gICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICA8L21hdC1hdXRvY29tcGxldGU+XG4gICAgPG1hdC1oaW50Pnt7ZW51bWVyYXRpb25GaWVsZC5kZXNjcmlwdGlvbn19PC9tYXQtaGludD5cbiAgICA8bWF0LWVycm9yICpuZ0lmPVwiaXNJbnZhbGlkKCkgIT09IHVuZGVmaW5lZFwiPnt7YnVpbGRFcnJvck1lc3NhZ2UoKX19PC9tYXQtZXJyb3I+XG48L21hdC1mb3JtLWZpZWxkPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bWVyYXRpb24tYXV0b2NvbXBsZXRlLXNlbGVjdC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9lbnVtZXJhdGlvbi1maWVsZC9lbnVtZXJhdGlvbi1hdXRvY29tcGxldGUtc2VsZWN0LWZpZWxkL2VudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1zZWxlY3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZW51bWVyYXRpb24tZmllbGQvZW51bWVyYXRpb24tYXV0b2NvbXBsZXRlLXNlbGVjdC1maWVsZC9lbnVtZXJhdGlvbi1hdXRvY29tcGxldGUtc2VsZWN0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEMsT0FBTyxFQUFDLG1EQUFtRCxFQUFDLE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7OztBQU83RixNQUFNLE9BQU8sMkNBQTRDLFNBQVEsbURBQW1EO0lBRWhILFlBQXNCLFVBQTRCO1FBQzlDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztRQURBLGVBQVUsR0FBVixVQUFVLENBQWtCO0lBRWxELENBQUM7O3lJQUpRLDJDQUEyQzs2SEFBM0MsMkNBQTJDLHVHQ1R4RCwybENBcUJBOzRGRFphLDJDQUEyQztrQkFMdkQsU0FBUzsrQkFDSSwwQ0FBMEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdEVudW1lcmF0aW9uQXV0b2NvbXBsZXRlU2VsZWN0RmllbGRDb21wb25lbnR9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZW51bWVyYXRpb24tYXV0b2NvbXBsZXRlLXNlbGVjdC1maWVsZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1zZWxlY3QtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2VudW1lcmF0aW9uLWF1dG9jb21wbGV0ZS1zZWxlY3QtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBFbnVtZXJhdGlvbkF1dG9jb21wbGV0ZVNlbGVjdEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RFbnVtZXJhdGlvbkF1dG9jb21wbGV0ZVNlbGVjdEZpZWxkQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKF90cmFuc2xhdGUpO1xuICAgIH1cbn1cbiIsIjxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJlbnVtZXJhdGlvbkZpZWxkLm1hdGVyaWFsQXBwZWFyYW5jZVwiIGNsYXNzPVwiZnVsbC13aWR0aFwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgIDxtYXQtbGFiZWwgKm5nSWY9XCIhc2hvd0xhcmdlTGF5b3V0LnZhbHVlXCI+e3tlbnVtZXJhdGlvbkZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICA8aW5wdXQgdHlwZT1cInRleHRcIlxuICAgICAgICAgICBhcmlhLWxhYmVsPVwiQXV0b2NvbXBsZXRlXCJcbiAgICAgICAgICAgbWF0SW5wdXRcbiAgICAgICAgICAgI2lucHV0XG4gICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJlbnVtZXJhdGlvbkZpZWxkLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sUmVmXCJcbiAgICAgICAgICAgW21hdEF1dG9jb21wbGV0ZV09XCJhdXRvXCJcbiAgICAgICAgICAgW3JlcXVpcmVkXT1cImVudW1lcmF0aW9uRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIlxuICAgICAgICAgICAoZm9jdXMpPVwiY2hhbmdlKClcIlxuICAgICAgICAgICAoa2V5dXApPVwiY2hhbmdlKClcIj5cbiAgICA8bWF0LWF1dG9jb21wbGV0ZSBbZGlzcGxheVdpdGhdPVwicmVuZGVyU2VsZWN0aW9uXCIgYXV0b0FjdGl2ZUZpcnN0T3B0aW9uICNhdXRvPVwibWF0QXV0b2NvbXBsZXRlXCI+XG4gICAgICAgIDxtYXQtb3B0aW9uIFt2YWx1ZV09XCJudWxsXCI+LS0tPC9tYXQtb3B0aW9uPlxuICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGZpbHRlcmVkT3B0aW9ucyB8IGFzeW5jXCIgW3ZhbHVlXT1cIm9wdGlvbi5rZXlcIiAoY2xpY2spPVwiY2hhbmdlKClcIj5cbiAgICAgICAgICAgIHt7b3B0aW9uLnZhbHVlfX1cbiAgICAgICAgPC9tYXQtb3B0aW9uPlxuICAgIDwvbWF0LWF1dG9jb21wbGV0ZT5cbiAgICA8bWF0LWhpbnQ+e3tlbnVtZXJhdGlvbkZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJlbnVtZXJhdGlvbkZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZilcIj57e2J1aWxkRXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==

package/esm2020/lib/data-fields/enumeration-field/enumeration-field.component.mjs

@@ -14,9 +14,9 @@ export class EnumerationFieldComponent extends AbstractEnumerationFieldComponent
         super(informAboutInvalidData);
     }
 }
-EnumerationFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-EnumerationFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationFieldComponent, selector: "nc-enumeration-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"enumFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #enumFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div [ngSwitch]=\"dataField.getComponentType()\">\n        <nc-enumeration-autocomplete-dynamic-field *ngSwitchCase=\"'autocomplete_dynamic'\"\n                                                  [showLargeLayout]=\"showLargeLayout\"\n                                                  [enumerationField]=\"dataField\"\n                                                  [formControlRef]=\"formControl\">\n        </nc-enumeration-autocomplete-dynamic-field>\n        <nc-enumeration-autocomplete-select-field *ngSwitchCase=\"'autocomplete'\"\n                                                  [showLargeLayout]=\"showLargeLayout\"\n                                                  [enumerationField]=\"dataField\"\n                                                  [formControlRef]=\"formControl\">\n        </nc-enumeration-autocomplete-select-field>\n        <nc-enumeration-list-field *ngSwitchCase=\"'list'\"\n                                   [showLargeLayout]=\"showLargeLayout\"\n                                   [enumerationField]=\"dataField\"\n                                   [formControlRef]=\"formControl\">\n        </nc-enumeration-list-field>\n        <nc-enumeration-stepper-field *ngSwitchCase=\"'stepper'\"\n                                      [showLargeLayout]=\"showLargeLayout\"\n                                      [enumerationField]=\"dataField\"\n                                      [formControlRef]=\"formControl\">\n        </nc-enumeration-stepper-field>\n        <nc-enumeration-icon-field *ngSwitchCase=\"'icon'\"\n                                     [showLargeLayout]=\"showLargeLayout\"\n                                     [enumerationField]=\"dataField\"\n                                     [formControlRef]=\"formControl\">\n        </nc-enumeration-icon-field>\n        <nc-enumeration-select-field *ngSwitchDefault\n                                     [showLargeLayout]=\"showLargeLayout\"\n                                     [enumerationField]=\"dataField\"\n                                     [formControlRef]=\"formControl\">\n        </nc-enumeration-select-field>\n    </div>\n</ng-template>\n", styles: [""], components: [{ type: i1.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i2.EnumerationAutocompleteDynamicFieldComponent, selector: "nc-enumeration-autocomplete-dynamic-field" }, { type: i3.EnumerationAutocompleteSelectFieldComponent, selector: "nc-enumeration-autocomplete-select-field" }, { type: i4.EnumerationListFieldComponent, selector: "nc-enumeration-list-field" }, { type: i5.EnumerationStepperFieldComponent, selector: "nc-enumeration-stepper-field" }, { type: i6.EnumerationIconFieldComponent, selector: "nc-enumeration-icon-field" }, { type: i7.EnumerationSelectFieldComponent, selector: "nc-enumeration-select-field" }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i8.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i8.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationFieldComponent, decorators: [{
+EnumerationFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+EnumerationFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EnumerationFieldComponent, selector: "nc-enumeration-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"enumFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #enumFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div [ngSwitch]=\"dataField.getComponentType()\">\n        <nc-enumeration-autocomplete-dynamic-field *ngSwitchCase=\"'autocomplete_dynamic'\"\n                                                  [showLargeLayout]=\"showLargeLayout\"\n                                                  [enumerationField]=\"dataField\"\n                                                  [formControlRef]=\"formControl\">\n        </nc-enumeration-autocomplete-dynamic-field>\n        <nc-enumeration-autocomplete-select-field *ngSwitchCase=\"'autocomplete'\"\n                                                  [showLargeLayout]=\"showLargeLayout\"\n                                                  [enumerationField]=\"dataField\"\n                                                  [formControlRef]=\"formControl\">\n        </nc-enumeration-autocomplete-select-field>\n        <nc-enumeration-list-field *ngSwitchCase=\"'list'\"\n                                   [showLargeLayout]=\"showLargeLayout\"\n                                   [enumerationField]=\"dataField\"\n                                   [formControlRef]=\"formControl\">\n        </nc-enumeration-list-field>\n        <nc-enumeration-stepper-field *ngSwitchCase=\"'stepper'\"\n                                      [showLargeLayout]=\"showLargeLayout\"\n                                      [enumerationField]=\"dataField\"\n                                      [formControlRef]=\"formControl\">\n        </nc-enumeration-stepper-field>\n        <nc-enumeration-icon-field *ngSwitchCase=\"'icon'\"\n                                     [showLargeLayout]=\"showLargeLayout\"\n                                     [enumerationField]=\"dataField\"\n                                     [formControlRef]=\"formControl\">\n        </nc-enumeration-icon-field>\n        <nc-enumeration-select-field *ngSwitchDefault\n                                     [showLargeLayout]=\"showLargeLayout\"\n                                     [enumerationField]=\"dataField\"\n                                     [formControlRef]=\"formControl\">\n        </nc-enumeration-select-field>\n    </div>\n</ng-template>\n", styles: [""], components: [{ type: i1.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i2.EnumerationAutocompleteDynamicFieldComponent, selector: "nc-enumeration-autocomplete-dynamic-field" }, { type: i3.EnumerationAutocompleteSelectFieldComponent, selector: "nc-enumeration-autocomplete-select-field" }, { type: i4.EnumerationListFieldComponent, selector: "nc-enumeration-list-field" }, { type: i5.EnumerationStepperFieldComponent, selector: "nc-enumeration-stepper-field" }, { type: i6.EnumerationIconFieldComponent, selector: "nc-enumeration-icon-field" }, { type: i7.EnumerationSelectFieldComponent, selector: "nc-enumeration-select-field" }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i8.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i8.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-enumeration-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n                        [dataField]=\"dataField\"\n                        [dataFieldTemplate]=\"enumFieldTemplate\"\n                        [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #enumFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n    <div [ngSwitch]=\"dataField.getComponentType()\">\n        <nc-enumeration-autocomplete-dynamic-field *ngSwitchCase=\"'autocomplete_dynamic'\"\n                                                  [showLargeLayout]=\"showLargeLayout\"\n                                                  [enumerationField]=\"dataField\"\n                                                  [formControlRef]=\"formControl\">\n        </nc-enumeration-autocomplete-dynamic-field>\n        <nc-enumeration-autocomplete-select-field *ngSwitchCase=\"'autocomplete'\"\n                                                  [showLargeLayout]=\"showLargeLayout\"\n                                                  [enumerationField]=\"dataField\"\n                                                  [formControlRef]=\"formControl\">\n        </nc-enumeration-autocomplete-select-field>\n        <nc-enumeration-list-field *ngSwitchCase=\"'list'\"\n                                   [showLargeLayout]=\"showLargeLayout\"\n                                   [enumerationField]=\"dataField\"\n                                   [formControlRef]=\"formControl\">\n        </nc-enumeration-list-field>\n        <nc-enumeration-stepper-field *ngSwitchCase=\"'stepper'\"\n                                      [showLargeLayout]=\"showLargeLayout\"\n                                      [enumerationField]=\"dataField\"\n                                      [formControlRef]=\"formControl\">\n        </nc-enumeration-stepper-field>\n        <nc-enumeration-icon-field *ngSwitchCase=\"'icon'\"\n                                     [showLargeLayout]=\"showLargeLayout\"\n                                     [enumerationField]=\"dataField\"\n                                     [formControlRef]=\"formControl\">\n        </nc-enumeration-icon-field>\n        <nc-enumeration-select-field *ngSwitchDefault\n                                     [showLargeLayout]=\"showLargeLayout\"\n                                     [enumerationField]=\"dataField\"\n                                     [formControlRef]=\"formControl\">\n        </nc-enumeration-select-field>\n    </div>\n</ng-template>\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{

package/esm2020/lib/data-fields/enumeration-field/enumeration-icon-field/enumeration-icon-field.component.mjs

@@ -13,9 +13,9 @@ export class EnumerationIconFieldComponent extends AbstractEnumerationIconFieldC
         super();
     }
 }
-EnumerationIconFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationIconFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EnumerationIconFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationIconFieldComponent, selector: "nc-enumeration-icon-field", usesInheritance: true, ngImport: i0, template: "<div>\n    <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}\n        <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n        <br></mat-label>\n    <div *ngFor=\"let option of enumerationField.choices; let i = index\">\n        <div class=\"enum-icon-item enum-icon-item-row\" (click)=\"setEnumValue(option.key)\" [ngClass]=\"{'enum-icon-item-active': isSelected(option.key), 'enum-icon-item-hover': !formControlRef.disabled}\">\n            <mat-icon *ngIf=\"resolveIconType(option.key) === 'material'\">{{resolveIconValue(option.key)}}</mat-icon>\n            <mat-icon *ngIf=\"resolveIconType(option.key) === 'svg'\" [svgIcon]=\"resolveIconValue(option.key)\"></mat-icon>\n            <span fxFlex class=\"enum-icon-text\">{{option.value}}</span>\n            <mat-icon *ngIf=\"resolveArrow(option.key)\">arrow_forward</mat-icon>\n        </div>\n        <mat-divider class=\"enum-icon-divider\" *ngIf=\"i !== enumerationField.choices.length - 1 && resolveDivider(option.key)\"></mat-divider>\n    </div>\n</div>\n", styles: [".enum-icon-item{font-size:18px;font-family:Asap,sans-serif;font-weight:500;line-height:24px;letter-spacing:-.2px;text-align:left;color:#333;text-decoration:none;padding:8px 0}.enum-icon-item-row:hover{cursor:pointer}.enum-icon-item:focus,.enum-icon-item-row:focus{outline:none}.enum-icon-divider{position:relative!important}.enum-icon-text{padding:0 16px}\n"], components: [{ type: i1.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatLabel, selector: "mat-label" }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i7.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationIconFieldComponent, decorators: [{
+EnumerationIconFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationIconFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EnumerationIconFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EnumerationIconFieldComponent, selector: "nc-enumeration-icon-field", usesInheritance: true, ngImport: i0, template: "<div>\n    <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}\n        <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n        <br></mat-label>\n    <div *ngFor=\"let option of enumerationField.choices; let i = index\">\n        <div class=\"enum-icon-item enum-icon-item-row\" (click)=\"setEnumValue(option.key)\" [ngClass]=\"{'enum-icon-item-active': isSelected(option.key), 'enum-icon-item-hover': !formControlRef.disabled}\">\n            <mat-icon *ngIf=\"resolveIconType(option.key) === 'material'\">{{resolveIconValue(option.key)}}</mat-icon>\n            <mat-icon *ngIf=\"resolveIconType(option.key) === 'svg'\" [svgIcon]=\"resolveIconValue(option.key)\"></mat-icon>\n            <span fxFlex class=\"enum-icon-text\">{{option.value}}</span>\n            <mat-icon *ngIf=\"resolveArrow(option.key)\">arrow_forward</mat-icon>\n        </div>\n        <mat-divider class=\"enum-icon-divider\" *ngIf=\"i !== enumerationField.choices.length - 1 && resolveDivider(option.key)\"></mat-divider>\n    </div>\n</div>\n", styles: [".enum-icon-item{font-size:18px;font-family:Asap,sans-serif;font-weight:500;line-height:24px;letter-spacing:-.2px;text-align:left;color:#333;text-decoration:none;padding:8px 0}.enum-icon-item-row:hover{cursor:pointer}.enum-icon-item:focus,.enum-icon-item-row:focus{outline:none}.enum-icon-divider{position:relative!important}.enum-icon-text{padding:0 16px}\n"], components: [{ type: i1.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatLabel, selector: "mat-label" }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i7.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationIconFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-enumeration-icon-field', template: "<div>\n    <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}\n        <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n        <br></mat-label>\n    <div *ngFor=\"let option of enumerationField.choices; let i = index\">\n        <div class=\"enum-icon-item enum-icon-item-row\" (click)=\"setEnumValue(option.key)\" [ngClass]=\"{'enum-icon-item-active': isSelected(option.key), 'enum-icon-item-hover': !formControlRef.disabled}\">\n            <mat-icon *ngIf=\"resolveIconType(option.key) === 'material'\">{{resolveIconValue(option.key)}}</mat-icon>\n            <mat-icon *ngIf=\"resolveIconType(option.key) === 'svg'\" [svgIcon]=\"resolveIconValue(option.key)\"></mat-icon>\n            <span fxFlex class=\"enum-icon-text\">{{option.value}}</span>\n            <mat-icon *ngIf=\"resolveArrow(option.key)\">arrow_forward</mat-icon>\n        </div>\n        <mat-divider class=\"enum-icon-divider\" *ngIf=\"i !== enumerationField.choices.length - 1 && resolveDivider(option.key)\"></mat-divider>\n    </div>\n</div>\n", styles: [".enum-icon-item{font-size:18px;font-family:Asap,sans-serif;font-weight:500;line-height:24px;letter-spacing:-.2px;text-align:left;color:#333;text-decoration:none;padding:8px 0}.enum-icon-item-row:hover{cursor:pointer}.enum-icon-item:focus,.enum-icon-item-row:focus{outline:none}.enum-icon-divider{position:relative!important}.enum-icon-text{padding:0 16px}\n"] }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/data-fields/enumeration-field/enumeration-list-field/enumeration-list-field.component.mjs

@@ -13,9 +13,9 @@ export class EnumerationListFieldComponent extends AbstractEnumerationListFieldC
         super();
     }
 }
-EnumerationListFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationListFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EnumerationListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationListFieldComponent, selector: "nc-enumeration-list-field", usesInheritance: true, ngImport: i0, template: "<mat-radio-group\n    color=\"primary\"\n    class=\"full-width example-radio-group netgrif-label\"\n    aria-labelledby=\"example-radio-group-label\"\n    [required]=\"enumerationField.behavior.required\"\n    [formControl]=\"formControlRef\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}\n        <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n        <button mat-button *ngIf=\"!formControlRef.disabled\" (click)=\"resetEnum()\">{{'dataField.enum.reset' | translate}}</button>\n        <br></mat-label>\n    <mat-radio-button class=\"example-radio-button\" *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n        {{option.value}}\n    </mat-radio-button>\n    <mat-hint *ngIf=\"enumerationField.description !== undefined && enumerationField.description !== ''\">{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-radio-group>\n", styles: [".example-radio-group{display:flex;flex-direction:column}.full-width{width:100%}\n"], components: [{ type: i1.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], directives: [{ type: i3.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.MatLabel, selector: "mat-label" }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i6.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i7.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationListFieldComponent, decorators: [{
+EnumerationListFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationListFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EnumerationListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EnumerationListFieldComponent, selector: "nc-enumeration-list-field", usesInheritance: true, ngImport: i0, template: "<mat-radio-group\n    color=\"primary\"\n    class=\"full-width example-radio-group netgrif-label\"\n    aria-labelledby=\"example-radio-group-label\"\n    [required]=\"enumerationField.behavior.required\"\n    [formControl]=\"formControlRef\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}\n        <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n        <button mat-button *ngIf=\"!formControlRef.disabled\" (click)=\"resetEnum()\">{{'dataField.enum.reset' | translate}}</button>\n        <br></mat-label>\n    <mat-radio-button class=\"example-radio-button\" *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n        {{option.value}}\n    </mat-radio-button>\n    <mat-hint *ngIf=\"enumerationField.description !== undefined && enumerationField.description !== ''\">{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-radio-group>\n", styles: [".example-radio-group{display:flex;flex-direction:column}.full-width{width:100%}\n"], components: [{ type: i1.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], directives: [{ type: i3.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.MatLabel, selector: "mat-label" }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i6.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i7.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationListFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-enumeration-list-field', template: "<mat-radio-group\n    color=\"primary\"\n    class=\"full-width example-radio-group netgrif-label\"\n    aria-labelledby=\"example-radio-group-label\"\n    [required]=\"enumerationField.behavior.required\"\n    [formControl]=\"formControlRef\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}\n        <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"true\"></nc-required-label>\n        <button mat-button *ngIf=\"!formControlRef.disabled\" (click)=\"resetEnum()\">{{'dataField.enum.reset' | translate}}</button>\n        <br></mat-label>\n    <mat-radio-button class=\"example-radio-button\" *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n        {{option.value}}\n    </mat-radio-button>\n    <mat-hint *ngIf=\"enumerationField.description !== undefined && enumerationField.description !== ''\">{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-radio-group>\n", styles: [".example-radio-group{display:flex;flex-direction:column}.full-width{width:100%}\n"] }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/data-fields/enumeration-field/enumeration-select-field/enumeration-select-field.component.mjs

@@ -12,9 +12,9 @@ export class EnumerationSelectFieldComponent extends AbstractEnumerationSelectFi
         super();
     }
 }
-EnumerationSelectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationSelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EnumerationSelectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationSelectFieldComponent, selector: "nc-enumeration-select-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <mat-select [formControl]=\"formControlRef\"\n                [placeholder]=\"enumerationField.placeholder\"\n                [required]=\"enumerationField.behavior.required\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n            {{option.value}}\n        </mat-option>\n    </mat-select>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i6.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationSelectFieldComponent, decorators: [{
+EnumerationSelectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationSelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EnumerationSelectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EnumerationSelectFieldComponent, selector: "nc-enumeration-select-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <mat-select [formControl]=\"formControlRef\"\n                [placeholder]=\"enumerationField.placeholder\"\n                [required]=\"enumerationField.behavior.required\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n            {{option.value}}\n        </mat-option>\n    </mat-select>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i6.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationSelectFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-enumeration-select-field', template: "<mat-form-field [appearance]=\"enumerationField.materialAppearance\" class=\"full-width\" color=\"primary\">\n    <mat-label *ngIf=\"!showLargeLayout.value\">{{enumerationField.title}}</mat-label>\n    <mat-select [formControl]=\"formControlRef\"\n                [placeholder]=\"enumerationField.placeholder\"\n                [required]=\"enumerationField.behavior.required\">\n        <mat-option [value]=\"null\">---</mat-option>\n        <mat-option *ngFor=\"let option of enumerationField.choices\" [value]=\"option.key\">\n            {{option.value}}\n        </mat-option>\n    </mat-select>\n    <mat-hint>{{enumerationField.description}}</mat-hint>\n    <mat-error *ngIf=\"enumerationField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/data-fields/enumeration-field/enumeration-stepper-field/enumeration-stepper-field.component.mjs

@@ -14,9 +14,9 @@ export class EnumerationStepperFieldComponent extends AbstractEnumerationStepper
         this.ref = ref;
     }
 }
-EnumerationStepperFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationStepperFieldComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-EnumerationStepperFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EnumerationStepperFieldComponent, selector: "nc-enumeration-stepper-field", usesInheritance: true, ngImport: i0, template: "<mat-label class=\"stepper-label netgrif-label\" *ngIf=\"!showLargeLayout.value\" matTooltipClass=\"stepper-tooltip-text\" [matTooltip]=\"enumerationField.description\" matTooltipPosition=\"right\">\n    {{enumerationField.title}}\n    <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"!enumerationField.disabled\" ></nc-required-label>\n</mat-label>\n\n<div *ngIf=\"!arrowStepper\" [matTooltip]=\"enumerationField.description\" [ngClass.lt-sm]=\"'touch-action-enabled'\"\n     class=\"horizontal-stepper\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" matTooltipPosition=\"above\">\n    <div class=\"horizontal-step\" fxShow.gt-xs fxHide.lt-sm>\n        <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n            <div class=\"horizontal-step-header\" #oneStep>\n                <div class=\"horizontal-state\" [ngClass]=\"{'horizontal-state-primary': canShowDoneIcon(i), 'horizontal-state-secondary': !canShowDoneIcon(i)}\">\n                    <mat-icon *ngIf=\"canShowDoneIcon(i + 1)\">done</mat-icon>\n                </div>\n                <div class=\"horizontal-state-label\">{{option.value}}</div>\n            </div>\n            <div class=\"horizontal-line\" fxFlex *ngIf=\"i < enumerationField.choices.length - 1\"></div>\n        </ng-template>\n    </div>\n    <div class=\"vertical-step\" fxLayout=\"column\" fxShow.lt-sm fxHide.gt-xs>\n        <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n            <div class=\"vertical-step-header\" fxFlex fxLayout=\"row\">\n                <div class=\"vertical-state\"\n                     [ngClass]=\"{'horizontal-state-primary': canShowDoneIcon(i), 'horizontal-state-secondary': !canShowDoneIcon(i)}\">\n                    <mat-icon *ngIf=\"canShowDoneIcon(i + 1)\">done</mat-icon>\n                </div>\n                <div class=\"vertical-state-label\">{{option.value}}</div>\n            </div>\n            <div class=\"vertical-line\" fxFlex *ngIf=\"i < enumerationField.choices.length - 1\"></div>\n        </ng-template>\n    </div>\n</div>\n\n<div *ngIf=\"arrowStepper\" class=\"stepper-min-height\" fxLayoutAlign=\"stretch center\" fxLayout=\"row\" fxLayout.lt-sm=\"column\"\n     [matTooltip]=\"enumerationField.description\" matTooltipPosition=\"above\">\n    <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n        <span class=\"stepper-arrow-text\" [ngClass]=\"{'stepper-arrow-selected': isSelected(option.key), 'stepper-disabled': enumerationField.disabled}\"\n              (click)=\"setStepperValue(option.key)\" fxFlex fxLayoutAlign=\"center center\">{{option.value}}</span>\n        <span fxFlex *ngIf=\"i < enumerationField.choices.length - 1\" fxLayoutAlign=\"center center\">\n            <mat-icon>arrow_forward_ios</mat-icon>\n        </span>\n    </ng-template>\n</div>\n", styles: [".horizontal-stepper{display:flex}.horizontal-step-header{box-sizing:border-box;flex-direction:column;height:auto;padding:24px;overflow:hidden;outline:none;position:relative;-webkit-tap-highlight-color:transparent;display:flex;align-items:center}.horizontal-step-header:not(:first-child):before{left:0}.horizontal-step-header:not(:last-child):after{right:0}.horizontal-step-header:not(:last-child):after,.horizontal-step-header:not(:first-child):before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);top:36px}.horizontal-state{color:#fff;border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.horizontal-state-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;min-width:36px;vertical-align:middle;padding:16px 0 0;text-align:center;width:100%;word-wrap:break-word}.horizontal-line{position:relative;top:36px;border-top-width:1px;border-top-style:solid;flex:auto;height:0;min-width:12px}.horizontal-step{flex:auto;display:flex}.vertical-step-header{box-sizing:border-box;flex-direction:column;height:auto;padding:24px;overflow:hidden;outline:none;position:relative;-webkit-tap-highlight-color:transparent;display:flex;align-items:center}.vertical-step-header:first-child:before{top:44px}.vertical-step-header:not(:first-child):before{top:0}.vertical-step-header:not(:last-child):after{bottom:0}.vertical-step-header:not(:last-child):after,.vertical-step-header:not(:first-child):before{border-left-width:1px;border-left-style:solid;content:\"\";display:inline-block;width:0;position:absolute;height:calc(50% - 20px);left:36px}.vertical-state{color:#fff;border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.vertical-state-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;min-width:36px;vertical-align:middle;text-align:center;width:100%;word-wrap:break-word}.vertical-line{position:relative;border-left-width:1px;border-left-style:solid;flex:auto;height:0;margin:0 36px;min-height:12px}.vertical-step{flex:auto;display:flex}.stepper-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.stepper-tooltip-text{color:#fff;padding:10px 15px}.stepper-min-height{border-radius:10px;min-height:70px;background-color:#f9f9f9;padding:0 32px}.stepper-arrow-text{font-weight:500;font-size:16px;letter-spacing:-.2;line-height:24px;color:#333;cursor:pointer;text-align:center}.stepper-disabled{cursor:unset!important}.touch-action-enabled{touch-action:auto!important;-webkit-user-drag:auto!important}@media only screen and (max-width: 959px){.stepper-arrow-text{word-break:break-word}}\n"], components: [{ type: i1.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i7.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EnumerationStepperFieldComponent, decorators: [{
+EnumerationStepperFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationStepperFieldComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+EnumerationStepperFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EnumerationStepperFieldComponent, selector: "nc-enumeration-stepper-field", usesInheritance: true, ngImport: i0, template: "<mat-label class=\"stepper-label netgrif-label\" *ngIf=\"!showLargeLayout.value\" matTooltipClass=\"stepper-tooltip-text\" [matTooltip]=\"enumerationField.description\" matTooltipPosition=\"right\">\n    {{enumerationField.title}}\n    <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"!enumerationField.disabled\" ></nc-required-label>\n</mat-label>\n\n<div *ngIf=\"!arrowStepper\" [matTooltip]=\"enumerationField.description\" [ngClass.lt-sm]=\"'touch-action-enabled'\"\n     class=\"horizontal-stepper\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" matTooltipPosition=\"above\">\n    <div class=\"horizontal-step\" fxShow.gt-xs fxHide.lt-sm>\n        <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n            <div class=\"horizontal-step-header\" #oneStep>\n                <div class=\"horizontal-state\" [ngClass]=\"{'horizontal-state-primary': canShowDoneIcon(i), 'horizontal-state-secondary': !canShowDoneIcon(i)}\">\n                    <mat-icon *ngIf=\"canShowDoneIcon(i + 1)\">done</mat-icon>\n                </div>\n                <div class=\"horizontal-state-label\">{{option.value}}</div>\n            </div>\n            <div class=\"horizontal-line\" fxFlex *ngIf=\"i < enumerationField.choices.length - 1\"></div>\n        </ng-template>\n    </div>\n    <div class=\"vertical-step\" fxLayout=\"column\" fxShow.lt-sm fxHide.gt-xs>\n        <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n            <div class=\"vertical-step-header\" fxFlex fxLayout=\"row\">\n                <div class=\"vertical-state\"\n                     [ngClass]=\"{'horizontal-state-primary': canShowDoneIcon(i), 'horizontal-state-secondary': !canShowDoneIcon(i)}\">\n                    <mat-icon *ngIf=\"canShowDoneIcon(i + 1)\">done</mat-icon>\n                </div>\n                <div class=\"vertical-state-label\">{{option.value}}</div>\n            </div>\n            <div class=\"vertical-line\" fxFlex *ngIf=\"i < enumerationField.choices.length - 1\"></div>\n        </ng-template>\n    </div>\n</div>\n\n<div *ngIf=\"arrowStepper\" class=\"stepper-min-height\" fxLayoutAlign=\"stretch center\" fxLayout=\"row\" fxLayout.lt-sm=\"column\"\n     [matTooltip]=\"enumerationField.description\" matTooltipPosition=\"above\">\n    <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n        <span class=\"stepper-arrow-text\" [ngClass]=\"{'stepper-arrow-selected': isSelected(option.key), 'stepper-disabled': enumerationField.disabled}\"\n              (click)=\"setStepperValue(option.key)\" fxFlex fxLayoutAlign=\"center center\">{{option.value}}</span>\n        <span fxFlex *ngIf=\"i < enumerationField.choices.length - 1\" fxLayoutAlign=\"center center\">\n            <mat-icon>arrow_forward_ios</mat-icon>\n        </span>\n    </ng-template>\n</div>\n", styles: [".horizontal-stepper{display:flex}.horizontal-step-header{box-sizing:border-box;flex-direction:column;height:auto;padding:24px;overflow:hidden;outline:none;position:relative;-webkit-tap-highlight-color:transparent;display:flex;align-items:center}.horizontal-step-header:not(:first-child):before{left:0}.horizontal-step-header:not(:last-child):after{right:0}.horizontal-step-header:not(:last-child):after,.horizontal-step-header:not(:first-child):before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);top:36px}.horizontal-state{color:#fff;border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.horizontal-state-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;min-width:36px;vertical-align:middle;padding:16px 0 0;text-align:center;width:100%;word-wrap:break-word}.horizontal-line{position:relative;top:36px;border-top-width:1px;border-top-style:solid;flex:auto;height:0;min-width:12px}.horizontal-step{flex:auto;display:flex}.vertical-step-header{box-sizing:border-box;flex-direction:column;height:auto;padding:24px;overflow:hidden;outline:none;position:relative;-webkit-tap-highlight-color:transparent;display:flex;align-items:center}.vertical-step-header:first-child:before{top:44px}.vertical-step-header:not(:first-child):before{top:0}.vertical-step-header:not(:last-child):after{bottom:0}.vertical-step-header:not(:last-child):after,.vertical-step-header:not(:first-child):before{border-left-width:1px;border-left-style:solid;content:\"\";display:inline-block;width:0;position:absolute;height:calc(50% - 20px);left:36px}.vertical-state{color:#fff;border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.vertical-state-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;min-width:36px;vertical-align:middle;text-align:center;width:100%;word-wrap:break-word}.vertical-line{position:relative;border-left-width:1px;border-left-style:solid;flex:auto;height:0;margin:0 36px;min-height:12px}.vertical-step{flex:auto;display:flex}.stepper-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.stepper-tooltip-text{color:#fff;padding:10px 15px}.stepper-min-height{border-radius:10px;min-height:70px;background-color:#f9f9f9;padding:0 32px}.stepper-arrow-text{font-weight:500;font-size:16px;letter-spacing:-.2;line-height:24px;color:#333;cursor:pointer;text-align:center}.stepper-disabled{cursor:unset!important}.touch-action-enabled{touch-action:auto!important;-webkit-user-drag:auto!important}@media only screen and (max-width: 959px){.stepper-arrow-text{word-break:break-word}}\n"], components: [{ type: i1.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i7.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EnumerationStepperFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nc-enumeration-stepper-field', template: "<mat-label class=\"stepper-label netgrif-label\" *ngIf=\"!showLargeLayout.value\" matTooltipClass=\"stepper-tooltip-text\" [matTooltip]=\"enumerationField.description\" matTooltipPosition=\"right\">\n    {{enumerationField.title}}\n    <nc-required-label *ngIf=\"enumerationField.behavior.required\" [isIn]=\"!enumerationField.disabled\" ></nc-required-label>\n</mat-label>\n\n<div *ngIf=\"!arrowStepper\" [matTooltip]=\"enumerationField.description\" [ngClass.lt-sm]=\"'touch-action-enabled'\"\n     class=\"horizontal-stepper\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" matTooltipPosition=\"above\">\n    <div class=\"horizontal-step\" fxShow.gt-xs fxHide.lt-sm>\n        <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n            <div class=\"horizontal-step-header\" #oneStep>\n                <div class=\"horizontal-state\" [ngClass]=\"{'horizontal-state-primary': canShowDoneIcon(i), 'horizontal-state-secondary': !canShowDoneIcon(i)}\">\n                    <mat-icon *ngIf=\"canShowDoneIcon(i + 1)\">done</mat-icon>\n                </div>\n                <div class=\"horizontal-state-label\">{{option.value}}</div>\n            </div>\n            <div class=\"horizontal-line\" fxFlex *ngIf=\"i < enumerationField.choices.length - 1\"></div>\n        </ng-template>\n    </div>\n    <div class=\"vertical-step\" fxLayout=\"column\" fxShow.lt-sm fxHide.gt-xs>\n        <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n            <div class=\"vertical-step-header\" fxFlex fxLayout=\"row\">\n                <div class=\"vertical-state\"\n                     [ngClass]=\"{'horizontal-state-primary': canShowDoneIcon(i), 'horizontal-state-secondary': !canShowDoneIcon(i)}\">\n                    <mat-icon *ngIf=\"canShowDoneIcon(i + 1)\">done</mat-icon>\n                </div>\n                <div class=\"vertical-state-label\">{{option.value}}</div>\n            </div>\n            <div class=\"vertical-line\" fxFlex *ngIf=\"i < enumerationField.choices.length - 1\"></div>\n        </ng-template>\n    </div>\n</div>\n\n<div *ngIf=\"arrowStepper\" class=\"stepper-min-height\" fxLayoutAlign=\"stretch center\" fxLayout=\"row\" fxLayout.lt-sm=\"column\"\n     [matTooltip]=\"enumerationField.description\" matTooltipPosition=\"above\">\n    <ng-template ngFor let-option [ngForOf]=\"enumerationField.choices\" let-i=\"index\">\n        <span class=\"stepper-arrow-text\" [ngClass]=\"{'stepper-arrow-selected': isSelected(option.key), 'stepper-disabled': enumerationField.disabled}\"\n              (click)=\"setStepperValue(option.key)\" fxFlex fxLayoutAlign=\"center center\">{{option.value}}</span>\n        <span fxFlex *ngIf=\"i < enumerationField.choices.length - 1\" fxLayoutAlign=\"center center\">\n            <mat-icon>arrow_forward_ios</mat-icon>\n        </span>\n    </ng-template>\n</div>\n", styles: [".horizontal-stepper{display:flex}.horizontal-step-header{box-sizing:border-box;flex-direction:column;height:auto;padding:24px;overflow:hidden;outline:none;position:relative;-webkit-tap-highlight-color:transparent;display:flex;align-items:center}.horizontal-step-header:not(:first-child):before{left:0}.horizontal-step-header:not(:last-child):after{right:0}.horizontal-step-header:not(:last-child):after,.horizontal-step-header:not(:first-child):before{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px);top:36px}.horizontal-state{color:#fff;border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.horizontal-state-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;min-width:36px;vertical-align:middle;padding:16px 0 0;text-align:center;width:100%;word-wrap:break-word}.horizontal-line{position:relative;top:36px;border-top-width:1px;border-top-style:solid;flex:auto;height:0;min-width:12px}.horizontal-step{flex:auto;display:flex}.vertical-step-header{box-sizing:border-box;flex-direction:column;height:auto;padding:24px;overflow:hidden;outline:none;position:relative;-webkit-tap-highlight-color:transparent;display:flex;align-items:center}.vertical-step-header:first-child:before{top:44px}.vertical-step-header:not(:first-child):before{top:0}.vertical-step-header:not(:last-child):after{bottom:0}.vertical-step-header:not(:last-child):after,.vertical-step-header:not(:first-child):before{border-left-width:1px;border-left-style:solid;content:\"\";display:inline-block;width:0;position:absolute;height:calc(50% - 20px);left:36px}.vertical-state{color:#fff;border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative}.vertical-state-label{display:inline-block;overflow:hidden;text-overflow:ellipsis;min-width:36px;vertical-align:middle;text-align:center;width:100%;word-wrap:break-word}.vertical-line{position:relative;border-left-width:1px;border-left-style:solid;flex:auto;height:0;margin:0 36px;min-height:12px}.vertical-step{flex:auto;display:flex}.stepper-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.stepper-tooltip-text{color:#fff;padding:10px 15px}.stepper-min-height{border-radius:10px;min-height:70px;background-color:#f9f9f9;padding:0 32px}.stepper-arrow-text{font-weight:500;font-size:16px;letter-spacing:-.2;line-height:24px;color:#333;cursor:pointer;text-align:center}.stepper-disabled{cursor:unset!important}.touch-action-enabled{touch-action:auto!important;-webkit-user-drag:auto!important}@media only screen and (max-width: 959px){.stepper-arrow-text{word-break:break-word}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });