@lucca-front/ng 8.2.2 → 9.0.0-alpha.3

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

@@ -50,10 +50,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[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: ["", ""], 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[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: ["", ""] }]
         }] });
 
 // eslint-disable-next-line @angular-eslint/component-class-suffix
@@ -66,10 +66,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 +82,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 +98,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 +114,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 +133,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 +152,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 +171,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 +187,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 +203,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 +219,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 +233,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 +292,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 +317,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 +362,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 +376,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 +423,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 +449,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 }]