@lucca-front/ng 16.3.1-rc.2 → 16.4.0-rc.1

package/fesm2022/lucca-front-ng-forms.mjs

@@ -0,0 +1,271 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, booleanAttribute, Component, Directive, Input, HostBinding, InjectionToken, ViewChild } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { NgControl, NgModel, FormControlDirective, FormControlName, NG_VALIDATORS, RequiredValidator, Validators, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FormFieldComponent, InputDirective } from '@lucca-front/ng/form-field';
+import { filter, take } from 'rxjs/operators';
+import { NgIf, NgTemplateOutlet, NgSwitchCase } from '@angular/common';
+import { getIntl } from '@lucca-front/ng/core';
+
+//Source: https://netbasal.com/forwarding-form-controls-to-custom-control-components-in-angular-701e8406cc55
+function injectNgControl() {
+    const ngControl = inject(NgControl, { self: true, optional: true });
+    if (!ngControl) {
+        throw new Error('NgControl not found');
+    }
+    if (ngControl instanceof NgModel) {
+        const destroyRef = inject(DestroyRef);
+        ngControl.control.valueChanges.pipe(takeUntilDestroyed(destroyRef)).subscribe((value) => {
+            if (ngControl.model !== value || ngControl.viewModel !== value) {
+                ngControl.viewToModelUpdate(value);
+            }
+        });
+        return ngControl;
+    }
+    if (ngControl instanceof FormControlDirective || ngControl instanceof FormControlName) {
+        return ngControl;
+    }
+    throw new Error(`NgControl is not an instance of FormControlDirective, FormControlName or NgModel`);
+}
+
+class AbstractFieldComponent {
+    constructor() {
+        this.ngControl = injectNgControl();
+        this.#ngModelRequiredValidator = inject(NG_VALIDATORS, { optional: true })?.find((v) => v instanceof RequiredValidator);
+    }
+    #ngModelRequiredValidator;
+    get required() {
+        return this.ngControl.control.hasValidator(Validators.required) || booleanAttribute(this.#ngModelRequiredValidator.required);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: AbstractFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: AbstractFieldComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: AbstractFieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                    standalone: true,
+                }]
+        }] });
+
+//Source: https://netbasal.com/forwarding-form-controls-to-custom-control-components-in-angular-701e8406cc55
+class NoopValueAccessorDirective {
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    writeValue() { }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    registerOnChange() { }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    registerOnTouched() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: NoopValueAccessorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.3", type: NoopValueAccessorDirective, isStandalone: true, selector: "[luNoopValueAccessor]", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: NoopValueAccessorDirective,
+            },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: NoopValueAccessorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[luNoopValueAccessor]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: NoopValueAccessorDirective,
+                        },
+                    ],
+                }]
+        }] });
+
+class FormFieldIdDirective {
+    #formFieldComponent;
+    #suffix;
+    set suffix(suffix) {
+        this.#suffix = suffix;
+        if (this.#formFieldComponent.ready) {
+            this.applyLabelledBy();
+        }
+    }
+    get id() {
+        return `${this.#formFieldComponent.id}-${this.#suffix}`;
+    }
+    constructor() {
+        this.#formFieldComponent = inject(FormFieldComponent);
+        this.labelledByStrategy = 'append';
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+        this.#formFieldComponent.ready$.pipe(filter(Boolean), take(1)).subscribe(() => {
+            this.applyLabelledBy();
+        });
+    }
+    applyLabelledBy() {
+        this.#formFieldComponent.addLabelledBy(`${this.#formFieldComponent.id}-${this.#suffix}`, this.labelledByStrategy === 'prepend');
+    }
+    ngOnDestroy() {
+        this.#formFieldComponent.removeLabelledBy(`${this.#formFieldComponent.id}-${this.#suffix}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: FormFieldIdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.3", type: FormFieldIdDirective, isStandalone: true, selector: "[luFormFieldId]", inputs: { suffix: ["luFormFieldId", "suffix"], labelledByStrategy: "labelledByStrategy" }, host: { properties: { "attr.id": "this.id" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: FormFieldIdDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[luFormFieldId]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { suffix: [{
+                type: Input,
+                args: [{
+                        required: true,
+                        alias: 'luFormFieldId',
+                    }]
+            }], labelledByStrategy: [{
+                type: Input
+            }], id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }] } });
+
+const LU_TEXTFIELD_TRANSLATIONS = new InjectionToken('LuTextfieldTranslations', {
+    factory: () => luTextfieldTranslations,
+});
+const luTextfieldTranslations = {
+    en: {
+        clear: 'Empty this field',
+    },
+    fr: {
+        clear: 'Vider ce champ',
+    },
+};
+
+class TextfieldComponent extends AbstractFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.hiddenLabel = false;
+        this.size = 'M';
+        this.hasClearer = false;
+        this.hasSearchIcon = false;
+        this.type = 'text';
+        this.searchIcon = 'search';
+        this.intl = getIntl(LU_TEXTFIELD_TRANSLATIONS);
+    }
+    clearValue() {
+        this.ngControl.reset();
+        this.inputElementRef.nativeElement.focus();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: TextfieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: TextfieldComponent, isStandalone: true, selector: "lu-textfield", inputs: { label: "label", placeholder: "placeholder", hiddenLabel: ["hiddenLabel", "hiddenLabel", booleanAttribute], tooltip: "tooltip", inlineMessage: "inlineMessage", inlineMessageState: "inlineMessageState", size: "size", hasClearer: ["hasClearer", "hasClearer", booleanAttribute], hasSearchIcon: ["hasSearchIcon", "hasSearchIcon", booleanAttribute], prefix: "prefix", suffix: "suffix", type: "type", searchIcon: "searchIcon" }, viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true, static: true }], usesInheritance: true, hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "<lu-form-field\r\n\t[label]=\"label\"\r\n\t[required]=\"required\"\r\n\t[hiddenLabel]=\"hiddenLabel\"\r\n\t[inlineMessage]=\"inlineMessage\"\r\n\t[inlineMessageState]=\"inlineMessageState\"\r\n\t[size]=\"size\"\r\n\t[invalid]=\"ngControl.control.touched && ngControl.control.invalid\"\r\n\t[tooltip]=\"tooltip\"\r\n>\r\n\t<ng-template #textfieldAddon let-addon=\"addon\" let-type=\"type\">\r\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.content\">\r\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\">{{addon.content}}</span>\r\n\t\t</span>\r\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.icon\">\r\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\r\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\r\n\t\t\t></span>\r\n\t\t</span>\r\n\t</ng-template>\r\n\r\n\t<ng-container *ngIf=\"prefix\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\r\n\t\t\ttype: 'prefix',\r\n\t\t\taddon: prefix\r\n     }\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\t<ng-container *ngIf=\"suffix\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\r\n\t\t\ttype: 'suffix',\r\n\t\t\taddon: suffix\r\n     }\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\t<div class=\"textField-input\">\r\n\t\t<input luInput [type]=\"type\" [placeholder]=\"placeholder\" [formControl]=\"ngControl.control\" #inputElement />\r\n\t\t<div class=\"textField-input-affix\">\r\n\t\t\t<button class=\"textField-input-affix-clear clear\" (click)=\"clearValue()\" *ngIf=\"hasClearer && inputElement.value\">\r\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-close\"></span>\r\n\t\t\t\t<span class=\"u-mask\">{{intl.clear}}</span>\r\n\t\t\t</button>\r\n\t\t\t<span aria-hidden=\"true\" class=\"textField-input-affix-icon lucca-icon icon-{{searchIcon}}\" *ngIf=\"hasSearchIcon\"></span>\r\n\t\t</div>\r\n\t</div>\r\n</lu-form-field>\r\n", dependencies: [{ kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["label", "hiddenLabel", "tooltip", "required", "invalid", "inlineMessage", "inlineMessageState", "size", "layout"] }, { kind: "directive", type: InputDirective, selector: "[luInput]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", 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]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: FormFieldIdDirective, selector: "[luFormFieldId]", inputs: ["luFormFieldId", "labelledByStrategy"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: TextfieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-textfield', standalone: true, imports: [FormFieldComponent, InputDirective, NgIf, ReactiveFormsModule, FormFieldIdDirective, NgTemplateOutlet], hostDirectives: [NoopValueAccessorDirective], template: "<lu-form-field\r\n\t[label]=\"label\"\r\n\t[required]=\"required\"\r\n\t[hiddenLabel]=\"hiddenLabel\"\r\n\t[inlineMessage]=\"inlineMessage\"\r\n\t[inlineMessageState]=\"inlineMessageState\"\r\n\t[size]=\"size\"\r\n\t[invalid]=\"ngControl.control.touched && ngControl.control.invalid\"\r\n\t[tooltip]=\"tooltip\"\r\n>\r\n\t<ng-template #textfieldAddon let-addon=\"addon\" let-type=\"type\">\r\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.content\">\r\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\">{{addon.content}}</span>\r\n\t\t</span>\r\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.icon\">\r\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\r\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\r\n\t\t\t></span>\r\n\t\t</span>\r\n\t</ng-template>\r\n\r\n\t<ng-container *ngIf=\"prefix\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\r\n\t\t\ttype: 'prefix',\r\n\t\t\taddon: prefix\r\n     }\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\t<ng-container *ngIf=\"suffix\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\r\n\t\t\ttype: 'suffix',\r\n\t\t\taddon: suffix\r\n     }\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\t<div class=\"textField-input\">\r\n\t\t<input luInput [type]=\"type\" [placeholder]=\"placeholder\" [formControl]=\"ngControl.control\" #inputElement />\r\n\t\t<div class=\"textField-input-affix\">\r\n\t\t\t<button class=\"textField-input-affix-clear clear\" (click)=\"clearValue()\" *ngIf=\"hasClearer && inputElement.value\">\r\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-close\"></span>\r\n\t\t\t\t<span class=\"u-mask\">{{intl.clear}}</span>\r\n\t\t\t</button>\r\n\t\t\t<span aria-hidden=\"true\" class=\"textField-input-affix-icon lucca-icon icon-{{searchIcon}}\" *ngIf=\"hasSearchIcon\"></span>\r\n\t\t</div>\r\n\t</div>\r\n</lu-form-field>\r\n" }]
+        }], propDecorators: { label: [{
+                type: Input,
+                args: [{ required: true }]
+            }], placeholder: [{
+                type: Input
+            }], hiddenLabel: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], tooltip: [{
+                type: Input
+            }], inlineMessage: [{
+                type: Input
+            }], inlineMessageState: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], hasClearer: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hasSearchIcon: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], inputElementRef: [{
+                type: ViewChild,
+                args: ['inputElement', { static: true }]
+            }], prefix: [{
+                type: Input
+            }], suffix: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], 
+        /**
+         * Search icon to use for when `hasSearchIcon` is true, defaults to 'search'
+         */
+        searchIcon: [{
+                type: Input
+            }] } });
+
+class CheckboxfieldComponent extends AbstractFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.hiddenLabel = false;
+        this.size = 'M';
+    }
+    get required() {
+        return this.ngControl.control.hasValidator(Validators.requiredTrue);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: CheckboxfieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: CheckboxfieldComponent, isStandalone: true, selector: "lu-checkboxfield", inputs: { label: "label", hiddenLabel: ["hiddenLabel", "hiddenLabel", booleanAttribute], tooltip: "tooltip", inlineMessage: "inlineMessage", inlineMessageState: "inlineMessageState", size: "size" }, usesInheritance: true, hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "<lu-form-field\r\n\t[label]=\"label\"\r\n\t[required]=\"required\"\r\n\t[hiddenLabel]=\"hiddenLabel\"\r\n\t[inlineMessage]=\"inlineMessage\"\r\n\t[inlineMessageState]=\"inlineMessageState\"\r\n\t[size]=\"size\"\r\n\t[invalid]=\"ngControl.control.touched && ngControl.control.invalid\"\r\n\tlayout=\"checkbox\"\r\n>\r\n\t<span class=\"checkboxField\">\r\n\t\t<input luInput type=\"checkbox\" class=\"checkboxField-input\" [formControl]=\"ngControl.control\" />\r\n\t\t<span class=\"checkboxField-icon\" aria-hidden=\"true\"><span class=\"checkboxField-icon-check\"></span></span>\r\n\t</span>\r\n</lu-form-field>\r\n", dependencies: [{ kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["label", "hiddenLabel", "tooltip", "required", "invalid", "inlineMessage", "inlineMessageState", "size", "layout"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: InputDirective, selector: "[luInput]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: CheckboxfieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-checkboxfield', standalone: true, imports: [FormFieldComponent, ReactiveFormsModule, InputDirective, NgSwitchCase, NgTemplateOutlet], hostDirectives: [NoopValueAccessorDirective], template: "<lu-form-field\r\n\t[label]=\"label\"\r\n\t[required]=\"required\"\r\n\t[hiddenLabel]=\"hiddenLabel\"\r\n\t[inlineMessage]=\"inlineMessage\"\r\n\t[inlineMessageState]=\"inlineMessageState\"\r\n\t[size]=\"size\"\r\n\t[invalid]=\"ngControl.control.touched && ngControl.control.invalid\"\r\n\tlayout=\"checkbox\"\r\n>\r\n\t<span class=\"checkboxField\">\r\n\t\t<input luInput type=\"checkbox\" class=\"checkboxField-input\" [formControl]=\"ngControl.control\" />\r\n\t\t<span class=\"checkboxField-icon\" aria-hidden=\"true\"><span class=\"checkboxField-icon-check\"></span></span>\r\n\t</span>\r\n</lu-form-field>\r\n" }]
+        }], propDecorators: { label: [{
+                type: Input,
+                args: [{ required: true }]
+            }], hiddenLabel: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], tooltip: [{
+                type: Input
+            }], inlineMessage: [{
+                type: Input
+            }], inlineMessageState: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
+class SwitchfieldComponent extends AbstractFieldComponent {
+    constructor() {
+        super(...arguments);
+        this.hiddenLabel = false;
+        this.size = 'M';
+    }
+    get required() {
+        return this.ngControl.control.hasValidator(Validators.requiredTrue);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: SwitchfieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: SwitchfieldComponent, isStandalone: true, selector: "lu-switchfield", inputs: { label: "label", hiddenLabel: ["hiddenLabel", "hiddenLabel", booleanAttribute], tooltip: "tooltip", inlineMessage: "inlineMessage", inlineMessageState: "inlineMessageState", size: "size" }, usesInheritance: true, hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "<lu-form-field\r\n\t[label]=\"label\"\r\n\t[required]=\"required\"\r\n\t[hiddenLabel]=\"hiddenLabel\"\r\n\t[inlineMessage]=\"inlineMessage\"\r\n\t[inlineMessageState]=\"inlineMessageState\"\r\n\t[size]=\"size\"\r\n\t[invalid]=\"ngControl.control.touched && ngControl.control.invalid\"\r\n\tlayout=\"checkbox\"\r\n>\r\n\t<span class=\"switchField\">\r\n\t\t<input luInput type=\"checkbox\" class=\"switchField-input\" [formControl]=\"ngControl.control\" />\r\n\t\t<span class=\"switchField-icon\" aria-hidden=\"true\"><span class=\"switchField-icon-check\"></span></span>\r\n\t</span>\r\n</lu-form-field>\r\n", dependencies: [{ kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["label", "hiddenLabel", "tooltip", "required", "invalid", "inlineMessage", "inlineMessageState", "size", "layout"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: InputDirective, selector: "[luInput]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: SwitchfieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-switchfield', standalone: true, imports: [FormFieldComponent, ReactiveFormsModule, InputDirective], hostDirectives: [NoopValueAccessorDirective], template: "<lu-form-field\r\n\t[label]=\"label\"\r\n\t[required]=\"required\"\r\n\t[hiddenLabel]=\"hiddenLabel\"\r\n\t[inlineMessage]=\"inlineMessage\"\r\n\t[inlineMessageState]=\"inlineMessageState\"\r\n\t[size]=\"size\"\r\n\t[invalid]=\"ngControl.control.touched && ngControl.control.invalid\"\r\n\tlayout=\"checkbox\"\r\n>\r\n\t<span class=\"switchField\">\r\n\t\t<input luInput type=\"checkbox\" class=\"switchField-input\" [formControl]=\"ngControl.control\" />\r\n\t\t<span class=\"switchField-icon\" aria-hidden=\"true\"><span class=\"switchField-icon-check\"></span></span>\r\n\t</span>\r\n</lu-form-field>\r\n" }]
+        }], propDecorators: { label: [{
+                type: Input,
+                args: [{ required: true }]
+            }], hiddenLabel: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], tooltip: [{
+                type: Input
+            }], inlineMessage: [{
+                type: Input
+            }], inlineMessageState: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AbstractFieldComponent, CheckboxfieldComponent, FormFieldIdDirective, NoopValueAccessorDirective, SwitchfieldComponent, TextfieldComponent, injectNgControl };
+//# sourceMappingURL=lucca-front-ng-forms.mjs.map

package/fesm2022/lucca-front-ng-forms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucca-front-ng-forms.mjs","sources":["../../../packages/ng/forms/inject-ng-control.ts","../../../packages/ng/forms/abstract-field-component.ts","../../../packages/ng/forms/noop-value-accessor.directive.ts","../../../packages/ng/forms/form-field-id.directive.ts","../../../packages/ng/forms/textfield/textfield.translate.ts","../../../packages/ng/forms/textfield/textfield.component.ts","../../../packages/ng/forms/textfield/textfield.component.html","../../../packages/ng/forms/checkboxfield/checkboxfield.component.ts","../../../packages/ng/forms/checkboxfield/checkboxfield.component.html","../../../packages/ng/forms/switchfield/switchfield.component.ts","../../../packages/ng/forms/switchfield/switchfield.component.html","../../../packages/ng/forms/lucca-front-ng-forms.ts"],"sourcesContent":["//Source: https://netbasal.com/forwarding-form-controls-to-custom-control-components-in-angular-701e8406cc55\r\n// Heavily modified to handle ngModel properly\r\nimport { FormControlDirective, FormControlName, NgControl, NgModel } from '@angular/forms';\r\nimport { DestroyRef, inject } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\nexport function injectNgControl() {\r\n\tconst ngControl = inject(NgControl, { self: true, optional: true });\r\n\r\n\tif (!ngControl) {\r\n\t\tthrow new Error('NgControl not found');\r\n\t}\r\n\r\n\tif (ngControl instanceof NgModel) {\r\n\t\tconst destroyRef = inject(DestroyRef);\r\n\t\tngControl.control.valueChanges.pipe(takeUntilDestroyed(destroyRef)).subscribe((value) => {\r\n\t\t\tif (ngControl.model !== value || ngControl.viewModel !== value) {\r\n\t\t\t\tngControl.viewToModelUpdate(value);\r\n\t\t\t}\r\n\t\t});\r\n\t\treturn ngControl;\r\n\t}\r\n\r\n\tif (ngControl instanceof FormControlDirective || ngControl instanceof FormControlName) {\r\n\t\treturn ngControl;\r\n\t}\r\n\r\n\tthrow new Error(`NgControl is not an instance of FormControlDirective, FormControlName or NgModel`);\r\n}\r\n","import { booleanAttribute, Component, inject } from '@angular/core';\r\nimport { injectNgControl } from './inject-ng-control';\r\nimport { NG_VALIDATORS, RequiredValidator, Validators } from '@angular/forms';\r\n\r\n@Component({\r\n\ttemplate: '',\r\n\tstandalone: true,\r\n})\r\nexport class AbstractFieldComponent {\r\n\tprotected ngControl = injectNgControl();\r\n\r\n\t#ngModelRequiredValidator: RequiredValidator | null | undefined = inject(NG_VALIDATORS, { optional: true })?.find((v): v is RequiredValidator => v instanceof RequiredValidator);\r\n\r\n\tget required(): boolean {\r\n\t\treturn this.ngControl.control.hasValidator(Validators.required) || booleanAttribute(this.#ngModelRequiredValidator.required);\r\n\t}\r\n}\r\n","//Source: https://netbasal.com/forwarding-form-controls-to-custom-control-components-in-angular-701e8406cc55\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n\tselector: '[luNoopValueAccessor]',\r\n\tstandalone: true,\r\n\tproviders: [\r\n\t\t{\r\n\t\t\tprovide: NG_VALUE_ACCESSOR,\r\n\t\t\tmulti: true,\r\n\t\t\tuseExisting: NoopValueAccessorDirective,\r\n\t\t},\r\n\t],\r\n})\r\nexport class NoopValueAccessorDirective implements ControlValueAccessor {\r\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\r\n\twriteValue(): void {}\r\n\r\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\r\n\tregisterOnChange(): void {}\r\n\r\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\r\n\tregisterOnTouched(): void {}\r\n}\r\n","import { Directive, HostBinding, inject, Input, OnDestroy } from '@angular/core';\r\nimport { FormFieldComponent } from '@lucca-front/ng/form-field';\r\nimport { filter, take } from 'rxjs/operators';\r\n\r\n@Directive({\r\n\tselector: '[luFormFieldId]',\r\n\tstandalone: true,\r\n})\r\nexport class FormFieldIdDirective implements OnDestroy {\r\n\t#formFieldComponent = inject(FormFieldComponent);\r\n\r\n\t#suffix: string;\r\n\r\n\t@Input({\r\n\t\trequired: true,\r\n\t\talias: 'luFormFieldId',\r\n\t})\r\n\tset suffix(suffix: string) {\r\n\t\tthis.#suffix = suffix;\r\n\t\tif (this.#formFieldComponent.ready) {\r\n\t\t\tthis.applyLabelledBy();\r\n\t\t}\r\n\t}\r\n\r\n\t@Input()\r\n\tlabelledByStrategy: 'prepend' | 'append' = 'append';\r\n\r\n\t@HostBinding('attr.id')\r\n\tget id(): string {\r\n\t\treturn `${this.#formFieldComponent.id}-${this.#suffix}`;\r\n\t}\r\n\r\n\tconstructor() {\r\n\t\t// eslint-disable-next-line @typescript-eslint/no-unsafe-argument\r\n\t\tthis.#formFieldComponent.ready$.pipe(filter(Boolean), take(1)).subscribe(() => {\r\n\t\t\tthis.applyLabelledBy();\r\n\t\t});\r\n\t}\r\n\r\n\tprivate applyLabelledBy(): void {\r\n\t\tthis.#formFieldComponent.addLabelledBy(`${this.#formFieldComponent.id}-${this.#suffix}`, this.labelledByStrategy === 'prepend');\r\n\t}\r\n\r\n\tngOnDestroy(): void {\r\n\t\tthis.#formFieldComponent.removeLabelledBy(`${this.#formFieldComponent.id}-${this.#suffix}`);\r\n\t}\r\n}\r\n","import { InjectionToken } from '@angular/core';\r\nimport { ILuTranslation } from '@lucca-front/ng/core';\r\n\r\nexport const LU_TEXTFIELD_TRANSLATIONS = new InjectionToken('LuTextfieldTranslations', {\r\n\tfactory: () => luTextfieldTranslations,\r\n});\r\n\r\nexport interface LuTextfieldLabel {\r\n\tclear: string;\r\n}\r\n\r\nexport const luTextfieldTranslations: ILuTranslation<LuTextfieldLabel> = {\r\n\ten: {\r\n\t\tclear: 'Empty this field',\r\n\t},\r\n\tfr: {\r\n\t\tclear: 'Vider ce champ',\r\n\t},\r\n};\r\n","import { booleanAttribute, Component, ElementRef, Input, ViewChild } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { FormFieldComponent, FormFieldSize, InputDirective } from '@lucca-front/ng/form-field';\r\nimport { NoopValueAccessorDirective } from '../noop-value-accessor.directive';\r\nimport { NgIf, NgTemplateOutlet } from '@angular/common';\r\nimport { FormFieldIdDirective } from '../form-field-id.directive';\r\nimport { TextfieldAddon } from './textfield-addon';\r\nimport { InlineMessageState } from '@lucca-front/ng/inline-message';\r\nimport { LuccaIcon } from '@lucca-front/icons';\r\nimport { AbstractFieldComponent } from '../abstract-field-component';\r\nimport { SafeHtml } from '@angular/platform-browser';\r\nimport { getIntl } from '@lucca-front/ng/core';\r\nimport { LU_TEXTFIELD_TRANSLATIONS } from './textfield.translate';\r\n\r\n@Component({\r\n\tselector: 'lu-textfield',\r\n\tstandalone: true,\r\n\timports: [FormFieldComponent, InputDirective, NgIf, ReactiveFormsModule, FormFieldIdDirective, NgTemplateOutlet],\r\n\ttemplateUrl: './textfield.component.html',\r\n\thostDirectives: [NoopValueAccessorDirective],\r\n})\r\nexport class TextfieldComponent extends AbstractFieldComponent {\r\n\t@Input({ required: true })\r\n\tlabel: string;\r\n\r\n\t@Input()\r\n\tplaceholder: string;\r\n\r\n\t@Input({ transform: booleanAttribute })\r\n\thiddenLabel = false;\r\n\r\n\t@Input()\r\n\ttooltip: string | SafeHtml;\r\n\r\n\t@Input()\r\n\tinlineMessage: string;\r\n\r\n\t@Input()\r\n\tinlineMessageState: InlineMessageState;\r\n\r\n\t@Input()\r\n\tsize: FormFieldSize = 'M';\r\n\r\n\t@Input({ transform: booleanAttribute })\r\n\thasClearer = false;\r\n\r\n\t@Input({ transform: booleanAttribute })\r\n\thasSearchIcon = false;\r\n\r\n\t@ViewChild('inputElement', { static: true })\r\n\tinputElementRef: ElementRef<HTMLInputElement>;\r\n\r\n\t@Input()\r\n\tprefix: TextfieldAddon;\r\n\r\n\t@Input()\r\n\tsuffix: TextfieldAddon;\r\n\r\n\t@Input()\r\n\ttype: 'text' | 'email' | 'password' | 'number' = 'text';\r\n\r\n\t@Input()\r\n\t/**\r\n\t * Search icon to use for when `hasSearchIcon` is true, defaults to 'search'\r\n\t */\r\n\tsearchIcon: LuccaIcon = 'search';\r\n\r\n\tintl = getIntl(LU_TEXTFIELD_TRANSLATIONS);\r\n\r\n\tclearValue(): void {\r\n\t\tthis.ngControl.reset();\r\n\t\tthis.inputElementRef.nativeElement.focus();\r\n\t}\r\n}\r\n","<lu-form-field\r\n\t[label]=\"label\"\r\n\t[required]=\"required\"\r\n\t[hiddenLabel]=\"hiddenLabel\"\r\n\t[inlineMessage]=\"inlineMessage\"\r\n\t[inlineMessageState]=\"inlineMessageState\"\r\n\t[size]=\"size\"\r\n\t[invalid]=\"ngControl.control.touched && ngControl.control.invalid\"\r\n\t[tooltip]=\"tooltip\"\r\n>\r\n\t<ng-template #textfieldAddon let-addon=\"addon\" let-type=\"type\">\r\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.content\">\r\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\">{{addon.content}}</span>\r\n\t\t</span>\r\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.icon\">\r\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\r\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\r\n\t\t\t></span>\r\n\t\t</span>\r\n\t</ng-template>\r\n\r\n\t<ng-container *ngIf=\"prefix\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\r\n\t\t\ttype: 'prefix',\r\n\t\t\taddon: prefix\r\n     }\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\t<ng-container *ngIf=\"suffix\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\r\n\t\t\ttype: 'suffix',\r\n\t\t\taddon: suffix\r\n     }\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\t<div class=\"textField-input\">\r\n\t\t<input luInput [type]=\"type\" [placeholder]=\"placeholder\" [formControl]=\"ngControl.control\" #inputElement />\r\n\t\t<div class=\"textField-input-affix\">\r\n\t\t\t<button class=\"textField-input-affix-clear clear\" (click)=\"clearValue()\" *ngIf=\"hasClearer && inputElement.value\">\r\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-close\"></span>\r\n\t\t\t\t<span class=\"u-mask\">{{intl.clear}}</span>\r\n\t\t\t</button>\r\n\t\t\t<span aria-hidden=\"true\" class=\"textField-input-affix-icon lucca-icon icon-{{searchIcon}}\" *ngIf=\"hasSearchIcon\"></span>\r\n\t\t</div>\r\n\t</div>\r\n</lu-form-field>\r\n","import { booleanAttribute, Component, Input } from '@angular/core';\r\nimport { FormFieldComponent, FormFieldSize, InputDirective } from '@lucca-front/ng/form-field';\r\nimport { AbstractFieldComponent } from '../abstract-field-component';\r\nimport { NoopValueAccessorDirective } from '../noop-value-accessor.directive';\r\nimport { ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { SafeHtml } from '@angular/platform-browser';\r\nimport { InlineMessageState } from '@lucca-front/ng/inline-message';\r\nimport { NgSwitchCase, NgTemplateOutlet } from '@angular/common';\r\n\r\n@Component({\r\n\tselector: 'lu-checkboxfield',\r\n\tstandalone: true,\r\n\timports: [FormFieldComponent, ReactiveFormsModule, InputDirective, NgSwitchCase, NgTemplateOutlet],\r\n\ttemplateUrl: './checkboxfield.component.html',\r\n\thostDirectives: [NoopValueAccessorDirective],\r\n})\r\nexport class CheckboxfieldComponent extends AbstractFieldComponent {\r\n\t@Input({ required: true })\r\n\tlabel: string;\r\n\r\n\t@Input({ transform: booleanAttribute })\r\n\thiddenLabel = false;\r\n\r\n\t@Input()\r\n\ttooltip: string | SafeHtml;\r\n\r\n\t@Input()\r\n\tinlineMessage: string;\r\n\r\n\t@Input()\r\n\tinlineMessageState: InlineMessageState;\r\n\r\n\t@Input()\r\n\tsize: FormFieldSize = 'M';\r\n\r\n\toverride get required(): boolean {\r\n\t\treturn this.ngControl.control.hasValidator(Validators.requiredTrue);\r\n\t}\r\n}\r\n","<lu-form-field\r\n\t[label]=\"label\"\r\n\t[required]=\"required\"\r\n\t[hiddenLabel]=\"hiddenLabel\"\r\n\t[inlineMessage]=\"inlineMessage\"\r\n\t[inlineMessageState]=\"inlineMessageState\"\r\n\t[size]=\"size\"\r\n\t[invalid]=\"ngControl.control.touched && ngControl.control.invalid\"\r\n\tlayout=\"checkbox\"\r\n>\r\n\t<span class=\"checkboxField\">\r\n\t\t<input luInput type=\"checkbox\" class=\"checkboxField-input\" [formControl]=\"ngControl.control\" />\r\n\t\t<span class=\"checkboxField-icon\" aria-hidden=\"true\"><span class=\"checkboxField-icon-check\"></span></span>\r\n\t</span>\r\n</lu-form-field>\r\n","import { booleanAttribute, Component, Input } from '@angular/core';\r\nimport { FormFieldComponent, FormFieldSize, InputDirective } from '@lucca-front/ng/form-field';\r\nimport { AbstractFieldComponent } from '../abstract-field-component';\r\nimport { NoopValueAccessorDirective } from '../noop-value-accessor.directive';\r\nimport { ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { SafeHtml } from '@angular/platform-browser';\r\nimport { InlineMessageState } from '@lucca-front/ng/inline-message';\r\n\r\n@Component({\r\n\tselector: 'lu-switchfield',\r\n\tstandalone: true,\r\n\timports: [FormFieldComponent, ReactiveFormsModule, InputDirective],\r\n\ttemplateUrl: './switchfield.component.html',\r\n\thostDirectives: [NoopValueAccessorDirective],\r\n})\r\nexport class SwitchfieldComponent extends AbstractFieldComponent {\r\n\t@Input({ required: true })\r\n\tlabel: string;\r\n\r\n\t@Input({ transform: booleanAttribute })\r\n\thiddenLabel = false;\r\n\r\n\t@Input()\r\n\ttooltip: string | SafeHtml;\r\n\r\n\t@Input()\r\n\tinlineMessage: string;\r\n\r\n\t@Input()\r\n\tinlineMessageState: InlineMessageState;\r\n\r\n\t@Input()\r\n\tsize: FormFieldSize = 'M';\r\n\r\n\toverride get required(): boolean {\r\n\t\treturn this.ngControl.control.hasValidator(Validators.requiredTrue);\r\n\t}\r\n}\r\n","<lu-form-field\r\n\t[label]=\"label\"\r\n\t[required]=\"required\"\r\n\t[hiddenLabel]=\"hiddenLabel\"\r\n\t[inlineMessage]=\"inlineMessage\"\r\n\t[inlineMessageState]=\"inlineMessageState\"\r\n\t[size]=\"size\"\r\n\t[invalid]=\"ngControl.control.touched && ngControl.control.invalid\"\r\n\tlayout=\"checkbox\"\r\n>\r\n\t<span class=\"switchField\">\r\n\t\t<input luInput type=\"checkbox\" class=\"switchField-input\" [formControl]=\"ngControl.control\" />\r\n\t\t<span class=\"switchField-icon\" aria-hidden=\"true\"><span class=\"switchField-icon-check\"></span></span>\r\n\t</span>\r\n</lu-form-field>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.NoopValueAccessorDirective"],"mappings":"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"}

package/fesm2022/lucca-front-ng-icon.mjs

@@ -0,0 +1,33 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { NgIf } from '@angular/common';
+
+class IconComponent {
+    constructor() {
+        this.size = 'M';
+        this.color = 'inherit';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: IconComponent, isStandalone: true, selector: "lu-icon", inputs: { icon: "icon", alt: "alt", size: "size", color: "color" }, ngImport: i0, template: "<span aria-hidden=\"true\" class=\"lucca-icon icon-{{icon}} mod-{{size}} icon-color-{{color}}\"></span>\r\n<span class=\"u-mask\" *ngIf=\"alt\">{{alt}}</span>\r\n", styles: ["@charset \"UTF-8\";body{-moz-osx-font-smoothing:grayscale}@font-face{font-family:Lucca icons;font-style:normal;font-weight:400;src:url(//cdn.lucca.fr/lucca-front/icons/font/lucca-icons.svg) format(\"svg\"),url(//cdn.lucca.fr/lucca-front/icons/font/lucca-icons.woff) format(\"woff\"),url(//cdn.lucca.fr/lucca-front/icons/font/lucca-icons.ttf) format(\"truetype\");letter-spacing:normal;-ms-font-feature-settings:\"liga\" 1;font-feature-settings:\"liga\";font-variant-ligatures:discretionary-ligatures}.lucca-icon{font-weight:400;font-size:var(--icon-size, 1.25rem);direction:ltr;display:inline-block;font-family:Lucca icons;font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased;font-style:normal;letter-spacing:normal;line-height:1;text-transform:none;vertical-align:text-bottom;white-space:nowrap;word-wrap:normal}.lucca-icon.icon-app:before{content:\"\\e959\"}.lucca-icon.icon-apps:before{content:\"\\e959\"}.lucca-icon.icon-nineTiles:before{content:\"\\e959\"}.lucca-icon.icon-mosaic:before{content:\"\\e959\"}.lucca-icon.icon-tiles:before{content:\"\\e959\"}.lucca-icon.icon-arrowBackward:before{content:\"\\e9ef\"}.lucca-icon.icon-backward:before{content:\"\\e9ef\"}.lucca-icon.icon-arrowBottom:before{content:\"\\e9b5\"}.lucca-icon.icon-arrowFullSouth:before{content:\"\\e9b5\"}.lucca-icon.icon-arrowBottomLeft:before{content:\"\\e9ddd\"}.lucca-icon.icon-arrowBottomRight:before{content:\"\\e9ccc\"}.lucca-icon.icon-arrowChevronBottom:before{content:\"\\e97c\"}.lucca-icon.icon-arrowSouth:before{content:\"\\e97c\"}.lucca-icon.icon-southArrow:before{content:\"\\e97c\"}.lucca-icon.icon-southThinArrow:before{content:\"\\e97c\"}.lucca-icon.icon-chevronSouth:before{content:\"\\e97c\"}.lucca-icon.icon-chevronBottom:before{content:\"\\e97c\"}.lucca-icon.icon-arrowChevronLeft:before{content:\"\\e994\"}.lucca-icon.icon-arrowWest:before{content:\"\\e994\"}.lucca-icon.icon-westArrow:before{content:\"\\e994\"}.lucca-icon.icon-westThinArrow:before{content:\"\\e994\"}.lucca-icon.icon-chevronWest:before{content:\"\\e994\"}.lucca-icon.icon-chevronLeft:before{content:\"\\e994\"}.lucca-icon.icon-arrowChevronRight:before{content:\"\\e926\"}.lucca-icon.icon-arrowEast:before{content:\"\\e926\"}.lucca-icon.icon-eastArrow:before{content:\"\\e926\"}.lucca-icon.icon-eastThinArrow:before{content:\"\\e926\"}.lucca-icon.icon-chevronEast:before{content:\"\\e926\"}.lucca-icon.icon-chevronRight:before{content:\"\\e926\"}.lucca-icon.icon-arrowChevronTop:before{content:\"\\e95a\"}.lucca-icon.icon-arrowNorth:before{content:\"\\e95a\"}.lucca-icon.icon-northArrow:before{content:\"\\e95a\"}.lucca-icon.icon-northThinArrow:before{content:\"\\e95a\"}.lucca-icon.icon-chevronNorth:before{content:\"\\e95a\"}.lucca-icon.icon-chevronTop:before{content:\"\\e95a\"}.lucca-icon.icon-arrowCorner:before{content:\"\\e9b9\"}.lucca-icon.icon-distribute:before{content:\"\\e9b9\"}.lucca-icon.icon-arrowDownload:before{content:\"\\e924\"}.lucca-icon.icon-download:before{content:\"\\e924\"}.lucca-icon.icon-arrowExternal:before{content:\"\\e95d\"}.lucca-icon.icon-outside:before{content:\"\\e95d\"}.lucca-icon.icon-arrowForward:before{content:\"\\e9c5\"}.lucca-icon.icon-arrowDouble:before{content:\"\\e9c5\"}.lucca-icon.icon-forward:before{content:\"\\e9c5\"}.lucca-icon.icon-arrowLeft:before{content:\"\\e9b4\"}.lucca-icon.icon-arrowFullWest:before{content:\"\\e9b4\"}.lucca-icon.icon-arrowLogin:before{content:\"\\e93f\"}.lucca-icon.icon-login:before{content:\"\\e93f\"}.lucca-icon.icon-arrowLogout:before{content:\"\\e940\"}.lucca-icon.icon-logout:before{content:\"\\e940\"}.lucca-icon.icon-arrowOppositeHorizontal:before{content:\"\\e9ad\"}.lucca-icon.icon-swap:before{content:\"\\e9ad\"}.lucca-icon.icon-arrowOppositeVertical:before{content:\"\\e912\"}.lucca-icon.icon-creditDebit:before{content:\"\\e912\"}.lucca-icon.icon-arrowReply:before{content:\"\\e9ba\"}.lucca-icon.icon-reply:before{content:\"\\e9ba\"}.lucca-icon.icon-arrowReset:before{content:\"\\e970\"}.lucca-icon.icon-refresh:before{content:\"\\e970\"}.lucca-icon.icon-update:before{content:\"\\e970\"}.lucca-icon.icon-arrowRight:before{content:\"\\e9b6\"}.lucca-icon.icon-arrowFullEast:before{content:\"\\e9b6\"}.lucca-icon.icon-arrowSync:before{content:\"\\e9c3\"}.lucca-icon.icon-sync:before{content:\"\\e9c3\"}.lucca-icon.icon-arrowSyncStrikethrough:before{content:\"\\e9c2\"}.lucca-icon.icon-syncDisabled:before{content:\"\\e9c2\"}.lucca-icon.icon-arrowTop:before{content:\"\\e9b7\"}.lucca-icon.icon-arrowFullNorth:before{content:\"\\e9b7\"}.lucca-icon.icon-arrowTopLeft:before{content:\"\\e9dd\"}.lucca-icon.icon-arrowTopRight:before{content:\"\\e9df\"}.lucca-icon.icon-arrowUnfoldLess:before{content:\"\\e9c8\"}.lucca-icon.icon-collapse:before{content:\"\\e9c8\"}.lucca-icon.icon-arrowUnfoldMore:before{content:\"\\e9c9\"}.lucca-icon.icon-expand:before{content:\"\\e9c9\"}.lucca-icon.icon-arrowUpload:before{content:\"\\e98f\"}.lucca-icon.icon-upload:before{content:\"\\e98f\"}.lucca-icon.icon-cloudUpload:before{content:\"\\e98f\"}.lucca-icon.icon-bell:before{content:\"\\e904\"}.lucca-icon.icon-notification:before{content:\"\\e904\"}.lucca-icon.icon-bellStrikethrough:before{content:\"\\e91a\"}.lucca-icon.icon-book:before{content:\"\\e9af\"}.lucca-icon.icon-boxArchive:before{content:\"\\e99c\"}.lucca-icon.icon-archive:before{content:\"\\e99c\"}.lucca-icon.icon-boxUnarchive:before{content:\"\\e95e\"}.lucca-icon.icon-unarchive:before{content:\"\\e95e\"}.lucca-icon.icon-branch:before{content:\"\\e90d\"}.lucca-icon.icon-bubbleSpeech:before{content:\"\\e982\"}.lucca-icon.icon-chat:before{content:\"\\e982\"}.lucca-icon.icon-talk:before{content:\"\\e982\"}.lucca-icon.icon-dialog:before{content:\"\\e982\"}.lucca-icon.icon-bubblesAnswer:before{content:\"\\e953\"}.lucca-icon.icon-answer:before{content:\"\\e953\"}.lucca-icon.icon-bubblesConversation:before{content:\"\\e935\"}.lucca-icon.icon-messenger:before{content:\"\\e935\"}.lucca-icon.icon-buildingCompagny:before{content:\"\\e903\"}.lucca-icon.icon-building:before{content:\"\\e903\"}.lucca-icon.icon-establishment:before{content:\"\\e903\"}.lucca-icon.icon-buildingHouse:before{content:\"\\e913\"}.lucca-icon.icon-house:before{content:\"\\e913\"}.lucca-icon.icon-home:before{content:\"\\e913\"}.lucca-icon.icon-buildingHouseFilled:before{content:\"\\e99d\"}.lucca-icon.icon-houseFilled:before{content:\"\\e99d\"}.lucca-icon.icon-homeFill:before{content:\"\\e99d\"}.lucca-icon.icon-buildingHouseStarred:before{content:\"\\e99e\"}.lucca-icon.icon-houseStarred:before{content:\"\\e99e\"}.lucca-icon.icon-homeStarred:before{content:\"\\e99e\"}.lucca-icon.icon-buildingStore:before{content:\"\\e8ff\"}.lucca-icon.icon-store:before{content:\"\\e8ff\"}.lucca-icon.icon-bulb:before{content:\"\\e9b1\"}.lucca-icon.icon-lightBulb:before{content:\"\\e9b1\"}.lucca-icon.icon-calendarChecked:before{content:\"\\e9c7\"}.lucca-icon.icon-calendarDate:before{content:\"\\e920\"}.lucca-icon.icon-calendar:before{content:\"\\e920\"}.lucca-icon.icon-planning:before{content:\"\\e920\"}.lucca-icon.icon-calendarEdit:before{content:\"\\e91e\"}.lucca-icon.icon-planningEdit:before{content:\"\\e91e\"}.lucca-icon.icon-calendarPlanning:before{content:\"\\e90c\"}.lucca-icon.icon-payPeriod:before{content:\"\\e90c\"}.lucca-icon.icon-calendarSettings:before{content:\"\\e92a\"}.lucca-icon.icon-planningManage:before{content:\"\\e92a\"}.lucca-icon.icon-calendarStrikethrough:before{content:\"\\e957\"}.lucca-icon.icon-calendarOff:before{content:\"\\e957\"}.lucca-icon.icon-capCrown:before{content:\"\\e95b\"}.lucca-icon.icon-crown:before{content:\"\\e95b\"}.lucca-icon.icon-capGraduate:before{content:\"\\e9d3\"}.lucca-icon.icon-graduate:before{content:\"\\e9d3\"}.lucca-icon.icon-school:before{content:\"\\e9d3\"}.lucca-icon.icon-certificationFailed:before{content:\"\\e9a8\"}.lucca-icon.icon-certifKo:before{content:\"\\e9a8\"}.lucca-icon.icon-certificationSuccess:before{content:\"\\e9a6\"}.lucca-icon.icon-certifOk:before{content:\"\\e9a6\"}.lucca-icon.icon-certificationWaiting:before{content:\"\\e9a7\"}.lucca-icon.icon-certifWaiting:before{content:\"\\e9a7\"}.lucca-icon.icon-chartDonut:before{content:\"\\e9aa\"}.lucca-icon.icon-donut:before{content:\"\\e9aa\"}.lucca-icon.icon-donutChart:before{content:\"\\e9aa\"}.lucca-icon.icon-chartFlow:before{content:\"\\e930\"}.lucca-icon.icon-familyTree:before{content:\"\\e930\"}.lucca-icon.icon-orgTree:before{content:\"\\e930\"}.lucca-icon.icon-chartHorizontalBar:before{content:\"\\e9ab\"}.lucca-icon.icon-horizontalBarChart:before{content:\"\\e9ab\"}.lucca-icon.icon-chartLevels:before{content:\"\\e9ae\"}.lucca-icon.icon-level:before{content:\"\\e9ae\"}.lucca-icon.icon-chartPie:before{content:\"\\e9ac\"}.lucca-icon.icon-dashboard:before{content:\"\\e9ac\"}.lucca-icon.icon-chartVerticalBar:before{content:\"\\e971\"}.lucca-icon.icon-analytics:before{content:\"\\e971\"}.lucca-icon.icon-charts:before{content:\"\\e971\"}.lucca-icon.icon-clipboard:before{content:\"\\e962\"}.lucca-icon.icon-paste:before{content:\"\\e962\"}.lucca-icon.icon-completion:before{content:\"\\e905\"}.lucca-icon.icon-cornersFullscreenExit:before{content:\"\\e938\"}.lucca-icon.icon-fullscreenExit:before{content:\"\\e938\"}.lucca-icon.icon-cornersFullscreenOpen:before{content:\"\\e937\"}.lucca-icon.icon-fullscreen:before{content:\"\\e937\"}.lucca-icon.icon-dataTable:before{content:\"\\e9d5\"}.lucca-icon.icon-table:before{content:\"\\e9d5\"}.lucca-icon.icon-database:before{content:\"\\e91f\"}.lucca-icon.icon-databaseArrow:before{content:\"\\e907\"}.lucca-icon.icon-apiSync:before{content:\"\\e907\"}.lucca-icon.icon-deviceCamera:before{content:\"\\e965\"}.lucca-icon.icon-camera:before{content:\"\\e965\"}.lucca-icon.icon-deviceComputer:before{content:\"\\e91c\"}.lucca-icon.icon-computer:before{content:\"\\e91c\"}.lucca-icon.icon-deviceLaptop:before{content:\"\\e9d0\"}.lucca-icon.icon-laptop:before{content:\"\\e9d0\"}.lucca-icon.icon-deviceMobile:before{content:\"\\e9999\"}.lucca-icon.icon-deviceMouse:before{content:\"\\e91d\"}.lucca-icon.icon-computerMouse:before{content:\"\\e91d\"}.lucca-icon.icon-devicePrinter:before{content:\"\\e96b\"}.lucca-icon.icon-print:before{content:\"\\e96b\"}.lucca-icon.icon-dotsDrag:before{content:\"\\e9a4\"}.lucca-icon.icon-drag:before{content:\"\\e9a4\"}.lucca-icon.icon-eye:before{content:\"\\e993\"}.lucca-icon.icon-watch:before{content:\"\\e993\"}.lucca-icon.icon-eyeStrikethrough:before{content:\"\\e98e\"}.lucca-icon.icon-unwatch:before{content:\"\\e98e\"}.lucca-icon.icon-fileContract:before{content:\"\\e914\"}.lucca-icon.icon-contract:before{content:\"\\e914\"}.lucca-icon.icon-fileCopy:before{content:\"\\e9ca\"}.lucca-icon.icon-copy:before{content:\"\\e9ca\"}.lucca-icon.icon-fileDocument:before{content:\"\\e932\"}.lucca-icon.icon-file:before{content:\"\\e932\"}.lucca-icon.icon-fileExport:before{content:\"\\e9cb\"}.lucca-icon.icon-fileFolder:before{content:\"\\e9cd\"}.lucca-icon.icon-folder:before{content:\"\\e9cd\"}.lucca-icon.icon-fileImport:before{content:\"\\e9e4\"}.lucca-icon.icon-importDirty:before{content:\"\\e9e4\"}.lucca-icon.icon-importPristine:before{content:\"\\e9e4\"}.lucca-icon.icon-fileSign:before{content:\"\\e95c\"}.lucca-icon.icon-sign:before{content:\"\\e95c\"}.lucca-icon.icon-filtersDescending:before{content:\"\\e9cc\"}.lucca-icon.icon-filterAbstract:before{content:\"\\e9cc\"}.lucca-icon.icon-filtersFunnel:before{content:\"\\e933\"}.lucca-icon.icon-funnel:before{content:\"\\e933\"}.lucca-icon.icon-filter:before{content:\"\\e933\"}.lucca-icon.icon-filtersSort:before{content:\"\\e9d4\"}.lucca-icon.icon-sort:before{content:\"\\e9d4\"}.lucca-icon.icon-reorder:before{content:\"\\e9d4\"}.lucca-icon.icon-flag:before{content:\"\\e934\"}.lucca-icon.icon-floppyDiskSave:before{content:\"\\e901\"}.lucca-icon.icon-save:before{content:\"\\e901\"}.lucca-icon.icon-foodBirthdayCake:before{content:\"\\e90b\"}.lucca-icon.icon-birthday:before{content:\"\\e90b\"}.lucca-icon.icon-foodBobun:before{content:\"\\e9e6\"}.lucca-icon.icon-lunchAlternative:before{content:\"\\e9e6\"}.lucca-icon.icon-foodBurger:before{content:\"\\e94d\"}.lucca-icon.icon-lunch:before{content:\"\\e94d\"}.lucca-icon.icon-meal:before{content:\"\\e94d\"}.lucca-icon.icon-foodChefHat:before{content:\"\\e9a1\"}.lucca-icon.icon-restaurant:before{content:\"\\e9a1\"}.lucca-icon.icon-foodClocheDish:before{content:\"\\e921\"}.lucca-icon.icon-diner:before{content:\"\\e921\"}.lucca-icon.icon-foodCocktail:before{content:\"\\e925\"}.lucca-icon.icon-drink:before{content:\"\\e925\"}.lucca-icon.icon-foodCoffee:before{content:\"\\e90f\"}.lucca-icon.icon-coffee:before{content:\"\\e90f\"}.lucca-icon.icon-breaktime:before{content:\"\\e90f\"}.lucca-icon.icon-foodCroissant:before{content:\"\\e90e\"}.lucca-icon.icon-breakfast:before{content:\"\\e90e\"}.lucca-icon.icon-foodSandwich:before{content:\"\\e97b\"}.lucca-icon.icon-snack:before{content:\"\\e97b\"}.lucca-icon.icon-formatBulletedList:before{content:\"\\e948\"}.lucca-icon.icon-list:before{content:\"\\e948\"}.lucca-icon.icon-formatClipperAttachment:before{content:\"\\e909\"}.lucca-icon.icon-attach:before{content:\"\\e909\"}.lucca-icon.icon-formatCornerUpLeft:before{content:\"\\e96f\"}.lucca-icon.icon-formatUndo:before{content:\"\\e96f\"}.lucca-icon.icon-formatCornerUpRight:before{content:\"\\e96e\"}.lucca-icon.icon-formatRedo:before{content:\"\\e96e\"}.lucca-icon.icon-formatLink:before{content:\"\\e93b\"}.lucca-icon.icon-formatNumberedList:before{content:\"\\e969\"}.lucca-icon.icon-formatListNb:before{content:\"\\e969\"}.lucca-icon.icon-formatText:before{content:\"\\e927\"}.lucca-icon.icon-formatJustify:before{content:\"\\e927\"}.lucca-icon.icon-formatTextBold:before{content:\"\\e997\"}.lucca-icon.icon-formatBold:before{content:\"\\e997\"}.lucca-icon.icon-formatTextClear:before{content:\"\\e999\"}.lucca-icon.icon-formatClear:before{content:\"\\e999\"}.lucca-icon.icon-formatTextItalic:before{content:\"\\e998\"}.lucca-icon.icon-formatItalic:before{content:\"\\e998\"}.lucca-icon.icon-formatTextSize:before{content:\"\\e9ce\"}.lucca-icon.icon-formatSize:before{content:\"\\e9ce\"}.lucca-icon.icon-formatTextStrikethrough:before{content:\"\\e92e\"}.lucca-icon.icon-formatStrikethrough:before{content:\"\\e92e\"}.lucca-icon.icon-formatTextUnderline:before{content:\"\\e996\"}.lucca-icon.icon-formatUnderlined:before{content:\"\\e996\"}.lucca-icon.icon-formatUnlink:before{content:\"\\e915\"}.lucca-icon.icon-unlink:before{content:\"\\e915\"}.lucca-icon.icon-gift:before{content:\"\\e9cf\"}.lucca-icon.icon-present:before{content:\"\\e9cf\"}.lucca-icon.icon-heart:before{content:\"\\e910\"}.lucca-icon.icon-heartStrikethrough:before{content:\"\\e93e\"}.lucca-icon.icon-brokenHeart:before{content:\"\\e93e\"}.lucca-icon.icon-hotelBed:before{content:\"\\e941\"}.lucca-icon.icon-bed:before{content:\"\\e941\"}.lucca-icon.icon-hotel:before{content:\"\\e941\"}.lucca-icon.icon-hotelHanger:before{content:\"\\e9a2\"}.lucca-icon.icon-hanger:before{content:\"\\e9a2\"}.lucca-icon.icon-hotelIron:before{content:\"\\e945\"}.lucca-icon.icon-iron:before{content:\"\\e945\"}.lucca-icon.icon-pressing:before{content:\"\\e945\"}.lucca-icon.icon-hotelLuggage:before{content:\"\\e94c\"}.lucca-icon.icon-luggage:before{content:\"\\e94c\"}.lucca-icon.icon-jigsawPuzzle:before{content:\"\\e9bc\"}.lucca-icon.icon-puzzle:before{content:\"\\e9bc\"}.lucca-icon.icon-journey:before{content:\"\\e946\"}.lucca-icon.icon-milestone:before{content:\"\\e946\"}.lucca-icon.icon-jumpingCc:before{content:\"\\e94b\"}.lucca-icon.icon-lucca:before{content:\"\\e94b\"}.lucca-icon.icon-laboratoryTestFlask:before{content:\"\\e9d7\"}.lucca-icon.icon-test:before{content:\"\\e9d7\"}.lucca-icon.icon-layers:before{content:\"\\e987\"}.lucca-icon.icon-floor:before{content:\"\\e987\"}.lucca-icon.icon-listChecked:before{content:\"\\e9d1\"}.lucca-icon.icon-listChecklist:before{content:\"\\e917\"}.lucca-icon.icon-listTodo:before{content:\"\\e917\"}.lucca-icon.icon-lockClosed:before{content:\"\\e94a\"}.lucca-icon.icon-lock:before{content:\"\\e94a\"}.lucca-icon.icon-lockKey:before{content:\"\\e947\"}.lucca-icon.icon-key:before{content:\"\\e947\"}.lucca-icon.icon-lockOpenned:before{content:\"\\e98d\"}.lucca-icon.icon-unlock:before{content:\"\\e98d\"}.lucca-icon.icon-mailEnvelope:before{content:\"\\e94e\"}.lucca-icon.icon-mail:before{content:\"\\e94e\"}.lucca-icon.icon-mailMailbox:before{content:\"\\e97e\"}.lucca-icon.icon-mailbox:before{content:\"\\e97e\"}.lucca-icon.icon-stamp:before{content:\"\\e97e\"}.lucca-icon.icon-postage:before{content:\"\\e97e\"}.lucca-icon.icon-mailPaperPlane:before{content:\"\\e977\"}.lucca-icon.icon-send:before{content:\"\\e977\"}.lucca-icon.icon-mapGlobe:before{content:\"\\e97a\"}.lucca-icon.icon-globe:before{content:\"\\e97a\"}.lucca-icon.icon-mapLocation:before{content:\"\\e949\"}.lucca-icon.icon-location:before{content:\"\\e949\"}.lucca-icon.icon-mapPin:before{content:\"\\e967\"}.lucca-icon.icon-pin:before{content:\"\\e967\"}.lucca-icon.icon-mathsDivide:before{content:\"\\e954\"}.lucca-icon.icon-divide:before{content:\"\\e954\"}.lucca-icon.icon-mathsEquals:before{content:\"\\e93d\"}.lucca-icon.icon-equal:before{content:\"\\e93d\"}.lucca-icon.icon-mathsMinus:before{content:\"\\e975\"}.lucca-icon.icon-minus:before{content:\"\\e975\"}.lucca-icon.icon-partial:before{content:\"\\e975\"}.lucca-icon.icon-minimize:before{content:\"\\e975\"}.lucca-icon.icon-mathsMultiplicate:before{content:\"\\e981\"}.lucca-icon.icon-close:before{content:\"\\e981\"}.lucca-icon.icon-thinCross:before{content:\"\\e981\"}.lucca-icon.icon-cross:before{content:\"\\e981\"}.lucca-icon.icon-crossBold:before{content:\"\\e981\"}.lucca-icon.icon-mathsPlus:before{content:\"\\e985\"}.lucca-icon.icon-plus:before{content:\"\\e985\"}.lucca-icon.icon-plusBold:before{content:\"\\e985\"}.lucca-icon.icon-menuBurger:before{content:\"\\e950\"}.lucca-icon.icon-menu:before{content:\"\\e950\"}.lucca-icon.icon-hamburgerMenu:before{content:\"\\e950\"}.lucca-icon.icon-menuDots:before{content:\"\\e92b\"}.lucca-icon.icon-menuEllipsis:before{content:\"\\e92b\"}.lucca-icon.icon-ellipsis:before{content:\"\\e92b\"}.lucca-icon.icon-moneyBag:before{content:\"\\e900\"}.lucca-icon.icon-moneybag:before{content:\"\\e900\"}.lucca-icon.icon-moneyBagStrikethrough:before{content:\"\\e9f0\"}.lucca-icon.icon-noMoney:before{content:\"\\e9f0\"}.lucca-icon.icon-moneyBanknoteStrikethrough:before{content:\"\\e9de\"}.lucca-icon.icon-moneyBill:before{content:\"\\e9c6\"}.lucca-icon.icon-bill:before{content:\"\\e9c6\"}.lucca-icon.icon-moneyBuildingBank:before{content:\"\\e99f\"}.lucca-icon.icon-bank:before{content:\"\\e99f\"}.lucca-icon.icon-moneyCardImport:before{content:\"\\e943\"}.lucca-icon.icon-importCb:before{content:\"\\e943\"}.lucca-icon.icon-moneyCoins:before{content:\"\\e9d2\"}.lucca-icon.icon-money:before{content:\"\\e9d2\"}.lucca-icon.icon-payment:before{content:\"\\e9d2\"}.lucca-icon.icon-moneyCurrencyDollar:before{content:\"\\e9a5\"}.lucca-icon.icon-dollar:before{content:\"\\e9a5\"}.lucca-icon.icon-moneyCurrencyEuro:before{content:\"\\e92d\"}.lucca-icon.icon-euro:before{content:\"\\e92d\"}.lucca-icon.icon-moneyPaymentCard:before{content:\"\\e90a\"}.lucca-icon.icon-bankingCard:before{content:\"\\e90a\"}.lucca-icon.icon-moneyPiggyBank:before{content:\"\\e966\"}.lucca-icon.icon-piggyBank:before{content:\"\\e966\"}.lucca-icon.icon-moneyWallet:before{content:\"\\e9d8\"}.lucca-icon.icon-wallet:before{content:\"\\e9d8\"}.lucca-icon.icon-officeBriefcase:before{content:\"\\e9be\"}.lucca-icon.icon-officeChair:before{content:\"\\e986\"}.lucca-icon.icon-chair:before{content:\"\\e986\"}.lucca-icon.icon-officeCompass:before{content:\"\\e9a0\"}.lucca-icon.icon-compass:before{content:\"\\e9a0\"}.lucca-icon.icon-officeElectricalPlug:before{content:\"\\e9bd\"}.lucca-icon.icon-officePen:before{content:\"\\e928\"}.lucca-icon.icon-edit:before{content:\"\\e928\"}.lucca-icon.icon-editMini:before{content:\"\\e928\"}.lucca-icon.icon-officePenWriting:before{content:\"\\e929\"}.lucca-icon.icon-editWrite:before{content:\"\\e929\"}.lucca-icon.icon-editFrame:before{content:\"\\e929\"}.lucca-icon.icon-officePhone:before{content:\"\\e99b\"}.lucca-icon.icon-telephone:before{content:\"\\e99b\"}.lucca-icon.icon-officeScissors:before{content:\"\\e956\"}.lucca-icon.icon-cut:before{content:\"\\e956\"}.lucca-icon.icon-officeSupplies:before{content:\"\\e9e9\"}.lucca-icon.icon-supplies:before{content:\"\\e9e9\"}.lucca-icon.icon-peopleAdd:before{content:\"\\e902\"}.lucca-icon.icon-userAdd:before{content:\"\\e902\"}.lucca-icon.icon-adduser:before{content:\"\\e902\"}.lucca-icon.icon-peopleGroup:before{content:\"\\e93c\"}.lucca-icon.icon-userGroup:before{content:\"\\e93c\"}.lucca-icon.icon-group:before{content:\"\\e93c\"}.lucca-icon.icon-peopleId:before{content:\"\\e99a\"}.lucca-icon.icon-identityCard:before{content:\"\\e99a\"}.lucca-icon.icon-userFile:before{content:\"\\e99a\"}.lucca-icon.icon-dossierRh:before{content:\"\\e99a\"}.lucca-icon.icon-peopleLocked:before{content:\"\\e9d9\"}.lucca-icon.icon-userRoles:before{content:\"\\e9d9\"}.lucca-icon.icon-peoplePerson:before{content:\"\\e990\"}.lucca-icon.icon-user:before{content:\"\\e990\"}.lucca-icon.icon-face:before{content:\"\\e990\"}.lucca-icon.icon-peopleRemove:before{content:\"\\e972\"}.lucca-icon.icon-userRemove:before{content:\"\\e972\"}.lucca-icon.icon-peopleSwitch:before{content:\"\\e978\"}.lucca-icon.icon-send2user:before{content:\"\\e978\"}.lucca-icon.icon-userSendTo:before{content:\"\\e978\"}.lucca-icon.icon-peopleTeacher:before{content:\"\\e9b8\"}.lucca-icon.icon-teacher:before{content:\"\\e9b8\"}.lucca-icon.icon-pictureGallery:before{content:\"\\e939\"}.lucca-icon.icon-gallery:before{content:\"\\e939\"}.lucca-icon.icon-pictureImage:before{content:\"\\e942\"}.lucca-icon.icon-image:before{content:\"\\e942\"}.lucca-icon.icon-picturePalette:before{content:\"\\e95f\"}.lucca-icon.icon-palette:before{content:\"\\e95f\"}.lucca-icon.icon-playerPauseCircle:before{content:\"\\e955\"}.lucca-icon.icon-pause:before{content:\"\\e955\"}.lucca-icon.icon-playerPlay:before{content:\"\\e944\"}.lucca-icon.icon-playFull:before{content:\"\\e944\"}.lucca-icon.icon-playerPlayCircle:before{content:\"\\e92f\"}.lucca-icon.icon-play:before{content:\"\\e92f\"}.lucca-icon.icon-playerStopCircle:before{content:\"\\e958\"}.lucca-icon.icon-stop:before{content:\"\\e958\"}.lucca-icon.icon-priceTag:before{content:\"\\e96a\"}.lucca-icon.icon-pricetag:before{content:\"\\e96a\"}.lucca-icon.icon-priorityHigh:before{content:\"\\e964\"}.lucca-icon.icon-high:before{content:\"\\e964\"}.lucca-icon.icon-priorityHigher:before{content:\"\\e94f\"}.lucca-icon.icon-higher:before{content:\"\\e94f\"}.lucca-icon.icon-priorityHighest:before{content:\"\\e96c\"}.lucca-icon.icon-highest:before{content:\"\\e96c\"}.lucca-icon.icon-priorityLow:before{content:\"\\e96d\"}.lucca-icon.icon-low:before{content:\"\\e96d\"}.lucca-icon.icon-priorityLower:before{content:\"\\e952\"}.lucca-icon.icon-lower:before{content:\"\\e952\"}.lucca-icon.icon-priorityLowest:before{content:\"\\e973\"}.lucca-icon.icon-lowest:before{content:\"\\e973\"}.lucca-icon.icon-priorityMedium:before{content:\"\\e974\"}.lucca-icon.icon-medium:before{content:\"\\e974\"}.lucca-icon.icon-rotationLeft:before{content:\"\\e9b2\"}.lucca-icon.icon-rotate:before{content:\"\\e9b2\"}.lucca-icon.icon-rotationRight:before{content:\"\\e9e8\"}.lucca-icon.icon-rotateRight:before{content:\"\\e9e8\"}.lucca-icon.icon-searchMagnifyingGlass:before{content:\"\\e976\"}.lucca-icon.icon-search:before{content:\"\\e976\"}.lucca-icon.icon-searchZoomIn:before{content:\"\\e9ff\"}.lucca-icon.icon-searchZoomOut:before{content:\"\\e9ee\"}.lucca-icon.icon-settingsEqualizer:before{content:\"\\e991\"}.lucca-icon.icon-sliders:before{content:\"\\e991\"}.lucca-icon.icon-settingsGear:before{content:\"\\e979\"}.lucca-icon.icon-settings:before{content:\"\\e979\"}.lucca-icon.icon-settingsTools:before{content:\"\\e989\"}.lucca-icon.icon-tools:before{content:\"\\e989\"}.lucca-icon.icon-share:before{content:\"\\e906\"}.lucca-icon.icon-signBan:before{content:\"\\e936\"}.lucca-icon.icon-forbidden:before{content:\"\\e936\"}.lucca-icon.icon-signCancel:before{content:\"\\e963\"}.lucca-icon.icon-cancel:before{content:\"\\e963\"}.lucca-icon.icon-signClose:before{content:\"\\e9bf\"}.lucca-icon.icon-signConfirm:before{content:\"\\e97d\"}.lucca-icon.icon-confirm:before{content:\"\\e97d\"}.lucca-icon.icon-tick:before{content:\"\\e97d\"}.lucca-icon.icon-tickThin:before{content:\"\\e97d\"}.lucca-icon.icon-tickBold:before{content:\"\\e97d\"}.lucca-icon.icon-signConstruction:before{content:\"\\e931\"}.lucca-icon.icon-build:before{content:\"\\e931\"}.lucca-icon.icon-signDiscount:before{content:\"\\e9e1\"}.lucca-icon.icon-discount:before{content:\"\\e9e1\"}.lucca-icon.icon-signError:before{content:\"\\e92c\"}.lucca-icon.icon-error:before{content:\"\\e92c\"}.lucca-icon.icon-signHelp:before{content:\"\\e9a3\"}.lucca-icon.icon-help:before{content:\"\\e9a3\"}.lucca-icon.icon-helpOutline:before{content:\"\\e9a3\"}.lucca-icon.icon-signInfo:before{content:\"\\e9b0\"}.lucca-icon.icon-info:before{content:\"\\e9b0\"}.lucca-icon.icon-signParking:before{content:\"\\e960\"}.lucca-icon.icon-parking:before{content:\"\\e960\"}.lucca-icon.icon-signSuccess:before{content:\"\\e9ed\"}.lucca-icon.icon-success:before{content:\"\\e9ed\"}.lucca-icon.icon-signWarning:before{content:\"\\e992\"}.lucca-icon.icon-warning:before{content:\"\\e992\"}.lucca-icon.icon-star:before{content:\"\\e961\"}.lucca-icon.icon-unstared:before{content:\"\\e961\"}.lucca-icon.icon-starFilled:before{content:\"\\e97f\"}.lucca-icon.icon-target:before{content:\"\\e9d6\"}.lucca-icon.icon-thumbDown:before{content:\"\\e923\"}.lucca-icon.icon-thumbUp:before{content:\"\\e922\"}.lucca-icon.icon-thumbnail:before{content:\"\\e91b\"}.lucca-icon.icon-timeAlarm:before{content:\"\\e9c4\"}.lucca-icon.icon-alarm:before{content:\"\\e9c4\"}.lucca-icon.icon-timeClock:before{content:\"\\e919\"}.lucca-icon.icon-clock:before{content:\"\\e919\"}.lucca-icon.icon-timeFuture:before{content:\"\\e908\"}.lucca-icon.icon-postpone:before{content:\"\\e908\"}.lucca-icon.icon-timeHourglass:before{content:\"\\e988\"}.lucca-icon.icon-timer:before{content:\"\\e988\"}.lucca-icon.icon-timePast:before{content:\"\\e984\"}.lucca-icon.icon-history:before{content:\"\\e984\"}.lucca-icon.icon-timeTimer:before{content:\"\\e9e0\"}.lucca-icon.icon-chronoOn:before{content:\"\\e9e0\"}.lucca-icon.icon-timeTimerStrikethrough:before{content:\"\\e9e7\"}.lucca-icon.icon-overplanned:before{content:\"\\e9e7\"}.lucca-icon.icon-timeTimesheet:before{content:\"\\e916\"}.lucca-icon.icon-timesheet:before{content:\"\\e916\"}.lucca-icon.icon-transportBus:before{content:\"\\e911\"}.lucca-icon.icon-bus:before{content:\"\\e911\"}.lucca-icon.icon-transportCar:before{content:\"\\e9a9\"}.lucca-icon.icon-car:before{content:\"\\e9a9\"}.lucca-icon.icon-transportCarwashStation:before{content:\"\\e918\"}.lucca-icon.icon-cleanCar:before{content:\"\\e918\"}.lucca-icon.icon-transportGazStation:before{content:\"\\e93a\"}.lucca-icon.icon-gasoline:before{content:\"\\e93a\"}.lucca-icon.icon-transportPlane:before{content:\"\\e968\"}.lucca-icon.icon-plane:before{content:\"\\e968\"}.lucca-icon.icon-transportRocket:before{content:\"\\e995\"}.lucca-icon.icon-rocket:before{content:\"\\e995\"}.lucca-icon.icon-transportSpeedometer:before{content:\"\\e951\"}.lucca-icon.icon-speedometer:before{content:\"\\e951\"}.lucca-icon.icon-mileage:before{content:\"\\e951\"}.lucca-icon.icon-transportSubway:before{content:\"\\e980\"}.lucca-icon.icon-subway:before{content:\"\\e980\"}.lucca-icon.icon-transportTaxi:before{content:\"\\e983\"}.lucca-icon.icon-taxi:before{content:\"\\e983\"}.lucca-icon.icon-transportToll:before{content:\"\\e9b3\"}.lucca-icon.icon-toll:before{content:\"\\e9b3\"}.lucca-icon.icon-tollDollar:before{content:\"\\e9b3\"}.lucca-icon.icon-tollEuro:before{content:\"\\e9b3\"}.lucca-icon.icon-transportTrain:before{content:\"\\e98a\"}.lucca-icon.icon-train:before{content:\"\\e98a\"}.lucca-icon.icon-transportTruck:before{content:\"\\e98c\"}.lucca-icon.icon-truck:before{content:\"\\e98c\"}.lucca-icon.icon-trashDelete:before{content:\"\\e98b\"}.lucca-icon.icon-trash:before{content:\"\\e98b\"}.lucca-icon.icon-trendingGrowth:before{content:\"\\e9bb\"}.lucca-icon.icon-evolution:before{content:\"\\e9bb\"}.lucca-icon.icon-bookmark:before{content:\"\\e9bf\"}.lucca-icon.icon-bookmarkFilled:before{content:\"\\e9c0\"}.lucca-icon.icon-trendingLoss:before{content:\"\\e9e3\"}.lucca-icon.icon-evolutionDown:before{content:\"\\e9e3\"}.lucca-icon.icon-weatherCloudy:before{content:\"\\e9ea\"}.lucca-icon.icon-weatherStormy:before{content:\"\\e9eb\"}.lucca-icon.icon-weatherStorm:before{content:\"\\e9eb\"}.lucca-icon.icon-weatherSunny:before{content:\"\\e9ec\"}.lucca-icon.icon-weatherSun:before{content:\"\\e9ec\"}.lucca-icon.icon-weight:before{content:\"\\e9c1\"}.lucca-icon.icon-heartFilled:before{content:\"\\e9da\"}.lucca-icon.icon-thumbUpFilled:before{content:\"\\e9db\"}.lucca-icon.icon-thumbDownFilled:before{content:\"\\e9dc\"}.lucca-icon.mod-XS{--icon-size: 1rem}.lucca-icon.mod-S{--icon-size: 1.25rem}.lucca-icon.mod-M{--icon-size: 1.5rem}.lucca-icon.mod-L{--icon-size: 1.75rem}.lucca-icon.mod-XL{--icon-size: 2rem}.lucca-icon.mod-XXL{--icon-size: 2.5rem}.icon-color-secondary{color:var(--palettes-secondary-700)}.icon-color-error{color:var(--palettes-error-700)}.icon-color-warning{color:var(--palettes-warning-700)}.icon-color-success{color:var(--palettes-success-700)}.icon-color-light{color:var(--palettes-grey-600)}.icon-color-placeholder{color:var(--palettes-grey-400)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-icon', standalone: true, imports: [NgIf], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span aria-hidden=\"true\" class=\"lucca-icon icon-{{icon}} mod-{{size}} icon-color-{{color}}\"></span>\r\n<span class=\"u-mask\" *ngIf=\"alt\">{{alt}}</span>\r\n", styles: ["@charset \"UTF-8\";body{-moz-osx-font-smoothing:grayscale}@font-face{font-family:Lucca icons;font-style:normal;font-weight:400;src:url(//cdn.lucca.fr/lucca-front/icons/font/lucca-icons.svg) format(\"svg\"),url(//cdn.lucca.fr/lucca-front/icons/font/lucca-icons.woff) format(\"woff\"),url(//cdn.lucca.fr/lucca-front/icons/font/lucca-icons.ttf) format(\"truetype\");letter-spacing:normal;-ms-font-feature-settings:\"liga\" 1;font-feature-settings:\"liga\";font-variant-ligatures:discretionary-ligatures}.lucca-icon{font-weight:400;font-size:var(--icon-size, 1.25rem);direction:ltr;display:inline-block;font-family:Lucca icons;font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased;font-style:normal;letter-spacing:normal;line-height:1;text-transform:none;vertical-align:text-bottom;white-space:nowrap;word-wrap:normal}.lucca-icon.icon-app:before{content:\"\\e959\"}.lucca-icon.icon-apps:before{content:\"\\e959\"}.lucca-icon.icon-nineTiles:before{content:\"\\e959\"}.lucca-icon.icon-mosaic:before{content:\"\\e959\"}.lucca-icon.icon-tiles:before{content:\"\\e959\"}.lucca-icon.icon-arrowBackward:before{content:\"\\e9ef\"}.lucca-icon.icon-backward:before{content:\"\\e9ef\"}.lucca-icon.icon-arrowBottom:before{content:\"\\e9b5\"}.lucca-icon.icon-arrowFullSouth:before{content:\"\\e9b5\"}.lucca-icon.icon-arrowBottomLeft:before{content:\"\\e9ddd\"}.lucca-icon.icon-arrowBottomRight:before{content:\"\\e9ccc\"}.lucca-icon.icon-arrowChevronBottom:before{content:\"\\e97c\"}.lucca-icon.icon-arrowSouth:before{content:\"\\e97c\"}.lucca-icon.icon-southArrow:before{content:\"\\e97c\"}.lucca-icon.icon-southThinArrow:before{content:\"\\e97c\"}.lucca-icon.icon-chevronSouth:before{content:\"\\e97c\"}.lucca-icon.icon-chevronBottom:before{content:\"\\e97c\"}.lucca-icon.icon-arrowChevronLeft:before{content:\"\\e994\"}.lucca-icon.icon-arrowWest:before{content:\"\\e994\"}.lucca-icon.icon-westArrow:before{content:\"\\e994\"}.lucca-icon.icon-westThinArrow:before{content:\"\\e994\"}.lucca-icon.icon-chevronWest:before{content:\"\\e994\"}.lucca-icon.icon-chevronLeft:before{content:\"\\e994\"}.lucca-icon.icon-arrowChevronRight:before{content:\"\\e926\"}.lucca-icon.icon-arrowEast:before{content:\"\\e926\"}.lucca-icon.icon-eastArrow:before{content:\"\\e926\"}.lucca-icon.icon-eastThinArrow:before{content:\"\\e926\"}.lucca-icon.icon-chevronEast:before{content:\"\\e926\"}.lucca-icon.icon-chevronRight:before{content:\"\\e926\"}.lucca-icon.icon-arrowChevronTop:before{content:\"\\e95a\"}.lucca-icon.icon-arrowNorth:before{content:\"\\e95a\"}.lucca-icon.icon-northArrow:before{content:\"\\e95a\"}.lucca-icon.icon-northThinArrow:before{content:\"\\e95a\"}.lucca-icon.icon-chevronNorth:before{content:\"\\e95a\"}.lucca-icon.icon-chevronTop:before{content:\"\\e95a\"}.lucca-icon.icon-arrowCorner:before{content:\"\\e9b9\"}.lucca-icon.icon-distribute:before{content:\"\\e9b9\"}.lucca-icon.icon-arrowDownload:before{content:\"\\e924\"}.lucca-icon.icon-download:before{content:\"\\e924\"}.lucca-icon.icon-arrowExternal:before{content:\"\\e95d\"}.lucca-icon.icon-outside:before{content:\"\\e95d\"}.lucca-icon.icon-arrowForward:before{content:\"\\e9c5\"}.lucca-icon.icon-arrowDouble:before{content:\"\\e9c5\"}.lucca-icon.icon-forward:before{content:\"\\e9c5\"}.lucca-icon.icon-arrowLeft:before{content:\"\\e9b4\"}.lucca-icon.icon-arrowFullWest:before{content:\"\\e9b4\"}.lucca-icon.icon-arrowLogin:before{content:\"\\e93f\"}.lucca-icon.icon-login:before{content:\"\\e93f\"}.lucca-icon.icon-arrowLogout:before{content:\"\\e940\"}.lucca-icon.icon-logout:before{content:\"\\e940\"}.lucca-icon.icon-arrowOppositeHorizontal:before{content:\"\\e9ad\"}.lucca-icon.icon-swap:before{content:\"\\e9ad\"}.lucca-icon.icon-arrowOppositeVertical:before{content:\"\\e912\"}.lucca-icon.icon-creditDebit:before{content:\"\\e912\"}.lucca-icon.icon-arrowReply:before{content:\"\\e9ba\"}.lucca-icon.icon-reply:before{content:\"\\e9ba\"}.lucca-icon.icon-arrowReset:before{content:\"\\e970\"}.lucca-icon.icon-refresh:before{content:\"\\e970\"}.lucca-icon.icon-update:before{content:\"\\e970\"}.lucca-icon.icon-arrowRight:before{content:\"\\e9b6\"}.lucca-icon.icon-arrowFullEast:before{content:\"\\e9b6\"}.lucca-icon.icon-arrowSync:before{content:\"\\e9c3\"}.lucca-icon.icon-sync:before{content:\"\\e9c3\"}.lucca-icon.icon-arrowSyncStrikethrough:before{content:\"\\e9c2\"}.lucca-icon.icon-syncDisabled:before{content:\"\\e9c2\"}.lucca-icon.icon-arrowTop:before{content:\"\\e9b7\"}.lucca-icon.icon-arrowFullNorth:before{content:\"\\e9b7\"}.lucca-icon.icon-arrowTopLeft:before{content:\"\\e9dd\"}.lucca-icon.icon-arrowTopRight:before{content:\"\\e9df\"}.lucca-icon.icon-arrowUnfoldLess:before{content:\"\\e9c8\"}.lucca-icon.icon-collapse:before{content:\"\\e9c8\"}.lucca-icon.icon-arrowUnfoldMore:before{content:\"\\e9c9\"}.lucca-icon.icon-expand:before{content:\"\\e9c9\"}.lucca-icon.icon-arrowUpload:before{content:\"\\e98f\"}.lucca-icon.icon-upload:before{content:\"\\e98f\"}.lucca-icon.icon-cloudUpload:before{content:\"\\e98f\"}.lucca-icon.icon-bell:before{content:\"\\e904\"}.lucca-icon.icon-notification:before{content:\"\\e904\"}.lucca-icon.icon-bellStrikethrough:before{content:\"\\e91a\"}.lucca-icon.icon-book:before{content:\"\\e9af\"}.lucca-icon.icon-boxArchive:before{content:\"\\e99c\"}.lucca-icon.icon-archive:before{content:\"\\e99c\"}.lucca-icon.icon-boxUnarchive:before{content:\"\\e95e\"}.lucca-icon.icon-unarchive:before{content:\"\\e95e\"}.lucca-icon.icon-branch:before{content:\"\\e90d\"}.lucca-icon.icon-bubbleSpeech:before{content:\"\\e982\"}.lucca-icon.icon-chat:before{content:\"\\e982\"}.lucca-icon.icon-talk:before{content:\"\\e982\"}.lucca-icon.icon-dialog:before{content:\"\\e982\"}.lucca-icon.icon-bubblesAnswer:before{content:\"\\e953\"}.lucca-icon.icon-answer:before{content:\"\\e953\"}.lucca-icon.icon-bubblesConversation:before{content:\"\\e935\"}.lucca-icon.icon-messenger:before{content:\"\\e935\"}.lucca-icon.icon-buildingCompagny:before{content:\"\\e903\"}.lucca-icon.icon-building:before{content:\"\\e903\"}.lucca-icon.icon-establishment:before{content:\"\\e903\"}.lucca-icon.icon-buildingHouse:before{content:\"\\e913\"}.lucca-icon.icon-house:before{content:\"\\e913\"}.lucca-icon.icon-home:before{content:\"\\e913\"}.lucca-icon.icon-buildingHouseFilled:before{content:\"\\e99d\"}.lucca-icon.icon-houseFilled:before{content:\"\\e99d\"}.lucca-icon.icon-homeFill:before{content:\"\\e99d\"}.lucca-icon.icon-buildingHouseStarred:before{content:\"\\e99e\"}.lucca-icon.icon-houseStarred:before{content:\"\\e99e\"}.lucca-icon.icon-homeStarred:before{content:\"\\e99e\"}.lucca-icon.icon-buildingStore:before{content:\"\\e8ff\"}.lucca-icon.icon-store:before{content:\"\\e8ff\"}.lucca-icon.icon-bulb:before{content:\"\\e9b1\"}.lucca-icon.icon-lightBulb:before{content:\"\\e9b1\"}.lucca-icon.icon-calendarChecked:before{content:\"\\e9c7\"}.lucca-icon.icon-calendarDate:before{content:\"\\e920\"}.lucca-icon.icon-calendar:before{content:\"\\e920\"}.lucca-icon.icon-planning:before{content:\"\\e920\"}.lucca-icon.icon-calendarEdit:before{content:\"\\e91e\"}.lucca-icon.icon-planningEdit:before{content:\"\\e91e\"}.lucca-icon.icon-calendarPlanning:before{content:\"\\e90c\"}.lucca-icon.icon-payPeriod:before{content:\"\\e90c\"}.lucca-icon.icon-calendarSettings:before{content:\"\\e92a\"}.lucca-icon.icon-planningManage:before{content:\"\\e92a\"}.lucca-icon.icon-calendarStrikethrough:before{content:\"\\e957\"}.lucca-icon.icon-calendarOff:before{content:\"\\e957\"}.lucca-icon.icon-capCrown:before{content:\"\\e95b\"}.lucca-icon.icon-crown:before{content:\"\\e95b\"}.lucca-icon.icon-capGraduate:before{content:\"\\e9d3\"}.lucca-icon.icon-graduate:before{content:\"\\e9d3\"}.lucca-icon.icon-school:before{content:\"\\e9d3\"}.lucca-icon.icon-certificationFailed:before{content:\"\\e9a8\"}.lucca-icon.icon-certifKo:before{content:\"\\e9a8\"}.lucca-icon.icon-certificationSuccess:before{content:\"\\e9a6\"}.lucca-icon.icon-certifOk:before{content:\"\\e9a6\"}.lucca-icon.icon-certificationWaiting:before{content:\"\\e9a7\"}.lucca-icon.icon-certifWaiting:before{content:\"\\e9a7\"}.lucca-icon.icon-chartDonut:before{content:\"\\e9aa\"}.lucca-icon.icon-donut:before{content:\"\\e9aa\"}.lucca-icon.icon-donutChart:before{content:\"\\e9aa\"}.lucca-icon.icon-chartFlow:before{content:\"\\e930\"}.lucca-icon.icon-familyTree:before{content:\"\\e930\"}.lucca-icon.icon-orgTree:before{content:\"\\e930\"}.lucca-icon.icon-chartHorizontalBar:before{content:\"\\e9ab\"}.lucca-icon.icon-horizontalBarChart:before{content:\"\\e9ab\"}.lucca-icon.icon-chartLevels:before{content:\"\\e9ae\"}.lucca-icon.icon-level:before{content:\"\\e9ae\"}.lucca-icon.icon-chartPie:before{content:\"\\e9ac\"}.lucca-icon.icon-dashboard:before{content:\"\\e9ac\"}.lucca-icon.icon-chartVerticalBar:before{content:\"\\e971\"}.lucca-icon.icon-analytics:before{content:\"\\e971\"}.lucca-icon.icon-charts:before{content:\"\\e971\"}.lucca-icon.icon-clipboard:before{content:\"\\e962\"}.lucca-icon.icon-paste:before{content:\"\\e962\"}.lucca-icon.icon-completion:before{content:\"\\e905\"}.lucca-icon.icon-cornersFullscreenExit:before{content:\"\\e938\"}.lucca-icon.icon-fullscreenExit:before{content:\"\\e938\"}.lucca-icon.icon-cornersFullscreenOpen:before{content:\"\\e937\"}.lucca-icon.icon-fullscreen:before{content:\"\\e937\"}.lucca-icon.icon-dataTable:before{content:\"\\e9d5\"}.lucca-icon.icon-table:before{content:\"\\e9d5\"}.lucca-icon.icon-database:before{content:\"\\e91f\"}.lucca-icon.icon-databaseArrow:before{content:\"\\e907\"}.lucca-icon.icon-apiSync:before{content:\"\\e907\"}.lucca-icon.icon-deviceCamera:before{content:\"\\e965\"}.lucca-icon.icon-camera:before{content:\"\\e965\"}.lucca-icon.icon-deviceComputer:before{content:\"\\e91c\"}.lucca-icon.icon-computer:before{content:\"\\e91c\"}.lucca-icon.icon-deviceLaptop:before{content:\"\\e9d0\"}.lucca-icon.icon-laptop:before{content:\"\\e9d0\"}.lucca-icon.icon-deviceMobile:before{content:\"\\e9999\"}.lucca-icon.icon-deviceMouse:before{content:\"\\e91d\"}.lucca-icon.icon-computerMouse:before{content:\"\\e91d\"}.lucca-icon.icon-devicePrinter:before{content:\"\\e96b\"}.lucca-icon.icon-print:before{content:\"\\e96b\"}.lucca-icon.icon-dotsDrag:before{content:\"\\e9a4\"}.lucca-icon.icon-drag:before{content:\"\\e9a4\"}.lucca-icon.icon-eye:before{content:\"\\e993\"}.lucca-icon.icon-watch:before{content:\"\\e993\"}.lucca-icon.icon-eyeStrikethrough:before{content:\"\\e98e\"}.lucca-icon.icon-unwatch:before{content:\"\\e98e\"}.lucca-icon.icon-fileContract:before{content:\"\\e914\"}.lucca-icon.icon-contract:before{content:\"\\e914\"}.lucca-icon.icon-fileCopy:before{content:\"\\e9ca\"}.lucca-icon.icon-copy:before{content:\"\\e9ca\"}.lucca-icon.icon-fileDocument:before{content:\"\\e932\"}.lucca-icon.icon-file:before{content:\"\\e932\"}.lucca-icon.icon-fileExport:before{content:\"\\e9cb\"}.lucca-icon.icon-fileFolder:before{content:\"\\e9cd\"}.lucca-icon.icon-folder:before{content:\"\\e9cd\"}.lucca-icon.icon-fileImport:before{content:\"\\e9e4\"}.lucca-icon.icon-importDirty:before{content:\"\\e9e4\"}.lucca-icon.icon-importPristine:before{content:\"\\e9e4\"}.lucca-icon.icon-fileSign:before{content:\"\\e95c\"}.lucca-icon.icon-sign:before{content:\"\\e95c\"}.lucca-icon.icon-filtersDescending:before{content:\"\\e9cc\"}.lucca-icon.icon-filterAbstract:before{content:\"\\e9cc\"}.lucca-icon.icon-filtersFunnel:before{content:\"\\e933\"}.lucca-icon.icon-funnel:before{content:\"\\e933\"}.lucca-icon.icon-filter:before{content:\"\\e933\"}.lucca-icon.icon-filtersSort:before{content:\"\\e9d4\"}.lucca-icon.icon-sort:before{content:\"\\e9d4\"}.lucca-icon.icon-reorder:before{content:\"\\e9d4\"}.lucca-icon.icon-flag:before{content:\"\\e934\"}.lucca-icon.icon-floppyDiskSave:before{content:\"\\e901\"}.lucca-icon.icon-save:before{content:\"\\e901\"}.lucca-icon.icon-foodBirthdayCake:before{content:\"\\e90b\"}.lucca-icon.icon-birthday:before{content:\"\\e90b\"}.lucca-icon.icon-foodBobun:before{content:\"\\e9e6\"}.lucca-icon.icon-lunchAlternative:before{content:\"\\e9e6\"}.lucca-icon.icon-foodBurger:before{content:\"\\e94d\"}.lucca-icon.icon-lunch:before{content:\"\\e94d\"}.lucca-icon.icon-meal:before{content:\"\\e94d\"}.lucca-icon.icon-foodChefHat:before{content:\"\\e9a1\"}.lucca-icon.icon-restaurant:before{content:\"\\e9a1\"}.lucca-icon.icon-foodClocheDish:before{content:\"\\e921\"}.lucca-icon.icon-diner:before{content:\"\\e921\"}.lucca-icon.icon-foodCocktail:before{content:\"\\e925\"}.lucca-icon.icon-drink:before{content:\"\\e925\"}.lucca-icon.icon-foodCoffee:before{content:\"\\e90f\"}.lucca-icon.icon-coffee:before{content:\"\\e90f\"}.lucca-icon.icon-breaktime:before{content:\"\\e90f\"}.lucca-icon.icon-foodCroissant:before{content:\"\\e90e\"}.lucca-icon.icon-breakfast:before{content:\"\\e90e\"}.lucca-icon.icon-foodSandwich:before{content:\"\\e97b\"}.lucca-icon.icon-snack:before{content:\"\\e97b\"}.lucca-icon.icon-formatBulletedList:before{content:\"\\e948\"}.lucca-icon.icon-list:before{content:\"\\e948\"}.lucca-icon.icon-formatClipperAttachment:before{content:\"\\e909\"}.lucca-icon.icon-attach:before{content:\"\\e909\"}.lucca-icon.icon-formatCornerUpLeft:before{content:\"\\e96f\"}.lucca-icon.icon-formatUndo:before{content:\"\\e96f\"}.lucca-icon.icon-formatCornerUpRight:before{content:\"\\e96e\"}.lucca-icon.icon-formatRedo:before{content:\"\\e96e\"}.lucca-icon.icon-formatLink:before{content:\"\\e93b\"}.lucca-icon.icon-formatNumberedList:before{content:\"\\e969\"}.lucca-icon.icon-formatListNb:before{content:\"\\e969\"}.lucca-icon.icon-formatText:before{content:\"\\e927\"}.lucca-icon.icon-formatJustify:before{content:\"\\e927\"}.lucca-icon.icon-formatTextBold:before{content:\"\\e997\"}.lucca-icon.icon-formatBold:before{content:\"\\e997\"}.lucca-icon.icon-formatTextClear:before{content:\"\\e999\"}.lucca-icon.icon-formatClear:before{content:\"\\e999\"}.lucca-icon.icon-formatTextItalic:before{content:\"\\e998\"}.lucca-icon.icon-formatItalic:before{content:\"\\e998\"}.lucca-icon.icon-formatTextSize:before{content:\"\\e9ce\"}.lucca-icon.icon-formatSize:before{content:\"\\e9ce\"}.lucca-icon.icon-formatTextStrikethrough:before{content:\"\\e92e\"}.lucca-icon.icon-formatStrikethrough:before{content:\"\\e92e\"}.lucca-icon.icon-formatTextUnderline:before{content:\"\\e996\"}.lucca-icon.icon-formatUnderlined:before{content:\"\\e996\"}.lucca-icon.icon-formatUnlink:before{content:\"\\e915\"}.lucca-icon.icon-unlink:before{content:\"\\e915\"}.lucca-icon.icon-gift:before{content:\"\\e9cf\"}.lucca-icon.icon-present:before{content:\"\\e9cf\"}.lucca-icon.icon-heart:before{content:\"\\e910\"}.lucca-icon.icon-heartStrikethrough:before{content:\"\\e93e\"}.lucca-icon.icon-brokenHeart:before{content:\"\\e93e\"}.lucca-icon.icon-hotelBed:before{content:\"\\e941\"}.lucca-icon.icon-bed:before{content:\"\\e941\"}.lucca-icon.icon-hotel:before{content:\"\\e941\"}.lucca-icon.icon-hotelHanger:before{content:\"\\e9a2\"}.lucca-icon.icon-hanger:before{content:\"\\e9a2\"}.lucca-icon.icon-hotelIron:before{content:\"\\e945\"}.lucca-icon.icon-iron:before{content:\"\\e945\"}.lucca-icon.icon-pressing:before{content:\"\\e945\"}.lucca-icon.icon-hotelLuggage:before{content:\"\\e94c\"}.lucca-icon.icon-luggage:before{content:\"\\e94c\"}.lucca-icon.icon-jigsawPuzzle:before{content:\"\\e9bc\"}.lucca-icon.icon-puzzle:before{content:\"\\e9bc\"}.lucca-icon.icon-journey:before{content:\"\\e946\"}.lucca-icon.icon-milestone:before{content:\"\\e946\"}.lucca-icon.icon-jumpingCc:before{content:\"\\e94b\"}.lucca-icon.icon-lucca:before{content:\"\\e94b\"}.lucca-icon.icon-laboratoryTestFlask:before{content:\"\\e9d7\"}.lucca-icon.icon-test:before{content:\"\\e9d7\"}.lucca-icon.icon-layers:before{content:\"\\e987\"}.lucca-icon.icon-floor:before{content:\"\\e987\"}.lucca-icon.icon-listChecked:before{content:\"\\e9d1\"}.lucca-icon.icon-listChecklist:before{content:\"\\e917\"}.lucca-icon.icon-listTodo:before{content:\"\\e917\"}.lucca-icon.icon-lockClosed:before{content:\"\\e94a\"}.lucca-icon.icon-lock:before{content:\"\\e94a\"}.lucca-icon.icon-lockKey:before{content:\"\\e947\"}.lucca-icon.icon-key:before{content:\"\\e947\"}.lucca-icon.icon-lockOpenned:before{content:\"\\e98d\"}.lucca-icon.icon-unlock:before{content:\"\\e98d\"}.lucca-icon.icon-mailEnvelope:before{content:\"\\e94e\"}.lucca-icon.icon-mail:before{content:\"\\e94e\"}.lucca-icon.icon-mailMailbox:before{content:\"\\e97e\"}.lucca-icon.icon-mailbox:before{content:\"\\e97e\"}.lucca-icon.icon-stamp:before{content:\"\\e97e\"}.lucca-icon.icon-postage:before{content:\"\\e97e\"}.lucca-icon.icon-mailPaperPlane:before{content:\"\\e977\"}.lucca-icon.icon-send:before{content:\"\\e977\"}.lucca-icon.icon-mapGlobe:before{content:\"\\e97a\"}.lucca-icon.icon-globe:before{content:\"\\e97a\"}.lucca-icon.icon-mapLocation:before{content:\"\\e949\"}.lucca-icon.icon-location:before{content:\"\\e949\"}.lucca-icon.icon-mapPin:before{content:\"\\e967\"}.lucca-icon.icon-pin:before{content:\"\\e967\"}.lucca-icon.icon-mathsDivide:before{content:\"\\e954\"}.lucca-icon.icon-divide:before{content:\"\\e954\"}.lucca-icon.icon-mathsEquals:before{content:\"\\e93d\"}.lucca-icon.icon-equal:before{content:\"\\e93d\"}.lucca-icon.icon-mathsMinus:before{content:\"\\e975\"}.lucca-icon.icon-minus:before{content:\"\\e975\"}.lucca-icon.icon-partial:before{content:\"\\e975\"}.lucca-icon.icon-minimize:before{content:\"\\e975\"}.lucca-icon.icon-mathsMultiplicate:before{content:\"\\e981\"}.lucca-icon.icon-close:before{content:\"\\e981\"}.lucca-icon.icon-thinCross:before{content:\"\\e981\"}.lucca-icon.icon-cross:before{content:\"\\e981\"}.lucca-icon.icon-crossBold:before{content:\"\\e981\"}.lucca-icon.icon-mathsPlus:before{content:\"\\e985\"}.lucca-icon.icon-plus:before{content:\"\\e985\"}.lucca-icon.icon-plusBold:before{content:\"\\e985\"}.lucca-icon.icon-menuBurger:before{content:\"\\e950\"}.lucca-icon.icon-menu:before{content:\"\\e950\"}.lucca-icon.icon-hamburgerMenu:before{content:\"\\e950\"}.lucca-icon.icon-menuDots:before{content:\"\\e92b\"}.lucca-icon.icon-menuEllipsis:before{content:\"\\e92b\"}.lucca-icon.icon-ellipsis:before{content:\"\\e92b\"}.lucca-icon.icon-moneyBag:before{content:\"\\e900\"}.lucca-icon.icon-moneybag:before{content:\"\\e900\"}.lucca-icon.icon-moneyBagStrikethrough:before{content:\"\\e9f0\"}.lucca-icon.icon-noMoney:before{content:\"\\e9f0\"}.lucca-icon.icon-moneyBanknoteStrikethrough:before{content:\"\\e9de\"}.lucca-icon.icon-moneyBill:before{content:\"\\e9c6\"}.lucca-icon.icon-bill:before{content:\"\\e9c6\"}.lucca-icon.icon-moneyBuildingBank:before{content:\"\\e99f\"}.lucca-icon.icon-bank:before{content:\"\\e99f\"}.lucca-icon.icon-moneyCardImport:before{content:\"\\e943\"}.lucca-icon.icon-importCb:before{content:\"\\e943\"}.lucca-icon.icon-moneyCoins:before{content:\"\\e9d2\"}.lucca-icon.icon-money:before{content:\"\\e9d2\"}.lucca-icon.icon-payment:before{content:\"\\e9d2\"}.lucca-icon.icon-moneyCurrencyDollar:before{content:\"\\e9a5\"}.lucca-icon.icon-dollar:before{content:\"\\e9a5\"}.lucca-icon.icon-moneyCurrencyEuro:before{content:\"\\e92d\"}.lucca-icon.icon-euro:before{content:\"\\e92d\"}.lucca-icon.icon-moneyPaymentCard:before{content:\"\\e90a\"}.lucca-icon.icon-bankingCard:before{content:\"\\e90a\"}.lucca-icon.icon-moneyPiggyBank:before{content:\"\\e966\"}.lucca-icon.icon-piggyBank:before{content:\"\\e966\"}.lucca-icon.icon-moneyWallet:before{content:\"\\e9d8\"}.lucca-icon.icon-wallet:before{content:\"\\e9d8\"}.lucca-icon.icon-officeBriefcase:before{content:\"\\e9be\"}.lucca-icon.icon-officeChair:before{content:\"\\e986\"}.lucca-icon.icon-chair:before{content:\"\\e986\"}.lucca-icon.icon-officeCompass:before{content:\"\\e9a0\"}.lucca-icon.icon-compass:before{content:\"\\e9a0\"}.lucca-icon.icon-officeElectricalPlug:before{content:\"\\e9bd\"}.lucca-icon.icon-officePen:before{content:\"\\e928\"}.lucca-icon.icon-edit:before{content:\"\\e928\"}.lucca-icon.icon-editMini:before{content:\"\\e928\"}.lucca-icon.icon-officePenWriting:before{content:\"\\e929\"}.lucca-icon.icon-editWrite:before{content:\"\\e929\"}.lucca-icon.icon-editFrame:before{content:\"\\e929\"}.lucca-icon.icon-officePhone:before{content:\"\\e99b\"}.lucca-icon.icon-telephone:before{content:\"\\e99b\"}.lucca-icon.icon-officeScissors:before{content:\"\\e956\"}.lucca-icon.icon-cut:before{content:\"\\e956\"}.lucca-icon.icon-officeSupplies:before{content:\"\\e9e9\"}.lucca-icon.icon-supplies:before{content:\"\\e9e9\"}.lucca-icon.icon-peopleAdd:before{content:\"\\e902\"}.lucca-icon.icon-userAdd:before{content:\"\\e902\"}.lucca-icon.icon-adduser:before{content:\"\\e902\"}.lucca-icon.icon-peopleGroup:before{content:\"\\e93c\"}.lucca-icon.icon-userGroup:before{content:\"\\e93c\"}.lucca-icon.icon-group:before{content:\"\\e93c\"}.lucca-icon.icon-peopleId:before{content:\"\\e99a\"}.lucca-icon.icon-identityCard:before{content:\"\\e99a\"}.lucca-icon.icon-userFile:before{content:\"\\e99a\"}.lucca-icon.icon-dossierRh:before{content:\"\\e99a\"}.lucca-icon.icon-peopleLocked:before{content:\"\\e9d9\"}.lucca-icon.icon-userRoles:before{content:\"\\e9d9\"}.lucca-icon.icon-peoplePerson:before{content:\"\\e990\"}.lucca-icon.icon-user:before{content:\"\\e990\"}.lucca-icon.icon-face:before{content:\"\\e990\"}.lucca-icon.icon-peopleRemove:before{content:\"\\e972\"}.lucca-icon.icon-userRemove:before{content:\"\\e972\"}.lucca-icon.icon-peopleSwitch:before{content:\"\\e978\"}.lucca-icon.icon-send2user:before{content:\"\\e978\"}.lucca-icon.icon-userSendTo:before{content:\"\\e978\"}.lucca-icon.icon-peopleTeacher:before{content:\"\\e9b8\"}.lucca-icon.icon-teacher:before{content:\"\\e9b8\"}.lucca-icon.icon-pictureGallery:before{content:\"\\e939\"}.lucca-icon.icon-gallery:before{content:\"\\e939\"}.lucca-icon.icon-pictureImage:before{content:\"\\e942\"}.lucca-icon.icon-image:before{content:\"\\e942\"}.lucca-icon.icon-picturePalette:before{content:\"\\e95f\"}.lucca-icon.icon-palette:before{content:\"\\e95f\"}.lucca-icon.icon-playerPauseCircle:before{content:\"\\e955\"}.lucca-icon.icon-pause:before{content:\"\\e955\"}.lucca-icon.icon-playerPlay:before{content:\"\\e944\"}.lucca-icon.icon-playFull:before{content:\"\\e944\"}.lucca-icon.icon-playerPlayCircle:before{content:\"\\e92f\"}.lucca-icon.icon-play:before{content:\"\\e92f\"}.lucca-icon.icon-playerStopCircle:before{content:\"\\e958\"}.lucca-icon.icon-stop:before{content:\"\\e958\"}.lucca-icon.icon-priceTag:before{content:\"\\e96a\"}.lucca-icon.icon-pricetag:before{content:\"\\e96a\"}.lucca-icon.icon-priorityHigh:before{content:\"\\e964\"}.lucca-icon.icon-high:before{content:\"\\e964\"}.lucca-icon.icon-priorityHigher:before{content:\"\\e94f\"}.lucca-icon.icon-higher:before{content:\"\\e94f\"}.lucca-icon.icon-priorityHighest:before{content:\"\\e96c\"}.lucca-icon.icon-highest:before{content:\"\\e96c\"}.lucca-icon.icon-priorityLow:before{content:\"\\e96d\"}.lucca-icon.icon-low:before{content:\"\\e96d\"}.lucca-icon.icon-priorityLower:before{content:\"\\e952\"}.lucca-icon.icon-lower:before{content:\"\\e952\"}.lucca-icon.icon-priorityLowest:before{content:\"\\e973\"}.lucca-icon.icon-lowest:before{content:\"\\e973\"}.lucca-icon.icon-priorityMedium:before{content:\"\\e974\"}.lucca-icon.icon-medium:before{content:\"\\e974\"}.lucca-icon.icon-rotationLeft:before{content:\"\\e9b2\"}.lucca-icon.icon-rotate:before{content:\"\\e9b2\"}.lucca-icon.icon-rotationRight:before{content:\"\\e9e8\"}.lucca-icon.icon-rotateRight:before{content:\"\\e9e8\"}.lucca-icon.icon-searchMagnifyingGlass:before{content:\"\\e976\"}.lucca-icon.icon-search:before{content:\"\\e976\"}.lucca-icon.icon-searchZoomIn:before{content:\"\\e9ff\"}.lucca-icon.icon-searchZoomOut:before{content:\"\\e9ee\"}.lucca-icon.icon-settingsEqualizer:before{content:\"\\e991\"}.lucca-icon.icon-sliders:before{content:\"\\e991\"}.lucca-icon.icon-settingsGear:before{content:\"\\e979\"}.lucca-icon.icon-settings:before{content:\"\\e979\"}.lucca-icon.icon-settingsTools:before{content:\"\\e989\"}.lucca-icon.icon-tools:before{content:\"\\e989\"}.lucca-icon.icon-share:before{content:\"\\e906\"}.lucca-icon.icon-signBan:before{content:\"\\e936\"}.lucca-icon.icon-forbidden:before{content:\"\\e936\"}.lucca-icon.icon-signCancel:before{content:\"\\e963\"}.lucca-icon.icon-cancel:before{content:\"\\e963\"}.lucca-icon.icon-signClose:before{content:\"\\e9bf\"}.lucca-icon.icon-signConfirm:before{content:\"\\e97d\"}.lucca-icon.icon-confirm:before{content:\"\\e97d\"}.lucca-icon.icon-tick:before{content:\"\\e97d\"}.lucca-icon.icon-tickThin:before{content:\"\\e97d\"}.lucca-icon.icon-tickBold:before{content:\"\\e97d\"}.lucca-icon.icon-signConstruction:before{content:\"\\e931\"}.lucca-icon.icon-build:before{content:\"\\e931\"}.lucca-icon.icon-signDiscount:before{content:\"\\e9e1\"}.lucca-icon.icon-discount:before{content:\"\\e9e1\"}.lucca-icon.icon-signError:before{content:\"\\e92c\"}.lucca-icon.icon-error:before{content:\"\\e92c\"}.lucca-icon.icon-signHelp:before{content:\"\\e9a3\"}.lucca-icon.icon-help:before{content:\"\\e9a3\"}.lucca-icon.icon-helpOutline:before{content:\"\\e9a3\"}.lucca-icon.icon-signInfo:before{content:\"\\e9b0\"}.lucca-icon.icon-info:before{content:\"\\e9b0\"}.lucca-icon.icon-signParking:before{content:\"\\e960\"}.lucca-icon.icon-parking:before{content:\"\\e960\"}.lucca-icon.icon-signSuccess:before{content:\"\\e9ed\"}.lucca-icon.icon-success:before{content:\"\\e9ed\"}.lucca-icon.icon-signWarning:before{content:\"\\e992\"}.lucca-icon.icon-warning:before{content:\"\\e992\"}.lucca-icon.icon-star:before{content:\"\\e961\"}.lucca-icon.icon-unstared:before{content:\"\\e961\"}.lucca-icon.icon-starFilled:before{content:\"\\e97f\"}.lucca-icon.icon-target:before{content:\"\\e9d6\"}.lucca-icon.icon-thumbDown:before{content:\"\\e923\"}.lucca-icon.icon-thumbUp:before{content:\"\\e922\"}.lucca-icon.icon-thumbnail:before{content:\"\\e91b\"}.lucca-icon.icon-timeAlarm:before{content:\"\\e9c4\"}.lucca-icon.icon-alarm:before{content:\"\\e9c4\"}.lucca-icon.icon-timeClock:before{content:\"\\e919\"}.lucca-icon.icon-clock:before{content:\"\\e919\"}.lucca-icon.icon-timeFuture:before{content:\"\\e908\"}.lucca-icon.icon-postpone:before{content:\"\\e908\"}.lucca-icon.icon-timeHourglass:before{content:\"\\e988\"}.lucca-icon.icon-timer:before{content:\"\\e988\"}.lucca-icon.icon-timePast:before{content:\"\\e984\"}.lucca-icon.icon-history:before{content:\"\\e984\"}.lucca-icon.icon-timeTimer:before{content:\"\\e9e0\"}.lucca-icon.icon-chronoOn:before{content:\"\\e9e0\"}.lucca-icon.icon-timeTimerStrikethrough:before{content:\"\\e9e7\"}.lucca-icon.icon-overplanned:before{content:\"\\e9e7\"}.lucca-icon.icon-timeTimesheet:before{content:\"\\e916\"}.lucca-icon.icon-timesheet:before{content:\"\\e916\"}.lucca-icon.icon-transportBus:before{content:\"\\e911\"}.lucca-icon.icon-bus:before{content:\"\\e911\"}.lucca-icon.icon-transportCar:before{content:\"\\e9a9\"}.lucca-icon.icon-car:before{content:\"\\e9a9\"}.lucca-icon.icon-transportCarwashStation:before{content:\"\\e918\"}.lucca-icon.icon-cleanCar:before{content:\"\\e918\"}.lucca-icon.icon-transportGazStation:before{content:\"\\e93a\"}.lucca-icon.icon-gasoline:before{content:\"\\e93a\"}.lucca-icon.icon-transportPlane:before{content:\"\\e968\"}.lucca-icon.icon-plane:before{content:\"\\e968\"}.lucca-icon.icon-transportRocket:before{content:\"\\e995\"}.lucca-icon.icon-rocket:before{content:\"\\e995\"}.lucca-icon.icon-transportSpeedometer:before{content:\"\\e951\"}.lucca-icon.icon-speedometer:before{content:\"\\e951\"}.lucca-icon.icon-mileage:before{content:\"\\e951\"}.lucca-icon.icon-transportSubway:before{content:\"\\e980\"}.lucca-icon.icon-subway:before{content:\"\\e980\"}.lucca-icon.icon-transportTaxi:before{content:\"\\e983\"}.lucca-icon.icon-taxi:before{content:\"\\e983\"}.lucca-icon.icon-transportToll:before{content:\"\\e9b3\"}.lucca-icon.icon-toll:before{content:\"\\e9b3\"}.lucca-icon.icon-tollDollar:before{content:\"\\e9b3\"}.lucca-icon.icon-tollEuro:before{content:\"\\e9b3\"}.lucca-icon.icon-transportTrain:before{content:\"\\e98a\"}.lucca-icon.icon-train:before{content:\"\\e98a\"}.lucca-icon.icon-transportTruck:before{content:\"\\e98c\"}.lucca-icon.icon-truck:before{content:\"\\e98c\"}.lucca-icon.icon-trashDelete:before{content:\"\\e98b\"}.lucca-icon.icon-trash:before{content:\"\\e98b\"}.lucca-icon.icon-trendingGrowth:before{content:\"\\e9bb\"}.lucca-icon.icon-evolution:before{content:\"\\e9bb\"}.lucca-icon.icon-bookmark:before{content:\"\\e9bf\"}.lucca-icon.icon-bookmarkFilled:before{content:\"\\e9c0\"}.lucca-icon.icon-trendingLoss:before{content:\"\\e9e3\"}.lucca-icon.icon-evolutionDown:before{content:\"\\e9e3\"}.lucca-icon.icon-weatherCloudy:before{content:\"\\e9ea\"}.lucca-icon.icon-weatherStormy:before{content:\"\\e9eb\"}.lucca-icon.icon-weatherStorm:before{content:\"\\e9eb\"}.lucca-icon.icon-weatherSunny:before{content:\"\\e9ec\"}.lucca-icon.icon-weatherSun:before{content:\"\\e9ec\"}.lucca-icon.icon-weight:before{content:\"\\e9c1\"}.lucca-icon.icon-heartFilled:before{content:\"\\e9da\"}.lucca-icon.icon-thumbUpFilled:before{content:\"\\e9db\"}.lucca-icon.icon-thumbDownFilled:before{content:\"\\e9dc\"}.lucca-icon.mod-XS{--icon-size: 1rem}.lucca-icon.mod-S{--icon-size: 1.25rem}.lucca-icon.mod-M{--icon-size: 1.5rem}.lucca-icon.mod-L{--icon-size: 1.75rem}.lucca-icon.mod-XL{--icon-size: 2rem}.lucca-icon.mod-XXL{--icon-size: 2.5rem}.icon-color-secondary{color:var(--palettes-secondary-700)}.icon-color-error{color:var(--palettes-error-700)}.icon-color-warning{color:var(--palettes-warning-700)}.icon-color-success{color:var(--palettes-success-700)}.icon-color-light{color:var(--palettes-grey-600)}.icon-color-placeholder{color:var(--palettes-grey-400)}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input,
+                args: [{ required: true }]
+            }], alt: [{
+                type: Input,
+                args: [{ required: true }]
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconComponent };
+//# sourceMappingURL=lucca-front-ng-icon.mjs.map

package/fesm2022/lucca-front-ng-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucca-front-ng-icon.mjs","sources":["../../../packages/ng/icon/icon.component.ts","../../../packages/ng/icon/icon.component.html","../../../packages/ng/icon/lucca-front-ng-icon.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { NgIf } from '@angular/common';\r\nimport { LuccaIcon } from '@lucca-front/icons';\r\n\r\n@Component({\r\n\tselector: 'lu-icon',\r\n\tstandalone: true,\r\n\timports: [NgIf],\r\n\ttemplateUrl: './icon.component.html',\r\n\tstyleUrls: ['./icon.component.scss'],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class IconComponent {\r\n\t@Input({ required: true })\r\n\ticon: LuccaIcon;\r\n\r\n\t@Input({ required: true })\r\n\talt: string;\r\n\r\n\t@Input()\r\n\tsize: 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL' = 'M';\r\n\r\n\t@Input()\r\n\tcolor: 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'light' | 'placeholder' | 'inherit' = 'inherit';\r\n}\r\n","<span aria-hidden=\"true\" class=\"lucca-icon icon-{{icon}} mod-{{size}} icon-color-{{color}}\"></span>\r\n<span class=\"u-mask\" *ngIf=\"alt\">{{alt}}</span>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAIA,MAQa,aAAa,CAAA;AAR1B,IAAA,WAAA,GAAA;QAgBC,IAAI,CAAA,IAAA,GAA0C,GAAG,CAAC;QAGlD,IAAK,CAAA,KAAA,GAAoG,SAAS,CAAC;AACnH,KAAA;8GAZY,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,GAAA,EAAA,KAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZ1B,oKAEA,EAAA,MAAA,EAAA,CAAA,6z5BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDKW,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAKF,aAAa,EAAA,UAAA,EAAA,CAAA;kBARzB,SAAS;+BACC,SAAS,EAAA,UAAA,EACP,IAAI,EACP,OAAA,EAAA,CAAC,IAAI,CAAC,EAAA,eAAA,EAGE,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oKAAA,EAAA,MAAA,EAAA,CAAA,6z5BAAA,CAAA,EAAA,CAAA;8BAI/C,IAAI,EAAA,CAAA;sBADH,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAIzB,GAAG,EAAA,CAAA;sBADF,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAIzB,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;;;AEtBP;;AAEG;;;;"}

package/fesm2022/lucca-front-ng-inline-message.mjs

@@ -1,18 +1,29 @@
 import * as i0 from '@angular/core';
-import { Component, Input } from '@angular/core';
+import { inject, Component, ChangeDetectionStrategy, Input } from '@angular/core';
 import { NgIf } from '@angular/common';
+import * as i1 from '@lucca-front/ng/core';
+import { NgClazz } from '@lucca-front/ng/core';
 
 class InlineMessageComponent {
     constructor() {
+        this.#ngClass = inject(NgClazz);
         this.state = 'default';
         this.size = 'M';
     }
+    #ngClass;
+    ngOnChanges() {
+        this.#ngClass.ngClass = {
+            [`mod-${this.size}`]: true,
+            [`is-${this.state}`]: true,
+            inlineMessage: true,
+        };
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: InlineMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: InlineMessageComponent, isStandalone: true, selector: "lu-inline-message", inputs: { label: "label", state: "state", size: "size" }, ngImport: i0, template: "<div class=\"inlineMessage mod-{{size}} is-{{state}}\">\r\n\t<span aria-hidden=\"true\" class=\"lucca-icon icon-{{state}}\" *ngIf=\"state\"></span>{{label}}\r\n</div>\r\n", styles: [".inlineMessage{--components-inlineMessage-fontSize: var(--sizes-S-fontSize);--components-inlineMessage-lineHeight: var(--sizes-S-lineHeight);--components-inlineMessage-icon-fontSize: var(--sizes-XS-lineHeight);--components-inlineMessage-color: var(--palettes-grey-700);--components-inlineMessage-icon-color: var(--palettes-grey-600);display:flex;gap:var(--components-inlineMessage-gap);font-size:var(--components-inlineMessage-fontSize);line-height:var(--components-inlineMessage-lineHeight);color:var(--components-inlineMessage-color)}.inlineMessage .lucca-icon{font-size:var(--components-inlineMessage-icon-fontSize);color:var(--components-inlineMessage-icon-color);margin-top:2px}.inlineMessage.mod-S{--components-inlineMessage-fontSize: var(--sizes-XS-fontSize);--components-inlineMessage-lineHeight: var(--sizes-XS-lineHeight);--components-inlineMessage-icon-fontSize: .75rem}.inlineMessage.is-success{--components-inlineMessage-icon-color: var(--palettes-success-700);--components-inlineMessage-gap: var(--spacings-XXS)}.inlineMessage.is-success .lucca-icon:before{content:\"\\e9ed\";content:\"\\e9ed\"/\"\"}.inlineMessage.is-warning{--components-inlineMessage-icon-color: var(--palettes-warning-700);--components-inlineMessage-gap: var(--spacings-XXS)}.inlineMessage.is-warning .lucca-icon:before{content:\"\\e992\";content:\"\\e992\"/\"\"}.inlineMessage.is-error{--components-inlineMessage-icon-color: var(--palettes-error-700);--components-inlineMessage-color: var(--palettes-error-700);--components-inlineMessage-gap: var(--spacings-XXS)}.inlineMessage.is-error .lucca-icon:before{content:\"\\e92c\";content:\"\\e92c\"/\"\"}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: InlineMessageComponent, isStandalone: true, selector: "lu-inline-message", inputs: { label: "label", state: "state", size: "size" }, usesOnChanges: true, hostDirectives: [{ directive: i1.NgClazz }], ngImport: i0, template: "<span aria-hidden=\"true\" class=\"lucca-icon icon-{{state}}\" *ngIf=\"state\"></span>{{label}}\r\n", styles: [".inlineMessage{--components-inlineMessage-fontSize: var(--sizes-S-fontSize);--components-inlineMessage-lineHeight: var(--sizes-S-lineHeight);--components-inlineMessage-icon-fontSize: var(--sizes-XS-lineHeight);--components-inlineMessage-color: var(--palettes-grey-700);--components-inlineMessage-icon-color: var(--palettes-grey-600);display:flex;gap:var(--components-inlineMessage-gap);font-size:var(--components-inlineMessage-fontSize);line-height:var(--components-inlineMessage-lineHeight);color:var(--components-inlineMessage-color)}.inlineMessage .lucca-icon{font-size:var(--components-inlineMessage-icon-fontSize);color:var(--components-inlineMessage-icon-color);margin-top:2px}.inlineMessage.mod-S{--components-inlineMessage-fontSize: var(--sizes-XS-fontSize);--components-inlineMessage-lineHeight: var(--sizes-XS-lineHeight);--components-inlineMessage-icon-fontSize: .75rem}.inlineMessage.is-success{--components-inlineMessage-icon-color: var(--palettes-success-700);--components-inlineMessage-gap: var(--spacings-XXS)}.inlineMessage.is-success .lucca-icon:before{content:\"\\e9ed\";content:\"\\e9ed\"/\"\"}.inlineMessage.is-warning{--components-inlineMessage-icon-color: var(--palettes-warning-700);--components-inlineMessage-gap: var(--spacings-XXS)}.inlineMessage.is-warning .lucca-icon:before{content:\"\\e992\";content:\"\\e992\"/\"\"}.inlineMessage.is-error{--components-inlineMessage-icon-color: var(--palettes-error-700);--components-inlineMessage-color: var(--palettes-error-700);--components-inlineMessage-gap: var(--spacings-XXS)}.inlineMessage.is-error .lucca-icon:before{content:\"\\e92c\";content:\"\\e92c\"/\"\"}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: InlineMessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-inline-message', standalone: true, imports: [NgIf], template: "<div class=\"inlineMessage mod-{{size}} is-{{state}}\">\r\n\t<span aria-hidden=\"true\" class=\"lucca-icon icon-{{state}}\" *ngIf=\"state\"></span>{{label}}\r\n</div>\r\n", styles: [".inlineMessage{--components-inlineMessage-fontSize: var(--sizes-S-fontSize);--components-inlineMessage-lineHeight: var(--sizes-S-lineHeight);--components-inlineMessage-icon-fontSize: var(--sizes-XS-lineHeight);--components-inlineMessage-color: var(--palettes-grey-700);--components-inlineMessage-icon-color: var(--palettes-grey-600);display:flex;gap:var(--components-inlineMessage-gap);font-size:var(--components-inlineMessage-fontSize);line-height:var(--components-inlineMessage-lineHeight);color:var(--components-inlineMessage-color)}.inlineMessage .lucca-icon{font-size:var(--components-inlineMessage-icon-fontSize);color:var(--components-inlineMessage-icon-color);margin-top:2px}.inlineMessage.mod-S{--components-inlineMessage-fontSize: var(--sizes-XS-fontSize);--components-inlineMessage-lineHeight: var(--sizes-XS-lineHeight);--components-inlineMessage-icon-fontSize: .75rem}.inlineMessage.is-success{--components-inlineMessage-icon-color: var(--palettes-success-700);--components-inlineMessage-gap: var(--spacings-XXS)}.inlineMessage.is-success .lucca-icon:before{content:\"\\e9ed\";content:\"\\e9ed\"/\"\"}.inlineMessage.is-warning{--components-inlineMessage-icon-color: var(--palettes-warning-700);--components-inlineMessage-gap: var(--spacings-XXS)}.inlineMessage.is-warning .lucca-icon:before{content:\"\\e992\";content:\"\\e992\"/\"\"}.inlineMessage.is-error{--components-inlineMessage-icon-color: var(--palettes-error-700);--components-inlineMessage-color: var(--palettes-error-700);--components-inlineMessage-gap: var(--spacings-XXS)}.inlineMessage.is-error .lucca-icon:before{content:\"\\e92c\";content:\"\\e92c\"/\"\"}\n"] }]
+            args: [{ selector: 'lu-inline-message', standalone: true, imports: [NgIf], hostDirectives: [NgClazz], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span aria-hidden=\"true\" class=\"lucca-icon icon-{{state}}\" *ngIf=\"state\"></span>{{label}}\r\n", styles: [".inlineMessage{--components-inlineMessage-fontSize: var(--sizes-S-fontSize);--components-inlineMessage-lineHeight: var(--sizes-S-lineHeight);--components-inlineMessage-icon-fontSize: var(--sizes-XS-lineHeight);--components-inlineMessage-color: var(--palettes-grey-700);--components-inlineMessage-icon-color: var(--palettes-grey-600);display:flex;gap:var(--components-inlineMessage-gap);font-size:var(--components-inlineMessage-fontSize);line-height:var(--components-inlineMessage-lineHeight);color:var(--components-inlineMessage-color)}.inlineMessage .lucca-icon{font-size:var(--components-inlineMessage-icon-fontSize);color:var(--components-inlineMessage-icon-color);margin-top:2px}.inlineMessage.mod-S{--components-inlineMessage-fontSize: var(--sizes-XS-fontSize);--components-inlineMessage-lineHeight: var(--sizes-XS-lineHeight);--components-inlineMessage-icon-fontSize: .75rem}.inlineMessage.is-success{--components-inlineMessage-icon-color: var(--palettes-success-700);--components-inlineMessage-gap: var(--spacings-XXS)}.inlineMessage.is-success .lucca-icon:before{content:\"\\e9ed\";content:\"\\e9ed\"/\"\"}.inlineMessage.is-warning{--components-inlineMessage-icon-color: var(--palettes-warning-700);--components-inlineMessage-gap: var(--spacings-XXS)}.inlineMessage.is-warning .lucca-icon:before{content:\"\\e992\";content:\"\\e992\"/\"\"}.inlineMessage.is-error{--components-inlineMessage-icon-color: var(--palettes-error-700);--components-inlineMessage-color: var(--palettes-error-700);--components-inlineMessage-gap: var(--spacings-XXS)}.inlineMessage.is-error .lucca-icon:before{content:\"\\e92c\";content:\"\\e92c\"/\"\"}\n"] }]
         }], propDecorators: { label: [{
                 type: Input,
                 args: [{ required: true }]