@lucca-front/ng 7.4.0 → 8.0.0

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

@@ -0,0 +1,624 @@
+import * as i1$2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ViewContainerRef, ChangeDetectionStrategy, ViewChild, Input, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i1 from '@lucca-front/ng/api';
+import { LuApiModule } from '@lucca-front/ng/api';
+import * as i1$3 from '@lucca-front/ng/date';
+import { LuDateModule } from '@lucca-front/ng/date';
+import * as i1$4 from '@lucca-front/ng/department';
+import { LuDepartmentModule } from '@lucca-front/ng/department';
+import * as i1$1 from '@lucca-front/ng/establishment';
+import { LuEstablishmentModule } from '@lucca-front/ng/establishment';
+import * as i3$1 from '@lucca-front/ng/input';
+import { LuInputModule } from '@lucca-front/ng/input';
+import * as i2$1 from '@lucca-front/ng/option';
+import { LuOptionModule } from '@lucca-front/ng/option';
+import * as i1$7 from '@lucca-front/ng/qualification';
+import { LuQualificationModule } from '@lucca-front/ng/qualification';
+import * as i1$5 from '@lucca-front/ng/select';
+import { LuSelectModule } from '@lucca-front/ng/select';
+import * as i1$6 from '@lucca-front/ng/user';
+import { LuUserModule } from '@lucca-front/ng/user';
+import * as i3 from '@ngx-formly/core';
+import { FieldType, FieldWrapper, FormlyModule } from '@ngx-formly/core';
+
+class LuFormlyFieldApi extends FieldType {
+    get _api() {
+        return this.to['api'];
+    }
+    get _filters() {
+        return this.to['filters'] || [];
+    }
+    get _orderBy() {
+        return this.to['orderBy'];
+    }
+    get _standard() {
+        return this.to['standard'] || 'v3';
+    }
+    focus() {
+        this.to['_isFocused'] = true;
+    }
+    blur() {
+        this.to['_isFocused'] = false;
+    }
+}
+LuFormlyFieldApi.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldApi, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyFieldApi.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuFormlyFieldApi, selector: "lu-formly-field-api", usesInheritance: true, ngImport: i0, template: "<lu-api-select class=\"textfield-input\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" [multiple]=\"to['multiple']\"\r\n (focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\" [api]=\"_api\" [filters]=\"_filters\" [orderBy]=\"_orderBy\" [standard]=\"_standard\">\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"] }], 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.0.2", ngImport: i0, type: LuFormlyFieldApi, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-formly-field-api', template: "<lu-api-select class=\"textfield-input\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" [multiple]=\"to['multiple']\"\r\n (focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\" [api]=\"_api\" [filters]=\"_filters\" [orderBy]=\"_orderBy\" [standard]=\"_standard\">\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"] }]
+        }] });
+
+class LuFormlyFieldEstablishment extends FieldType {
+    focus() {
+        this.to['_isFocused'] = true;
+    }
+    blur() {
+        this.to['_isFocused'] = false;
+    }
+}
+LuFormlyFieldEstablishment.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldEstablishment, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyFieldEstablishment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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\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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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\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"] }]
+        }] });
+
+class LuFormlyFieldCheckbox extends FieldType {
+    focus() {
+        this.to['_isFocused'] = true;
+    }
+    blur() {
+        this.to['_isFocused'] = false;
+    }
+}
+LuFormlyFieldCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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"] }]
+        }] });
+
+class LuFormlyFieldDate extends FieldType {
+    focus() {
+        this.to['_isFocused'] = true;
+    }
+    blur() {
+        this.to['_isFocused'] = false;
+    }
+}
+LuFormlyFieldDate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldDate, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyFieldDate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuFormlyFieldDate, selector: "lu-formly-field-date", usesInheritance: true, ngImport: i0, template: "<lu-date-select class=\"textfield-input\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" \r\n\t(focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\"  [min]=\"to.min\" [max]=\"to.max\"></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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldDate, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-formly-field-date', template: "<lu-date-select class=\"textfield-input\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" \r\n\t(focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\"  [min]=\"to.min\" [max]=\"to.max\"></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"] }]
+        }] });
+
+class LuFormlyFieldDepartment extends FieldType {
+    focus() {
+        this.to['_isFocused'] = true;
+    }
+    blur() {
+        this.to['_isFocused'] = false;
+    }
+}
+LuFormlyFieldDepartment.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldDepartment, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyFieldDepartment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuFormlyFieldDepartment, selector: "lu-formly-field-department", usesInheritance: true, ngImport: i0, template: "<lu-department-select class=\"textfield-input\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" [multiple]=\"to['multiple']\"\r\n (focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\">\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"] }], 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.0.2", ngImport: i0, type: LuFormlyFieldDepartment, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-formly-field-department', template: "<lu-department-select class=\"textfield-input\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" [multiple]=\"to['multiple']\"\r\n (focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\">\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"] }]
+        }] });
+
+class LuFormlyFieldInput extends FieldType {
+    get type() {
+        return this.to.type || 'text';
+    }
+    focus() {
+        this.to['_isFocused'] = true;
+    }
+    blur() {
+        this.to['_isFocused'] = false;
+    }
+}
+LuFormlyFieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuFormlyFieldInput, selector: "lu-formly-field-input", usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"type !== 'number'\" [ngIfElse]=\"numberInput\">\r\n    <input [type]=\"type\" class=\"textfield-input\" [name]=\"to['name']\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" luInput (focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\">\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    <input type=\"number\" class=\"textfield-input\" [name]=\"to['name']\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" luInput (focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\">\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]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-formly-field-input', template: "<ng-template [ngIf]=\"type !== 'number'\" [ngIfElse]=\"numberInput\">\r\n    <input [type]=\"type\" class=\"textfield-input\" [name]=\"to['name']\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" luInput (focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\">\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    <input type=\"number\" class=\"textfield-input\" [name]=\"to['name']\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" luInput (focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\">\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"] }]
+        }] });
+
+class LuFormlyFieldRadios extends FieldType {
+    get _options() {
+        return this.to.options || [];
+    }
+    focus() {
+        this.to['_isFocused'] = true;
+    }
+    blur() {
+        this.to['_isFocused'] = false;
+    }
+}
+LuFormlyFieldRadios.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldRadios, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyFieldRadios.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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 class=\"radio-input\" type=\"radio\" [name]=\"to['name']\" [value]=\"option.value\" [id]=\"id + '_'+ i\" [formControl]=\"formControl\" [formlyAttributes]=\"field\">\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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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 class=\"radio-input\" type=\"radio\" [name]=\"to['name']\" [value]=\"option.value\" [id]=\"id + '_'+ i\" [formControl]=\"formControl\" [formlyAttributes]=\"field\">\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"] }]
+        }] });
+
+class LuFormlyFieldSelect extends FieldType {
+    get _options() {
+        return this.to.options || [];
+    }
+    focus() {
+        this.to['_isFocused'] = true;
+    }
+    blur() {
+        this.to['_isFocused'] = false;
+    }
+}
+LuFormlyFieldSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuFormlyFieldSelect, selector: "lu-formly-field-select", usesInheritance: true, ngImport: i0, template: "<lu-select class=\"textfield-input\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" (focus)=\"focus()\" (blur)=\"blur()\" [multiple]=\"to['multiple']\" [placeholder]=\"to.placeholder\">\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\">\r\n\t\t\t{{ option.name }}\r\n\t\t</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"], 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.0.2", ngImport: i0, type: LuFormlyFieldSelect, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-formly-field-select', template: "<lu-select class=\"textfield-input\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" (focus)=\"focus()\" (blur)=\"blur()\" [multiple]=\"to['multiple']\" [placeholder]=\"to.placeholder\">\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\">\r\n\t\t\t{{ option.name }}\r\n\t\t</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"] }]
+        }] });
+
+class LuFormlyFieldTextarea extends FieldType {
+    focus() {
+        this.to['_isFocused'] = true;
+    }
+    blur() {
+        this.to['_isFocused'] = false;
+    }
+}
+LuFormlyFieldTextarea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldTextarea, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyFieldTextarea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuFormlyFieldTextarea, selector: "lu-formly-field-input", usesInheritance: true, ngImport: i0, template: "<textarea class=\"textfield-input\" [name]=\"to['name']\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" luInput (focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\"></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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldTextarea, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-formly-field-input', template: "<textarea class=\"textfield-input\" [name]=\"to['name']\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" luInput (focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\"></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"] }]
+        }] });
+
+class LuFormlyFieldUser extends FieldType {
+    focus() {
+        this.to['_isFocused'] = true;
+    }
+    blur() {
+        this.to['_isFocused'] = false;
+    }
+}
+LuFormlyFieldUser.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldUser, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyFieldUser.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuFormlyFieldUser, selector: "lu-formly-field-user", usesInheritance: true, ngImport: i0, template: "<lu-user-select class=\"textfield-input\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" [multiple]=\"to['multiple']\" (focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\">\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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldUser, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-formly-field-user', template: "<lu-user-select class=\"textfield-input\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" [multiple]=\"to['multiple']\" (focus)=\"focus()\" (blur)=\"blur()\" [placeholder]=\"to.placeholder\">\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"] }]
+        }] });
+
+class LuFormlyFieldQualification extends FieldType {
+    focus() {
+        this.to['_isFocused'] = true;
+    }
+    blur() {
+        this.to['_isFocused'] = false;
+    }
+}
+LuFormlyFieldQualification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyFieldQualification, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyFieldQualification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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\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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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\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"] }]
+        }] });
+
+// wrapper
+class LuFormlyWrapperError extends FieldWrapper {
+    get validationId() {
+        return this.field.id + '-message';
+    }
+}
+LuFormlyWrapperError.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyWrapperError, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyWrapperError.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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"] }]
+        }], propDecorators: { fieldComponent: [{
+                type: ViewChild,
+                args: ['fieldComponent', { read: ViewContainerRef, static: true }]
+            }] } });
+// component that display the right error message
+class LuFormlyErrorMessage {
+    constructor() { }
+    get errorMessages() {
+        const messages = [];
+        if (!!this.fieldForm.errors) {
+            Object.keys(this.fieldForm.errors).forEach(key => {
+                if (this.field.validation &&
+                    this.field.validation.messages &&
+                    this.field.validation.messages[key]) {
+                    messages.push(this.field.validation.messages[key]);
+                }
+            });
+        }
+        return messages;
+    }
+}
+LuFormlyErrorMessage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyErrorMessage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LuFormlyErrorMessage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuFormlyErrorMessage, selector: "lu-formly-error-message", inputs: { fieldForm: "fieldForm", field: "field" }, ngImport: i0, template: `<div class="textfield-messages-error" *ngFor="let message of errorMessages">{{ message }}</div>`, isInline: true, directives: [{ type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyErrorMessage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lu-formly-error-message',
+                    template: `<div class="textfield-messages-error" *ngFor="let message of errorMessages">{{ message }}</div>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { fieldForm: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }] } });
+// run to know when to add said wrapper
+class TemplateError {
+    run(fc) {
+        fc.templateManipulators.postWrapper.push((field) => {
+            if (field && field.validation) {
+                return 'error';
+            }
+            return '';
+        });
+    }
+}
+
+// wrapper component
+class LuFormlyWrapperHelper extends FieldWrapper {
+}
+LuFormlyWrapperHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyWrapperHelper, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyWrapperHelper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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"] }]
+        }], propDecorators: { fieldComponent: [{
+                type: ViewChild,
+                args: ['fieldComponent', { read: ViewContainerRef, static: true }]
+            }] } });
+// run to know when to add said wrapper
+class TemplateHelper {
+    run(fc) {
+        fc.templateManipulators.postWrapper.push((field) => {
+            if (field && field.templateOptions && field.templateOptions['helper']) {
+                return 'helper';
+            }
+            return '';
+        });
+    }
+}
+
+// wrapper component
+class LuFormlyWrapperIcon extends FieldWrapper {
+}
+LuFormlyWrapperIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyWrapperIcon, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyWrapperIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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"] }]
+        }], propDecorators: { fieldComponent: [{
+                type: ViewChild,
+                args: ['fieldComponent', { read: ViewContainerRef, static: true }]
+            }] } });
+// run to know when to add said wrapper
+class TemplateIcon {
+    run(fc) {
+        fc.templateManipulators.postWrapper.push((field) => {
+            // if (field && field.type === 'date') {
+            // 	field.templateOptions.icon = 'calendar';
+            // 	return 'icon';
+            // }
+            // if (field && field.type === 'api') {
+            // 	field.templateOptions.icon = 'search';
+            // 	return 'icon';
+            // }
+            if (field && field.templateOptions && field.templateOptions['icon']) {
+                return 'icon';
+            }
+            return '';
+        });
+    }
+}
+
+// wrapper component
+class LuFormlyWrapperRadiosfieldLayout extends FieldWrapper {
+    get mod() {
+        return this.to['mod'] || '';
+    }
+    get isRequired() {
+        return !!this.to && !!this.to.required ? 'is-required' : '';
+    }
+    get isFocused() {
+        return !!this.to && this.to['_isFocused'] ? 'is-focused' : '';
+    }
+    get isError() {
+        return this.formControl.invalid && this.formControl.touched
+            ? 'is-error'
+            : '';
+    }
+}
+LuFormlyWrapperRadiosfieldLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyWrapperRadiosfieldLayout, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyWrapperRadiosfieldLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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"] }]
+        }], propDecorators: { fieldComponent: [{
+                type: ViewChild,
+                args: ['fieldComponent', { read: ViewContainerRef, static: true }]
+            }] } });
+
+// wrapper component
+class LuFormlyWrapperSuffix extends FieldWrapper {
+}
+LuFormlyWrapperSuffix.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyWrapperSuffix, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyWrapperSuffix.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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"] }]
+        }], propDecorators: { fieldComponent: [{
+                type: ViewChild,
+                args: ['fieldComponent', { read: ViewContainerRef, static: true }]
+            }] } });
+// run to know when to add said wrapper
+class TemplateSuffix {
+    run(fc) {
+        fc.templateManipulators.postWrapper.push((field) => {
+            if (field &&
+                field.templateOptions &&
+                field.templateOptions['suffix'] &&
+                !field.templateOptions['icon']) {
+                return 'suffix';
+            }
+            return '';
+        });
+    }
+}
+
+// wrapper component
+class LuFormlyWrapperTextfieldLayout extends FieldWrapper {
+    get mod() {
+        return this.to['mod'] || '';
+    }
+    get modMultiline() {
+        return !!this.field && this.field.type === 'textarea'
+            ? 'mod-multiline'
+            : '';
+    }
+    get modWithSuffix() {
+        return !!this.to && !!this.to['suffix'] ? 'mod-withSuffix' : '';
+    }
+    get isRequired() {
+        return !!this.to && !!this.to.required ? 'is-required' : '';
+    }
+    get isDisabled() {
+        return !!this.to && !!this.to.disabled ? 'is-disabled' : '';
+    }
+    get isFocused() {
+        return !!this.to && this.to['_isFocused'] ? 'is-focused' : '';
+    }
+    get isError() {
+        return this.formControl.invalid && this.formControl.touched
+            ? 'is-error'
+            : '';
+    }
+}
+LuFormlyWrapperTextfieldLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyWrapperTextfieldLayout, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyWrapperTextfieldLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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"] }]
+        }], propDecorators: { fieldComponent: [{
+                type: ViewChild,
+                args: ['fieldComponent', { read: ViewContainerRef, static: true }]
+            }] } });
+
+// wrapper component
+class LuFormlyWrapperCheckboxLayout extends FieldWrapper {
+    get mod() {
+        return this.to['mod'] || '';
+    }
+    get isRequired() {
+        return !!this.to && !!this.to.required ? 'is-required' : '';
+    }
+    get isFocused() {
+        return !!this.to && this.to['_isFocused'] ? 'is-focused' : '';
+    }
+    get isError() {
+        return this.formControl.invalid && this.formControl.touched
+            ? 'is-error'
+            : '';
+    }
+}
+LuFormlyWrapperCheckboxLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyWrapperCheckboxLayout, deps: null, target: i0.ɵɵFactoryTarget.Component });
+LuFormlyWrapperCheckboxLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", 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"] }]
+        }], propDecorators: { fieldComponent: [{
+                type: ViewChild,
+                args: ['fieldComponent', { read: ViewContainerRef, static: true }]
+            }] } });
+
+// inputs
+const LU_FORMLY_CONFIG = {
+    types: [
+        {
+            name: 'input',
+            component: LuFormlyFieldInput,
+            wrappers: ['textfield-layout'],
+        },
+        {
+            name: 'radio',
+            component: LuFormlyFieldRadios,
+            wrappers: ['radiosfield-layout'],
+        },
+        {
+            name: 'checkbox',
+            component: LuFormlyFieldCheckbox,
+            wrappers: ['checkbox-layout'],
+        },
+        {
+            name: 'date',
+            component: LuFormlyFieldDate,
+            wrappers: ['textfield-layout'],
+        },
+        {
+            name: 'textarea',
+            component: LuFormlyFieldTextarea,
+            wrappers: ['textfield-layout'],
+        },
+        {
+            name: 'select',
+            component: LuFormlyFieldSelect,
+            wrappers: ['textfield-layout'],
+        },
+        {
+            name: 'user',
+            component: LuFormlyFieldUser,
+            wrappers: ['textfield-layout'],
+        },
+        {
+            name: 'api',
+            component: LuFormlyFieldApi,
+            wrappers: ['textfield-layout'],
+        },
+        {
+            name: 'department',
+            component: LuFormlyFieldDepartment,
+            wrappers: ['textfield-layout'],
+        },
+        {
+            name: 'establishment',
+            component: LuFormlyFieldEstablishment,
+            wrappers: ['textfield-layout']
+        },
+        {
+            name: 'qualification',
+            component: LuFormlyFieldQualification,
+            wrappers: ['textfield-layout']
+        }
+    ],
+    wrappers: [
+        { name: 'helper', component: LuFormlyWrapperHelper },
+        { name: 'checkbox-layout', component: LuFormlyWrapperCheckboxLayout },
+        { name: 'radiosfield-layout', component: LuFormlyWrapperRadiosfieldLayout },
+        { name: 'textfield-layout', component: LuFormlyWrapperTextfieldLayout },
+        { name: 'suffix', component: LuFormlyWrapperSuffix },
+        { name: 'icon', component: LuFormlyWrapperIcon },
+        { name: 'error', component: LuFormlyWrapperError },
+    ],
+    manipulators: [
+        { class: TemplateError, method: 'run' },
+        { class: TemplateHelper, method: 'run' },
+        { class: TemplateSuffix, method: 'run' },
+        { class: TemplateIcon, method: 'run' }, // second
+    ],
+};
+
+/** HACK to avoid a 'Function calls are not supported in decorators' error */
+const LuFormlyChild = FormlyModule.forChild(LU_FORMLY_CONFIG);
+class LuFormlyModule {
+}
+LuFormlyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuFormlyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyModule, declarations: [LuFormlyErrorMessage,
+        LuFormlyFieldInput,
+        LuFormlyFieldDate,
+        LuFormlyFieldTextarea,
+        LuFormlyFieldSelect,
+        LuFormlyFieldUser,
+        LuFormlyFieldApi,
+        LuFormlyFieldDepartment,
+        LuFormlyFieldEstablishment,
+        LuFormlyFieldQualification,
+        LuFormlyFieldRadios,
+        LuFormlyFieldCheckbox,
+        LuFormlyWrapperHelper,
+        LuFormlyWrapperCheckboxLayout,
+        LuFormlyWrapperTextfieldLayout,
+        LuFormlyWrapperRadiosfieldLayout,
+        LuFormlyWrapperSuffix,
+        LuFormlyWrapperIcon,
+        LuFormlyWrapperError], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        LuSelectModule,
+        LuOptionModule,
+        LuUserModule,
+        LuInputModule,
+        LuApiModule,
+        LuDepartmentModule,
+        LuEstablishmentModule,
+        LuQualificationModule,
+        LuDateModule, i3.FormlyModule] });
+LuFormlyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyModule, imports: [[
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            LuSelectModule,
+            LuOptionModule,
+            LuUserModule,
+            LuInputModule,
+            LuApiModule,
+            LuDepartmentModule,
+            LuEstablishmentModule,
+            LuQualificationModule,
+            LuDateModule,
+            LuFormlyChild,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuFormlyModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LuFormlyErrorMessage,
+                        LuFormlyFieldInput,
+                        LuFormlyFieldDate,
+                        LuFormlyFieldTextarea,
+                        LuFormlyFieldSelect,
+                        LuFormlyFieldUser,
+                        LuFormlyFieldApi,
+                        LuFormlyFieldDepartment,
+                        LuFormlyFieldEstablishment,
+                        LuFormlyFieldQualification,
+                        LuFormlyFieldRadios,
+                        LuFormlyFieldCheckbox,
+                        LuFormlyWrapperHelper,
+                        LuFormlyWrapperCheckboxLayout,
+                        LuFormlyWrapperTextfieldLayout,
+                        LuFormlyWrapperRadiosfieldLayout,
+                        LuFormlyWrapperSuffix,
+                        LuFormlyWrapperIcon,
+                        LuFormlyWrapperError,
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        LuSelectModule,
+                        LuOptionModule,
+                        LuUserModule,
+                        LuInputModule,
+                        LuApiModule,
+                        LuDepartmentModule,
+                        LuEstablishmentModule,
+                        LuQualificationModule,
+                        LuDateModule,
+                        LuFormlyChild,
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of formly
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LU_FORMLY_CONFIG, LuFormlyChild, LuFormlyErrorMessage, LuFormlyFieldApi, LuFormlyFieldCheckbox, LuFormlyFieldDate, LuFormlyFieldDepartment, LuFormlyFieldEstablishment, LuFormlyFieldInput, LuFormlyFieldQualification, LuFormlyFieldRadios, LuFormlyFieldSelect, LuFormlyFieldTextarea, LuFormlyFieldUser, LuFormlyModule, LuFormlyWrapperCheckboxLayout, LuFormlyWrapperError, LuFormlyWrapperHelper, LuFormlyWrapperIcon, LuFormlyWrapperRadiosfieldLayout, LuFormlyWrapperSuffix, LuFormlyWrapperTextfieldLayout, TemplateError, TemplateHelper, TemplateIcon, TemplateSuffix };
+//# sourceMappingURL=lucca-front-ng-formly.mjs.map