@lucca-front/ng 8.2.1 → 9.0.0-alpha.1

package/fesm2015/lucca-front-ng-establishment.mjs

@@ -216,7 +216,7 @@ LuEstablishmentSearcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
             provide: ALuEstablishmentService,
             useClass: LuEstablishmentService,
         },
-    ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<form [formGroup]=\"form\">\r\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t\t<input #searchInput class=\"textfield-input\" formControlName=\"clue\" />\r\n\t</div>\r\n</form>\r\n\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"reset()\"></lu-option-placeholder>\r\n", styles: [".textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background:#FFFFFF;border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color)}.textfield-input:hover{background-color:#ebf0fa;background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:#fff;border-bottom-color:#ff7e29;border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:.25rem .5rem;padding:var(--spacings-smallest) var(--components-options-item-padding-horizontal);border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:#ebf0fa;background-color:var(--palettes-grey-50);font-style:italic}\n"], components: [{ type: i3.LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3$1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<form [formGroup]=\"form\">\r\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t\t<input #searchInput class=\"textfield-input\" formControlName=\"clue\" />\r\n\t</div>\r\n</form>\r\n\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"reset()\"></lu-option-placeholder>\r\n", styles: [""], components: [{ type: i3.LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3$1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuEstablishmentSearcherComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-establishment-searcher', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -244,7 +244,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             provide: ALuEstablishmentService,
                             useClass: LuEstablishmentService,
                         },
-                    ], template: "<form [formGroup]=\"form\">\r\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t\t<input #searchInput class=\"textfield-input\" formControlName=\"clue\" />\r\n\t</div>\r\n</form>\r\n\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"reset()\"></lu-option-placeholder>\r\n", styles: [".textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background:#FFFFFF;border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color)}.textfield-input:hover{background-color:#ebf0fa;background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:#fff;border-bottom-color:#ff7e29;border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:.25rem .5rem;padding:var(--spacings-smallest) var(--components-options-item-padding-horizontal);border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:#ebf0fa;background-color:var(--palettes-grey-50);font-style:italic}\n"] }]
+                    ], template: "<form [formGroup]=\"form\">\r\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t\t<input #searchInput class=\"textfield-input\" formControlName=\"clue\" />\r\n\t</div>\r\n</form>\r\n\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"reset()\"></lu-option-placeholder>\r\n", styles: [""] }]
         }], ctorParameters: function () {
         return [{ type: LuEstablishmentService, decorators: [{
                         type: Inject,
@@ -328,7 +328,7 @@ LuEstablishmentSelectAllComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion
             provide: ALuEstablishmentService,
             useClass: LuEstablishmentService,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" (click)=\"selectAll()\" [disabled]=\"loading\" class=\"link selectAll-button\">{{ intl.select }}</button>\r\n<button type=\"button\" (click)=\"deselectAll()\" [disabled]=\"loading\" class=\"link selectAll-button u-marginLeftSmaller\">\r\n\t{{ intl.deselect }}\r\n</button>\r\n", styles: [":host .selectAll-button{color:var(--colors-text-light-color);font-size:var(--sizes-small-font-size);outline:none}:host .selectAll-button:hover{color:var(--colors-text-default-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" (click)=\"selectAll()\" [disabled]=\"loading\" class=\"link selectAll-button\">{{ intl.select }}</button>\r\n<button type=\"button\" (click)=\"deselectAll()\" [disabled]=\"loading\" class=\"link selectAll-button u-marginLeftSmaller\">\r\n\t{{ intl.deselect }}\r\n</button>\r\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuEstablishmentSelectAllComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-establishment-select-all', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -346,7 +346,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             provide: ALuEstablishmentService,
                             useClass: LuEstablishmentService,
                         },
-                    ], template: "<button type=\"button\" (click)=\"selectAll()\" [disabled]=\"loading\" class=\"link selectAll-button\">{{ intl.select }}</button>\r\n<button type=\"button\" (click)=\"deselectAll()\" [disabled]=\"loading\" class=\"link selectAll-button u-marginLeftSmaller\">\r\n\t{{ intl.deselect }}\r\n</button>\r\n", styles: [":host .selectAll-button{color:var(--colors-text-light-color);font-size:var(--sizes-small-font-size);outline:none}:host .selectAll-button:hover{color:var(--colors-text-default-color)}\n"] }]
+                    ], template: "<button type=\"button\" (click)=\"selectAll()\" [disabled]=\"loading\" class=\"link selectAll-button\">{{ intl.select }}</button>\r\n<button type=\"button\" (click)=\"deselectAll()\" [disabled]=\"loading\" class=\"link selectAll-button u-marginLeftSmaller\">\r\n\t{{ intl.deselect }}\r\n</button>\r\n", styles: [""] }]
         }], ctorParameters: function () {
         return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                         type: Inject,
@@ -562,7 +562,7 @@ LuEstablishmentSelectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersi
             provide: ALuLegalUnitService,
             useClass: LuLegalUnitService,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.establishments }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-establishment-searcher\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[sort]=\"sort\"\r\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\r\n\t\t></lu-establishment-searcher>\r\n\t\t<lu-establishment-select-all\r\n\t\t\t*ngIf=\"multiple\"\r\n\t\t\tclass=\"u-displayBlock u-marginSmaller\"\r\n\t\t\t[class.u-displayNone]=\"isSearching\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t></lu-establishment-select-all>\r\n\t</header>\r\n\r\n\t<ng-template luForLegalUnits let-group>\r\n\t\t<div class=\"optionGroup\">\r\n\t\t\t<ng-container *ngIf=\"groupByLu && !isSearching\">\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t*ngIf=\"multiple; else singleViewGroup\"\r\n\t\t\t\t\tclass=\"optionGroupName button mod-text mod-block\"\r\n\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\r\n\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\r\n\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\r\n\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ group.key.name }}\r\n\t\t\t\t</button>\r\n\t\t\t\t<ng-template #singleViewGroup>\r\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly u-marginReset\">{{ group.key.name }}</h5>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<lu-option *ngFor=\"let establishment of group.items; trackBy: trackById\" [value]=\"establishment\" class=\"establishmentOption\">\r\n\t\t\t\t<ng-container *ngIf=\"isSearching; else emptySearch\">\r\n\t\t\t\t\t<span class=\"u-displayBlock\">{{ establishment.name }}</span>\r\n\t\t\t\t\t<span *ngIf=\"groupByLu\" class=\"u-displayBlock u-textLight u-textSmall\">{{ group.key.name }}</span>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-template #emptySearch>\r\n\t\t\t\t\t<span>{{ establishment.name }}</span>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</lu-option>\r\n\t\t</div>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [":host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--components-select-default-palette-700);bottom:.5rem;bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:.5rem;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;display:none}.lu-select-placeholder{color:var(--components-select-default-palette-400);line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:.25rem .25rem .5rem .5rem;padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background:#FF6600;background:var(--components-select-chip-background);color:#fff;color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:1.5rem;height:var(--sizes-standard-line-height);line-height:1.5rem;line-height:var(--sizes-standard-line-height);padding:0 .5rem;padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.25rem;line-height:var(--sizes-small-line-height);min-height:calc(var(--spacings-small) + 1.25rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:1.25rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.25rem;line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:1.25rem;height:var(--sizes-small-line-height);line-height:1.25rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--spacings-big) 0 0;padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:#96a6c5;color:var(--colors-text-light-color);bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:.5rem;right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--spacings-small) * 3) var(--spacings-small) var(--spacings-small);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:#2a3551;color:var(--colors-text-default-color)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:#96a6c5;color:var(--colors-text-light-color);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:1rem;right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:1.375rem;right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:#e51a3b;color:var(--palettes-error-color)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:#ffe0e6;color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:#999;color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:#bbb;color:var(--commons-disabled-placeholder)}:host-context(.palette-primary) .lu-select-placeholder{color:var(--palettes-primary-400)}:host-context(.palette-primary):after{color:var(--palettes-primary-700)}:host-context(.palette-secondary) .lu-select-placeholder{color:var(--palettes-secondary-400)}:host-context(.palette-secondary):after{color:var(--palettes-secondary-700)}:host-context(.palette-grey) .lu-select-placeholder{color:var(--palettes-grey-400)}:host-context(.palette-grey):after{color:var(--palettes-grey-700)}:host-context(.palette-success) .lu-select-placeholder{color:var(--palettes-success-400)}:host-context(.palette-success):after{color:var(--palettes-success-700)}:host-context(.palette-warning) .lu-select-placeholder{color:var(--palettes-warning-400)}:host-context(.palette-warning):after{color:var(--palettes-warning-700)}:host-context(.palette-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.palette-error):after{color:var(--palettes-error-700)}.lu-select-value{padding-right:2.5rem}.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit;padding:.5rem;padding:var(--spacings-smaller)}.optionGroupName{padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);border-top:1px solid var(--palettes-grey-200);border-top:1px solid var(--commons-divider-color);font-size:.875rem;font-size:var(--sizes-small-font-size);width:100%;text-align:left}.optionGroupName.mod-readonly{color:#679;color:var(--palettes-grey-600);font-weight:400}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~lu-option,.optionGroupName.button:focus~lu-option,.optionGroupName.button:hover~lu-option{background-color:var(--palettes-primary-50);background-color:var(--commons-highlight)}\n"], components: [{ type: i2$1.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: LuEstablishmentSearcherComponent, selector: "lu-establishment-searcher", inputs: ["filters", "appInstanceId", "operations", "sort"], outputs: ["isSearching"] }, { type: LuEstablishmentSelectAllComponent, selector: "lu-establishment-select-all", inputs: ["filters", "appInstanceId", "operations"] }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }], directives: [{ type: i2$1.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LuForLegalUnitsDirective, selector: "[luForLegalUnits]" }, { type: LuLegalUnitSelectorDirective, selector: "[luLegalUnitSelector]", inputs: ["luLegalUnitSelector", "luLegalUnitSelectorFilters", "luLegalUnitSelectorAppInstanceId", "luLegalUnitSelectorOperations"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.establishments }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-establishment-searcher\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[sort]=\"sort\"\r\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\r\n\t\t></lu-establishment-searcher>\r\n\t\t<lu-establishment-select-all\r\n\t\t\t*ngIf=\"multiple\"\r\n\t\t\tclass=\"u-displayBlock u-marginSmaller\"\r\n\t\t\t[class.u-displayNone]=\"isSearching\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t></lu-establishment-select-all>\r\n\t</header>\r\n\r\n\t<ng-template luForLegalUnits let-group>\r\n\t\t<div class=\"optionGroup\">\r\n\t\t\t<ng-container *ngIf=\"groupByLu && !isSearching\">\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t*ngIf=\"multiple; else singleViewGroup\"\r\n\t\t\t\t\tclass=\"optionGroupName button mod-text mod-block\"\r\n\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\r\n\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\r\n\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\r\n\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ group.key.name }}\r\n\t\t\t\t</button>\r\n\t\t\t\t<ng-template #singleViewGroup>\r\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly u-marginReset\">{{ group.key.name }}</h5>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<lu-option *ngFor=\"let establishment of group.items; trackBy: trackById\" [value]=\"establishment\" class=\"establishmentOption\">\r\n\t\t\t\t<ng-container *ngIf=\"isSearching; else emptySearch\">\r\n\t\t\t\t\t<span class=\"u-displayBlock\">{{ establishment.name }}</span>\r\n\t\t\t\t\t<span *ngIf=\"groupByLu\" class=\"u-displayBlock u-textLight u-textSmall\">{{ group.key.name }}</span>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-template #emptySearch>\r\n\t\t\t\t\t<span>{{ establishment.name }}</span>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</lu-option>\r\n\t\t</div>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [""], components: [{ type: i2$1.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: LuEstablishmentSearcherComponent, selector: "lu-establishment-searcher", inputs: ["filters", "appInstanceId", "operations", "sort"], outputs: ["isSearching"] }, { type: LuEstablishmentSelectAllComponent, selector: "lu-establishment-select-all", inputs: ["filters", "appInstanceId", "operations"] }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }], directives: [{ type: i2$1.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LuForLegalUnitsDirective, selector: "[luForLegalUnits]" }, { type: LuLegalUnitSelectorDirective, selector: "[luLegalUnitSelector]", inputs: ["luLegalUnitSelector", "luLegalUnitSelectorFilters", "luLegalUnitSelectorAppInstanceId", "luLegalUnitSelectorOperations"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuEstablishmentSelectInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-establishment-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -579,7 +579,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             provide: ALuLegalUnitService,
                             useClass: LuLegalUnitService,
                         },
-                    ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.establishments }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-establishment-searcher\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[sort]=\"sort\"\r\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\r\n\t\t></lu-establishment-searcher>\r\n\t\t<lu-establishment-select-all\r\n\t\t\t*ngIf=\"multiple\"\r\n\t\t\tclass=\"u-displayBlock u-marginSmaller\"\r\n\t\t\t[class.u-displayNone]=\"isSearching\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t></lu-establishment-select-all>\r\n\t</header>\r\n\r\n\t<ng-template luForLegalUnits let-group>\r\n\t\t<div class=\"optionGroup\">\r\n\t\t\t<ng-container *ngIf=\"groupByLu && !isSearching\">\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t*ngIf=\"multiple; else singleViewGroup\"\r\n\t\t\t\t\tclass=\"optionGroupName button mod-text mod-block\"\r\n\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\r\n\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\r\n\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\r\n\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ group.key.name }}\r\n\t\t\t\t</button>\r\n\t\t\t\t<ng-template #singleViewGroup>\r\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly u-marginReset\">{{ group.key.name }}</h5>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<lu-option *ngFor=\"let establishment of group.items; trackBy: trackById\" [value]=\"establishment\" class=\"establishmentOption\">\r\n\t\t\t\t<ng-container *ngIf=\"isSearching; else emptySearch\">\r\n\t\t\t\t\t<span class=\"u-displayBlock\">{{ establishment.name }}</span>\r\n\t\t\t\t\t<span *ngIf=\"groupByLu\" class=\"u-displayBlock u-textLight u-textSmall\">{{ group.key.name }}</span>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-template #emptySearch>\r\n\t\t\t\t\t<span>{{ establishment.name }}</span>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</lu-option>\r\n\t\t</div>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [":host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--components-select-default-palette-700);bottom:.5rem;bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:.5rem;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;display:none}.lu-select-placeholder{color:var(--components-select-default-palette-400);line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:.25rem .25rem .5rem .5rem;padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background:#FF6600;background:var(--components-select-chip-background);color:#fff;color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:1.5rem;height:var(--sizes-standard-line-height);line-height:1.5rem;line-height:var(--sizes-standard-line-height);padding:0 .5rem;padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.25rem;line-height:var(--sizes-small-line-height);min-height:calc(var(--spacings-small) + 1.25rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:1.25rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.25rem;line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:1.25rem;height:var(--sizes-small-line-height);line-height:1.25rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--spacings-big) 0 0;padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:#96a6c5;color:var(--colors-text-light-color);bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:.5rem;right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--spacings-small) * 3) var(--spacings-small) var(--spacings-small);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:#2a3551;color:var(--colors-text-default-color)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:#96a6c5;color:var(--colors-text-light-color);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:1rem;right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:1.375rem;right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:#e51a3b;color:var(--palettes-error-color)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:#ffe0e6;color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:#999;color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:#bbb;color:var(--commons-disabled-placeholder)}:host-context(.palette-primary) .lu-select-placeholder{color:var(--palettes-primary-400)}:host-context(.palette-primary):after{color:var(--palettes-primary-700)}:host-context(.palette-secondary) .lu-select-placeholder{color:var(--palettes-secondary-400)}:host-context(.palette-secondary):after{color:var(--palettes-secondary-700)}:host-context(.palette-grey) .lu-select-placeholder{color:var(--palettes-grey-400)}:host-context(.palette-grey):after{color:var(--palettes-grey-700)}:host-context(.palette-success) .lu-select-placeholder{color:var(--palettes-success-400)}:host-context(.palette-success):after{color:var(--palettes-success-700)}:host-context(.palette-warning) .lu-select-placeholder{color:var(--palettes-warning-400)}:host-context(.palette-warning):after{color:var(--palettes-warning-700)}:host-context(.palette-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.palette-error):after{color:var(--palettes-error-700)}.lu-select-value{padding-right:2.5rem}.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit;padding:.5rem;padding:var(--spacings-smaller)}.optionGroupName{padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);border-top:1px solid var(--palettes-grey-200);border-top:1px solid var(--commons-divider-color);font-size:.875rem;font-size:var(--sizes-small-font-size);width:100%;text-align:left}.optionGroupName.mod-readonly{color:#679;color:var(--palettes-grey-600);font-weight:400}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~lu-option,.optionGroupName.button:focus~lu-option,.optionGroupName.button:hover~lu-option{background-color:var(--palettes-primary-50);background-color:var(--commons-highlight)}\n"] }]
+                    ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.establishments }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-establishment-searcher\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[sort]=\"sort\"\r\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\r\n\t\t></lu-establishment-searcher>\r\n\t\t<lu-establishment-select-all\r\n\t\t\t*ngIf=\"multiple\"\r\n\t\t\tclass=\"u-displayBlock u-marginSmaller\"\r\n\t\t\t[class.u-displayNone]=\"isSearching\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t></lu-establishment-select-all>\r\n\t</header>\r\n\r\n\t<ng-template luForLegalUnits let-group>\r\n\t\t<div class=\"optionGroup\">\r\n\t\t\t<ng-container *ngIf=\"groupByLu && !isSearching\">\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t*ngIf=\"multiple; else singleViewGroup\"\r\n\t\t\t\t\tclass=\"optionGroupName button mod-text mod-block\"\r\n\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\r\n\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\r\n\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\r\n\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ group.key.name }}\r\n\t\t\t\t</button>\r\n\t\t\t\t<ng-template #singleViewGroup>\r\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly u-marginReset\">{{ group.key.name }}</h5>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<lu-option *ngFor=\"let establishment of group.items; trackBy: trackById\" [value]=\"establishment\" class=\"establishmentOption\">\r\n\t\t\t\t<ng-container *ngIf=\"isSearching; else emptySearch\">\r\n\t\t\t\t\t<span class=\"u-displayBlock\">{{ establishment.name }}</span>\r\n\t\t\t\t\t<span *ngIf=\"groupByLu\" class=\"u-displayBlock u-textLight u-textSmall\">{{ group.key.name }}</span>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-template #emptySearch>\r\n\t\t\t\t\t<span>{{ establishment.name }}</span>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</lu-option>\r\n\t\t</div>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [""] }]
         }], ctorParameters: function () {
         return [{ type: i0.ChangeDetectorRef }, { type: i1$1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: LuLegalUnitService, decorators: [{
                         type: Inject,

package/fesm2015/lucca-front-ng-formly.mjs

@@ -36,9 +36,6 @@ class LuFormlyFieldApi extends FieldType {
     get _orderBy() {
         return this.to['orderBy'];
     }
-    get _sort() {
-        return this.to['sort'];
-    }
     get _standard() {
         return (this.to['standard'] || 'v3');
     }
@@ -50,10 +47,10 @@ class LuFormlyFieldApi extends FieldType {
     }
 }
 LuFormlyFieldApi.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldApi, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyFieldApi.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldApi, selector: "lu-formly-field-api", usesInheritance: true, ngImport: i0, template: "<lu-api-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[api]=\"_api\"\r\n\t[filters]=\"_filters\"\r\n\t[orderBy]=\"_orderBy\"\r\n\t[sort]=\"_sort\"\r\n\t[standard]=\"_standard\"\r\n>\r\n</lu-api-select>\r\n<span [attr.for]=\"id\" class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"], components: [{ type: i1.LuApiSelectInputComponent, selector: "lu-api-select", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
+LuFormlyFieldApi.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldApi, selector: "lu-formly-field-api", usesInheritance: true, ngImport: i0, template: "<lu-api-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[api]=\"_api\"\r\n\t[filters]=\"_filters\"\r\n\t[orderBy]=\"_orderBy\"\r\n\t[standard]=\"_standard\"\r\n>\r\n</lu-api-select>\r\n<span [attr.for]=\"id\" class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""], components: [{ type: i1.LuApiSelectInputComponent, selector: "lu-api-select", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldApi, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-field-api', template: "<lu-api-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[api]=\"_api\"\r\n\t[filters]=\"_filters\"\r\n\t[orderBy]=\"_orderBy\"\r\n\t[sort]=\"_sort\"\r\n\t[standard]=\"_standard\"\r\n>\r\n</lu-api-select>\r\n<span [attr.for]=\"id\" class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"] }]
+            args: [{ selector: 'lu-formly-field-api', template: "<lu-api-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[api]=\"_api\"\r\n\t[filters]=\"_filters\"\r\n\t[orderBy]=\"_orderBy\"\r\n\t[standard]=\"_standard\"\r\n>\r\n</lu-api-select>\r\n<span [attr.for]=\"id\" class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""] }]
         }] });
 
 // eslint-disable-next-line @angular-eslint/component-class-suffix
@@ -66,10 +63,10 @@ class LuFormlyFieldEstablishment extends FieldType {
     }
 }
 LuFormlyFieldEstablishment.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldEstablishment, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyFieldEstablishment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldEstablishment, selector: "lu-formly-field-establishment", usesInheritance: true, ngImport: i0, template: "<lu-establishment-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[filters]=\"to['filters']\"\r\n\t[appInstanceId]=\"to['appInstanceId']\"\r\n\t[operations]=\"to['operations']\"\r\n>\r\n</lu-establishment-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"], components: [{ type: i1$1.LuEstablishmentSelectInputComponent, selector: "lu-establishment-select", inputs: ["filters", "appInstanceId", "operations"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
+LuFormlyFieldEstablishment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldEstablishment, selector: "lu-formly-field-establishment", usesInheritance: true, ngImport: i0, template: "<lu-establishment-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[filters]=\"to['filters']\"\r\n\t[appInstanceId]=\"to['appInstanceId']\"\r\n\t[operations]=\"to['operations']\"\r\n>\r\n</lu-establishment-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""], components: [{ type: i1$1.LuEstablishmentSelectInputComponent, selector: "lu-establishment-select", inputs: ["filters", "appInstanceId", "operations"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldEstablishment, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-field-establishment', template: "<lu-establishment-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[filters]=\"to['filters']\"\r\n\t[appInstanceId]=\"to['appInstanceId']\"\r\n\t[operations]=\"to['operations']\"\r\n>\r\n</lu-establishment-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"] }]
+            args: [{ selector: 'lu-formly-field-establishment', template: "<lu-establishment-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[filters]=\"to['filters']\"\r\n\t[appInstanceId]=\"to['appInstanceId']\"\r\n\t[operations]=\"to['operations']\"\r\n>\r\n</lu-establishment-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""] }]
         }] });
 
 // eslint-disable-next-line @angular-eslint/component-class-suffix
@@ -82,10 +79,10 @@ class LuFormlyFieldCheckbox extends FieldType {
     }
 }
 LuFormlyFieldCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldCheckbox, selector: "lu-formly-field-checkbox", usesInheritance: true, ngImport: i0, template: "<label class=\"checkbox\" [ngClass]=\"to['mod']\">\r\n\t<input class=\"checkbox-input\" type=\"checkbox\" [name]=\"to['name']\" [id]=\"id\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" />\r\n\t<span class=\"checkbox-label\">{{to.label}}</span>\r\n</label>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n"], directives: [{ type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
+LuFormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldCheckbox, selector: "lu-formly-field-checkbox", usesInheritance: true, ngImport: i0, template: "<label class=\"checkbox\" [ngClass]=\"to['mod']\">\r\n\t<input class=\"checkbox-input\" type=\"checkbox\" [name]=\"to['name']\" [id]=\"id\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" />\r\n\t<span class=\"checkbox-label\">{{to.label}}</span>\r\n</label>\r\n", styles: [""], directives: [{ type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldCheckbox, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-field-checkbox', template: "<label class=\"checkbox\" [ngClass]=\"to['mod']\">\r\n\t<input class=\"checkbox-input\" type=\"checkbox\" [name]=\"to['name']\" [id]=\"id\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" />\r\n\t<span class=\"checkbox-label\">{{to.label}}</span>\r\n</label>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n"] }]
+            args: [{ selector: 'lu-formly-field-checkbox', template: "<label class=\"checkbox\" [ngClass]=\"to['mod']\">\r\n\t<input class=\"checkbox-input\" type=\"checkbox\" [name]=\"to['name']\" [id]=\"id\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" />\r\n\t<span class=\"checkbox-label\">{{to.label}}</span>\r\n</label>\r\n", styles: [""] }]
         }] });
 
 // eslint-disable-next-line @angular-eslint/component-class-suffix
@@ -98,10 +95,10 @@ class LuFormlyFieldDate extends FieldType {
     }
 }
 LuFormlyFieldDate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldDate, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyFieldDate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldDate, selector: "lu-formly-field-date", usesInheritance: true, ngImport: i0, template: "<lu-date-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[min]=\"to.min\"\r\n\t[max]=\"to.max\"\r\n></lu-date-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"], components: [{ type: i1$3.LuDateSelectInputComponent, selector: "lu-date-select", inputs: ["min", "max", "granularity", "placeholder", "hideClearer", "startOn"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
+LuFormlyFieldDate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldDate, selector: "lu-formly-field-date", usesInheritance: true, ngImport: i0, template: "<lu-date-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[min]=\"to.min\"\r\n\t[max]=\"to.max\"\r\n></lu-date-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""], components: [{ type: i1$3.LuDateSelectInputComponent, selector: "lu-date-select", inputs: ["min", "max", "granularity", "placeholder", "hideClearer", "startOn"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldDate, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-field-date', template: "<lu-date-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[min]=\"to.min\"\r\n\t[max]=\"to.max\"\r\n></lu-date-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"] }]
+            args: [{ selector: 'lu-formly-field-date', template: "<lu-date-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[min]=\"to.min\"\r\n\t[max]=\"to.max\"\r\n></lu-date-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""] }]
         }] });
 
 // eslint-disable-next-line @angular-eslint/component-class-suffix
@@ -114,10 +111,10 @@ class LuFormlyFieldDepartment extends FieldType {
     }
 }
 LuFormlyFieldDepartment.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldDepartment, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyFieldDepartment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldDepartment, selector: "lu-formly-field-department", usesInheritance: true, ngImport: i0, template: "<lu-department-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[filters]=\"to['filters']\"\r\n\t[appInstanceId]=\"to['appInstanceId']\"\r\n\t[operations]=\"to['operations']\"\r\n>\r\n</lu-department-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"], components: [{ type: i1$4.LuDepartmentSelectInputComponent, selector: "lu-department-select", inputs: ["appInstanceId", "operations", "filters"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
+LuFormlyFieldDepartment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldDepartment, selector: "lu-formly-field-department", usesInheritance: true, ngImport: i0, template: "<lu-department-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[filters]=\"to['filters']\"\r\n\t[appInstanceId]=\"to['appInstanceId']\"\r\n\t[operations]=\"to['operations']\"\r\n>\r\n</lu-department-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""], components: [{ type: i1$4.LuDepartmentSelectInputComponent, selector: "lu-department-select", inputs: ["appInstanceId", "operations", "filters"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldDepartment, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-field-department', template: "<lu-department-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[filters]=\"to['filters']\"\r\n\t[appInstanceId]=\"to['appInstanceId']\"\r\n\t[operations]=\"to['operations']\"\r\n>\r\n</lu-department-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"] }]
+            args: [{ selector: 'lu-formly-field-department', template: "<lu-department-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[filters]=\"to['filters']\"\r\n\t[appInstanceId]=\"to['appInstanceId']\"\r\n\t[operations]=\"to['operations']\"\r\n>\r\n</lu-department-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""] }]
         }] });
 
 // eslint-disable-next-line @angular-eslint/component-class-suffix
@@ -133,10 +130,10 @@ class LuFormlyFieldInput extends FieldType {
     }
 }
 LuFormlyFieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldInput, selector: "lu-formly-field-input", usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"type !== 'number'\" [ngIfElse]=\"numberInput\">\r\n\t<input\r\n\t\t[type]=\"type\"\r\n\t\tclass=\"textfield-input\"\r\n\t\t[name]=\"to['name']\"\r\n\t\t[formControl]=\"formControl\"\r\n\t\t[formlyAttributes]=\"field\"\r\n\t\tluInput\r\n\t\t(focus)=\"focus()\"\r\n\t\t(blur)=\"blur()\"\r\n\t\t[placeholder]=\"to.placeholder\"\r\n\t/>\r\n</ng-template>\r\n<!-- type=\"number\" has to be static in order to have NumberValueAccessor instead of DefaultValueAccessor -->\r\n<ng-template #numberInput>\r\n\t<input\r\n\t\ttype=\"number\"\r\n\t\tclass=\"textfield-input\"\r\n\t\t[name]=\"to['name']\"\r\n\t\t[formControl]=\"formControl\"\r\n\t\t[formlyAttributes]=\"field\"\r\n\t\tluInput\r\n\t\t(focus)=\"focus()\"\r\n\t\t(blur)=\"blur()\"\r\n\t\t[placeholder]=\"to.placeholder\"\r\n\t/>\r\n</ng-template>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n"], directives: [{ type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.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$1.LuInputDirective, selector: "[luInput]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }] });
+LuFormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldInput, selector: "lu-formly-field-input", usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"type !== 'number'\" [ngIfElse]=\"numberInput\">\r\n\t<input\r\n\t\t[type]=\"type\"\r\n\t\tclass=\"textfield-input\"\r\n\t\t[name]=\"to['name']\"\r\n\t\t[formControl]=\"formControl\"\r\n\t\t[formlyAttributes]=\"field\"\r\n\t\tluInput\r\n\t\t(focus)=\"focus()\"\r\n\t\t(blur)=\"blur()\"\r\n\t\t[placeholder]=\"to.placeholder\"\r\n\t/>\r\n</ng-template>\r\n<!-- type=\"number\" has to be static in order to have NumberValueAccessor instead of DefaultValueAccessor -->\r\n<ng-template #numberInput>\r\n\t<input\r\n\t\ttype=\"number\"\r\n\t\tclass=\"textfield-input\"\r\n\t\t[name]=\"to['name']\"\r\n\t\t[formControl]=\"formControl\"\r\n\t\t[formlyAttributes]=\"field\"\r\n\t\tluInput\r\n\t\t(focus)=\"focus()\"\r\n\t\t(blur)=\"blur()\"\r\n\t\t[placeholder]=\"to.placeholder\"\r\n\t/>\r\n</ng-template>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [""], directives: [{ type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.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$1.LuInputDirective, selector: "[luInput]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldInput, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-field-input', template: "<ng-template [ngIf]=\"type !== 'number'\" [ngIfElse]=\"numberInput\">\r\n\t<input\r\n\t\t[type]=\"type\"\r\n\t\tclass=\"textfield-input\"\r\n\t\t[name]=\"to['name']\"\r\n\t\t[formControl]=\"formControl\"\r\n\t\t[formlyAttributes]=\"field\"\r\n\t\tluInput\r\n\t\t(focus)=\"focus()\"\r\n\t\t(blur)=\"blur()\"\r\n\t\t[placeholder]=\"to.placeholder\"\r\n\t/>\r\n</ng-template>\r\n<!-- type=\"number\" has to be static in order to have NumberValueAccessor instead of DefaultValueAccessor -->\r\n<ng-template #numberInput>\r\n\t<input\r\n\t\ttype=\"number\"\r\n\t\tclass=\"textfield-input\"\r\n\t\t[name]=\"to['name']\"\r\n\t\t[formControl]=\"formControl\"\r\n\t\t[formlyAttributes]=\"field\"\r\n\t\tluInput\r\n\t\t(focus)=\"focus()\"\r\n\t\t(blur)=\"blur()\"\r\n\t\t[placeholder]=\"to.placeholder\"\r\n\t/>\r\n</ng-template>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n"] }]
+            args: [{ selector: 'lu-formly-field-input', template: "<ng-template [ngIf]=\"type !== 'number'\" [ngIfElse]=\"numberInput\">\r\n\t<input\r\n\t\t[type]=\"type\"\r\n\t\tclass=\"textfield-input\"\r\n\t\t[name]=\"to['name']\"\r\n\t\t[formControl]=\"formControl\"\r\n\t\t[formlyAttributes]=\"field\"\r\n\t\tluInput\r\n\t\t(focus)=\"focus()\"\r\n\t\t(blur)=\"blur()\"\r\n\t\t[placeholder]=\"to.placeholder\"\r\n\t/>\r\n</ng-template>\r\n<!-- type=\"number\" has to be static in order to have NumberValueAccessor instead of DefaultValueAccessor -->\r\n<ng-template #numberInput>\r\n\t<input\r\n\t\ttype=\"number\"\r\n\t\tclass=\"textfield-input\"\r\n\t\t[name]=\"to['name']\"\r\n\t\t[formControl]=\"formControl\"\r\n\t\t[formlyAttributes]=\"field\"\r\n\t\tluInput\r\n\t\t(focus)=\"focus()\"\r\n\t\t(blur)=\"blur()\"\r\n\t\t[placeholder]=\"to.placeholder\"\r\n\t/>\r\n</ng-template>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [""] }]
         }] });
 
 // eslint-disable-next-line @angular-eslint/component-class-suffix
@@ -152,10 +149,10 @@ class LuFormlyFieldRadios extends FieldType {
     }
 }
 LuFormlyFieldRadios.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldRadios, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyFieldRadios.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldRadios, selector: "lu-formly-field-radios", usesInheritance: true, ngImport: i0, template: "<legend class=\"radiosfield-label\">{{to.label}}</legend>\r\n<div class=\"radiosfield-input\">\r\n\t<label *ngFor=\"let option of _options, let i = index\" class=\"radio\">\r\n\t\t<input\r\n\t\t\tclass=\"radio-input\"\r\n\t\t\ttype=\"radio\"\r\n\t\t\t[name]=\"to['name']\"\r\n\t\t\t[value]=\"option.value\"\r\n\t\t\t[id]=\"id + '_'+ i\"\r\n\t\t\t[formControl]=\"formControl\"\r\n\t\t\t[formlyAttributes]=\"field\"\r\n\t\t/>\r\n\t\t<span class=\"radio-label\">{{option.label}}</span>\r\n\t</label>\r\n</div>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n"], directives: [{ type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
+LuFormlyFieldRadios.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldRadios, selector: "lu-formly-field-radios", usesInheritance: true, ngImport: i0, template: "<legend class=\"radiosfield-label\">{{to.label}}</legend>\r\n<div class=\"radiosfield-input\">\r\n\t<label *ngFor=\"let option of _options, let i = index\" class=\"radio\">\r\n\t\t<input\r\n\t\t\tclass=\"radio-input\"\r\n\t\t\ttype=\"radio\"\r\n\t\t\t[name]=\"to['name']\"\r\n\t\t\t[value]=\"option.value\"\r\n\t\t\t[id]=\"id + '_'+ i\"\r\n\t\t\t[formControl]=\"formControl\"\r\n\t\t\t[formlyAttributes]=\"field\"\r\n\t\t/>\r\n\t\t<span class=\"radio-label\">{{option.label}}</span>\r\n\t</label>\r\n</div>\r\n", styles: [""], directives: [{ type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldRadios, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-field-radios', template: "<legend class=\"radiosfield-label\">{{to.label}}</legend>\r\n<div class=\"radiosfield-input\">\r\n\t<label *ngFor=\"let option of _options, let i = index\" class=\"radio\">\r\n\t\t<input\r\n\t\t\tclass=\"radio-input\"\r\n\t\t\ttype=\"radio\"\r\n\t\t\t[name]=\"to['name']\"\r\n\t\t\t[value]=\"option.value\"\r\n\t\t\t[id]=\"id + '_'+ i\"\r\n\t\t\t[formControl]=\"formControl\"\r\n\t\t\t[formlyAttributes]=\"field\"\r\n\t\t/>\r\n\t\t<span class=\"radio-label\">{{option.label}}</span>\r\n\t</label>\r\n</div>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n"] }]
+            args: [{ selector: 'lu-formly-field-radios', template: "<legend class=\"radiosfield-label\">{{to.label}}</legend>\r\n<div class=\"radiosfield-input\">\r\n\t<label *ngFor=\"let option of _options, let i = index\" class=\"radio\">\r\n\t\t<input\r\n\t\t\tclass=\"radio-input\"\r\n\t\t\ttype=\"radio\"\r\n\t\t\t[name]=\"to['name']\"\r\n\t\t\t[value]=\"option.value\"\r\n\t\t\t[id]=\"id + '_'+ i\"\r\n\t\t\t[formControl]=\"formControl\"\r\n\t\t\t[formlyAttributes]=\"field\"\r\n\t\t/>\r\n\t\t<span class=\"radio-label\">{{option.label}}</span>\r\n\t</label>\r\n</div>\r\n", styles: [""] }]
         }] });
 
 // eslint-disable-next-line @angular-eslint/component-class-suffix
@@ -171,10 +168,10 @@ class LuFormlyFieldSelect extends FieldType {
     }
 }
 LuFormlyFieldSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldSelect, selector: "lu-formly-field-select", usesInheritance: true, ngImport: i0, template: "<lu-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t[placeholder]=\"to.placeholder\"\r\n>\r\n\t<ng-container *luDisplayer=\"let option\">\r\n\t\t<span [class.chip]=\"to['multiple']\" [class.mod-unkillable]=\"to['multiple']\">{{ option.name }}</span>\r\n\t</ng-container>\r\n\t<lu-option-picker>\r\n\t\t<lu-option *ngFor=\"let option of _options\" [value]=\"option\"> {{ option.name }} </lu-option>\r\n\t</lu-option-picker>\r\n\t<lu-input-clearer *ngIf=\"!to.required && !to['multiple']\"></lu-input-clearer>\r\n</lu-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"], components: [{ type: i1$5.LuSelectInputComponent, selector: "lu-select" }, { type: i2$1.LuOptionPickerComponent, selector: "lu-option-picker", exportAs: ["LuOptionPicker"] }, { type: i2$1.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { type: i3$1.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { type: i3$1.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+LuFormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldSelect, selector: "lu-formly-field-select", usesInheritance: true, ngImport: i0, template: "<lu-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t[placeholder]=\"to.placeholder\"\r\n>\r\n\t<ng-container *luDisplayer=\"let option\">\r\n\t\t<span [class.chip]=\"to['multiple']\" [class.mod-unkillable]=\"to['multiple']\">{{ option.name }}</span>\r\n\t</ng-container>\r\n\t<lu-option-picker>\r\n\t\t<lu-option *ngFor=\"let option of _options\" [value]=\"option\"> {{ option.name }} </lu-option>\r\n\t</lu-option-picker>\r\n\t<lu-input-clearer *ngIf=\"!to.required && !to['multiple']\"></lu-input-clearer>\r\n</lu-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""], components: [{ type: i1$5.LuSelectInputComponent, selector: "lu-select" }, { type: i2$1.LuOptionPickerComponent, selector: "lu-option-picker", exportAs: ["LuOptionPicker"] }, { type: i2$1.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { type: i3$1.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { type: i3$1.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldSelect, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-field-select', template: "<lu-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t[placeholder]=\"to.placeholder\"\r\n>\r\n\t<ng-container *luDisplayer=\"let option\">\r\n\t\t<span [class.chip]=\"to['multiple']\" [class.mod-unkillable]=\"to['multiple']\">{{ option.name }}</span>\r\n\t</ng-container>\r\n\t<lu-option-picker>\r\n\t\t<lu-option *ngFor=\"let option of _options\" [value]=\"option\"> {{ option.name }} </lu-option>\r\n\t</lu-option-picker>\r\n\t<lu-input-clearer *ngIf=\"!to.required && !to['multiple']\"></lu-input-clearer>\r\n</lu-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"] }]
+            args: [{ selector: 'lu-formly-field-select', template: "<lu-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t[placeholder]=\"to.placeholder\"\r\n>\r\n\t<ng-container *luDisplayer=\"let option\">\r\n\t\t<span [class.chip]=\"to['multiple']\" [class.mod-unkillable]=\"to['multiple']\">{{ option.name }}</span>\r\n\t</ng-container>\r\n\t<lu-option-picker>\r\n\t\t<lu-option *ngFor=\"let option of _options\" [value]=\"option\"> {{ option.name }} </lu-option>\r\n\t</lu-option-picker>\r\n\t<lu-input-clearer *ngIf=\"!to.required && !to['multiple']\"></lu-input-clearer>\r\n</lu-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""] }]
         }] });
 
 // eslint-disable-next-line @angular-eslint/component-class-suffix
@@ -187,10 +184,10 @@ class LuFormlyFieldTextarea extends FieldType {
     }
 }
 LuFormlyFieldTextarea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldTextarea, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyFieldTextarea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldTextarea, selector: "lu-formly-field-input", usesInheritance: true, ngImport: i0, template: "<textarea\r\n\tclass=\"textfield-input\"\r\n\t[name]=\"to['name']\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\tluInput\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n></textarea>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n"], directives: [{ type: i2.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$1.LuInputDirective, selector: "[luInput]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
+LuFormlyFieldTextarea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldTextarea, selector: "lu-formly-field-input", usesInheritance: true, ngImport: i0, template: "<textarea\r\n\tclass=\"textfield-input\"\r\n\t[name]=\"to['name']\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\tluInput\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n></textarea>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [""], directives: [{ type: i2.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$1.LuInputDirective, selector: "[luInput]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldTextarea, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-field-input', template: "<textarea\r\n\tclass=\"textfield-input\"\r\n\t[name]=\"to['name']\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\tluInput\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n></textarea>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n"] }]
+            args: [{ selector: 'lu-formly-field-input', template: "<textarea\r\n\tclass=\"textfield-input\"\r\n\t[name]=\"to['name']\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\tluInput\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n></textarea>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [""] }]
         }] });
 
 // eslint-disable-next-line @angular-eslint/component-class-suffix
@@ -203,10 +200,10 @@ class LuFormlyFieldUser extends FieldType {
     }
 }
 LuFormlyFieldUser.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldUser, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyFieldUser.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldUser, selector: "lu-formly-field-user", usesInheritance: true, ngImport: i0, template: "<lu-user-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n>\r\n</lu-user-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"], components: [{ type: i1$6.LuUserSelectInputComponent, selector: "lu-user-select", inputs: ["placeholder", "fields", "filters", "orderBy", "appInstanceId", "operations", "enableFormerEmployees"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
+LuFormlyFieldUser.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldUser, selector: "lu-formly-field-user", usesInheritance: true, ngImport: i0, template: "<lu-user-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n>\r\n</lu-user-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""], components: [{ type: i1$6.LuUserSelectInputComponent, selector: "lu-user-select", inputs: ["placeholder", "fields", "filters", "orderBy", "appInstanceId", "operations", "enableFormerEmployees"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldUser, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-field-user', template: "<lu-user-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n>\r\n</lu-user-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"] }]
+            args: [{ selector: 'lu-formly-field-user', template: "<lu-user-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n>\r\n</lu-user-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""] }]
         }] });
 
 // eslint-disable-next-line @angular-eslint/component-class-suffix
@@ -219,10 +216,10 @@ class LuFormlyFieldQualification extends FieldType {
     }
 }
 LuFormlyFieldQualification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldQualification, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyFieldQualification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldQualification, selector: "lu-formly-field-qualification", usesInheritance: true, ngImport: i0, template: "<lu-qualification-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[filters]=\"to['filters']\"\r\n>\r\n</lu-qualification-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"], components: [{ type: i1$7.LuQualificationSelectInputComponent, selector: "lu-qualification-select", inputs: ["filters"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
+LuFormlyFieldQualification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyFieldQualification, selector: "lu-formly-field-qualification", usesInheritance: true, ngImport: i0, template: "<lu-qualification-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[filters]=\"to['filters']\"\r\n>\r\n</lu-qualification-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""], components: [{ type: i1$7.LuQualificationSelectInputComponent, selector: "lu-qualification-select", inputs: ["filters"] }], directives: [{ type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyFieldQualification, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-field-qualification', template: "<lu-qualification-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[filters]=\"to['filters']\"\r\n>\r\n</lu-qualification-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: [":host{width:100%;display:inherit;align-items:inherit;flex-direction:inherit}\n", ":host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}\n"] }]
+            args: [{ selector: 'lu-formly-field-qualification', template: "<lu-qualification-select\r\n\tclass=\"textfield-input\"\r\n\t[formControl]=\"formControl\"\r\n\t[formlyAttributes]=\"field\"\r\n\t[multiple]=\"to['multiple']\"\r\n\t(focus)=\"focus()\"\r\n\t(blur)=\"blur()\"\r\n\t[placeholder]=\"to.placeholder\"\r\n\t[filters]=\"to['filters']\"\r\n>\r\n</lu-qualification-select>\r\n<span class=\"textfield-label\">{{ to.label }}</span>\r\n", styles: ["", ""] }]
         }] });
 
 // wrapper
@@ -233,10 +230,10 @@ class LuFormlyWrapperError extends FieldWrapper {
     }
 }
 LuFormlyWrapperError.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperError, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyWrapperError.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperError, selector: "lu-formly-wrapper-error", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent></ng-container>\r\n<div class=\"textfield-messages\" *ngIf=\"formControl.touched && formControl.invalid\" [id]=\"validationId\">\r\n\t<lu-formly-error-message [fieldForm]=\"formControl\" [field]=\"field\"></lu-formly-error-message>\r\n</div>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n"], components: [{ type: i0.forwardRef(function () { return LuFormlyErrorMessage; }), selector: "lu-formly-error-message", inputs: ["fieldForm", "field"] }], directives: [{ type: i0.forwardRef(function () { return i1$2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LuFormlyWrapperError.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperError, selector: "lu-formly-wrapper-error", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent></ng-container>\r\n<div class=\"textfield-messages\" *ngIf=\"formControl.touched && formControl.invalid\" [id]=\"validationId\">\r\n\t<lu-formly-error-message [fieldForm]=\"formControl\" [field]=\"field\"></lu-formly-error-message>\r\n</div>\r\n", styles: [""], components: [{ type: i0.forwardRef(function () { return LuFormlyErrorMessage; }), selector: "lu-formly-error-message", inputs: ["fieldForm", "field"] }], directives: [{ type: i0.forwardRef(function () { return i1$2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperError, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-wrapper-error', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #fieldComponent></ng-container>\r\n<div class=\"textfield-messages\" *ngIf=\"formControl.touched && formControl.invalid\" [id]=\"validationId\">\r\n\t<lu-formly-error-message [fieldForm]=\"formControl\" [field]=\"field\"></lu-formly-error-message>\r\n</div>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n"] }]
+            args: [{ selector: 'lu-formly-wrapper-error', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #fieldComponent></ng-container>\r\n<div class=\"textfield-messages\" *ngIf=\"formControl.touched && formControl.invalid\" [id]=\"validationId\">\r\n\t<lu-formly-error-message [fieldForm]=\"formControl\" [field]=\"field\"></lu-formly-error-message>\r\n</div>\r\n", styles: [""] }]
         }], propDecorators: { fieldComponent: [{
                 type: ViewChild,
                 args: ['fieldComponent', { read: ViewContainerRef, static: true }]
@@ -292,10 +289,10 @@ class TemplateError {
 class LuFormlyWrapperHelper extends FieldWrapper {
 }
 LuFormlyWrapperHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperHelper, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyWrapperHelper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperHelper, selector: "lu-formly-wrapper-helper", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent></ng-container>\r\n<div class=\"textfield-messages mod-helper\">\r\n\t<div class=\"textfield-messages-helper\">{{ to['helper'] }}</div>\r\n</div>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LuFormlyWrapperHelper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperHelper, selector: "lu-formly-wrapper-helper", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent></ng-container>\r\n<div class=\"textfield-messages mod-helper\">\r\n\t<div class=\"textfield-messages-helper\">{{ to['helper'] }}</div>\r\n</div>\r\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperHelper, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-wrapper-helper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #fieldComponent></ng-container>\r\n<div class=\"textfield-messages mod-helper\">\r\n\t<div class=\"textfield-messages-helper\">{{ to['helper'] }}</div>\r\n</div>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n"] }]
+            args: [{ selector: 'lu-formly-wrapper-helper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #fieldComponent></ng-container>\r\n<div class=\"textfield-messages mod-helper\">\r\n\t<div class=\"textfield-messages-helper\">{{ to['helper'] }}</div>\r\n</div>\r\n", styles: [""] }]
         }], propDecorators: { fieldComponent: [{
                 type: ViewChild,
                 args: ['fieldComponent', { read: ViewContainerRef, static: true }]
@@ -317,10 +314,10 @@ class TemplateHelper {
 class LuFormlyWrapperIcon extends FieldWrapper {
 }
 LuFormlyWrapperIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperIcon, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyWrapperIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperIcon, selector: "lu-formly-wrapper-suffix", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent></ng-container>\r\n<span aria-hidden=\"true\" class=\"textfield-suffix mod-icon lucca-icon\">{{ to['icon'] }}</span>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n", ":host .textfield-suffix{pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LuFormlyWrapperIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperIcon, selector: "lu-formly-wrapper-suffix", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent></ng-container>\r\n<span aria-hidden=\"true\" class=\"textfield-suffix mod-icon lucca-icon\">{{ to['icon'] }}</span>\r\n", styles: ["", ""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperIcon, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-wrapper-suffix', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #fieldComponent></ng-container>\r\n<span aria-hidden=\"true\" class=\"textfield-suffix mod-icon lucca-icon\">{{ to['icon'] }}</span>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n", ":host .textfield-suffix{pointer-events:none}\n"] }]
+            args: [{ selector: 'lu-formly-wrapper-suffix', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #fieldComponent></ng-container>\r\n<span aria-hidden=\"true\" class=\"textfield-suffix mod-icon lucca-icon\">{{ to['icon'] }}</span>\r\n", styles: ["", ""] }]
         }], propDecorators: { fieldComponent: [{
                 type: ViewChild,
                 args: ['fieldComponent', { read: ViewContainerRef, static: true }]
@@ -362,10 +359,10 @@ class LuFormlyWrapperRadiosfieldLayout extends FieldWrapper {
     }
 }
 LuFormlyWrapperRadiosfieldLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperRadiosfieldLayout, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyWrapperRadiosfieldLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperRadiosfieldLayout, selector: "lu-formly-wrapper-radiosfield-layout", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldsetWrapper\">\r\n\t<fieldset class=\"radiosfield\" [ngClass]=\"[mod, isRequired, isFocused, isError]\">\r\n\t\t<ng-container #fieldComponent></ng-container>\r\n\t</fieldset>\r\n</div>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n"], directives: [{ type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LuFormlyWrapperRadiosfieldLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperRadiosfieldLayout, selector: "lu-formly-wrapper-radiosfield-layout", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldsetWrapper\">\r\n\t<fieldset class=\"radiosfield\" [ngClass]=\"[mod, isRequired, isFocused, isError]\">\r\n\t\t<ng-container #fieldComponent></ng-container>\r\n\t</fieldset>\r\n</div>\r\n", styles: [""], directives: [{ type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperRadiosfieldLayout, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-wrapper-radiosfield-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fieldsetWrapper\">\r\n\t<fieldset class=\"radiosfield\" [ngClass]=\"[mod, isRequired, isFocused, isError]\">\r\n\t\t<ng-container #fieldComponent></ng-container>\r\n\t</fieldset>\r\n</div>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n"] }]
+            args: [{ selector: 'lu-formly-wrapper-radiosfield-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fieldsetWrapper\">\r\n\t<fieldset class=\"radiosfield\" [ngClass]=\"[mod, isRequired, isFocused, isError]\">\r\n\t\t<ng-container #fieldComponent></ng-container>\r\n\t</fieldset>\r\n</div>\r\n", styles: [""] }]
         }], propDecorators: { fieldComponent: [{
                 type: ViewChild,
                 args: ['fieldComponent', { read: ViewContainerRef, static: true }]
@@ -376,10 +373,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
 class LuFormlyWrapperSuffix extends FieldWrapper {
 }
 LuFormlyWrapperSuffix.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperSuffix, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyWrapperSuffix.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperSuffix, selector: "lu-formly-wrapper-suffix", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent></ng-container>\r\n<span class=\"textfield-suffix\">{{ to['suffix'] }}</span>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n", ":host .textfield-suffix{pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LuFormlyWrapperSuffix.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperSuffix, selector: "lu-formly-wrapper-suffix", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent></ng-container>\r\n<span class=\"textfield-suffix\">{{ to['suffix'] }}</span>\r\n", styles: ["", ""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperSuffix, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-wrapper-suffix', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #fieldComponent></ng-container>\r\n<span class=\"textfield-suffix\">{{ to['suffix'] }}</span>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n", ":host .textfield-suffix{pointer-events:none}\n"] }]
+            args: [{ selector: 'lu-formly-wrapper-suffix', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #fieldComponent></ng-container>\r\n<span class=\"textfield-suffix\">{{ to['suffix'] }}</span>\r\n", styles: ["", ""] }]
         }], propDecorators: { fieldComponent: [{
                 type: ViewChild,
                 args: ['fieldComponent', { read: ViewContainerRef, static: true }]
@@ -423,10 +420,10 @@ class LuFormlyWrapperTextfieldLayout extends FieldWrapper {
     }
 }
 LuFormlyWrapperTextfieldLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperTextfieldLayout, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyWrapperTextfieldLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperTextfieldLayout, selector: "lu-formly-wrapper-layout", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"textfield\" [ngClass]=\"[mod, modWithSuffix, modMultiline, isRequired, isFocused, isError, isDisabled]\">\r\n\t<ng-container #fieldComponent></ng-container>\r\n</label>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n"], directives: [{ type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LuFormlyWrapperTextfieldLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperTextfieldLayout, selector: "lu-formly-wrapper-layout", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"textfield\" [ngClass]=\"[mod, modWithSuffix, modMultiline, isRequired, isFocused, isError, isDisabled]\">\r\n\t<ng-container #fieldComponent></ng-container>\r\n</label>\r\n", styles: [""], directives: [{ type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperTextfieldLayout, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-wrapper-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"textfield\" [ngClass]=\"[mod, modWithSuffix, modMultiline, isRequired, isFocused, isError, isDisabled]\">\r\n\t<ng-container #fieldComponent></ng-container>\r\n</label>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n"] }]
+            args: [{ selector: 'lu-formly-wrapper-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"textfield\" [ngClass]=\"[mod, modWithSuffix, modMultiline, isRequired, isFocused, isError, isDisabled]\">\r\n\t<ng-container #fieldComponent></ng-container>\r\n</label>\r\n", styles: [""] }]
         }], propDecorators: { fieldComponent: [{
                 type: ViewChild,
                 args: ['fieldComponent', { read: ViewContainerRef, static: true }]
@@ -449,10 +446,10 @@ class LuFormlyWrapperCheckboxLayout extends FieldWrapper {
     }
 }
 LuFormlyWrapperCheckboxLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperCheckboxLayout, deps: null, target: i0.ɵɵFactoryTarget.Component });
-LuFormlyWrapperCheckboxLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperCheckboxLayout, selector: "lu-formly-wrapper-checkbox-layout", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldsetWrapper\">\r\n\t<fieldset class=\"checkboxesfield\" [ngClass]=\"[mod, isRequired, isFocused, isError]\">\r\n\t\t<ng-container #fieldComponent></ng-container>\r\n\t</fieldset>\r\n</div>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n"], directives: [{ type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LuFormlyWrapperCheckboxLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuFormlyWrapperCheckboxLayout, selector: "lu-formly-wrapper-checkbox-layout", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldsetWrapper\">\r\n\t<fieldset class=\"checkboxesfield\" [ngClass]=\"[mod, isRequired, isFocused, isError]\">\r\n\t\t<ng-container #fieldComponent></ng-container>\r\n\t</fieldset>\r\n</div>\r\n", styles: [""], directives: [{ type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuFormlyWrapperCheckboxLayout, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-formly-wrapper-checkbox-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fieldsetWrapper\">\r\n\t<fieldset class=\"checkboxesfield\" [ngClass]=\"[mod, isRequired, isFocused, isError]\">\r\n\t\t<ng-container #fieldComponent></ng-container>\r\n\t</fieldset>\r\n</div>\r\n", styles: [":host{display:inherit;flex-direction:inherit;flex:1 1 auto;width:100%}\n"] }]
+            args: [{ selector: 'lu-formly-wrapper-checkbox-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fieldsetWrapper\">\r\n\t<fieldset class=\"checkboxesfield\" [ngClass]=\"[mod, isRequired, isFocused, isError]\">\r\n\t\t<ng-container #fieldComponent></ng-container>\r\n\t</fieldset>\r\n</div>\r\n", styles: [""] }]
         }], propDecorators: { fieldComponent: [{
                 type: ViewChild,
                 args: ['fieldComponent', { read: ViewContainerRef, static: true }]