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

package/esm2020/formly/lib/types/user.mjs

@@ -14,9 +14,9 @@ export 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.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.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: ["", ""] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2Zvcm1seS9zcmMvbGliL3R5cGVzL3VzZXIudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9mb3JtbHkvc3JjL2xpYi90eXBlcy91c2VyLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBUTdDLGtFQUFrRTtBQUNsRSxNQUFNLE9BQU8saUJBQWtCLFNBQVEsU0FBUztJQUcvQyxLQUFLO1FBQ0osSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsR0FBRyxJQUFJLENBQUM7SUFDOUIsQ0FBQztJQUNELElBQUk7UUFDSCxJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksQ0FBQyxHQUFHLEtBQUssQ0FBQztJQUMvQixDQUFDOzs4R0FSVyxpQkFBaUI7a0dBQWpCLGlCQUFpQixtRkNYOUIscVVBV0E7MkZEQWEsaUJBQWlCO2tCQVA3QixTQUFTOytCQUNDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgRmllbGRUeXBlIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2x1LWZvcm1seS1maWVsZC11c2VyJyxcclxuXHRzdHlsZVVybHM6IFsnZm9ybWx5LWZpZWxkLmNvbW1vbi5zY3NzJywgJ3NlbGVjdC5zY3NzJ10sXHJcblx0dGVtcGxhdGVVcmw6ICcuL3VzZXIuaHRtbCcsXHJcblx0Ly8gY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LWNsYXNzLXN1ZmZpeFxyXG5leHBvcnQgY2xhc3MgTHVGb3JtbHlGaWVsZFVzZXIgZXh0ZW5kcyBGaWVsZFR5cGUge1xyXG5cdG92ZXJyaWRlIHJlYWRvbmx5IGZvcm1Db250cm9sOiBGb3JtQ29udHJvbDtcclxuXHJcblx0Zm9jdXMoKSB7XHJcblx0XHR0aGlzLnRvWydfaXNGb2N1c2VkJ10gPSB0cnVlO1xyXG5cdH1cclxuXHRibHVyKCkge1xyXG5cdFx0dGhpcy50b1snX2lzRm9jdXNlZCddID0gZmFsc2U7XHJcblx0fVxyXG59XHJcbiIsIjxsdS11c2VyLXNlbGVjdFxyXG5cdGNsYXNzPVwidGV4dGZpZWxkLWlucHV0XCJcclxuXHRbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxyXG5cdFtmb3JtbHlBdHRyaWJ1dGVzXT1cImZpZWxkXCJcclxuXHRbbXVsdGlwbGVdPVwidG9bJ211bHRpcGxlJ11cIlxyXG5cdChmb2N1cyk9XCJmb2N1cygpXCJcclxuXHQoYmx1cik9XCJibHVyKClcIlxyXG5cdFtwbGFjZWhvbGRlcl09XCJ0by5wbGFjZWhvbGRlclwiXHJcbj5cclxuPC9sdS11c2VyLXNlbGVjdD5cclxuPHNwYW4gY2xhc3M9XCJ0ZXh0ZmllbGQtbGFiZWxcIj57eyB0by5sYWJlbCB9fTwvc3Bhbj5cclxuIl19

package/esm2020/formly/lib/wrappers/checkbox-layout.mjs

@@ -19,10 +19,10 @@ export 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.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.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 }]

package/esm2020/formly/lib/wrappers/error.mjs

@@ -10,10 +10,10 @@ export 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.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.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 }]
@@ -62,4 +62,4 @@ export class TemplateError {
         });
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9mb3JtbHkvc3JjL2xpYi93cmFwcGVycy9lcnJvci50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2Zvcm1seS9zcmMvbGliL3dyYXBwZXJzL2Vycm9yLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZHLE9BQU8sRUFBRSxZQUFZLEVBQW1DLE1BQU0sa0JBQWtCLENBQUM7OztBQUVqRixVQUFVO0FBT1Ysa0VBQWtFO0FBQ2xFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxZQUFZO0lBTXJELElBQUksWUFBWTtRQUNmLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLEdBQUcsVUFBVSxDQUFDO0lBQ25DLENBQUM7O2lIQVJXLG9CQUFvQjtxR0FBcEIsb0JBQW9CLDRKQUNLLGdCQUFnQixrRUNidEQscVJBSUEsZ0pENEJhLG9CQUFvQjsyRkFwQnBCLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDQyx5QkFBeUIsbUJBR2xCLHVCQUF1QixDQUFDLE1BQU07OEJBS3RDLGNBQWM7c0JBRHRCLFNBQVM7dUJBQUMsZ0JBQWdCLEVBQUUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTs7QUFVdEUsaURBQWlEO0FBUWpELGtFQUFrRTtBQUNsRSxNQUFNLE9BQU8sb0JBQW9CO0lBSWhDLElBQUksYUFBYTtRQUNoQixNQUFNLFFBQVEsR0FBYSxFQUFFLENBQUM7UUFDOUIsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sRUFBRTtZQUMxQixNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7Z0JBQ2xELElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxFQUFFLENBQUMsR0FBRyxDQUFDLEVBQUU7b0JBQzNDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBVyxDQUFDLENBQUM7aUJBQzdEO1lBQ0YsQ0FBQyxDQUFDLENBQUM7U0FDSDtRQUNELE9BQU8sUUFBUSxDQUFDO0lBQ2pCLENBQUM7O2lIQWRXLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG1IQU50Qjs7UUFFSDsyRkFJSyxvQkFBb0I7a0JBUmhDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsUUFBUSxFQUFFOztRQUVIO29CQUNQLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUMvQzs4QkFHUyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSzs7QUFlUCx1Q0FBdUM7QUFDdkMsTUFBTSxPQUFPLGFBQWE7SUFDekIsR0FBRyxDQUFDLEVBQWdCO1FBQ25CLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBd0IsRUFBRSxFQUFFO1lBQ3JFLElBQUksS0FBSyxJQUFJLEtBQUssQ0FBQyxVQUFVLEVBQUU7Z0JBQzlCLE9BQU8sT0FBTyxDQUFDO2FBQ2Y7WUFDRCxPQUFPLEVBQUUsQ0FBQztRQUNYLENBQUMsQ0FBQyxDQUFDO0lBQ0osQ0FBQztDQUNEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdDaGlsZCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgRmllbGRXcmFwcGVyLCBGb3JtbHlDb25maWcsIEZvcm1seUZpZWxkQ29uZmlnIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XHJcblxyXG4vLyB3cmFwcGVyXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnbHUtZm9ybWx5LXdyYXBwZXItZXJyb3InLFxyXG5cdHN0eWxlVXJsczogWydmbGV4LWxheW91dC5zY3NzJ10sXHJcblx0dGVtcGxhdGVVcmw6ICcuL2Vycm9yLmh0bWwnLFxyXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1jbGFzcy1zdWZmaXhcclxuZXhwb3J0IGNsYXNzIEx1Rm9ybWx5V3JhcHBlckVycm9yIGV4dGVuZHMgRmllbGRXcmFwcGVyIHtcclxuXHRAVmlld0NoaWxkKCdmaWVsZENvbXBvbmVudCcsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiwgc3RhdGljOiB0cnVlIH0pXHJcblx0b3ZlcnJpZGUgZmllbGRDb21wb25lbnQ6IFZpZXdDb250YWluZXJSZWY7XHJcblxyXG5cdG92ZXJyaWRlIHJlYWRvbmx5IGZvcm1Db250cm9sOiBGb3JtQ29udHJvbDtcclxuXHJcblx0Z2V0IHZhbGlkYXRpb25JZCgpIHtcclxuXHRcdHJldHVybiB0aGlzLmZpZWxkLmlkICsgJy1tZXNzYWdlJztcclxuXHR9XHJcbn1cclxuXHJcbi8vIGNvbXBvbmVudCB0aGF0IGRpc3BsYXkgdGhlIHJpZ2h0IGVycm9yIG1lc3NhZ2VcclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdsdS1mb3JtbHktZXJyb3ItbWVzc2FnZScsXHJcblx0dGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwidGV4dGZpZWxkLW1lc3NhZ2VzLWVycm9yXCIgKm5nRm9yPVwibGV0IG1lc3NhZ2Ugb2YgZXJyb3JNZXNzYWdlc1wiPlxyXG5cdFx0e3sgbWVzc2FnZSB9fVxyXG5cdDwvZGl2PmAsXHJcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LWNsYXNzLXN1ZmZpeFxyXG5leHBvcnQgY2xhc3MgTHVGb3JtbHlFcnJvck1lc3NhZ2Uge1xyXG5cdEBJbnB1dCgpIGZpZWxkRm9ybTogRm9ybUNvbnRyb2w7XHJcblx0QElucHV0KCkgZmllbGQ6IEZvcm1seUZpZWxkQ29uZmlnO1xyXG5cclxuXHRnZXQgZXJyb3JNZXNzYWdlcygpOiBzdHJpbmdbXSB7XHJcblx0XHRjb25zdCBtZXNzYWdlczogc3RyaW5nW10gPSBbXTtcclxuXHRcdGlmICh0aGlzLmZpZWxkRm9ybS5lcnJvcnMpIHtcclxuXHRcdFx0T2JqZWN0LmtleXModGhpcy5maWVsZEZvcm0uZXJyb3JzKS5mb3JFYWNoKChrZXkpID0+IHtcclxuXHRcdFx0XHRpZiAodGhpcy5maWVsZC52YWxpZGF0aW9uPy5tZXNzYWdlcz8uW2tleV0pIHtcclxuXHRcdFx0XHRcdG1lc3NhZ2VzLnB1c2godGhpcy5maWVsZC52YWxpZGF0aW9uLm1lc3NhZ2VzW2tleV0gYXMgc3RyaW5nKTtcclxuXHRcdFx0XHR9XHJcblx0XHRcdH0pO1xyXG5cdFx0fVxyXG5cdFx0cmV0dXJuIG1lc3NhZ2VzO1xyXG5cdH1cclxufVxyXG5cclxuLy8gcnVuIHRvIGtub3cgd2hlbiB0byBhZGQgc2FpZCB3cmFwcGVyXHJcbmV4cG9ydCBjbGFzcyBUZW1wbGF0ZUVycm9yIHtcclxuXHRydW4oZmM6IEZvcm1seUNvbmZpZykge1xyXG5cdFx0ZmMudGVtcGxhdGVNYW5pcHVsYXRvcnMucG9zdFdyYXBwZXIucHVzaCgoZmllbGQ6IEZvcm1seUZpZWxkQ29uZmlnKSA9PiB7XHJcblx0XHRcdGlmIChmaWVsZCAmJiBmaWVsZC52YWxpZGF0aW9uKSB7XHJcblx0XHRcdFx0cmV0dXJuICdlcnJvcic7XHJcblx0XHRcdH1cclxuXHRcdFx0cmV0dXJuICcnO1xyXG5cdFx0fSk7XHJcblx0fVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgI2ZpZWxkQ29tcG9uZW50PjwvbmctY29udGFpbmVyPlxyXG48ZGl2IGNsYXNzPVwidGV4dGZpZWxkLW1lc3NhZ2VzXCIgKm5nSWY9XCJmb3JtQ29udHJvbC50b3VjaGVkICYmIGZvcm1Db250cm9sLmludmFsaWRcIiBbaWRdPVwidmFsaWRhdGlvbklkXCI+XHJcblx0PGx1LWZvcm1seS1lcnJvci1tZXNzYWdlIFtmaWVsZEZvcm1dPVwiZm9ybUNvbnRyb2xcIiBbZmllbGRdPVwiZmllbGRcIj48L2x1LWZvcm1seS1lcnJvci1tZXNzYWdlPlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9mb3JtbHkvc3JjL2xpYi93cmFwcGVycy9lcnJvci50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2Zvcm1seS9zcmMvbGliL3dyYXBwZXJzL2Vycm9yLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZHLE9BQU8sRUFBRSxZQUFZLEVBQW1DLE1BQU0sa0JBQWtCLENBQUM7OztBQUVqRixVQUFVO0FBT1Ysa0VBQWtFO0FBQ2xFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxZQUFZO0lBTXJELElBQUksWUFBWTtRQUNmLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLEdBQUcsVUFBVSxDQUFDO0lBQ25DLENBQUM7O2lIQVJXLG9CQUFvQjtxR0FBcEIsb0JBQW9CLDRKQUNLLGdCQUFnQixrRUNidEQscVJBSUEsd0VENEJhLG9CQUFvQjsyRkFwQnBCLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDQyx5QkFBeUIsbUJBR2xCLHVCQUF1QixDQUFDLE1BQU07OEJBS3RDLGNBQWM7c0JBRHRCLFNBQVM7dUJBQUMsZ0JBQWdCLEVBQUUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTs7QUFVdEUsaURBQWlEO0FBUWpELGtFQUFrRTtBQUNsRSxNQUFNLE9BQU8sb0JBQW9CO0lBSWhDLElBQUksYUFBYTtRQUNoQixNQUFNLFFBQVEsR0FBYSxFQUFFLENBQUM7UUFDOUIsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sRUFBRTtZQUMxQixNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7Z0JBQ2xELElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxFQUFFLENBQUMsR0FBRyxDQUFDLEVBQUU7b0JBQzNDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBVyxDQUFDLENBQUM7aUJBQzdEO1lBQ0YsQ0FBQyxDQUFDLENBQUM7U0FDSDtRQUNELE9BQU8sUUFBUSxDQUFDO0lBQ2pCLENBQUM7O2lIQWRXLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG1IQU50Qjs7UUFFSDsyRkFJSyxvQkFBb0I7a0JBUmhDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsUUFBUSxFQUFFOztRQUVIO29CQUNQLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUMvQzs4QkFHUyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSzs7QUFlUCx1Q0FBdUM7QUFDdkMsTUFBTSxPQUFPLGFBQWE7SUFDekIsR0FBRyxDQUFDLEVBQWdCO1FBQ25CLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBd0IsRUFBRSxFQUFFO1lBQ3JFLElBQUksS0FBSyxJQUFJLEtBQUssQ0FBQyxVQUFVLEVBQUU7Z0JBQzlCLE9BQU8sT0FBTyxDQUFDO2FBQ2Y7WUFDRCxPQUFPLEVBQUUsQ0FBQztRQUNYLENBQUMsQ0FBQyxDQUFDO0lBQ0osQ0FBQztDQUNEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdDaGlsZCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgRmllbGRXcmFwcGVyLCBGb3JtbHlDb25maWcsIEZvcm1seUZpZWxkQ29uZmlnIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XHJcblxyXG4vLyB3cmFwcGVyXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnbHUtZm9ybWx5LXdyYXBwZXItZXJyb3InLFxyXG5cdHN0eWxlVXJsczogWydmbGV4LWxheW91dC5zY3NzJ10sXHJcblx0dGVtcGxhdGVVcmw6ICcuL2Vycm9yLmh0bWwnLFxyXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1jbGFzcy1zdWZmaXhcclxuZXhwb3J0IGNsYXNzIEx1Rm9ybWx5V3JhcHBlckVycm9yIGV4dGVuZHMgRmllbGRXcmFwcGVyIHtcclxuXHRAVmlld0NoaWxkKCdmaWVsZENvbXBvbmVudCcsIHsgcmVhZDogVmlld0NvbnRhaW5lclJlZiwgc3RhdGljOiB0cnVlIH0pXHJcblx0b3ZlcnJpZGUgZmllbGRDb21wb25lbnQ6IFZpZXdDb250YWluZXJSZWY7XHJcblxyXG5cdG92ZXJyaWRlIHJlYWRvbmx5IGZvcm1Db250cm9sOiBGb3JtQ29udHJvbDtcclxuXHJcblx0Z2V0IHZhbGlkYXRpb25JZCgpIHtcclxuXHRcdHJldHVybiB0aGlzLmZpZWxkLmlkICsgJy1tZXNzYWdlJztcclxuXHR9XHJcbn1cclxuXHJcbi8vIGNvbXBvbmVudCB0aGF0IGRpc3BsYXkgdGhlIHJpZ2h0IGVycm9yIG1lc3NhZ2VcclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdsdS1mb3JtbHktZXJyb3ItbWVzc2FnZScsXHJcblx0dGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwidGV4dGZpZWxkLW1lc3NhZ2VzLWVycm9yXCIgKm5nRm9yPVwibGV0IG1lc3NhZ2Ugb2YgZXJyb3JNZXNzYWdlc1wiPlxyXG5cdFx0e3sgbWVzc2FnZSB9fVxyXG5cdDwvZGl2PmAsXHJcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LWNsYXNzLXN1ZmZpeFxyXG5leHBvcnQgY2xhc3MgTHVGb3JtbHlFcnJvck1lc3NhZ2Uge1xyXG5cdEBJbnB1dCgpIGZpZWxkRm9ybTogRm9ybUNvbnRyb2w7XHJcblx0QElucHV0KCkgZmllbGQ6IEZvcm1seUZpZWxkQ29uZmlnO1xyXG5cclxuXHRnZXQgZXJyb3JNZXNzYWdlcygpOiBzdHJpbmdbXSB7XHJcblx0XHRjb25zdCBtZXNzYWdlczogc3RyaW5nW10gPSBbXTtcclxuXHRcdGlmICh0aGlzLmZpZWxkRm9ybS5lcnJvcnMpIHtcclxuXHRcdFx0T2JqZWN0LmtleXModGhpcy5maWVsZEZvcm0uZXJyb3JzKS5mb3JFYWNoKChrZXkpID0+IHtcclxuXHRcdFx0XHRpZiAodGhpcy5maWVsZC52YWxpZGF0aW9uPy5tZXNzYWdlcz8uW2tleV0pIHtcclxuXHRcdFx0XHRcdG1lc3NhZ2VzLnB1c2godGhpcy5maWVsZC52YWxpZGF0aW9uLm1lc3NhZ2VzW2tleV0gYXMgc3RyaW5nKTtcclxuXHRcdFx0XHR9XHJcblx0XHRcdH0pO1xyXG5cdFx0fVxyXG5cdFx0cmV0dXJuIG1lc3NhZ2VzO1xyXG5cdH1cclxufVxyXG5cclxuLy8gcnVuIHRvIGtub3cgd2hlbiB0byBhZGQgc2FpZCB3cmFwcGVyXHJcbmV4cG9ydCBjbGFzcyBUZW1wbGF0ZUVycm9yIHtcclxuXHRydW4oZmM6IEZvcm1seUNvbmZpZykge1xyXG5cdFx0ZmMudGVtcGxhdGVNYW5pcHVsYXRvcnMucG9zdFdyYXBwZXIucHVzaCgoZmllbGQ6IEZvcm1seUZpZWxkQ29uZmlnKSA9PiB7XHJcblx0XHRcdGlmIChmaWVsZCAmJiBmaWVsZC52YWxpZGF0aW9uKSB7XHJcblx0XHRcdFx0cmV0dXJuICdlcnJvcic7XHJcblx0XHRcdH1cclxuXHRcdFx0cmV0dXJuICcnO1xyXG5cdFx0fSk7XHJcblx0fVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgI2ZpZWxkQ29tcG9uZW50PjwvbmctY29udGFpbmVyPlxyXG48ZGl2IGNsYXNzPVwidGV4dGZpZWxkLW1lc3NhZ2VzXCIgKm5nSWY9XCJmb3JtQ29udHJvbC50b3VjaGVkICYmIGZvcm1Db250cm9sLmludmFsaWRcIiBbaWRdPVwidmFsaWRhdGlvbklkXCI+XHJcblx0PGx1LWZvcm1seS1lcnJvci1tZXNzYWdlIFtmaWVsZEZvcm1dPVwiZm9ybUNvbnRyb2xcIiBbZmllbGRdPVwiZmllbGRcIj48L2x1LWZvcm1seS1lcnJvci1tZXNzYWdlPlxyXG48L2Rpdj5cclxuIl19

package/esm2020/formly/lib/wrappers/helper.mjs

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
 export 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 }]

package/esm2020/formly/lib/wrappers/icon.mjs

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
 export 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 }]

package/esm2020/formly/lib/wrappers/radiosfield-layout.mjs

@@ -19,10 +19,10 @@ export 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.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.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 }]

package/esm2020/formly/lib/wrappers/suffix.mjs

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
 export 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 }]

package/esm2020/formly/lib/wrappers/textfield-layout.mjs

@@ -28,10 +28,10 @@ export 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.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.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 }]

package/esm2020/input/lib/clearer/clearer.component.mjs

@@ -18,7 +18,7 @@ LuInputClearerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             provide: ALuClearer,
             useExisting: forwardRef(() => LuInputClearerComponent),
         },
-    ], exportAs: ["luClearer"], usesInheritance: true, ngImport: i0, template: "<a role=\"button\" class=\"actionIcon\" (click)=\"onClick($event)\">\r\n\t<span aria-hidden=\"true\" class=\"lucca-icon\">thin_cross</span>\r\n\t<span class=\"u-mask\">Clear</span>\r\n</a>\r\n", styles: [":host{display:none;vertical-align:text-bottom}:host-context(.textfield-input.is-filled){display:inline-block}.actionIcon{color:var(--components-select-default-palette-700);height:1rem;padding:0;width:1rem}.actionIcon:hover{background-color:var(--components-select-default-palette-50);color:var(--components-select-default-palette-800)}.actionIcon:focus{background-color:var(--components-select-default-palette-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--components-select-default-palette-200)}.lucca-icon{display:block;font-size:1rem}:host-context(.textfield.mod-material) .actionIcon{color:#96a6c5;color:var(--colors-text-light-color)}:host-context(.textfield.mod-framed) .actionIcon{color:#96a6c5;color:var(--colors-text-light-color)}:host-context(.textfield-input.is-error) .actionIcon{color:#e51a3b;color:var(--palettes-error-color)}:host-context(.textfield-input.is-error) .actionIcon:hover{background-color:#fff5f7;background-color:var(--palettes-error-50);color:#af0e29;color:var(--palettes-error-800)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]){display:none}:host-context(.palette-primary) .actionIcon{color:var(--palettes-primary-700)}:host-context(.palette-primary) .actionIcon:hover{background-color:var(--palettes-primary-50);color:var(--palettes-primary-800)}:host-context(.palette-primary) .actionIcon:focus{background-color:var(--palettes-primary-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-primary-200)}:host-context(.palette-secondary) .actionIcon{color:var(--palettes-secondary-700)}:host-context(.palette-secondary) .actionIcon:hover{background-color:var(--palettes-secondary-50);color:var(--palettes-secondary-800)}:host-context(.palette-secondary) .actionIcon:focus{background-color:var(--palettes-secondary-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-secondary-200)}:host-context(.palette-grey) .actionIcon{color:var(--palettes-grey-700)}:host-context(.palette-grey) .actionIcon:hover{background-color:var(--palettes-grey-50);color:var(--palettes-grey-800)}:host-context(.palette-grey) .actionIcon:focus{background-color:var(--palettes-grey-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-grey-200)}:host-context(.palette-success) .actionIcon{color:var(--palettes-success-700)}:host-context(.palette-success) .actionIcon:hover{background-color:var(--palettes-success-50);color:var(--palettes-success-800)}:host-context(.palette-success) .actionIcon:focus{background-color:var(--palettes-success-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-success-200)}:host-context(.palette-warning) .actionIcon{color:var(--palettes-warning-700)}:host-context(.palette-warning) .actionIcon:hover{background-color:var(--palettes-warning-50);color:var(--palettes-warning-800)}:host-context(.palette-warning) .actionIcon:focus{background-color:var(--palettes-warning-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-warning-200)}:host-context(.palette-error) .actionIcon{color:var(--palettes-error-700)}:host-context(.palette-error) .actionIcon:hover{background-color:var(--palettes-error-50);color:var(--palettes-error-800)}:host-context(.palette-error) .actionIcon:focus{background-color:var(--palettes-error-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-error-200)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], exportAs: ["luClearer"], usesInheritance: true, ngImport: i0, template: "<a role=\"button\" class=\"actionIcon\" (click)=\"onClick($event)\">\r\n\t<span aria-hidden=\"true\" class=\"lucca-icon\">thin_cross</span>\r\n\t<span class=\"u-mask\">Clear</span>\r\n</a>\r\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuInputClearerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-input-clearer', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'luClearer', providers: [
@@ -26,7 +26,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             provide: ALuClearer,
                             useExisting: forwardRef(() => LuInputClearerComponent),
                         },
-                    ], template: "<a role=\"button\" class=\"actionIcon\" (click)=\"onClick($event)\">\r\n\t<span aria-hidden=\"true\" class=\"lucca-icon\">thin_cross</span>\r\n\t<span class=\"u-mask\">Clear</span>\r\n</a>\r\n", styles: [":host{display:none;vertical-align:text-bottom}:host-context(.textfield-input.is-filled){display:inline-block}.actionIcon{color:var(--components-select-default-palette-700);height:1rem;padding:0;width:1rem}.actionIcon:hover{background-color:var(--components-select-default-palette-50);color:var(--components-select-default-palette-800)}.actionIcon:focus{background-color:var(--components-select-default-palette-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--components-select-default-palette-200)}.lucca-icon{display:block;font-size:1rem}:host-context(.textfield.mod-material) .actionIcon{color:#96a6c5;color:var(--colors-text-light-color)}:host-context(.textfield.mod-framed) .actionIcon{color:#96a6c5;color:var(--colors-text-light-color)}:host-context(.textfield-input.is-error) .actionIcon{color:#e51a3b;color:var(--palettes-error-color)}:host-context(.textfield-input.is-error) .actionIcon:hover{background-color:#fff5f7;background-color:var(--palettes-error-50);color:#af0e29;color:var(--palettes-error-800)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]){display:none}:host-context(.palette-primary) .actionIcon{color:var(--palettes-primary-700)}:host-context(.palette-primary) .actionIcon:hover{background-color:var(--palettes-primary-50);color:var(--palettes-primary-800)}:host-context(.palette-primary) .actionIcon:focus{background-color:var(--palettes-primary-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-primary-200)}:host-context(.palette-secondary) .actionIcon{color:var(--palettes-secondary-700)}:host-context(.palette-secondary) .actionIcon:hover{background-color:var(--palettes-secondary-50);color:var(--palettes-secondary-800)}:host-context(.palette-secondary) .actionIcon:focus{background-color:var(--palettes-secondary-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-secondary-200)}:host-context(.palette-grey) .actionIcon{color:var(--palettes-grey-700)}:host-context(.palette-grey) .actionIcon:hover{background-color:var(--palettes-grey-50);color:var(--palettes-grey-800)}:host-context(.palette-grey) .actionIcon:focus{background-color:var(--palettes-grey-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-grey-200)}:host-context(.palette-success) .actionIcon{color:var(--palettes-success-700)}:host-context(.palette-success) .actionIcon:hover{background-color:var(--palettes-success-50);color:var(--palettes-success-800)}:host-context(.palette-success) .actionIcon:focus{background-color:var(--palettes-success-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-success-200)}:host-context(.palette-warning) .actionIcon{color:var(--palettes-warning-700)}:host-context(.palette-warning) .actionIcon:hover{background-color:var(--palettes-warning-50);color:var(--palettes-warning-800)}:host-context(.palette-warning) .actionIcon:focus{background-color:var(--palettes-warning-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-warning-200)}:host-context(.palette-error) .actionIcon{color:var(--palettes-error-700)}:host-context(.palette-error) .actionIcon:hover{background-color:var(--palettes-error-50);color:var(--palettes-error-800)}:host-context(.palette-error) .actionIcon:focus{background-color:var(--palettes-error-50);box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-error-200)}\n"] }]
+                    ], template: "<a role=\"button\" class=\"actionIcon\" (click)=\"onClick($event)\">\r\n\t<span aria-hidden=\"true\" class=\"lucca-icon\">thin_cross</span>\r\n\t<span class=\"u-mask\">Clear</span>\r\n</a>\r\n", styles: [""] }]
         }], propDecorators: { onClear: [{
                 type: Output
             }] } });

package/esm2020/option/lib/item/option-item.component.mjs

@@ -48,7 +48,7 @@ LuOptionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             useExisting: forwardRef(() => LuOptionItemComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"optionItem\" #element>\r\n\t<div\r\n\t\tclass=\"optionItem-value\"\r\n\t\t(click)=\"select()\"\r\n\t\t[class.is-selected]=\"selected\"\r\n\t\t[class.is-highlighted]=\"highlighted\"\r\n\t\t[class.is-disabled]=\"disabled\"\r\n\t>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n", styles: [":host{display:block}.optionItem{position:relative}.optionItem-value{display:block;cursor:pointer;padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);transition:background 50ms ease}.optionItem-value.is-selected{background:var(--palettes-primary-100);background:var(--commons-selected)}.optionItem-value:hover,.optionItem-value.is-highlighted,.optionItem-value.is-focus{background:var(--palettes-primary-50);background:var(--commons-highlight)}:host-context(.lu-select-value) .optionItem-value{padding:0;overflow:hidden;text-overflow:ellipsis}:host-context(.lu-select-value) .optionItem-value:hover,:host-context(.lu-select-value) .optionItem-value.is-focus,:host-context(.lu-select-value) .optionItem-value.is-highlighted{background:inherit}:host-context(.mod-multiple) .optionItem-value{position:relative;padding-left:2rem;padding-left:var(--components-options-item-multiple-padding)}:host-context(.mod-multiple) .optionItem-value:after,:host-context(.mod-multiple) .optionItem-value:before{display:block;position:absolute;left:.5rem;left:var(--components-options-checkbox-left);top:50%;transform:translateY(-50%)}:host-context(.mod-multiple) .optionItem-value:before{border-radius:var(--commons-border-radius);border-radius:var(--components-options-checkbox-border-radius);box-shadow:inset 0 0 0 2px var(--palettes-grey-color);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-border-color);content:\"\";display:block;height:1rem;height:var(--components-options-checkbox-size);transition:all .1s ease;width:1rem;width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value:after{color:#fff;font-size:.8rem;content:\"\\e91a\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;line-height:1rem;line-height:var(--components-options-checkbox-size);padding-top:.05rem;position:absolute;text-align:center;transform:translateY(-50%) scale(0);transition:all .1s ease;width:1rem;width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value.is-selected:before{background-color:#f60;background-color:var(--components-options-checkbox-color);box-shadow:inset 0 0 0 2px #f60;box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple) .optionItem-value.is-selected:after{transform:translateY(-50%) scale(1)}:host-context(.mod-multiple) .optionItem-value:hover:before{box-shadow:inset 0 0 0 2px #f60;box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple).establishmentOption .optionItem-value{position:relative;padding-left:2.5rem;padding-left:calc(2 * var(--components-options-item-padding-horizontal) + var(--components-options-checkbox-size) + var(--spacings-smaller))}:host-context(.mod-multiple).establishmentOption .optionItem-value:before,:host-context(.mod-multiple).establishmentOption .optionItem-value:after{left:1rem;left:calc(2 * var(--components-options-item-padding-horizontal))}.is-disabled{color:#96a6c5;color:var(--palettes-grey-500);cursor:default;-webkit-user-select:none;user-select:none}.is-disabled.is-selected{background-color:#e0e7f6;background-color:var(--palettes-grey-100)}.is-disabled:hover{background:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"optionItem\" #element>\r\n\t<div\r\n\t\tclass=\"optionItem-value\"\r\n\t\t(click)=\"select()\"\r\n\t\t[class.is-selected]=\"selected\"\r\n\t\t[class.is-highlighted]=\"highlighted\"\r\n\t\t[class.is-disabled]=\"disabled\"\r\n\t>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n", styles: [".is-disabled{color:_color(\"grey\",500,true);color:_color(\"grey\",500);cursor:default;-webkit-user-select:none;user-select:none}.is-disabled.is-selected{background-color:_color(\"grey\",100,true);background-color:_color(\"grey\",100)}.is-disabled:hover{background:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuOptionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-option', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -57,7 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             useExisting: forwardRef(() => LuOptionItemComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"optionItem\" #element>\r\n\t<div\r\n\t\tclass=\"optionItem-value\"\r\n\t\t(click)=\"select()\"\r\n\t\t[class.is-selected]=\"selected\"\r\n\t\t[class.is-highlighted]=\"highlighted\"\r\n\t\t[class.is-disabled]=\"disabled\"\r\n\t>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n", styles: [":host{display:block}.optionItem{position:relative}.optionItem-value{display:block;cursor:pointer;padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);transition:background 50ms ease}.optionItem-value.is-selected{background:var(--palettes-primary-100);background:var(--commons-selected)}.optionItem-value:hover,.optionItem-value.is-highlighted,.optionItem-value.is-focus{background:var(--palettes-primary-50);background:var(--commons-highlight)}:host-context(.lu-select-value) .optionItem-value{padding:0;overflow:hidden;text-overflow:ellipsis}:host-context(.lu-select-value) .optionItem-value:hover,:host-context(.lu-select-value) .optionItem-value.is-focus,:host-context(.lu-select-value) .optionItem-value.is-highlighted{background:inherit}:host-context(.mod-multiple) .optionItem-value{position:relative;padding-left:2rem;padding-left:var(--components-options-item-multiple-padding)}:host-context(.mod-multiple) .optionItem-value:after,:host-context(.mod-multiple) .optionItem-value:before{display:block;position:absolute;left:.5rem;left:var(--components-options-checkbox-left);top:50%;transform:translateY(-50%)}:host-context(.mod-multiple) .optionItem-value:before{border-radius:var(--commons-border-radius);border-radius:var(--components-options-checkbox-border-radius);box-shadow:inset 0 0 0 2px var(--palettes-grey-color);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-border-color);content:\"\";display:block;height:1rem;height:var(--components-options-checkbox-size);transition:all .1s ease;width:1rem;width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value:after{color:#fff;font-size:.8rem;content:\"\\e91a\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;line-height:1rem;line-height:var(--components-options-checkbox-size);padding-top:.05rem;position:absolute;text-align:center;transform:translateY(-50%) scale(0);transition:all .1s ease;width:1rem;width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value.is-selected:before{background-color:#f60;background-color:var(--components-options-checkbox-color);box-shadow:inset 0 0 0 2px #f60;box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple) .optionItem-value.is-selected:after{transform:translateY(-50%) scale(1)}:host-context(.mod-multiple) .optionItem-value:hover:before{box-shadow:inset 0 0 0 2px #f60;box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple).establishmentOption .optionItem-value{position:relative;padding-left:2.5rem;padding-left:calc(2 * var(--components-options-item-padding-horizontal) + var(--components-options-checkbox-size) + var(--spacings-smaller))}:host-context(.mod-multiple).establishmentOption .optionItem-value:before,:host-context(.mod-multiple).establishmentOption .optionItem-value:after{left:1rem;left:calc(2 * var(--components-options-item-padding-horizontal))}.is-disabled{color:#96a6c5;color:var(--palettes-grey-500);cursor:default;-webkit-user-select:none;user-select:none}.is-disabled.is-selected{background-color:#e0e7f6;background-color:var(--palettes-grey-100)}.is-disabled:hover{background:inherit}\n"] }]
+                    ], template: "<div class=\"optionItem\" #element>\r\n\t<div\r\n\t\tclass=\"optionItem-value\"\r\n\t\t(click)=\"select()\"\r\n\t\t[class.is-selected]=\"selected\"\r\n\t\t[class.is-highlighted]=\"highlighted\"\r\n\t\t[class.is-disabled]=\"disabled\"\r\n\t>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n", styles: [".is-disabled{color:_color(\"grey\",500,true);color:_color(\"grey\",500);cursor:default;-webkit-user-select:none;user-select:none}.is-disabled.is-selected{background-color:_color(\"grey\",100,true);background-color:_color(\"grey\",100)}.is-disabled:hover{background:inherit}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { selected: [{
                 type: Input
             }], highlighted: [{

package/esm2020/option/lib/item/tree-option-item.component.mjs

@@ -97,7 +97,7 @@ LuTreeOptionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             useExisting: forwardRef(() => LuTreeOptionItemComponent),
             multi: true,
         },
-    ], queries: [{ propertyName: "_contentChildDisplayer", first: true, predicate: ALuInputDisplayer, descendants: true, static: true }], viewQueries: [{ propertyName: "_valueVCR", first: true, predicate: ["value"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "_childrenVCR", first: true, predicate: ["children"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"optionItem\" #element>\r\n\t<div class=\"optionItem-value\" (click)=\"select()\" [class.is-selected]=\"selected\" [class.is-highlighted]=\"highlighted\">\r\n\t\t<ng-container #value></ng-container>\r\n\t</div>\r\n\t<div class=\"optionItem-icons\" *ngIf=\"hasChildren\">\r\n\t\t<span class=\"optionItem-icon parentOnly\" (click)=\"selectSelf()\" [luTooltip]=\"intl.parentOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t\t<span class=\"optionItem-icon childrenOnly\" (click)=\"selectChildren()\" [luTooltip]=\"intl.childrenOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t</div>\r\n</div>\r\n\r\n<div #children class=\"children\">\r\n\t<ng-container #children></ng-container>\r\n</div>\r\n", styles: [":host{display:block}.optionItem{position:relative}.optionItem-value{display:block;cursor:pointer;padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);transition:background 50ms ease}.optionItem-value.is-selected{background:var(--palettes-primary-100);background:var(--commons-selected)}.optionItem-value:hover,.optionItem-value.is-highlighted,.optionItem-value.is-focus{background:var(--palettes-primary-50);background:var(--commons-highlight)}:host-context(.lu-select-value) .optionItem-value{padding:0;overflow:hidden;text-overflow:ellipsis}:host-context(.lu-select-value) .optionItem-value:hover,:host-context(.lu-select-value) .optionItem-value.is-focus,:host-context(.lu-select-value) .optionItem-value.is-highlighted{background:inherit}:host-context(.mod-multiple) .optionItem-value{position:relative;padding-left:2rem;padding-left:var(--components-options-item-multiple-padding)}:host-context(.mod-multiple) .optionItem-value:after,:host-context(.mod-multiple) .optionItem-value:before{display:block;position:absolute;left:.5rem;left:var(--components-options-checkbox-left);top:50%;transform:translateY(-50%)}:host-context(.mod-multiple) .optionItem-value:before{border-radius:var(--commons-border-radius);border-radius:var(--components-options-checkbox-border-radius);box-shadow:inset 0 0 0 2px var(--palettes-grey-color);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-border-color);content:\"\";display:block;height:1rem;height:var(--components-options-checkbox-size);transition:all .1s ease;width:1rem;width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value:after{color:#fff;font-size:.8rem;content:\"\\e91a\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;line-height:1rem;line-height:var(--components-options-checkbox-size);padding-top:.05rem;position:absolute;text-align:center;transform:translateY(-50%) scale(0);transition:all .1s ease;width:1rem;width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value.is-selected:before{background-color:#f60;background-color:var(--components-options-checkbox-color);box-shadow:inset 0 0 0 2px #f60;box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple) .optionItem-value.is-selected:after{transform:translateY(-50%) scale(1)}:host-context(.mod-multiple) .optionItem-value:hover:before{box-shadow:inset 0 0 0 2px #f60;box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple).establishmentOption .optionItem-value{position:relative;padding-left:2.5rem;padding-left:calc(2 * var(--components-options-item-padding-horizontal) + var(--components-options-checkbox-size) + var(--spacings-smaller))}:host-context(.mod-multiple).establishmentOption .optionItem-value:before,:host-context(.mod-multiple).establishmentOption .optionItem-value:after{left:1rem;left:calc(2 * var(--components-options-item-padding-horizontal))}.optionItem:hover .optionItem-value{background:var(--palettes-primary-50);background:var(--commons-highlight)}.optionItem:hover .optionItem-icons{opacity:1}.optionItem-value{padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal) var(--components-options-item-padding-vertical) .5rem}.optionItem-icons{display:none;position:absolute;top:.5rem;right:.5rem;opacity:0;transition:all .1s ease;transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon{cursor:pointer;opacity:.66;margin-left:.5rem;transition:all .1s ease;transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon:hover{opacity:1}.optionItem-icon-shape{fill:var(--components-options-item-icon-color);width:1.4rem;height:1.4rem}:host-context(.lu-picker-panel){padding:0}:host-context(.lu-picker-panel) .optionItem-value:before{top:1.3rem;left:.5rem;pointer-events:none}:host-context(.lu-picker-panel) .optionItem-value:after{top:1.3rem;left:.5rem;pointer-events:none}:host-context(.lu-picker-panel.mod-multiple) .optionItem-icons{display:block}:host-context(.lu-picker-panel.mod-multiple) .optionItem-value{padding-right:4rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value{padding-left:1.5rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:before{left:1.5rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:after{left:1.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option) .optionItem-value{padding-left:3rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value{padding-left:2.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value:before{left:2.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value:after{left:2.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option) .optionItem-value{padding-left:4rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:3.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:3.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:3.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:4.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:4.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:4.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:6rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:5.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:5.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:5.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:7rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:6.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:6.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:6.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:8rem}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipPosition"], outputs: ["luTooltipOnOpen", "luTooltipOnClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], queries: [{ propertyName: "_contentChildDisplayer", first: true, predicate: ALuInputDisplayer, descendants: true, static: true }], viewQueries: [{ propertyName: "_valueVCR", first: true, predicate: ["value"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "_childrenVCR", first: true, predicate: ["children"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"optionItem\" #element>\r\n\t<div class=\"optionItem-value\" (click)=\"select()\" [class.is-selected]=\"selected\" [class.is-highlighted]=\"highlighted\">\r\n\t\t<ng-container #value></ng-container>\r\n\t</div>\r\n\t<div class=\"optionItem-icons\" *ngIf=\"hasChildren\">\r\n\t\t<span class=\"optionItem-icon parentOnly\" (click)=\"selectSelf()\" [luTooltip]=\"intl.parentOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t\t<span class=\"optionItem-icon childrenOnly\" (click)=\"selectChildren()\" [luTooltip]=\"intl.childrenOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t</div>\r\n</div>\r\n\r\n<div #children class=\"children\">\r\n\t<ng-container #children></ng-container>\r\n</div>\r\n", styles: [""], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipPosition"], outputs: ["luTooltipOnOpen", "luTooltipOnClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuTreeOptionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-tree-option', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -106,7 +106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             useExisting: forwardRef(() => LuTreeOptionItemComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"optionItem\" #element>\r\n\t<div class=\"optionItem-value\" (click)=\"select()\" [class.is-selected]=\"selected\" [class.is-highlighted]=\"highlighted\">\r\n\t\t<ng-container #value></ng-container>\r\n\t</div>\r\n\t<div class=\"optionItem-icons\" *ngIf=\"hasChildren\">\r\n\t\t<span class=\"optionItem-icon parentOnly\" (click)=\"selectSelf()\" [luTooltip]=\"intl.parentOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t\t<span class=\"optionItem-icon childrenOnly\" (click)=\"selectChildren()\" [luTooltip]=\"intl.childrenOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t</div>\r\n</div>\r\n\r\n<div #children class=\"children\">\r\n\t<ng-container #children></ng-container>\r\n</div>\r\n", styles: [":host{display:block}.optionItem{position:relative}.optionItem-value{display:block;cursor:pointer;padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);transition:background 50ms ease}.optionItem-value.is-selected{background:var(--palettes-primary-100);background:var(--commons-selected)}.optionItem-value:hover,.optionItem-value.is-highlighted,.optionItem-value.is-focus{background:var(--palettes-primary-50);background:var(--commons-highlight)}:host-context(.lu-select-value) .optionItem-value{padding:0;overflow:hidden;text-overflow:ellipsis}:host-context(.lu-select-value) .optionItem-value:hover,:host-context(.lu-select-value) .optionItem-value.is-focus,:host-context(.lu-select-value) .optionItem-value.is-highlighted{background:inherit}:host-context(.mod-multiple) .optionItem-value{position:relative;padding-left:2rem;padding-left:var(--components-options-item-multiple-padding)}:host-context(.mod-multiple) .optionItem-value:after,:host-context(.mod-multiple) .optionItem-value:before{display:block;position:absolute;left:.5rem;left:var(--components-options-checkbox-left);top:50%;transform:translateY(-50%)}:host-context(.mod-multiple) .optionItem-value:before{border-radius:var(--commons-border-radius);border-radius:var(--components-options-checkbox-border-radius);box-shadow:inset 0 0 0 2px var(--palettes-grey-color);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-border-color);content:\"\";display:block;height:1rem;height:var(--components-options-checkbox-size);transition:all .1s ease;width:1rem;width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value:after{color:#fff;font-size:.8rem;content:\"\\e91a\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;line-height:1rem;line-height:var(--components-options-checkbox-size);padding-top:.05rem;position:absolute;text-align:center;transform:translateY(-50%) scale(0);transition:all .1s ease;width:1rem;width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value.is-selected:before{background-color:#f60;background-color:var(--components-options-checkbox-color);box-shadow:inset 0 0 0 2px #f60;box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple) .optionItem-value.is-selected:after{transform:translateY(-50%) scale(1)}:host-context(.mod-multiple) .optionItem-value:hover:before{box-shadow:inset 0 0 0 2px #f60;box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple).establishmentOption .optionItem-value{position:relative;padding-left:2.5rem;padding-left:calc(2 * var(--components-options-item-padding-horizontal) + var(--components-options-checkbox-size) + var(--spacings-smaller))}:host-context(.mod-multiple).establishmentOption .optionItem-value:before,:host-context(.mod-multiple).establishmentOption .optionItem-value:after{left:1rem;left:calc(2 * var(--components-options-item-padding-horizontal))}.optionItem:hover .optionItem-value{background:var(--palettes-primary-50);background:var(--commons-highlight)}.optionItem:hover .optionItem-icons{opacity:1}.optionItem-value{padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal) var(--components-options-item-padding-vertical) .5rem}.optionItem-icons{display:none;position:absolute;top:.5rem;right:.5rem;opacity:0;transition:all .1s ease;transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon{cursor:pointer;opacity:.66;margin-left:.5rem;transition:all .1s ease;transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon:hover{opacity:1}.optionItem-icon-shape{fill:var(--components-options-item-icon-color);width:1.4rem;height:1.4rem}:host-context(.lu-picker-panel){padding:0}:host-context(.lu-picker-panel) .optionItem-value:before{top:1.3rem;left:.5rem;pointer-events:none}:host-context(.lu-picker-panel) .optionItem-value:after{top:1.3rem;left:.5rem;pointer-events:none}:host-context(.lu-picker-panel.mod-multiple) .optionItem-icons{display:block}:host-context(.lu-picker-panel.mod-multiple) .optionItem-value{padding-right:4rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value{padding-left:1.5rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:before{left:1.5rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:after{left:1.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option) .optionItem-value{padding-left:3rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value{padding-left:2.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value:before{left:2.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value:after{left:2.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option) .optionItem-value{padding-left:4rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:3.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:3.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:3.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:4.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:4.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:4.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:6rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:5.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:5.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:5.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:7rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:6.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:6.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:6.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:8rem}\n"] }]
+                    ], template: "<div class=\"optionItem\" #element>\r\n\t<div class=\"optionItem-value\" (click)=\"select()\" [class.is-selected]=\"selected\" [class.is-highlighted]=\"highlighted\">\r\n\t\t<ng-container #value></ng-container>\r\n\t</div>\r\n\t<div class=\"optionItem-icons\" *ngIf=\"hasChildren\">\r\n\t\t<span class=\"optionItem-icon parentOnly\" (click)=\"selectSelf()\" [luTooltip]=\"intl.parentOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t\t<span class=\"optionItem-icon childrenOnly\" (click)=\"selectChildren()\" [luTooltip]=\"intl.childrenOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t</div>\r\n</div>\r\n\r\n<div #children class=\"children\">\r\n\t<ng-container #children></ng-container>\r\n</div>\r\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [LuTreeOptionItemIntl]

package/esm2020/option/lib/operator/searcher/option-searcher.component.mjs

@@ -41,7 +41,7 @@ LuOptionSearcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             useExisting: forwardRef(() => LuOptionSearcherComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"textfield mod-search\">\r\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"searchControl\" />\r\n</div>\r\n\r\n<lu-option-placeholder *ngIf=\"empty$ | async\" (onClear)=\"resetClue()\"></lu-option-placeholder>\r\n", styles: [".textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background:#FFFFFF;border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color)}.textfield-input:hover{background-color:#ebf0fa;background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:#fff;border-bottom-color:#ff7e29;border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:.25rem .5rem;padding:var(--spacings-smallest) var(--components-options-item-padding-horizontal);border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:#ebf0fa;background-color:var(--palettes-grey-50);font-style:italic}\n"], components: [{ type: i1.LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"textfield mod-search\">\r\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"searchControl\" />\r\n</div>\r\n\r\n<lu-option-placeholder *ngIf=\"empty$ | async\" (onClear)=\"resetClue()\"></lu-option-placeholder>\r\n", styles: [""], components: [{ type: i1.LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuOptionSearcherComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-option-searcher', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -55,7 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             useExisting: forwardRef(() => LuOptionSearcherComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"textfield mod-search\">\r\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"searchControl\" />\r\n</div>\r\n\r\n<lu-option-placeholder *ngIf=\"empty$ | async\" (onClear)=\"resetClue()\"></lu-option-placeholder>\r\n", styles: [".textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background:#FFFFFF;border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color)}.textfield-input:hover{background-color:#ebf0fa;background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:#fff;border-bottom-color:#ff7e29;border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:.25rem .5rem;padding:var(--spacings-smallest) var(--components-options-item-padding-horizontal);border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:#ebf0fa;background-color:var(--palettes-grey-50);font-style:italic}\n"] }]
+                    ], template: "<div class=\"textfield mod-search\">\r\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"searchControl\" />\r\n</div>\r\n\r\n<lu-option-placeholder *ngIf=\"empty$ | async\" (onClear)=\"resetClue()\"></lu-option-placeholder>\r\n", styles: [""] }]
         }], propDecorators: { searchInput: [{
                 type: ViewChild,
                 args: ['searchInput', { read: ElementRef, static: true }]

package/esm2020/option/lib/operator/searcher/tree-option-searcher.component.mjs

@@ -58,7 +58,7 @@ LuTreeOptionSearcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
             useExisting: forwardRef(() => LuTreeOptionSearcherComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"textfield mod-search\">\r\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"searchControl\" />\r\n</div>\r\n\r\n<lu-option-placeholder *ngIf=\"empty$ | async\" (onClear)=\"resetClue()\"></lu-option-placeholder>\r\n", styles: [".textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background:#FFFFFF;border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color)}.textfield-input:hover{background-color:#ebf0fa;background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:#fff;border-bottom-color:#ff7e29;border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:.25rem .5rem;padding:var(--spacings-smallest) var(--components-options-item-padding-horizontal);border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:#ebf0fa;background-color:var(--palettes-grey-50);font-style:italic}\n"], components: [{ type: i1.LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"textfield mod-search\">\r\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"searchControl\" />\r\n</div>\r\n\r\n<lu-option-placeholder *ngIf=\"empty$ | async\" (onClear)=\"resetClue()\"></lu-option-placeholder>\r\n", styles: [""], components: [{ type: i1.LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuTreeOptionSearcherComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-tree-option-searcher', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -72,7 +72,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             useExisting: forwardRef(() => LuTreeOptionSearcherComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"textfield mod-search\">\r\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"searchControl\" />\r\n</div>\r\n\r\n<lu-option-placeholder *ngIf=\"empty$ | async\" (onClear)=\"resetClue()\"></lu-option-placeholder>\r\n", styles: [".textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background:#FFFFFF;border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color)}.textfield-input:hover{background-color:#ebf0fa;background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:#fff;border-bottom-color:#ff7e29;border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:.25rem .5rem;padding:var(--spacings-smallest) var(--components-options-item-padding-horizontal);border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:#ebf0fa;background-color:var(--palettes-grey-50);font-style:italic}\n"] }]
+                    ], template: "<div class=\"textfield mod-search\">\r\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"searchControl\" />\r\n</div>\r\n\r\n<lu-option-placeholder *ngIf=\"empty$ | async\" (onClear)=\"resetClue()\"></lu-option-placeholder>\r\n", styles: [""] }]
         }], propDecorators: { searchInput: [{
                 type: ViewChild,
                 args: ['searchInput', { read: ElementRef, static: true }]

package/esm2020/option/lib/placeholder/option-placeholder.component.mjs

@@ -12,10 +12,10 @@ export class LuOptionPlaceholderComponent {
     }
 }
 LuOptionPlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuOptionPlaceholderComponent, deps: [{ token: LuOptionPlaceholderIntl }], target: i0.ɵɵFactoryTarget.Component });
-LuOptionPlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: { onClear: "onClear" }, ngImport: i0, template: "<div class=\"optionPlaceholder\">\r\n\t<p class=\"optionPlaceholder-content u-marginBottomReset\">{{ intl.placeholderDescription }}</p>\r\n\t<button type=\"button\" class=\"link\" (click)=\"clear()\">{{ intl.placeholderAction }}</button>\r\n</div>\r\n", styles: [".optionPlaceholder{display:block;padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);font-style:italic;color:#96a6c5;color:var(--colors-text-light-color)}\n"] });
+LuOptionPlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: { onClear: "onClear" }, ngImport: i0, template: "<div class=\"optionPlaceholder\">\r\n\t<p class=\"optionPlaceholder-content u-marginBottomReset\">{{ intl.placeholderDescription }}</p>\r\n\t<button type=\"button\" class=\"link\" (click)=\"clear()\">{{ intl.placeholderAction }}</button>\r\n</div>\r\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuOptionPlaceholderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-option-placeholder', template: "<div class=\"optionPlaceholder\">\r\n\t<p class=\"optionPlaceholder-content u-marginBottomReset\">{{ intl.placeholderDescription }}</p>\r\n\t<button type=\"button\" class=\"link\" (click)=\"clear()\">{{ intl.placeholderAction }}</button>\r\n</div>\r\n", styles: [".optionPlaceholder{display:block;padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);font-style:italic;color:#96a6c5;color:var(--colors-text-light-color)}\n"] }]
+            args: [{ selector: 'lu-option-placeholder', template: "<div class=\"optionPlaceholder\">\r\n\t<p class=\"optionPlaceholder-content u-marginBottomReset\">{{ intl.placeholderDescription }}</p>\r\n\t<button type=\"button\" class=\"link\" (click)=\"clear()\">{{ intl.placeholderAction }}</button>\r\n</div>\r\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [LuOptionPlaceholderIntl]

package/esm2020/option/lib/selector/all/select-all.component.mjs

@@ -38,7 +38,7 @@ LuOptionSelectAllComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
             useExisting: forwardRef(() => LuOptionSelectAllComponent),
             multi: true,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" (click)=\"selectAll()\" class=\"link selectAll-button\">{{ intl.select }}</button>\r\n<button type=\"button\" (click)=\"deselectAll()\" class=\"link selectAll-button u-marginLeftSmaller\">{{ intl.deselect }}</button>\r\n", styles: [":host .selectAll-button{color:var(--colors-text-light-color);font-size:var(--sizes-small-font-size);outline:none}:host .selectAll-button:hover{color:var(--colors-text-default-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" (click)=\"selectAll()\" class=\"link selectAll-button\">{{ intl.select }}</button>\r\n<button type=\"button\" (click)=\"deselectAll()\" class=\"link selectAll-button u-marginLeftSmaller\">{{ intl.deselect }}</button>\r\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuOptionSelectAllComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-option-select-all', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -52,7 +52,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             useExisting: forwardRef(() => LuOptionSelectAllComponent),
                             multi: true,
                         },
-                    ], template: "<button type=\"button\" (click)=\"selectAll()\" class=\"link selectAll-button\">{{ intl.select }}</button>\r\n<button type=\"button\" (click)=\"deselectAll()\" class=\"link selectAll-button u-marginLeftSmaller\">{{ intl.deselect }}</button>\r\n", styles: [":host .selectAll-button{color:var(--colors-text-light-color);font-size:var(--sizes-small-font-size);outline:none}:host .selectAll-button:hover{color:var(--colors-text-default-color)}\n"] }]
+                    ], template: "<button type=\"button\" (click)=\"selectAll()\" class=\"link selectAll-button\">{{ intl.select }}</button>\r\n<button type=\"button\" (click)=\"deselectAll()\" class=\"link selectAll-button u-marginLeftSmaller\">{{ intl.deselect }}</button>\r\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [LuOptionSelectAllIntl]

package/esm2020/option/lib/selector/all/tree-select-all.component.mjs

@@ -41,7 +41,7 @@ LuTreeOptionSelectAllComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
             useExisting: forwardRef(() => LuTreeOptionSelectAllComponent),
             multi: true,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" (click)=\"selectAll()\" class=\"link selectAll-button\">{{ intl.select }}</button>\r\n<button type=\"button\" (click)=\"deselectAll()\" class=\"link selectAll-button u-marginLeftSmaller\">{{ intl.deselect }}</button>\r\n", styles: [":host .selectAll-button{color:var(--colors-text-light-color);font-size:var(--sizes-small-font-size);outline:none}:host .selectAll-button:hover{color:var(--colors-text-default-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" (click)=\"selectAll()\" class=\"link selectAll-button\">{{ intl.select }}</button>\r\n<button type=\"button\" (click)=\"deselectAll()\" class=\"link selectAll-button u-marginLeftSmaller\">{{ intl.deselect }}</button>\r\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuTreeOptionSelectAllComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-tree-option-select-all', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -55,7 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             useExisting: forwardRef(() => LuTreeOptionSelectAllComponent),
                             multi: true,
                         },
-                    ], template: "<button type=\"button\" (click)=\"selectAll()\" class=\"link selectAll-button\">{{ intl.select }}</button>\r\n<button type=\"button\" (click)=\"deselectAll()\" class=\"link selectAll-button u-marginLeftSmaller\">{{ intl.deselect }}</button>\r\n", styles: [":host .selectAll-button{color:var(--colors-text-light-color);font-size:var(--sizes-small-font-size);outline:none}:host .selectAll-button:hover{color:var(--colors-text-default-color)}\n"] }]
+                    ], template: "<button type=\"button\" (click)=\"selectAll()\" class=\"link selectAll-button\">{{ intl.select }}</button>\r\n<button type=\"button\" (click)=\"deselectAll()\" class=\"link selectAll-button u-marginLeftSmaller\">{{ intl.deselect }}</button>\r\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [LuOptionSelectAllIntl]

package/esm2020/qualification/lib/select/input/qualification-select-input.component.mjs

@@ -38,7 +38,7 @@ LuQualificationSelectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersi
             useExisting: forwardRef(() => LuQualificationSelectInputComponent),
             multi: true,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.qualifications }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<lu-api-paged-searcher\r\n\t\tapi=\"/organization/structure/api/job-qualifications\"\r\n\t\tstandard=\"v4\"\r\n\t\t[filters]=\"filters\"\r\n\t\tsort=\"job.name,level.position\"\r\n\t></lu-api-paged-searcher>\r\n\t<ng-template luForGroups let-group [luForGroupsGroupBy]=\"groupByJobName\">\r\n\t\t<h4 class=\"optionItem-groupKey\">{{ group.key }}</h4>\r\n\t\t<lu-option *ngFor=\"let qualification of group.items; trackBy: trackById\" [value]=\"qualification\"> {{ qualification.name }} </lu-option>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [":host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--components-select-default-palette-700);bottom:.5rem;bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:.5rem;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;display:none}.lu-select-placeholder{color:var(--components-select-default-palette-400);line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:.25rem .25rem .5rem .5rem;padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background:#FF6600;background:var(--components-select-chip-background);color:#fff;color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:1.5rem;height:var(--sizes-standard-line-height);line-height:1.5rem;line-height:var(--sizes-standard-line-height);padding:0 .5rem;padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.25rem;line-height:var(--sizes-small-line-height);min-height:calc(var(--spacings-small) + 1.25rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:1.25rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.25rem;line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:1.25rem;height:var(--sizes-small-line-height);line-height:1.25rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--spacings-big) 0 0;padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:#96a6c5;color:var(--colors-text-light-color);bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:.5rem;right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--spacings-small) * 3) var(--spacings-small) var(--spacings-small);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:#2a3551;color:var(--colors-text-default-color)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:#96a6c5;color:var(--colors-text-light-color);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:1rem;right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:1.375rem;right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:#e51a3b;color:var(--palettes-error-color)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:#ffe0e6;color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:#999;color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:#bbb;color:var(--commons-disabled-placeholder)}:host-context(.palette-primary) .lu-select-placeholder{color:var(--palettes-primary-400)}:host-context(.palette-primary):after{color:var(--palettes-primary-700)}:host-context(.palette-secondary) .lu-select-placeholder{color:var(--palettes-secondary-400)}:host-context(.palette-secondary):after{color:var(--palettes-secondary-700)}:host-context(.palette-grey) .lu-select-placeholder{color:var(--palettes-grey-400)}:host-context(.palette-grey):after{color:var(--palettes-grey-700)}:host-context(.palette-success) .lu-select-placeholder{color:var(--palettes-success-400)}:host-context(.palette-success):after{color:var(--palettes-success-700)}:host-context(.palette-warning) .lu-select-placeholder{color:var(--palettes-warning-400)}:host-context(.palette-warning):after{color:var(--palettes-warning-700)}:host-context(.palette-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.palette-error):after{color:var(--palettes-error-700)}.optionItem-groupKey{padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);margin:0;border-top:1px solid var(--commons-divider-color);font-size:var(--sizes-small-font-size);width:100%;text-align:left;text-decoration:underline}.optionItem-groupKey:first-of-type{border-top-color:transparent;margin-top:0}\n"], components: [{ type: i2.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: i4.LuApiPagedSearcherComponent, selector: "lu-api-paged-searcher", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort", "debounceTime"] }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }], directives: [{ type: i2.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.LuForGroupsDirective, selector: "[luForGroups]", inputs: ["luForGroupsGroupBy"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.qualifications }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<lu-api-paged-searcher\r\n\t\tapi=\"/organization/structure/api/job-qualifications\"\r\n\t\tstandard=\"v4\"\r\n\t\t[filters]=\"filters\"\r\n\t\tsort=\"job.name,level.position\"\r\n\t></lu-api-paged-searcher>\r\n\t<ng-template luForGroups let-group [luForGroupsGroupBy]=\"groupByJobName\">\r\n\t\t<h4 class=\"optionItem-groupKey\">{{ group.key }}</h4>\r\n\t\t<lu-option *ngFor=\"let qualification of group.items; trackBy: trackById\" [value]=\"qualification\"> {{ qualification.name }} </lu-option>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [""], components: [{ type: i2.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: i4.LuApiPagedSearcherComponent, selector: "lu-api-paged-searcher", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort", "debounceTime"] }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }], directives: [{ type: i2.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.LuForGroupsDirective, selector: "[luForGroups]", inputs: ["luForGroupsGroupBy"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuQualificationSelectInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-qualification-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -47,7 +47,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             useExisting: forwardRef(() => LuQualificationSelectInputComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.qualifications }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<lu-api-paged-searcher\r\n\t\tapi=\"/organization/structure/api/job-qualifications\"\r\n\t\tstandard=\"v4\"\r\n\t\t[filters]=\"filters\"\r\n\t\tsort=\"job.name,level.position\"\r\n\t></lu-api-paged-searcher>\r\n\t<ng-template luForGroups let-group [luForGroupsGroupBy]=\"groupByJobName\">\r\n\t\t<h4 class=\"optionItem-groupKey\">{{ group.key }}</h4>\r\n\t\t<lu-option *ngFor=\"let qualification of group.items; trackBy: trackById\" [value]=\"qualification\"> {{ qualification.name }} </lu-option>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [":host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--components-select-default-palette-700);bottom:.5rem;bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:.5rem;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;display:none}.lu-select-placeholder{color:var(--components-select-default-palette-400);line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:.25rem .25rem .5rem .5rem;padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background:#FF6600;background:var(--components-select-chip-background);color:#fff;color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:1.5rem;height:var(--sizes-standard-line-height);line-height:1.5rem;line-height:var(--sizes-standard-line-height);padding:0 .5rem;padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.25rem;line-height:var(--sizes-small-line-height);min-height:calc(var(--spacings-small) + 1.25rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:1.25rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.25rem;line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:1.25rem;height:var(--sizes-small-line-height);line-height:1.25rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--spacings-big) 0 0;padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:#96a6c5;color:var(--colors-text-light-color);bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:.5rem;right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--spacings-small) * 3) var(--spacings-small) var(--spacings-small);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:#2a3551;color:var(--colors-text-default-color)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:#96a6c5;color:var(--colors-text-light-color);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:1rem;right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:1.375rem;right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:#e51a3b;color:var(--palettes-error-color)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:#ffe0e6;color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:#999;color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:#bbb;color:var(--commons-disabled-placeholder)}:host-context(.palette-primary) .lu-select-placeholder{color:var(--palettes-primary-400)}:host-context(.palette-primary):after{color:var(--palettes-primary-700)}:host-context(.palette-secondary) .lu-select-placeholder{color:var(--palettes-secondary-400)}:host-context(.palette-secondary):after{color:var(--palettes-secondary-700)}:host-context(.palette-grey) .lu-select-placeholder{color:var(--palettes-grey-400)}:host-context(.palette-grey):after{color:var(--palettes-grey-700)}:host-context(.palette-success) .lu-select-placeholder{color:var(--palettes-success-400)}:host-context(.palette-success):after{color:var(--palettes-success-700)}:host-context(.palette-warning) .lu-select-placeholder{color:var(--palettes-warning-400)}:host-context(.palette-warning):after{color:var(--palettes-warning-700)}:host-context(.palette-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.palette-error):after{color:var(--palettes-error-700)}.optionItem-groupKey{padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);margin:0;border-top:1px solid var(--commons-divider-color);font-size:var(--sizes-small-font-size);width:100%;text-align:left;text-decoration:underline}.optionItem-groupKey:first-of-type{border-top-color:transparent;margin-top:0}\n"] }]
+                    ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.qualifications }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<lu-api-paged-searcher\r\n\t\tapi=\"/organization/structure/api/job-qualifications\"\r\n\t\tstandard=\"v4\"\r\n\t\t[filters]=\"filters\"\r\n\t\tsort=\"job.name,level.position\"\r\n\t></lu-api-paged-searcher>\r\n\t<ng-template luForGroups let-group [luForGroupsGroupBy]=\"groupByJobName\">\r\n\t\t<h4 class=\"optionItem-groupKey\">{{ group.key }}</h4>\r\n\t\t<lu-option *ngFor=\"let qualification of group.items; trackBy: trackById\" [value]=\"qualification\"> {{ qualification.name }} </lu-option>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LuQualificationSelectInputIntl]