@lucca-front/ng 17.3.6 → 17.3.8

package/fesm2022/lucca-front-ng-simple-select.mjs

@@ -5,14 +5,14 @@ import { InjectionToken, Pipe, inject, Component, ChangeDetectionStrategy, ViewC
 import * as i1$1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { getIntl, PortalDirective } from '@lucca-front/ng/core';
-import { LuSelectPanelRef, SELECT_ID, ɵgenerateGroups, ɵLuOptionComponent, ALuSelectInputComponent, provideLuSelectOverlayContainer, provideLuSelectLabelsAndIds, ɵLuOptionOutletDirective } from '@lucca-front/ng/core-select';
+import { LuSelectPanelRef, SELECT_ID, ɵgetGroupTemplateLocation, ɵLuOptionComponent, ɵLuOptionGroupPipe, ALuSelectInputComponent, provideLuSelectOverlayContainer, provideLuSelectLabelsAndIds, ɵLuOptionOutletDirective } from '@lucca-front/ng/core-select';
 import { InputDirective } from '@lucca-front/ng/form-field';
 import { IconComponent } from '@lucca-front/ng/icon';
 import { ComponentPortal } from '@angular/cdk/portal';
-import { map, EMPTY, takeUntil, asyncScheduler, observeOn, filter, take } from 'rxjs';
+import { map, takeUntil, asyncScheduler, observeOn, filter, take } from 'rxjs';
 import * as i1 from '@angular/cdk/a11y';
 import { ActiveDescendantKeyManager, A11yModule } from '@angular/cdk/a11y';
-import { switchMap, debounceTime } from 'rxjs/operators';
+import { startWith, switchMap, debounceTime } from 'rxjs/operators';
 
 const LU_SIMPLE_SELECT_TRANSLATIONS = new InjectionToken('LuSimpleSelectTranslations', {
     factory: () => luSimpleSelectTranslations,
@@ -80,11 +80,12 @@ class LuSelectPanelComponent {
         this.intl = getIntl(LU_SIMPLE_SELECT_TRANSLATIONS);
         this.options$ = this.selectInput.options$;
         this.grouping = this.selectInput.grouping;
-        this.groups$ = this.grouping ? this.options$.pipe(map((options) => ɵgenerateGroups(options, this.grouping.selector))) : EMPTY;
         this.loading$ = this.selectInput.loading$;
         this.optionComparer = this.selectInput.optionComparer;
         this.initialValue = this.selectInput.value;
         this.optionTpl = this.selectInput.optionTpl;
+        this.clueChange$ = this.selectInput.clueChange.pipe(startWith(this.selectInput.clue));
+        this.groupTemplateLocation$ = ɵgetGroupTemplateLocation(!!this.grouping, this.clueChange$, this.options$);
     }
     get keyManager() {
         return this._keyManager;
@@ -130,11 +131,11 @@ class LuSelectPanelComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: LuSelectPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: LuSelectPanelComponent, isStandalone: true, selector: "lu-select-panel", viewQueries: [{ propertyName: "optionsQL", predicate: ɵLuOptionComponent, descendants: true }], ngImport: i0, template: "<div\n\tclass=\"lu-picker-panel lu-option-picker-panel\"\n\tcdkTrapFocus\n\t*ngIf=\"{ options: (options$ | async) || [] } as ctx\"\n\t[cdkTrapFocusAutoCapture]=\"true\"\n>\n\t<div class=\"lu-picker-content\" [class.is-loading]=\"loading$ | async\" (scroll)=\"onScroll($event)\">\n\t\t<div class=\"lu-picker-content-option\" role=\"listbox\">\n\t\t\t<ng-container *ngIf=\"grouping\">\n\t\t\t\t<div\n\t\t\t\t\t*ngFor=\"let group of groups$ | async\"\n\t\t\t\t\tclass=\"lu-picker-content-option-group\"\n\t\t\t\t\trole=\"group\"\n\t\t\t\t\t[attr.aria-labelledby]=\"selectId + '-group-' + group.key\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"lu-picker-content-option-group-title\" role=\"presentation\" [id]=\"selectId + '-group-' + group.key\">\n\t\t\t\t\t\t<ng-container *luPortal=\"grouping.content; context: { $implicit: group }\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: group.options }\" />\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t\t<ng-container *ngIf=\"!grouping\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: ctx.options }\" />\n\t\t\t</ng-container>\n\n\t\t\t<ng-template #optionsList let-options>\n\t\t\t\t<lu-select-option\n\t\t\t\t\t*ngFor=\"let option of options; let index = index\"\n\t\t\t\t\t[option]=\"option\"\n\t\t\t\t\t[optionTpl]=\"optionTpl\"\n\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t[scrollIntoViewOptions]=\"{ block: 'center' }\"\n\t\t\t\t\t[isSelected]=\"option | luIsOptionSelected:optionComparer:selected\"\n\t\t\t\t\t(click)=\"panelRef.emitValue(option)\"\n\t\t\t\t></lu-select-option>\n\t\t\t</ng-template>\n\t\t\t<div class=\"lu-picker-content-option-emptyState\" *ngIf=\"ctx.options.length === 0 && (loading$ | async) === false\">\n\t\t\t\t{{intl.emptyResults}}\n\t\t\t</div>\n\t\t</div>\n\t\t<div *ngIf=\"loading$ | async\" class=\"lu-picker-content-loading\">\n\t\t\t<div class=\"loading\"></div>\n\t\t\t<span>{{intl.loading}}</span>\n\t\t</div>\n\t</div>\n\t<!--<div class=\"lu-picker-content-add\">\n\t\t<button class=\"button mod-text mod-icon palette-product\" type=\"button\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-mathsPlus\"></span>Add a new supplier\n\t\t</button>\n\t</div>-->\n</div>\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XXS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-product-700);--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}.textfield.mod-search{width:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding:var(--spacings-XXS) var(--components-options-item-padding-horizontal);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}.optionPlaceholder{display:block;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);font-style:italic;color:var(--palettes-neutral-600)}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ɵLuOptionComponent, selector: "lu-select-option", inputs: ["optionTpl", "isSelected", "option", "optionIndex", "scrollIntoViewOptions"] }, { kind: "pipe", type: LuIsOptionSelectedPipe, name: "luIsOptionSelected" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: LuSelectPanelComponent, isStandalone: true, selector: "lu-select-panel", viewQueries: [{ propertyName: "optionsQL", predicate: ɵLuOptionComponent, descendants: true }], ngImport: i0, template: "<div\n\tclass=\"lu-picker-panel lu-option-picker-panel\"\n\tcdkTrapFocus\n\t*ngIf=\"{\n\t\toptions: (options$ | async) || [],\n\t\tgroupTemplateLocation: groupTemplateLocation$ | async,\n\t} as ctx\"\n\t[cdkTrapFocusAutoCapture]=\"true\"\n>\n\t<div class=\"lu-picker-content\" [class.is-loading]=\"loading$ | async\" (scroll)=\"onScroll($event)\">\n\t\t<div role=\"listbox\">\n\t\t\t<ng-container *ngIf=\"grouping && ctx.groupTemplateLocation === 'group-header'\">\n\t\t\t\t<div\n\t\t\t\t\t*ngFor=\"let group of ctx.options | luOptionGroup:grouping.selector\"\n\t\t\t\t\tclass=\"lu-picker-content-option-group\"\n\t\t\t\t\trole=\"group\"\n\t\t\t\t\t[attr.aria-labelledby]=\"selectId + '-group-' + group.key\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"lu-picker-content-option-group-title\" role=\"presentation\" [id]=\"selectId + '-group-' + group.key\">\n\t\t\t\t\t\t<ng-container *luPortal=\"grouping.content; context: { $implicit: group }\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: group.options }\" />\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t\t<ng-container *ngIf=\"!grouping || ctx.groupTemplateLocation !== 'group-header'\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: ctx.options }\" />\n\t\t\t</ng-container>\n\n\t\t\t<ng-template #optionsList let-options>\n\t\t\t\t<lu-select-option\n\t\t\t\t\t*ngFor=\"let option of options; let index = index\"\n\t\t\t\t\t[option]=\"option\"\n\t\t\t\t\t[optionTpl]=\"optionTpl\"\n\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t[grouping]=\"ctx.groupTemplateLocation === 'option' ? grouping : undefined\"\n\t\t\t\t\t[scrollIntoViewOptions]=\"{ block: 'center' }\"\n\t\t\t\t\t[isSelected]=\"option | luIsOptionSelected:optionComparer:selected\"\n\t\t\t\t\t(click)=\"panelRef.emitValue(option)\"\n\t\t\t\t/>\n\t\t\t</ng-template>\n\t\t\t<div class=\"lu-picker-content-option-emptyState\" *ngIf=\"ctx.options.length === 0 && (loading$ | async) === false\">\n\t\t\t\t{{intl.emptyResults}}\n\t\t\t</div>\n\t\t</div>\n\t\t<div *ngIf=\"loading$ | async\" class=\"lu-picker-content-loading\">\n\t\t\t<div class=\"loading\"></div>\n\t\t\t<span>{{intl.loading}}</span>\n\t\t</div>\n\t</div>\n\t<!--<div class=\"lu-picker-content-add\">\n\t\t<button class=\"button mod-text mod-icon palette-product\" type=\"button\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-mathsPlus\"></span>Add a new supplier\n\t\t</button>\n\t</div>-->\n</div>\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XXS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-product-700);--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}.textfield.mod-search{width:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding:var(--spacings-XXS) var(--components-options-item-padding-horizontal);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}.optionPlaceholder{display:block;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);font-style:italic;color:var(--palettes-neutral-600)}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: ɵLuOptionGroupPipe, name: "luOptionGroup" }, { kind: "component", type: ɵLuOptionComponent, selector: "lu-select-option", inputs: ["optionTpl", "isSelected", "option", "grouping", "optionIndex", "scrollIntoViewOptions"] }, { kind: "pipe", type: LuIsOptionSelectedPipe, name: "luIsOptionSelected" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: LuSelectPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-select-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [A11yModule, AsyncPipe, FormsModule, NgIf, NgFor, NgTemplateOutlet, ɵLuOptionComponent, LuIsOptionSelectedPipe, PortalDirective], template: "<div\n\tclass=\"lu-picker-panel lu-option-picker-panel\"\n\tcdkTrapFocus\n\t*ngIf=\"{ options: (options$ | async) || [] } as ctx\"\n\t[cdkTrapFocusAutoCapture]=\"true\"\n>\n\t<div class=\"lu-picker-content\" [class.is-loading]=\"loading$ | async\" (scroll)=\"onScroll($event)\">\n\t\t<div class=\"lu-picker-content-option\" role=\"listbox\">\n\t\t\t<ng-container *ngIf=\"grouping\">\n\t\t\t\t<div\n\t\t\t\t\t*ngFor=\"let group of groups$ | async\"\n\t\t\t\t\tclass=\"lu-picker-content-option-group\"\n\t\t\t\t\trole=\"group\"\n\t\t\t\t\t[attr.aria-labelledby]=\"selectId + '-group-' + group.key\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"lu-picker-content-option-group-title\" role=\"presentation\" [id]=\"selectId + '-group-' + group.key\">\n\t\t\t\t\t\t<ng-container *luPortal=\"grouping.content; context: { $implicit: group }\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: group.options }\" />\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t\t<ng-container *ngIf=\"!grouping\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: ctx.options }\" />\n\t\t\t</ng-container>\n\n\t\t\t<ng-template #optionsList let-options>\n\t\t\t\t<lu-select-option\n\t\t\t\t\t*ngFor=\"let option of options; let index = index\"\n\t\t\t\t\t[option]=\"option\"\n\t\t\t\t\t[optionTpl]=\"optionTpl\"\n\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t[scrollIntoViewOptions]=\"{ block: 'center' }\"\n\t\t\t\t\t[isSelected]=\"option | luIsOptionSelected:optionComparer:selected\"\n\t\t\t\t\t(click)=\"panelRef.emitValue(option)\"\n\t\t\t\t></lu-select-option>\n\t\t\t</ng-template>\n\t\t\t<div class=\"lu-picker-content-option-emptyState\" *ngIf=\"ctx.options.length === 0 && (loading$ | async) === false\">\n\t\t\t\t{{intl.emptyResults}}\n\t\t\t</div>\n\t\t</div>\n\t\t<div *ngIf=\"loading$ | async\" class=\"lu-picker-content-loading\">\n\t\t\t<div class=\"loading\"></div>\n\t\t\t<span>{{intl.loading}}</span>\n\t\t</div>\n\t</div>\n\t<!--<div class=\"lu-picker-content-add\">\n\t\t<button class=\"button mod-text mod-icon palette-product\" type=\"button\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-mathsPlus\"></span>Add a new supplier\n\t\t</button>\n\t</div>-->\n</div>\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XXS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-product-700);--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}.textfield.mod-search{width:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding:var(--spacings-XXS) var(--components-options-item-padding-horizontal);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}.optionPlaceholder{display:block;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);font-style:italic;color:var(--palettes-neutral-600)}\n"] }]
+            args: [{ selector: 'lu-select-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [A11yModule, AsyncPipe, FormsModule, NgIf, NgFor, NgTemplateOutlet, ɵLuOptionGroupPipe, ɵLuOptionComponent, LuIsOptionSelectedPipe, PortalDirective], template: "<div\n\tclass=\"lu-picker-panel lu-option-picker-panel\"\n\tcdkTrapFocus\n\t*ngIf=\"{\n\t\toptions: (options$ | async) || [],\n\t\tgroupTemplateLocation: groupTemplateLocation$ | async,\n\t} as ctx\"\n\t[cdkTrapFocusAutoCapture]=\"true\"\n>\n\t<div class=\"lu-picker-content\" [class.is-loading]=\"loading$ | async\" (scroll)=\"onScroll($event)\">\n\t\t<div role=\"listbox\">\n\t\t\t<ng-container *ngIf=\"grouping && ctx.groupTemplateLocation === 'group-header'\">\n\t\t\t\t<div\n\t\t\t\t\t*ngFor=\"let group of ctx.options | luOptionGroup:grouping.selector\"\n\t\t\t\t\tclass=\"lu-picker-content-option-group\"\n\t\t\t\t\trole=\"group\"\n\t\t\t\t\t[attr.aria-labelledby]=\"selectId + '-group-' + group.key\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"lu-picker-content-option-group-title\" role=\"presentation\" [id]=\"selectId + '-group-' + group.key\">\n\t\t\t\t\t\t<ng-container *luPortal=\"grouping.content; context: { $implicit: group }\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: group.options }\" />\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t\t<ng-container *ngIf=\"!grouping || ctx.groupTemplateLocation !== 'group-header'\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: ctx.options }\" />\n\t\t\t</ng-container>\n\n\t\t\t<ng-template #optionsList let-options>\n\t\t\t\t<lu-select-option\n\t\t\t\t\t*ngFor=\"let option of options; let index = index\"\n\t\t\t\t\t[option]=\"option\"\n\t\t\t\t\t[optionTpl]=\"optionTpl\"\n\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t[grouping]=\"ctx.groupTemplateLocation === 'option' ? grouping : undefined\"\n\t\t\t\t\t[scrollIntoViewOptions]=\"{ block: 'center' }\"\n\t\t\t\t\t[isSelected]=\"option | luIsOptionSelected:optionComparer:selected\"\n\t\t\t\t\t(click)=\"panelRef.emitValue(option)\"\n\t\t\t\t/>\n\t\t\t</ng-template>\n\t\t\t<div class=\"lu-picker-content-option-emptyState\" *ngIf=\"ctx.options.length === 0 && (loading$ | async) === false\">\n\t\t\t\t{{intl.emptyResults}}\n\t\t\t</div>\n\t\t</div>\n\t\t<div *ngIf=\"loading$ | async\" class=\"lu-picker-content-loading\">\n\t\t\t<div class=\"loading\"></div>\n\t\t\t<span>{{intl.loading}}</span>\n\t\t</div>\n\t</div>\n\t<!--<div class=\"lu-picker-content-add\">\n\t\t<button class=\"button mod-text mod-icon palette-product\" type=\"button\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-mathsPlus\"></span>Add a new supplier\n\t\t</button>\n\t</div>-->\n</div>\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XXS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-product-700);--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}.textfield.mod-search{width:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding:var(--spacings-XXS) var(--components-options-item-padding-horizontal);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}.optionPlaceholder{display:block;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);font-style:italic;color:var(--palettes-neutral-600)}\n"] }]
         }], propDecorators: { optionsQL: [{
                 type: ViewChildren,
                 args: [ɵLuOptionComponent]
@@ -259,7 +260,7 @@ class LuSimpleSelectInputComponent extends ALuSelectInputComponent {
             LuSimpleSelectPanelRefFactory,
             provideLuSelectOverlayContainer(),
             provideLuSelectLabelsAndIds(),
-        ], usesInheritance: true, ngImport: i0, template: "<input\n\tclass=\"simpleSelect-input\"\n\ttype=\"text\"\n\trole=\"combobox\"\n\taria-haspopup=\"listbox\"\n\t[attr.aria-activedescendant]=\"activeDescendant$ | async\"\n\t[attr.aria-expanded]=\"isPanelOpen\"\n\t[attr.aria-controls]=\"ariaControls\"\n\tplaceholder=\"{{inputPlaceholder}}\"\n\t[(ngModel)]=\"clue\"\n\t(ngModelChange)=\"clueChanged($event)\"\n\t[readonly]=\"!searchable\"\n\t[disabled]=\"disabled\"\n\tluInput\n\t#inputElement\n/>\n<div class=\"simpleSelect-value\">\n\t<ng-container *luOptionOutlet=\"valueTpl || optionTpl; value: value\"></ng-container>\n</div>\n<button\n\t*ngIf=\"clearable && hasValue\"\n\tclass=\"simpleSelect-clear clear\"\n\trole=\"button\"\n\ttype=\"button\"\n\t(click)=\"clearValue($event)\"\n\t(keydown.space)=\"clearValue($event)\"\n>\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"simpleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n", styles: ["@charset \"UTF-8\";.simpleSelect{--components-simpleSelect-fontSize: var(--sizes-M-fontSize);--components-simpleSelect-lineHeight: var(--sizes-M-lineHeight);--components-simpleSelect-padding: var(--spacings-XS);--components-simpleSelect-gap: var(--spacings-XS);--components-simpleSelect-background: var(--colors-white-color);--components-simpleSelect-value-color: var(--palettes-neutral-800);--components-simpleSelect-border-color: var(--palettes-neutral-300);--components-simpleSelect-placeholder: var(--palettes-neutral-400);--components-simpleSelect-arrow-color: var(--palettes-neutral-600);display:grid;grid-template-columns:1fr auto auto;align-items:center;box-shadow:0 0 0 1px var(--components-simpleSelect-border-color);background-color:var(--components-simpleSelect-background);border-radius:var(--commons-borderRadius-M);padding:var(--components-simpleSelect-padding);overflow:hidden;outline:none;cursor:pointer}.simpleSelect:hover{--components-simpleSelect-border-color: var(--palettes-neutral-400)}.simpleSelect-input{grid-column-start:1;grid-row-start:1;font-size:var(--components-simpleSelect-fontSize);line-height:var(--components-simpleSelect-lineHeight);padding:0;background-color:transparent;color:var(--components-simpleSelect-value-color);border:0;outline:none;position:relative;z-index:1;min-width:0;cursor:pointer}.simpleSelect-input::placeholder{color:var(--components-simpleSelect-placeholder)}.simpleSelect-value{grid-column-start:1;grid-row-start:1;width:100%;font-size:var(--components-simpleSelect-fontSize);line-height:var(--components-simpleSelect-lineHeight);color:var(--components-simpleSelect-value-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--commons-animations-durations-fast) ease}.simpleSelect-clear{grid-column-start:-2;margin-left:var(--components-simpleSelect-gap)}.simpleSelect-arrow{grid-column-start:-1;margin-left:var(--components-simpleSelect-gap);color:var(--components-simpleSelect-arrow-color);transition:transform var(--commons-animations-durations-standard) ease;--icon-size: 1.5rem}.simpleSelect.mod-S{--components-simpleSelect-fontSize: var(--sizes-S-fontSize);--components-simpleSelect-lineHeight: var(--sizes-S-lineHeight);--components-simpleSelect-padding: .375rem;--components-simpleSelect-gap: .375rem}.simpleSelect.mod-S .simpleSelect-arrow{--icon-size: 1.25rem}.simpleSelect.mod-S .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.simpleSelect.mod-XS{--components-simpleSelect-fontSize: var(--sizes-XS-fontSize);--components-simpleSelect-lineHeight: var(--sizes-XS-lineHeight);--components-simpleSelect-padding: var(--spacings-XXS);--components-simpleSelect-gap: var(--spacings-XXS)}.simpleSelect.mod-XS .simpleSelect-arrow{--icon-size: 1rem}.simpleSelect.mod-XS .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.simpleSelect:has(.simpleSelect-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.simpleSelect:has(.simpleSelect-input:focus-visible) .simpleSelect-value{color:var(--components-simpleSelect-value-color)}.simpleSelect:has(.simpleSelect-input:focus-visible):has(.simpleSelect-input[aria-expanded=true]) .simpleSelect-value{color:var(--components-simpleSelect-placeholder)}.simpleSelect:has(.simpleSelect-input:focus-visible):has(.simpleSelect-input[aria-expanded=true]) .simpleSelect-arrow{transform:rotate(-180deg)}.simpleSelect.is-searchFilled .simpleSelect-value{display:none}.simpleSelect.is-selected .simpleSelect-input::placeholder{color:transparent}.simpleSelect.is-selected .simpleSelect-value{display:block}.simpleSelect.is-selected.is-searchFilled .simpleSelect-input::placeholder{color:transparent}.simpleSelect.is-selected.is-searchFilled .simpleSelect-value{display:none}.simpleSelect:has(.simpleSelect-input[aria-invalid=true]){--components-simpleSelect-border-color: var(--palettes-error-400);--components-simpleSelect-background: var(--palettes-error-50);--components-simpleSelect-placeholder: var(--palettes-error-400)}.simpleSelect:has(.simpleSelect-input:disabled){--components-simpleSelect-border-color: var(--palettes-neutral-300);--components-simpleSelect-background: var(--palettes-neutral-100);--components-simpleSelect-placeholder: var(--palettes-neutral-400);--components-simpleSelect-value-color: var(--palettes-neutral-600);--components-simpleSelect-arrow-color: var(--palettes-neutral-500);pointer-events:none}.clear{--components-clear-size: 1rem;--components-clear-background: var(--palettes-neutral-700);--components-clear-cross-color: var(--colors-white-color);--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;width:var(--components-clear-size);height:var(--components-clear-size);border-radius:var(--commons-borderRadius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--commons-borderRadius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-neutral-text);--components-clear-background: var(--palettes-neutral-600)}.clear:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-neutral-800)}.clear .lucca-icon{display:none}.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.palette-product:not([disabled]),.clear.palette-primary:not([disabled]){--components-clear-cross-color: var(--palettes-product-700);--components-clear-background: var(--colors-white-color)}.clear.palette-product:not([disabled]):hover,.clear.palette-primary:not([disabled]):hover{--components-clear-background: var(--palettes-product-50)}.clear.palette-product:not([disabled]):active,.clear.palette-primary:not([disabled]):active{--components-clear-background: var(--palettes-product-50)}.clear[disabled]{--components-clear-cross-color: var(--palettes-neutral-500);--components-clear-background: var(--palettes-neutral-300);cursor:default}.u-elevate1{box-shadow:var(--commons-elevations-elevation-1)}.u-elevate2{box-shadow:var(--commons-elevations-elevation-2)}.u-elevate3{box-shadow:var(--commons-elevations-elevation-3)}.u-elevate4{box-shadow:var(--commons-elevations-elevation-4)}.u-elevate5{box-shadow:var(--commons-elevations-elevation-5)}.u-elevate6{box-shadow:var(--commons-elevations-elevation-6)}.u-mask{border:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important;contain:paint!important}.u-clearfix:before,.u-clearfix:after,.u-clear:before,.u-clear:after{content:\" \";display:table}.u-clearfix:after,.u-clear:after{clear:both}.u-listReset{margin:0!important;padding:0!important;list-style-type:none!important}.u-descriptionListReset{margin:0!important}.u-descriptionListReset>dd,.u-descriptionListReset>div>dd{margin:0!important}.u-buttonReset{padding:0!important;border:0!important;width:100%!important;background-color:transparent!important;color:inherit!important;text-align:left!important;display:block!important;font:inherit!important;cursor:pointer!important}.u-floatLeft{float:left!important}.u-floatRight{float:right!important}.u-verticalAlignBaseline{vertical-align:baseline!important}.u-verticalAlignSub{vertical-align:sub!important}.u-verticalAlignSuper{vertical-align:super!important}.u-verticalAlignTextTop{vertical-align:text-top!important}.u-verticalAlignTextBottom{vertical-align:text-bottom!important}.u-verticalAlignMiddle{vertical-align:middle!important}.u-verticalAlignTop{vertical-align:top!important}.u-verticalAlignBottom{vertical-align:bottom!important}.u-whiteSpaceNormal{white-space:normal!important}.u-whiteSpaceNowrap{white-space:nowrap!important}.u-whiteSpacePreLine{white-space:pre-line!important}.u-displayBlock{display:block!important}.u-displayFlex{display:flex!important}.u-displayInline{display:inline!important}.u-displayInlineFlex{display:inline-flex!important}.u-displayInlineBlock{display:inline-block!important}.u-displayContents{display:contents!important}.u-displayNone{display:none!important}.u-flexDirectionColumn{flex-direction:column!important}.u-flexDirectionColumnReverse{flex-direction:column-reverse!important}.u-flexDirectionRow{flex-direction:row!important}.u-flexDirectionRowReverse{flex-direction:row-reverse!important}.u-flexWrapWrap{flex-wrap:wrap!important}.u-flexWrapNowrap{flex-wrap:nowrap!important}.u-flexWrapWrapReverse{flex-wrap:wrap-reverse!important}.u-justifyContentFlexStart{justify-content:flex-start!important}.u-justifyContentFlexEnd{justify-content:flex-end!important}.u-justifyContentSpaceAround{justify-content:space-around!important}.u-justifyContentSpaceBetween{justify-content:space-between!important}.u-justifyContentSpaceEvenly{justify-content:space-evenly!important}.u-justifyContentCenter{justify-content:center!important}.u-alignItemsFlexStart{align-items:flex-start!important}.u-alignItemsFlexEnd{align-items:flex-end!important}.u-alignItemsBaseline{align-items:baseline!important}.u-alignItemsStretch{align-items:stretch!important}.u-alignItemsCenter{align-items:center!important}.u-flexGrow0{flex-grow:0!important}.u-flexGrow1{flex-grow:1!important}.u-flexShrink0{flex-shrink:0!important}.u-flexShrink1{flex-shrink:1!important}.u-flexBasis0{flex-basis:0!important}.u-flexBasisAuto{flex-basis:auto!important}.u-orderMinus1{order:-1!important}.u-order1{order:1!important}.u-alignSelfFlexStart{align-self:flex-start!important}.u-alignSelfFlexEnd{align-self:flex-end!important}.u-alignSelfBaseline{align-self:baseline!important}.u-alignSelfStretch{align-self:stretch!important}.u-alignSelfCenter{align-self:center!important}.u-positionAbsolute{position:absolute!important}.u-positionRelative{position:relative!important}.u-positionStatic{position:static!important}.u-positionFixed{position:fixed!important}.u-positionSticky{position:sticky!important}.u-width100\\%{width:100%!important}.u-widthFitContent{width:-moz-fit-content!important;width:fit-content!important}.u-height100\\%{height:100%!important}.u-heightFitContent{height:-moz-fit-content!important;height:fit-content!important}.u-minWidth0{min-width:0!important}.u-minHeight0{min-height:0!important}.u-visibilityVisible{visibility:visible!important}.u-visibilityHidden{visibility:hidden!important}.u-visibilityCollapse{visibility:collapse!important}.u-fontWeight400{font-weight:400!important}.u-fontWeight600{font-weight:600!important}.u-fontWeight700{font-weight:700!important}.u-fontWeight900{font-weight:900!important}.u-fontWeightNormal{font-weight:400!important}.u-fontWeightBold{font-weight:700!important}.u-fontStyleNormal{font-style:normal!important}.u-fontStyleItalic{font-style:italic!important}.u-pointerEventsNone{pointer-events:none!important}.u-pointerEventsAuto{pointer-events:auto!important}.u-textAlignLeft{text-align:left!important}.u-textAlignCenter{text-align:center!important}.u-textAlignRight{text-align:right!important}.u-textDecorationUnderline{text-decoration:underline!important}.u-textDecorationLineThrough{text-decoration:line-through!important}.u-textDecorationNone{text-decoration:none!important}.u-overflowHidden{overflow:hidden!important}.u-overflowAuto{overflow:auto!important}.u-overflowVisible{overflow:visible!important}.u-overflowScroll{overflow:scroll!important}@media (prefers-reduced-motion: no-preference){.u-scrollBehaviorAuto{scroll-behavior:auto!important}.u-scrollBehaviorSmooth{scroll-behavior:smooth!important}}@media only print{.u-onlyPrintDisplayBlock{display:block!important}.u-onlyPrintDisplayFlex{display:flex!important}.u-onlyPrintDisplayInline{display:inline!important}.u-onlyPrintDisplayInlineFlex{display:inline-flex!important}.u-onlyPrintDisplayInlineBlock{display:inline-block!important}.u-onlyPrintDisplayContents{display:contents!important}.u-onlyPrintDisplayNone{display:none!important}}.u-onlyPrintDisplayContents,.u-onlyPrintDisplayInline-block,.u-onlyPrintDisplayInline-flex,.u-onlyPrintDisplayInline,.u-onlyPrintDisplayFlex,.u-onlyPrintDisplayBlock{display:none}.u-insetReset,.u-inset0{inset:0!important}.u-topReset,.u-top0{top:0!important}.u-bottomReset,.u-bottom0{bottom:0!important}.u-leftReset,.u-left0{left:0!important}.u-rightReset,.u-right0{right:0!important}.u-inlineReset,.u-inline0{inline:0!important}.u-blockReset,.u-block0{block:0!important}.u-margin0{margin:0!important}.u-marginXXS{margin:.25rem!important}.u-marginXS{margin:.5rem!important}.u-marginS{margin:1rem!important}.u-marginM{margin:1.5rem!important}.u-marginL{margin:2rem!important}.u-marginXL{margin:3rem!important}.u-marginXXL{margin:4rem!important}.u-marginAuto{margin:auto!important}.u-marginTop0{margin-top:0!important}.u-marginTopXXS{margin-top:.25rem!important}.u-marginTopXS{margin-top:.5rem!important}.u-marginTopS{margin-top:1rem!important}.u-marginTopM{margin-top:1.5rem!important}.u-marginTopL{margin-top:2rem!important}.u-marginTopXL{margin-top:3rem!important}.u-marginTopXXL{margin-top:4rem!important}.u-marginTopAuto{margin-top:auto!important}.u-marginBottom0{margin-bottom:0!important}.u-marginBottomXXS{margin-bottom:.25rem!important}.u-marginBottomXS{margin-bottom:.5rem!important}.u-marginBottomS{margin-bottom:1rem!important}.u-marginBottomM{margin-bottom:1.5rem!important}.u-marginBottomL{margin-bottom:2rem!important}.u-marginBottomXL{margin-bottom:3rem!important}.u-marginBottomXXL{margin-bottom:4rem!important}.u-marginBottomAuto{margin-bottom:auto!important}.u-marginLeft0{margin-left:0!important}.u-marginLeftXXS{margin-left:.25rem!important}.u-marginLeftXS{margin-left:.5rem!important}.u-marginLeftS{margin-left:1rem!important}.u-marginLeftM{margin-left:1.5rem!important}.u-marginLeftL{margin-left:2rem!important}.u-marginLeftXL{margin-left:3rem!important}.u-marginLeftXXL{margin-left:4rem!important}.u-marginLeftAuto{margin-left:auto!important}.u-marginRight0{margin-right:0!important}.u-marginRightXXS{margin-right:.25rem!important}.u-marginRightXS{margin-right:.5rem!important}.u-marginRightS{margin-right:1rem!important}.u-marginRightM{margin-right:1.5rem!important}.u-marginRightL{margin-right:2rem!important}.u-marginRightXL{margin-right:3rem!important}.u-marginRightXXL{margin-right:4rem!important}.u-marginRightAuto{margin-right:auto!important}.u-marginInline0{margin-inline:0!important}.u-marginInlineXXS{margin-inline:.25rem!important}.u-marginInlineXS{margin-inline:.5rem!important}.u-marginInlineS{margin-inline:1rem!important}.u-marginInlineM{margin-inline:1.5rem!important}.u-marginInlineL{margin-inline:2rem!important}.u-marginInlineXL{margin-inline:3rem!important}.u-marginInlineXXL{margin-inline:4rem!important}.u-marginInlineAuto{margin-inline:auto!important}.u-marginBlock0{margin-block:0!important}.u-marginBlockXXS{margin-block:.25rem!important}.u-marginBlockXS{margin-block:.5rem!important}.u-marginBlockS{margin-block:1rem!important}.u-marginBlockM{margin-block:1.5rem!important}.u-marginBlockL{margin-block:2rem!important}.u-marginBlockXL{margin-block:3rem!important}.u-marginBlockXXL{margin-block:4rem!important}.u-marginBlockAuto{margin-block:auto!important}.u-padding0{padding:0!important}.u-paddingXXS{padding:.25rem!important}.u-paddingXS{padding:.5rem!important}.u-paddingS{padding:1rem!important}.u-paddingM{padding:1.5rem!important}.u-paddingL{padding:2rem!important}.u-paddingXL{padding:3rem!important}.u-paddingXXL{padding:4rem!important}.u-paddingTop0{padding-top:0!important}.u-paddingTopXXS{padding-top:.25rem!important}.u-paddingTopXS{padding-top:.5rem!important}.u-paddingTopS{padding-top:1rem!important}.u-paddingTopM{padding-top:1.5rem!important}.u-paddingTopL{padding-top:2rem!important}.u-paddingTopXL{padding-top:3rem!important}.u-paddingTopXXL{padding-top:4rem!important}.u-paddingBottom0{padding-bottom:0!important}.u-paddingBottomXXS{padding-bottom:.25rem!important}.u-paddingBottomXS{padding-bottom:.5rem!important}.u-paddingBottomS{padding-bottom:1rem!important}.u-paddingBottomM{padding-bottom:1.5rem!important}.u-paddingBottomL{padding-bottom:2rem!important}.u-paddingBottomXL{padding-bottom:3rem!important}.u-paddingBottomXXL{padding-bottom:4rem!important}.u-paddingLeft0{padding-left:0!important}.u-paddingLeftXXS{padding-left:.25rem!important}.u-paddingLeftXS{padding-left:.5rem!important}.u-paddingLeftS{padding-left:1rem!important}.u-paddingLeftM{padding-left:1.5rem!important}.u-paddingLeftL{padding-left:2rem!important}.u-paddingLeftXL{padding-left:3rem!important}.u-paddingLeftXXL{padding-left:4rem!important}.u-paddingRight0{padding-right:0!important}.u-paddingRightXXS{padding-right:.25rem!important}.u-paddingRightXS{padding-right:.5rem!important}.u-paddingRightS{padding-right:1rem!important}.u-paddingRightM{padding-right:1.5rem!important}.u-paddingRightL{padding-right:2rem!important}.u-paddingRightXL{padding-right:3rem!important}.u-paddingRightXXL{padding-right:4rem!important}.u-paddingInline0{padding-inline:0!important}.u-paddingInlineXXS{padding-inline:.25rem!important}.u-paddingInlineXS{padding-inline:.5rem!important}.u-paddingInlineS{padding-inline:1rem!important}.u-paddingInlineM{padding-inline:1.5rem!important}.u-paddingInlineL{padding-inline:2rem!important}.u-paddingInlineXL{padding-inline:3rem!important}.u-paddingInlineXXL{padding-inline:4rem!important}.u-paddingBlock0{padding-block:0!important}.u-paddingBlockXXS{padding-block:.25rem!important}.u-paddingBlockXS{padding-block:.5rem!important}.u-paddingBlockS{padding-block:1rem!important}.u-paddingBlockM{padding-block:1.5rem!important}.u-paddingBlockL{padding-block:2rem!important}.u-paddingBlockXL{padding-block:3rem!important}.u-paddingBlockXXL{padding-block:4rem!important}.u-border0{border:0!important}.u-borderTop0{border-top:0!important}.u-borderBottom0{border-bottom:0!important}.u-borderLeft0{border-left:0!important}.u-borderRight0{border-right:0!important}.u-borderInline0{border-inline:0!important}.u-borderBlock0{border-block:0!important}.u-columnGap0{column-gap:0!important}.u-columnGapXXS{column-gap:.25rem!important}.u-columnGapXS{column-gap:.5rem!important}.u-columnGapS{column-gap:1rem!important}.u-columnGapM{column-gap:1.5rem!important}.u-columnGapL{column-gap:2rem!important}.u-columnGapXL{column-gap:3rem!important}.u-columnGapXXL{column-gap:4rem!important}.u-rowGap0{row-gap:0!important}.u-rowGapXXS{row-gap:.25rem!important}.u-rowGapXS{row-gap:.5rem!important}.u-rowGapS{row-gap:1rem!important}.u-rowGapM{row-gap:1.5rem!important}.u-rowGapL{row-gap:2rem!important}.u-rowGapXL{row-gap:3rem!important}.u-rowGapXXL{row-gap:4rem!important}.u-gap0{gap:0!important}.u-gapXXS{gap:.25rem!important}.u-gapXS{gap:.5rem!important}.u-gapS{gap:1rem!important}.u-gapM{gap:1.5rem!important}.u-gapL{gap:2rem!important}.u-gapXL{gap:3rem!important}.u-gapXXL{gap:4rem!important}.u-textXS{font-size:var(--sizes-XS-fontSize)!important;line-height:var(--sizes-XS-lineHeight)!important}.u-textS{font-size:var(--sizes-S-fontSize)!important;line-height:var(--sizes-S-lineHeight)!important}.u-textM{font-size:var(--sizes-M-fontSize)!important;line-height:var(--sizes-M-lineHeight)!important}.u-textL{font-size:var(--sizes-L-fontSize)!important;line-height:var(--sizes-L-lineHeight)!important}.u-textXL{font-size:var(--sizes-XL-fontSize)!important;line-height:var(--sizes-XL-lineHeight)!important}.u-textXXL{font-size:var(--sizes-XXL-fontSize)!important;line-height:var(--sizes-XXL-lineHeight)!important}.u-textXXXL{font-size:var(--sizes-XXXL-fontSize)!important;line-height:var(--sizes-XXXL-lineHeight)!important}.u-borderRadiusM{border-radius:4px!important}.u-borderRadiusL{border-radius:8px!important}.u-borderRadiusFull{border-radius:9999px!important}.u-borderTopLeftRadiusM{border-top-left-radius:4px!important}.u-borderTopLeftRadiusL{border-top-left-radius:8px!important}.u-borderTopLeftRadiusFull{border-top-left-radius:9999px!important}.u-borderTopRightRadiusM{border-top-right-radius:4px!important}.u-borderTopRightRadiusL{border-top-right-radius:8px!important}.u-borderTopRightRadiusFull{border-top-right-radius:9999px!important}.u-borderBottomLeftRadiusM{border-bottom-left-radius:4px!important}.u-borderBottomLeftRadiusL{border-bottom-left-radius:8px!important}.u-borderBottomLeftRadiusFull{border-bottom-left-radius:9999px!important}.u-borderBottomRightRadiusM{border-bottom-right-radius:4px!important}.u-borderBottomRightRadiusL{border-bottom-right-radius:8px!important}.u-borderBottomRightRadiusFull{border-bottom-right-radius:9999px!important}.u-textCritical{color:var(--palettes-critical-700)!important}.u-textError{color:var(--palettes-error-700)!important}.u-textWarning{color:var(--palettes-warning-700)!important}.u-textSuccess{color:var(--palettes-success-700)!important}.u-textBrand{color:var(--palettes-brand-700)!important}.u-textNeutral{color:var(--palettes-neutral-700)!important}.u-textNavigation{color:var(--palettes-navigation-700)!important}.u-textProduct{color:var(--palettes-product-700)!important}.u-textKiwi{color:var(--palettes-kiwi-700)!important}.u-textLime{color:var(--palettes-lime-700)!important}.u-textCucumber{color:var(--palettes-cucumber-700)!important}.u-textMint{color:var(--palettes-mint-700)!important}.u-textGlacier{color:var(--palettes-glacier-700)!important}.u-textLagoon{color:var(--palettes-lagoon-700)!important}.u-textBlueberry{color:var(--palettes-blueberry-700)!important}.u-textLavender{color:var(--palettes-lavender-700)!important}.u-textGrape{color:var(--palettes-grape-700)!important}.u-textWatermelon{color:var(--palettes-watermelon-700)!important}.u-textPumpkin{color:var(--palettes-pumpkin-700)!important}.u-textPineapple{color:var(--palettes-pineapple-700)!important}.u-textLucca{color:var(--palettes-lucca-700)!important}.u-textGrey{color:var(--palettes-grey-700)!important}.u-textPrimary{color:var(--palettes-primary-700)!important}.u-textSecondary{color:var(--palettes-secondary-700)!important}.u-textLeft{text-align:left!important}.u-textRight{text-align:right!important}.u-textCenter{text-align:center!important}.u-textLight{color:var(--palettes-neutral-600)!important}.u-textPlaceholder{color:var(--palettes-neutral-400)!important}.u-textDefault{color:var(--palettes-neutral-700)!important}.u-unit{font-size:.66em!important}.u-comma:not(:last-child):after{content:\",\\a0\"!important}.u-ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.u-fontWeightRegular{font-weight:400!important}.u-fontWeightSemiBold{font-weight:600!important}.u-noSpinButtons::-webkit-outer-spin-button,.u-noSpinButtons::-webkit-inner-spin-button{-webkit-appearance:none}.u-noSpinButtons[type=number]{-moz-appearance:textfield}[data-content-before]:before{content:attr(data-content-before)}[data-content-after]:after{content:attr(data-content-after)}.u-h1,.u-h2,.u-h3,.u-h4,.u-h5,.u-h6{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--spacings-S);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding)}.u-h1{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}.u-h1.mod-XXXL{--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding);--sizes-fontSize: var(--sizes-XXXL-fontSize);--sizes-lineHeight: var(--sizes-XXXL-lineHeight);--components-title-weight: 900}.u-h2{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}.u-h3{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}.u-h4{--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600}.u-h5{--sizes-verticalPadding: var(--sizes-S-verticalPadding);--sizes-fontSize: var(--sizes-S-fontSize);--sizes-lineHeight: var(--sizes-S-lineHeight);--components-title-weight: 600}.u-h6{--sizes-verticalPadding: var(--sizes-XS-verticalPadding);--sizes-fontSize: var(--sizes-XS-fontSize);--sizes-lineHeight: var(--sizes-XS-lineHeight);--components-title-weight: 600}.u-animatedFadeIn,.u-animatedFadeOut{animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.u-animatedScaleIn,.u-animatedScaleOut{animation-name:scaleIn}.u-animatedScaleInTop,.u-animatedScaleOutTop{animation-name:scaleInTop}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.u-animatedScaleInRight,.u-animatedScaleOutRight{animation-name:scaleInRight}@keyframes scaleInRight{0%{transform-origin:right center;transform:scaleX(0)}to{transform-origin:right center;transform:scale(1)}}.u-animatedScaleInBottom,.u-animatedScaleOutBottom{animation-name:scaleInBottom}@keyframes scaleInBottom{0%{transform-origin:bottom center;transform:scaleY(0)}to{transform-origin:bottom center;transform:scale(1)}}.u-animatedScaleInLeft,.u-animatedScaleOutLeft{animation-name:scaleInLeft}@keyframes scaleInLeft{0%{transform-origin:left center;transform:scaleX(0)}to{transform-origin:left center;transform:scale(1)}}.u-animatedSlideIn,.u-animatedSlideInTop,.u-animatedSlideOut,.u-animatedSlideOutTop{animation-name:slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(calc(-1 * var(--commons-animations-translate)))}to{opacity:1;transform:translate(0)}}.u-animatedSlideInRight,.u-animatedSlideOutRight{animation-name:slideInRight}@keyframes slideInRight{0%{transform:translate(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInBottom,.u-animatedSlideOutBottom{animation-name:slideInBottom}@keyframes slideInBottom{0%{transform:translateY(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInLeft,.u-animatedSlideOutLeft{animation-name:slideInLeft}@keyframes slideInLeft{0%{transform:translate(calc(-1 * var(--commons-animations-translate)));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedShake{animation-name:shake}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-10px,0,0)}40%,80%{transform:translate3d(10px,0,0)}}.u-animatedPulse{animation-name:pulse;animation-direction:alternate;animation-iteration-count:var(--commons-animations-iteration-count)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.u-animatedFadeOut,.u-animatedSlideOut,.u-animatedSlideOutTop,.u-animatedSlideOutRight,.u-animatedSlideOutBottom,.u-animatedSlideOutLeft,.u-animatedScaleOut,.u-animatedScaleOutTop,.u-animatedScaleOutRight,.u-animatedScaleOutBottom,.u-animatedScaleOutLeft{animation-direction:reverse}[class*=u-animated]{animation-duration:var(--duration, var(--commons-animations-durations-standard));animation-timing-function:var(--commons-animations-function)}[class*=u-animated].mod-animation-duration-fast{--duration: var(--commons-animations-durations-fast)}[class*=u-animated].mod-animation-duration-slow{--duration: var(--commons-animations-durations-slow)}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: ɵLuOptionOutletDirective, selector: "[luOptionOutlet]", inputs: ["luOptionOutlet", "luOptionOutletValue", "luOptionShowNull"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: InputDirective, selector: "[luInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<input\n\tclass=\"simpleSelect-input\"\n\ttype=\"text\"\n\trole=\"combobox\"\n\taria-haspopup=\"listbox\"\n\t[attr.aria-activedescendant]=\"activeDescendant$ | async\"\n\t[attr.aria-expanded]=\"isPanelOpen\"\n\t[attr.aria-controls]=\"ariaControls\"\n\tplaceholder=\"{{inputPlaceholder}}\"\n\t[ngModel]=\"clue\"\n\t(ngModelChange)=\"clueChanged($event)\"\n\t[readonly]=\"!searchable\"\n\t[disabled]=\"disabled$ | async\"\n\tluInput\n\t#inputElement\n/>\n<div class=\"simpleSelect-value\">\n\t<ng-container *luOptionOutlet=\"valueTpl || optionTpl; value: value\"></ng-container>\n</div>\n<button\n\t*ngIf=\"clearable && hasValue\"\n\tclass=\"simpleSelect-clear clear\"\n\trole=\"button\"\n\ttype=\"button\"\n\t(click)=\"clearValue($event)\"\n\t(keydown.space)=\"clearValue($event)\"\n>\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"simpleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n", styles: ["@charset \"UTF-8\";.simpleSelect{--components-simpleSelect-fontSize: var(--sizes-M-fontSize);--components-simpleSelect-lineHeight: var(--sizes-M-lineHeight);--components-simpleSelect-padding: var(--spacings-XS);--components-simpleSelect-gap: var(--spacings-XS);--components-simpleSelect-background: var(--colors-white-color);--components-simpleSelect-value-color: var(--palettes-neutral-800);--components-simpleSelect-border-color: var(--palettes-neutral-300);--components-simpleSelect-placeholder: var(--palettes-neutral-400);--components-simpleSelect-arrow-color: var(--palettes-neutral-600);display:grid;grid-template-columns:1fr auto auto;align-items:center;box-shadow:0 0 0 1px var(--components-simpleSelect-border-color);background-color:var(--components-simpleSelect-background);border-radius:var(--commons-borderRadius-M);padding:var(--components-simpleSelect-padding);overflow:hidden;outline:none;cursor:pointer}.simpleSelect:hover{--components-simpleSelect-border-color: var(--palettes-neutral-400)}.simpleSelect-input{grid-column-start:1;grid-row-start:1;font-size:var(--components-simpleSelect-fontSize);line-height:var(--components-simpleSelect-lineHeight);padding:0;background-color:transparent;color:var(--components-simpleSelect-value-color);border:0;outline:none;position:relative;z-index:1;min-width:0;cursor:pointer}.simpleSelect-input::placeholder{color:var(--components-simpleSelect-placeholder)}.simpleSelect-value{grid-column-start:1;grid-row-start:1;width:100%;font-size:var(--components-simpleSelect-fontSize);line-height:var(--components-simpleSelect-lineHeight);color:var(--components-simpleSelect-value-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--commons-animations-durations-fast) ease}.simpleSelect-clear{grid-column-start:-2;margin-left:var(--components-simpleSelect-gap)}.simpleSelect-arrow{grid-column-start:-1;margin-left:var(--components-simpleSelect-gap);color:var(--components-simpleSelect-arrow-color);transition:transform var(--commons-animations-durations-standard) ease;--icon-size: 1.5rem}.simpleSelect.mod-S{--components-simpleSelect-fontSize: var(--sizes-S-fontSize);--components-simpleSelect-lineHeight: var(--sizes-S-lineHeight);--components-simpleSelect-padding: .375rem;--components-simpleSelect-gap: .375rem}.simpleSelect.mod-S .simpleSelect-arrow{--icon-size: 1.25rem}.simpleSelect.mod-S .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.simpleSelect.mod-XS{--components-simpleSelect-fontSize: var(--sizes-XS-fontSize);--components-simpleSelect-lineHeight: var(--sizes-XS-lineHeight);--components-simpleSelect-padding: var(--spacings-XXS);--components-simpleSelect-gap: var(--spacings-XXS)}.simpleSelect.mod-XS .simpleSelect-arrow{--icon-size: 1rem}.simpleSelect.mod-XS .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.simpleSelect:has(.simpleSelect-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.simpleSelect:has(.simpleSelect-input:focus-visible) .simpleSelect-value{color:var(--components-simpleSelect-value-color)}.simpleSelect:has(.simpleSelect-input:focus-visible):has(.simpleSelect-input[aria-expanded=true]) .simpleSelect-value{color:var(--components-simpleSelect-placeholder)}.simpleSelect:has(.simpleSelect-input:focus-visible):has(.simpleSelect-input[aria-expanded=true]) .simpleSelect-arrow{transform:rotate(-180deg)}.simpleSelect.is-searchFilled .simpleSelect-value{display:none}.simpleSelect.is-selected .simpleSelect-input::placeholder{color:transparent}.simpleSelect.is-selected .simpleSelect-value{display:block}.simpleSelect.is-selected.is-searchFilled .simpleSelect-input::placeholder{color:transparent}.simpleSelect.is-selected.is-searchFilled .simpleSelect-value{display:none}.simpleSelect:has(.simpleSelect-input[aria-invalid=true]){--components-simpleSelect-border-color: var(--palettes-error-400);--components-simpleSelect-background: var(--palettes-error-50);--components-simpleSelect-placeholder: var(--palettes-error-400)}.simpleSelect:has(.simpleSelect-input:disabled){--components-simpleSelect-border-color: var(--palettes-neutral-300);--components-simpleSelect-background: var(--palettes-neutral-100);--components-simpleSelect-placeholder: var(--palettes-neutral-400);--components-simpleSelect-value-color: var(--palettes-neutral-600);--components-simpleSelect-arrow-color: var(--palettes-neutral-500);pointer-events:none}.clear{--components-clear-size: 1rem;--components-clear-background: var(--palettes-neutral-700);--components-clear-cross-color: var(--colors-white-color);--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;width:var(--components-clear-size);height:var(--components-clear-size);border-radius:var(--commons-borderRadius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--commons-borderRadius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-neutral-text);--components-clear-background: var(--palettes-neutral-600)}.clear:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-neutral-800)}.clear .lucca-icon{display:none}.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.palette-product:not([disabled]),.clear.palette-primary:not([disabled]){--components-clear-cross-color: var(--palettes-product-700);--components-clear-background: var(--colors-white-color)}.clear.palette-product:not([disabled]):hover,.clear.palette-primary:not([disabled]):hover{--components-clear-background: var(--palettes-product-50)}.clear.palette-product:not([disabled]):active,.clear.palette-primary:not([disabled]):active{--components-clear-background: var(--palettes-product-50)}.clear[disabled]{--components-clear-cross-color: var(--palettes-neutral-500);--components-clear-background: var(--palettes-neutral-300);cursor:default}.u-elevate1{box-shadow:var(--commons-elevations-elevation-1)}.u-elevate2{box-shadow:var(--commons-elevations-elevation-2)}.u-elevate3{box-shadow:var(--commons-elevations-elevation-3)}.u-elevate4{box-shadow:var(--commons-elevations-elevation-4)}.u-elevate5{box-shadow:var(--commons-elevations-elevation-5)}.u-elevate6{box-shadow:var(--commons-elevations-elevation-6)}.u-mask{border:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important;contain:paint!important}.u-clearfix:before,.u-clearfix:after,.u-clear:before,.u-clear:after{content:\" \";display:table}.u-clearfix:after,.u-clear:after{clear:both}.u-listReset{margin:0!important;padding:0!important;list-style-type:none!important}.u-descriptionListReset{margin:0!important}.u-descriptionListReset>dd,.u-descriptionListReset>div>dd{margin:0!important}.u-buttonReset{padding:0!important;border:0!important;width:100%!important;background-color:transparent!important;color:inherit!important;text-align:left!important;display:block!important;font:inherit!important;cursor:pointer!important}.u-floatLeft{float:left!important}.u-floatRight{float:right!important}.u-verticalAlignBaseline{vertical-align:baseline!important}.u-verticalAlignSub{vertical-align:sub!important}.u-verticalAlignSuper{vertical-align:super!important}.u-verticalAlignTextTop{vertical-align:text-top!important}.u-verticalAlignTextBottom{vertical-align:text-bottom!important}.u-verticalAlignMiddle{vertical-align:middle!important}.u-verticalAlignTop{vertical-align:top!important}.u-verticalAlignBottom{vertical-align:bottom!important}.u-whiteSpaceNormal{white-space:normal!important}.u-whiteSpaceNowrap{white-space:nowrap!important}.u-whiteSpacePreLine{white-space:pre-line!important}.u-displayBlock{display:block!important}.u-displayFlex{display:flex!important}.u-displayInline{display:inline!important}.u-displayInlineFlex{display:inline-flex!important}.u-displayInlineBlock{display:inline-block!important}.u-displayContents{display:contents!important}.u-displayNone{display:none!important}.u-flexDirectionColumn{flex-direction:column!important}.u-flexDirectionColumnReverse{flex-direction:column-reverse!important}.u-flexDirectionRow{flex-direction:row!important}.u-flexDirectionRowReverse{flex-direction:row-reverse!important}.u-flexWrapWrap{flex-wrap:wrap!important}.u-flexWrapNowrap{flex-wrap:nowrap!important}.u-flexWrapWrapReverse{flex-wrap:wrap-reverse!important}.u-justifyContentFlexStart{justify-content:flex-start!important}.u-justifyContentFlexEnd{justify-content:flex-end!important}.u-justifyContentSpaceAround{justify-content:space-around!important}.u-justifyContentSpaceBetween{justify-content:space-between!important}.u-justifyContentSpaceEvenly{justify-content:space-evenly!important}.u-justifyContentCenter{justify-content:center!important}.u-alignItemsFlexStart{align-items:flex-start!important}.u-alignItemsFlexEnd{align-items:flex-end!important}.u-alignItemsBaseline{align-items:baseline!important}.u-alignItemsStretch{align-items:stretch!important}.u-alignItemsCenter{align-items:center!important}.u-flexGrow0{flex-grow:0!important}.u-flexGrow1{flex-grow:1!important}.u-flexShrink0{flex-shrink:0!important}.u-flexShrink1{flex-shrink:1!important}.u-flexBasis0{flex-basis:0!important}.u-flexBasisAuto{flex-basis:auto!important}.u-orderMinus1{order:-1!important}.u-order1{order:1!important}.u-alignSelfFlexStart{align-self:flex-start!important}.u-alignSelfFlexEnd{align-self:flex-end!important}.u-alignSelfBaseline{align-self:baseline!important}.u-alignSelfStretch{align-self:stretch!important}.u-alignSelfCenter{align-self:center!important}.u-positionAbsolute{position:absolute!important}.u-positionRelative{position:relative!important}.u-positionStatic{position:static!important}.u-positionFixed{position:fixed!important}.u-positionSticky{position:sticky!important}.u-width100\\%{width:100%!important}.u-widthFitContent{width:-moz-fit-content!important;width:fit-content!important}.u-height100\\%{height:100%!important}.u-heightFitContent{height:-moz-fit-content!important;height:fit-content!important}.u-minWidth0{min-width:0!important}.u-minHeight0{min-height:0!important}.u-visibilityVisible{visibility:visible!important}.u-visibilityHidden{visibility:hidden!important}.u-visibilityCollapse{visibility:collapse!important}.u-fontWeight400{font-weight:400!important}.u-fontWeight600{font-weight:600!important}.u-fontWeight700{font-weight:700!important}.u-fontWeight900{font-weight:900!important}.u-fontWeightNormal{font-weight:400!important}.u-fontWeightBold{font-weight:700!important}.u-fontStyleNormal{font-style:normal!important}.u-fontStyleItalic{font-style:italic!important}.u-pointerEventsNone{pointer-events:none!important}.u-pointerEventsAuto{pointer-events:auto!important}.u-textAlignLeft{text-align:left!important}.u-textAlignCenter{text-align:center!important}.u-textAlignRight{text-align:right!important}.u-textDecorationUnderline{text-decoration:underline!important}.u-textDecorationLineThrough{text-decoration:line-through!important}.u-textDecorationNone{text-decoration:none!important}.u-overflowHidden{overflow:hidden!important}.u-overflowAuto{overflow:auto!important}.u-overflowVisible{overflow:visible!important}.u-overflowScroll{overflow:scroll!important}@media (prefers-reduced-motion: no-preference){.u-scrollBehaviorAuto{scroll-behavior:auto!important}.u-scrollBehaviorSmooth{scroll-behavior:smooth!important}}@media only print{.u-onlyPrintDisplayBlock{display:block!important}.u-onlyPrintDisplayFlex{display:flex!important}.u-onlyPrintDisplayInline{display:inline!important}.u-onlyPrintDisplayInlineFlex{display:inline-flex!important}.u-onlyPrintDisplayInlineBlock{display:inline-block!important}.u-onlyPrintDisplayContents{display:contents!important}.u-onlyPrintDisplayNone{display:none!important}}.u-onlyPrintDisplayContents,.u-onlyPrintDisplayInline-block,.u-onlyPrintDisplayInline-flex,.u-onlyPrintDisplayInline,.u-onlyPrintDisplayFlex,.u-onlyPrintDisplayBlock{display:none}.u-insetReset,.u-inset0{inset:0!important}.u-topReset,.u-top0{top:0!important}.u-bottomReset,.u-bottom0{bottom:0!important}.u-leftReset,.u-left0{left:0!important}.u-rightReset,.u-right0{right:0!important}.u-inlineReset,.u-inline0{inline:0!important}.u-blockReset,.u-block0{block:0!important}.u-margin0{margin:0!important}.u-marginXXS{margin:.25rem!important}.u-marginXS{margin:.5rem!important}.u-marginS{margin:1rem!important}.u-marginM{margin:1.5rem!important}.u-marginL{margin:2rem!important}.u-marginXL{margin:3rem!important}.u-marginXXL{margin:4rem!important}.u-marginAuto{margin:auto!important}.u-marginTop0{margin-top:0!important}.u-marginTopXXS{margin-top:.25rem!important}.u-marginTopXS{margin-top:.5rem!important}.u-marginTopS{margin-top:1rem!important}.u-marginTopM{margin-top:1.5rem!important}.u-marginTopL{margin-top:2rem!important}.u-marginTopXL{margin-top:3rem!important}.u-marginTopXXL{margin-top:4rem!important}.u-marginTopAuto{margin-top:auto!important}.u-marginBottom0{margin-bottom:0!important}.u-marginBottomXXS{margin-bottom:.25rem!important}.u-marginBottomXS{margin-bottom:.5rem!important}.u-marginBottomS{margin-bottom:1rem!important}.u-marginBottomM{margin-bottom:1.5rem!important}.u-marginBottomL{margin-bottom:2rem!important}.u-marginBottomXL{margin-bottom:3rem!important}.u-marginBottomXXL{margin-bottom:4rem!important}.u-marginBottomAuto{margin-bottom:auto!important}.u-marginLeft0{margin-left:0!important}.u-marginLeftXXS{margin-left:.25rem!important}.u-marginLeftXS{margin-left:.5rem!important}.u-marginLeftS{margin-left:1rem!important}.u-marginLeftM{margin-left:1.5rem!important}.u-marginLeftL{margin-left:2rem!important}.u-marginLeftXL{margin-left:3rem!important}.u-marginLeftXXL{margin-left:4rem!important}.u-marginLeftAuto{margin-left:auto!important}.u-marginRight0{margin-right:0!important}.u-marginRightXXS{margin-right:.25rem!important}.u-marginRightXS{margin-right:.5rem!important}.u-marginRightS{margin-right:1rem!important}.u-marginRightM{margin-right:1.5rem!important}.u-marginRightL{margin-right:2rem!important}.u-marginRightXL{margin-right:3rem!important}.u-marginRightXXL{margin-right:4rem!important}.u-marginRightAuto{margin-right:auto!important}.u-marginInline0{margin-inline:0!important}.u-marginInlineXXS{margin-inline:.25rem!important}.u-marginInlineXS{margin-inline:.5rem!important}.u-marginInlineS{margin-inline:1rem!important}.u-marginInlineM{margin-inline:1.5rem!important}.u-marginInlineL{margin-inline:2rem!important}.u-marginInlineXL{margin-inline:3rem!important}.u-marginInlineXXL{margin-inline:4rem!important}.u-marginInlineAuto{margin-inline:auto!important}.u-marginBlock0{margin-block:0!important}.u-marginBlockXXS{margin-block:.25rem!important}.u-marginBlockXS{margin-block:.5rem!important}.u-marginBlockS{margin-block:1rem!important}.u-marginBlockM{margin-block:1.5rem!important}.u-marginBlockL{margin-block:2rem!important}.u-marginBlockXL{margin-block:3rem!important}.u-marginBlockXXL{margin-block:4rem!important}.u-marginBlockAuto{margin-block:auto!important}.u-padding0{padding:0!important}.u-paddingXXS{padding:.25rem!important}.u-paddingXS{padding:.5rem!important}.u-paddingS{padding:1rem!important}.u-paddingM{padding:1.5rem!important}.u-paddingL{padding:2rem!important}.u-paddingXL{padding:3rem!important}.u-paddingXXL{padding:4rem!important}.u-paddingTop0{padding-top:0!important}.u-paddingTopXXS{padding-top:.25rem!important}.u-paddingTopXS{padding-top:.5rem!important}.u-paddingTopS{padding-top:1rem!important}.u-paddingTopM{padding-top:1.5rem!important}.u-paddingTopL{padding-top:2rem!important}.u-paddingTopXL{padding-top:3rem!important}.u-paddingTopXXL{padding-top:4rem!important}.u-paddingBottom0{padding-bottom:0!important}.u-paddingBottomXXS{padding-bottom:.25rem!important}.u-paddingBottomXS{padding-bottom:.5rem!important}.u-paddingBottomS{padding-bottom:1rem!important}.u-paddingBottomM{padding-bottom:1.5rem!important}.u-paddingBottomL{padding-bottom:2rem!important}.u-paddingBottomXL{padding-bottom:3rem!important}.u-paddingBottomXXL{padding-bottom:4rem!important}.u-paddingLeft0{padding-left:0!important}.u-paddingLeftXXS{padding-left:.25rem!important}.u-paddingLeftXS{padding-left:.5rem!important}.u-paddingLeftS{padding-left:1rem!important}.u-paddingLeftM{padding-left:1.5rem!important}.u-paddingLeftL{padding-left:2rem!important}.u-paddingLeftXL{padding-left:3rem!important}.u-paddingLeftXXL{padding-left:4rem!important}.u-paddingRight0{padding-right:0!important}.u-paddingRightXXS{padding-right:.25rem!important}.u-paddingRightXS{padding-right:.5rem!important}.u-paddingRightS{padding-right:1rem!important}.u-paddingRightM{padding-right:1.5rem!important}.u-paddingRightL{padding-right:2rem!important}.u-paddingRightXL{padding-right:3rem!important}.u-paddingRightXXL{padding-right:4rem!important}.u-paddingInline0{padding-inline:0!important}.u-paddingInlineXXS{padding-inline:.25rem!important}.u-paddingInlineXS{padding-inline:.5rem!important}.u-paddingInlineS{padding-inline:1rem!important}.u-paddingInlineM{padding-inline:1.5rem!important}.u-paddingInlineL{padding-inline:2rem!important}.u-paddingInlineXL{padding-inline:3rem!important}.u-paddingInlineXXL{padding-inline:4rem!important}.u-paddingBlock0{padding-block:0!important}.u-paddingBlockXXS{padding-block:.25rem!important}.u-paddingBlockXS{padding-block:.5rem!important}.u-paddingBlockS{padding-block:1rem!important}.u-paddingBlockM{padding-block:1.5rem!important}.u-paddingBlockL{padding-block:2rem!important}.u-paddingBlockXL{padding-block:3rem!important}.u-paddingBlockXXL{padding-block:4rem!important}.u-border0{border:0!important}.u-borderTop0{border-top:0!important}.u-borderBottom0{border-bottom:0!important}.u-borderLeft0{border-left:0!important}.u-borderRight0{border-right:0!important}.u-borderInline0{border-inline:0!important}.u-borderBlock0{border-block:0!important}.u-columnGap0{column-gap:0!important}.u-columnGapXXS{column-gap:.25rem!important}.u-columnGapXS{column-gap:.5rem!important}.u-columnGapS{column-gap:1rem!important}.u-columnGapM{column-gap:1.5rem!important}.u-columnGapL{column-gap:2rem!important}.u-columnGapXL{column-gap:3rem!important}.u-columnGapXXL{column-gap:4rem!important}.u-rowGap0{row-gap:0!important}.u-rowGapXXS{row-gap:.25rem!important}.u-rowGapXS{row-gap:.5rem!important}.u-rowGapS{row-gap:1rem!important}.u-rowGapM{row-gap:1.5rem!important}.u-rowGapL{row-gap:2rem!important}.u-rowGapXL{row-gap:3rem!important}.u-rowGapXXL{row-gap:4rem!important}.u-gap0{gap:0!important}.u-gapXXS{gap:.25rem!important}.u-gapXS{gap:.5rem!important}.u-gapS{gap:1rem!important}.u-gapM{gap:1.5rem!important}.u-gapL{gap:2rem!important}.u-gapXL{gap:3rem!important}.u-gapXXL{gap:4rem!important}.u-textXS{font-size:var(--sizes-XS-fontSize)!important;line-height:var(--sizes-XS-lineHeight)!important}.u-textS{font-size:var(--sizes-S-fontSize)!important;line-height:var(--sizes-S-lineHeight)!important}.u-textM{font-size:var(--sizes-M-fontSize)!important;line-height:var(--sizes-M-lineHeight)!important}.u-textL{font-size:var(--sizes-L-fontSize)!important;line-height:var(--sizes-L-lineHeight)!important}.u-textXL{font-size:var(--sizes-XL-fontSize)!important;line-height:var(--sizes-XL-lineHeight)!important}.u-textXXL{font-size:var(--sizes-XXL-fontSize)!important;line-height:var(--sizes-XXL-lineHeight)!important}.u-textXXXL{font-size:var(--sizes-XXXL-fontSize)!important;line-height:var(--sizes-XXXL-lineHeight)!important}.u-borderRadiusM{border-radius:4px!important}.u-borderRadiusL{border-radius:8px!important}.u-borderRadiusFull{border-radius:9999px!important}.u-borderTopLeftRadiusM{border-top-left-radius:4px!important}.u-borderTopLeftRadiusL{border-top-left-radius:8px!important}.u-borderTopLeftRadiusFull{border-top-left-radius:9999px!important}.u-borderTopRightRadiusM{border-top-right-radius:4px!important}.u-borderTopRightRadiusL{border-top-right-radius:8px!important}.u-borderTopRightRadiusFull{border-top-right-radius:9999px!important}.u-borderBottomLeftRadiusM{border-bottom-left-radius:4px!important}.u-borderBottomLeftRadiusL{border-bottom-left-radius:8px!important}.u-borderBottomLeftRadiusFull{border-bottom-left-radius:9999px!important}.u-borderBottomRightRadiusM{border-bottom-right-radius:4px!important}.u-borderBottomRightRadiusL{border-bottom-right-radius:8px!important}.u-borderBottomRightRadiusFull{border-bottom-right-radius:9999px!important}.u-textCritical{color:var(--palettes-critical-700)!important}.u-textError{color:var(--palettes-error-700)!important}.u-textWarning{color:var(--palettes-warning-700)!important}.u-textSuccess{color:var(--palettes-success-700)!important}.u-textBrand{color:var(--palettes-brand-700)!important}.u-textNeutral{color:var(--palettes-neutral-700)!important}.u-textNavigation{color:var(--palettes-navigation-700)!important}.u-textProduct{color:var(--palettes-product-700)!important}.u-textKiwi{color:var(--palettes-kiwi-700)!important}.u-textLime{color:var(--palettes-lime-700)!important}.u-textCucumber{color:var(--palettes-cucumber-700)!important}.u-textMint{color:var(--palettes-mint-700)!important}.u-textGlacier{color:var(--palettes-glacier-700)!important}.u-textLagoon{color:var(--palettes-lagoon-700)!important}.u-textBlueberry{color:var(--palettes-blueberry-700)!important}.u-textLavender{color:var(--palettes-lavender-700)!important}.u-textGrape{color:var(--palettes-grape-700)!important}.u-textWatermelon{color:var(--palettes-watermelon-700)!important}.u-textPumpkin{color:var(--palettes-pumpkin-700)!important}.u-textPineapple{color:var(--palettes-pineapple-700)!important}.u-textLucca{color:var(--palettes-lucca-700)!important}.u-textGrey{color:var(--palettes-grey-700)!important}.u-textPrimary{color:var(--palettes-primary-700)!important}.u-textSecondary{color:var(--palettes-secondary-700)!important}.u-textLeft{text-align:left!important}.u-textRight{text-align:right!important}.u-textCenter{text-align:center!important}.u-textLight{color:var(--palettes-neutral-600)!important}.u-textPlaceholder{color:var(--palettes-neutral-400)!important}.u-textDefault{color:var(--palettes-neutral-700)!important}.u-unit{font-size:.66em!important}.u-comma:not(:last-child):after{content:\",\\a0\"!important}.u-ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.u-fontWeightRegular{font-weight:400!important}.u-fontWeightSemiBold{font-weight:600!important}.u-noSpinButtons::-webkit-outer-spin-button,.u-noSpinButtons::-webkit-inner-spin-button{-webkit-appearance:none}.u-noSpinButtons[type=number]{-moz-appearance:textfield}[data-content-before]:before{content:attr(data-content-before)}[data-content-after]:after{content:attr(data-content-after)}.u-h1,.u-h2,.u-h3,.u-h4,.u-h5,.u-h6{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--spacings-S);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding)}.u-h1{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}.u-h1.mod-XXXL{--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding);--sizes-fontSize: var(--sizes-XXXL-fontSize);--sizes-lineHeight: var(--sizes-XXXL-lineHeight);--components-title-weight: 900}.u-h2{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}.u-h3{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}.u-h4{--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600}.u-h5{--sizes-verticalPadding: var(--sizes-S-verticalPadding);--sizes-fontSize: var(--sizes-S-fontSize);--sizes-lineHeight: var(--sizes-S-lineHeight);--components-title-weight: 600}.u-h6{--sizes-verticalPadding: var(--sizes-XS-verticalPadding);--sizes-fontSize: var(--sizes-XS-fontSize);--sizes-lineHeight: var(--sizes-XS-lineHeight);--components-title-weight: 600}.u-animatedFadeIn,.u-animatedFadeOut{animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.u-animatedScaleIn,.u-animatedScaleOut{animation-name:scaleIn}.u-animatedScaleInTop,.u-animatedScaleOutTop{animation-name:scaleInTop}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.u-animatedScaleInRight,.u-animatedScaleOutRight{animation-name:scaleInRight}@keyframes scaleInRight{0%{transform-origin:right center;transform:scaleX(0)}to{transform-origin:right center;transform:scale(1)}}.u-animatedScaleInBottom,.u-animatedScaleOutBottom{animation-name:scaleInBottom}@keyframes scaleInBottom{0%{transform-origin:bottom center;transform:scaleY(0)}to{transform-origin:bottom center;transform:scale(1)}}.u-animatedScaleInLeft,.u-animatedScaleOutLeft{animation-name:scaleInLeft}@keyframes scaleInLeft{0%{transform-origin:left center;transform:scaleX(0)}to{transform-origin:left center;transform:scale(1)}}.u-animatedSlideIn,.u-animatedSlideInTop,.u-animatedSlideOut,.u-animatedSlideOutTop{animation-name:slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(calc(-1 * var(--commons-animations-translate)))}to{opacity:1;transform:translate(0)}}.u-animatedSlideInRight,.u-animatedSlideOutRight{animation-name:slideInRight}@keyframes slideInRight{0%{transform:translate(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInBottom,.u-animatedSlideOutBottom{animation-name:slideInBottom}@keyframes slideInBottom{0%{transform:translateY(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInLeft,.u-animatedSlideOutLeft{animation-name:slideInLeft}@keyframes slideInLeft{0%{transform:translate(calc(-1 * var(--commons-animations-translate)));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedShake{animation-name:shake}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-10px,0,0)}40%,80%{transform:translate3d(10px,0,0)}}.u-animatedPulse{animation-name:pulse;animation-direction:alternate;animation-iteration-count:var(--commons-animations-iteration-count)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.u-animatedFadeOut,.u-animatedSlideOut,.u-animatedSlideOutTop,.u-animatedSlideOutRight,.u-animatedSlideOutBottom,.u-animatedSlideOutLeft,.u-animatedScaleOut,.u-animatedScaleOutTop,.u-animatedScaleOutRight,.u-animatedScaleOutBottom,.u-animatedScaleOutLeft{animation-direction:reverse}[class*=u-animated]{animation-duration:var(--duration, var(--commons-animations-durations-standard));animation-timing-function:var(--commons-animations-function)}[class*=u-animated].mod-animation-duration-fast{--duration: var(--commons-animations-durations-fast)}[class*=u-animated].mod-animation-duration-slow{--duration: var(--commons-animations-durations-slow)}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: ɵLuOptionOutletDirective, selector: "[luOptionOutlet]", inputs: ["luOptionOutlet", "luOptionOutletValue", "luOptionShowNull"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: InputDirective, selector: "[luInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: LuSimpleSelectInputComponent, decorators: [{
             type: Component,
@@ -278,7 +279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                         provideLuSelectLabelsAndIds(),
                     ], encapsulation: ViewEncapsulation.None, host: {
                         class: 'simpleSelect',
-                    }, template: "<input\n\tclass=\"simpleSelect-input\"\n\ttype=\"text\"\n\trole=\"combobox\"\n\taria-haspopup=\"listbox\"\n\t[attr.aria-activedescendant]=\"activeDescendant$ | async\"\n\t[attr.aria-expanded]=\"isPanelOpen\"\n\t[attr.aria-controls]=\"ariaControls\"\n\tplaceholder=\"{{inputPlaceholder}}\"\n\t[(ngModel)]=\"clue\"\n\t(ngModelChange)=\"clueChanged($event)\"\n\t[readonly]=\"!searchable\"\n\t[disabled]=\"disabled\"\n\tluInput\n\t#inputElement\n/>\n<div class=\"simpleSelect-value\">\n\t<ng-container *luOptionOutlet=\"valueTpl || optionTpl; value: value\"></ng-container>\n</div>\n<button\n\t*ngIf=\"clearable && hasValue\"\n\tclass=\"simpleSelect-clear clear\"\n\trole=\"button\"\n\ttype=\"button\"\n\t(click)=\"clearValue($event)\"\n\t(keydown.space)=\"clearValue($event)\"\n>\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"simpleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n", styles: ["@charset \"UTF-8\";.simpleSelect{--components-simpleSelect-fontSize: var(--sizes-M-fontSize);--components-simpleSelect-lineHeight: var(--sizes-M-lineHeight);--components-simpleSelect-padding: var(--spacings-XS);--components-simpleSelect-gap: var(--spacings-XS);--components-simpleSelect-background: var(--colors-white-color);--components-simpleSelect-value-color: var(--palettes-neutral-800);--components-simpleSelect-border-color: var(--palettes-neutral-300);--components-simpleSelect-placeholder: var(--palettes-neutral-400);--components-simpleSelect-arrow-color: var(--palettes-neutral-600);display:grid;grid-template-columns:1fr auto auto;align-items:center;box-shadow:0 0 0 1px var(--components-simpleSelect-border-color);background-color:var(--components-simpleSelect-background);border-radius:var(--commons-borderRadius-M);padding:var(--components-simpleSelect-padding);overflow:hidden;outline:none;cursor:pointer}.simpleSelect:hover{--components-simpleSelect-border-color: var(--palettes-neutral-400)}.simpleSelect-input{grid-column-start:1;grid-row-start:1;font-size:var(--components-simpleSelect-fontSize);line-height:var(--components-simpleSelect-lineHeight);padding:0;background-color:transparent;color:var(--components-simpleSelect-value-color);border:0;outline:none;position:relative;z-index:1;min-width:0;cursor:pointer}.simpleSelect-input::placeholder{color:var(--components-simpleSelect-placeholder)}.simpleSelect-value{grid-column-start:1;grid-row-start:1;width:100%;font-size:var(--components-simpleSelect-fontSize);line-height:var(--components-simpleSelect-lineHeight);color:var(--components-simpleSelect-value-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--commons-animations-durations-fast) ease}.simpleSelect-clear{grid-column-start:-2;margin-left:var(--components-simpleSelect-gap)}.simpleSelect-arrow{grid-column-start:-1;margin-left:var(--components-simpleSelect-gap);color:var(--components-simpleSelect-arrow-color);transition:transform var(--commons-animations-durations-standard) ease;--icon-size: 1.5rem}.simpleSelect.mod-S{--components-simpleSelect-fontSize: var(--sizes-S-fontSize);--components-simpleSelect-lineHeight: var(--sizes-S-lineHeight);--components-simpleSelect-padding: .375rem;--components-simpleSelect-gap: .375rem}.simpleSelect.mod-S .simpleSelect-arrow{--icon-size: 1.25rem}.simpleSelect.mod-S .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.simpleSelect.mod-XS{--components-simpleSelect-fontSize: var(--sizes-XS-fontSize);--components-simpleSelect-lineHeight: var(--sizes-XS-lineHeight);--components-simpleSelect-padding: var(--spacings-XXS);--components-simpleSelect-gap: var(--spacings-XXS)}.simpleSelect.mod-XS .simpleSelect-arrow{--icon-size: 1rem}.simpleSelect.mod-XS .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.simpleSelect:has(.simpleSelect-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.simpleSelect:has(.simpleSelect-input:focus-visible) .simpleSelect-value{color:var(--components-simpleSelect-value-color)}.simpleSelect:has(.simpleSelect-input:focus-visible):has(.simpleSelect-input[aria-expanded=true]) .simpleSelect-value{color:var(--components-simpleSelect-placeholder)}.simpleSelect:has(.simpleSelect-input:focus-visible):has(.simpleSelect-input[aria-expanded=true]) .simpleSelect-arrow{transform:rotate(-180deg)}.simpleSelect.is-searchFilled .simpleSelect-value{display:none}.simpleSelect.is-selected .simpleSelect-input::placeholder{color:transparent}.simpleSelect.is-selected .simpleSelect-value{display:block}.simpleSelect.is-selected.is-searchFilled .simpleSelect-input::placeholder{color:transparent}.simpleSelect.is-selected.is-searchFilled .simpleSelect-value{display:none}.simpleSelect:has(.simpleSelect-input[aria-invalid=true]){--components-simpleSelect-border-color: var(--palettes-error-400);--components-simpleSelect-background: var(--palettes-error-50);--components-simpleSelect-placeholder: var(--palettes-error-400)}.simpleSelect:has(.simpleSelect-input:disabled){--components-simpleSelect-border-color: var(--palettes-neutral-300);--components-simpleSelect-background: var(--palettes-neutral-100);--components-simpleSelect-placeholder: var(--palettes-neutral-400);--components-simpleSelect-value-color: var(--palettes-neutral-600);--components-simpleSelect-arrow-color: var(--palettes-neutral-500);pointer-events:none}.clear{--components-clear-size: 1rem;--components-clear-background: var(--palettes-neutral-700);--components-clear-cross-color: var(--colors-white-color);--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;width:var(--components-clear-size);height:var(--components-clear-size);border-radius:var(--commons-borderRadius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--commons-borderRadius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-neutral-text);--components-clear-background: var(--palettes-neutral-600)}.clear:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-neutral-800)}.clear .lucca-icon{display:none}.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.palette-product:not([disabled]),.clear.palette-primary:not([disabled]){--components-clear-cross-color: var(--palettes-product-700);--components-clear-background: var(--colors-white-color)}.clear.palette-product:not([disabled]):hover,.clear.palette-primary:not([disabled]):hover{--components-clear-background: var(--palettes-product-50)}.clear.palette-product:not([disabled]):active,.clear.palette-primary:not([disabled]):active{--components-clear-background: var(--palettes-product-50)}.clear[disabled]{--components-clear-cross-color: var(--palettes-neutral-500);--components-clear-background: var(--palettes-neutral-300);cursor:default}.u-elevate1{box-shadow:var(--commons-elevations-elevation-1)}.u-elevate2{box-shadow:var(--commons-elevations-elevation-2)}.u-elevate3{box-shadow:var(--commons-elevations-elevation-3)}.u-elevate4{box-shadow:var(--commons-elevations-elevation-4)}.u-elevate5{box-shadow:var(--commons-elevations-elevation-5)}.u-elevate6{box-shadow:var(--commons-elevations-elevation-6)}.u-mask{border:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important;contain:paint!important}.u-clearfix:before,.u-clearfix:after,.u-clear:before,.u-clear:after{content:\" \";display:table}.u-clearfix:after,.u-clear:after{clear:both}.u-listReset{margin:0!important;padding:0!important;list-style-type:none!important}.u-descriptionListReset{margin:0!important}.u-descriptionListReset>dd,.u-descriptionListReset>div>dd{margin:0!important}.u-buttonReset{padding:0!important;border:0!important;width:100%!important;background-color:transparent!important;color:inherit!important;text-align:left!important;display:block!important;font:inherit!important;cursor:pointer!important}.u-floatLeft{float:left!important}.u-floatRight{float:right!important}.u-verticalAlignBaseline{vertical-align:baseline!important}.u-verticalAlignSub{vertical-align:sub!important}.u-verticalAlignSuper{vertical-align:super!important}.u-verticalAlignTextTop{vertical-align:text-top!important}.u-verticalAlignTextBottom{vertical-align:text-bottom!important}.u-verticalAlignMiddle{vertical-align:middle!important}.u-verticalAlignTop{vertical-align:top!important}.u-verticalAlignBottom{vertical-align:bottom!important}.u-whiteSpaceNormal{white-space:normal!important}.u-whiteSpaceNowrap{white-space:nowrap!important}.u-whiteSpacePreLine{white-space:pre-line!important}.u-displayBlock{display:block!important}.u-displayFlex{display:flex!important}.u-displayInline{display:inline!important}.u-displayInlineFlex{display:inline-flex!important}.u-displayInlineBlock{display:inline-block!important}.u-displayContents{display:contents!important}.u-displayNone{display:none!important}.u-flexDirectionColumn{flex-direction:column!important}.u-flexDirectionColumnReverse{flex-direction:column-reverse!important}.u-flexDirectionRow{flex-direction:row!important}.u-flexDirectionRowReverse{flex-direction:row-reverse!important}.u-flexWrapWrap{flex-wrap:wrap!important}.u-flexWrapNowrap{flex-wrap:nowrap!important}.u-flexWrapWrapReverse{flex-wrap:wrap-reverse!important}.u-justifyContentFlexStart{justify-content:flex-start!important}.u-justifyContentFlexEnd{justify-content:flex-end!important}.u-justifyContentSpaceAround{justify-content:space-around!important}.u-justifyContentSpaceBetween{justify-content:space-between!important}.u-justifyContentSpaceEvenly{justify-content:space-evenly!important}.u-justifyContentCenter{justify-content:center!important}.u-alignItemsFlexStart{align-items:flex-start!important}.u-alignItemsFlexEnd{align-items:flex-end!important}.u-alignItemsBaseline{align-items:baseline!important}.u-alignItemsStretch{align-items:stretch!important}.u-alignItemsCenter{align-items:center!important}.u-flexGrow0{flex-grow:0!important}.u-flexGrow1{flex-grow:1!important}.u-flexShrink0{flex-shrink:0!important}.u-flexShrink1{flex-shrink:1!important}.u-flexBasis0{flex-basis:0!important}.u-flexBasisAuto{flex-basis:auto!important}.u-orderMinus1{order:-1!important}.u-order1{order:1!important}.u-alignSelfFlexStart{align-self:flex-start!important}.u-alignSelfFlexEnd{align-self:flex-end!important}.u-alignSelfBaseline{align-self:baseline!important}.u-alignSelfStretch{align-self:stretch!important}.u-alignSelfCenter{align-self:center!important}.u-positionAbsolute{position:absolute!important}.u-positionRelative{position:relative!important}.u-positionStatic{position:static!important}.u-positionFixed{position:fixed!important}.u-positionSticky{position:sticky!important}.u-width100\\%{width:100%!important}.u-widthFitContent{width:-moz-fit-content!important;width:fit-content!important}.u-height100\\%{height:100%!important}.u-heightFitContent{height:-moz-fit-content!important;height:fit-content!important}.u-minWidth0{min-width:0!important}.u-minHeight0{min-height:0!important}.u-visibilityVisible{visibility:visible!important}.u-visibilityHidden{visibility:hidden!important}.u-visibilityCollapse{visibility:collapse!important}.u-fontWeight400{font-weight:400!important}.u-fontWeight600{font-weight:600!important}.u-fontWeight700{font-weight:700!important}.u-fontWeight900{font-weight:900!important}.u-fontWeightNormal{font-weight:400!important}.u-fontWeightBold{font-weight:700!important}.u-fontStyleNormal{font-style:normal!important}.u-fontStyleItalic{font-style:italic!important}.u-pointerEventsNone{pointer-events:none!important}.u-pointerEventsAuto{pointer-events:auto!important}.u-textAlignLeft{text-align:left!important}.u-textAlignCenter{text-align:center!important}.u-textAlignRight{text-align:right!important}.u-textDecorationUnderline{text-decoration:underline!important}.u-textDecorationLineThrough{text-decoration:line-through!important}.u-textDecorationNone{text-decoration:none!important}.u-overflowHidden{overflow:hidden!important}.u-overflowAuto{overflow:auto!important}.u-overflowVisible{overflow:visible!important}.u-overflowScroll{overflow:scroll!important}@media (prefers-reduced-motion: no-preference){.u-scrollBehaviorAuto{scroll-behavior:auto!important}.u-scrollBehaviorSmooth{scroll-behavior:smooth!important}}@media only print{.u-onlyPrintDisplayBlock{display:block!important}.u-onlyPrintDisplayFlex{display:flex!important}.u-onlyPrintDisplayInline{display:inline!important}.u-onlyPrintDisplayInlineFlex{display:inline-flex!important}.u-onlyPrintDisplayInlineBlock{display:inline-block!important}.u-onlyPrintDisplayContents{display:contents!important}.u-onlyPrintDisplayNone{display:none!important}}.u-onlyPrintDisplayContents,.u-onlyPrintDisplayInline-block,.u-onlyPrintDisplayInline-flex,.u-onlyPrintDisplayInline,.u-onlyPrintDisplayFlex,.u-onlyPrintDisplayBlock{display:none}.u-insetReset,.u-inset0{inset:0!important}.u-topReset,.u-top0{top:0!important}.u-bottomReset,.u-bottom0{bottom:0!important}.u-leftReset,.u-left0{left:0!important}.u-rightReset,.u-right0{right:0!important}.u-inlineReset,.u-inline0{inline:0!important}.u-blockReset,.u-block0{block:0!important}.u-margin0{margin:0!important}.u-marginXXS{margin:.25rem!important}.u-marginXS{margin:.5rem!important}.u-marginS{margin:1rem!important}.u-marginM{margin:1.5rem!important}.u-marginL{margin:2rem!important}.u-marginXL{margin:3rem!important}.u-marginXXL{margin:4rem!important}.u-marginAuto{margin:auto!important}.u-marginTop0{margin-top:0!important}.u-marginTopXXS{margin-top:.25rem!important}.u-marginTopXS{margin-top:.5rem!important}.u-marginTopS{margin-top:1rem!important}.u-marginTopM{margin-top:1.5rem!important}.u-marginTopL{margin-top:2rem!important}.u-marginTopXL{margin-top:3rem!important}.u-marginTopXXL{margin-top:4rem!important}.u-marginTopAuto{margin-top:auto!important}.u-marginBottom0{margin-bottom:0!important}.u-marginBottomXXS{margin-bottom:.25rem!important}.u-marginBottomXS{margin-bottom:.5rem!important}.u-marginBottomS{margin-bottom:1rem!important}.u-marginBottomM{margin-bottom:1.5rem!important}.u-marginBottomL{margin-bottom:2rem!important}.u-marginBottomXL{margin-bottom:3rem!important}.u-marginBottomXXL{margin-bottom:4rem!important}.u-marginBottomAuto{margin-bottom:auto!important}.u-marginLeft0{margin-left:0!important}.u-marginLeftXXS{margin-left:.25rem!important}.u-marginLeftXS{margin-left:.5rem!important}.u-marginLeftS{margin-left:1rem!important}.u-marginLeftM{margin-left:1.5rem!important}.u-marginLeftL{margin-left:2rem!important}.u-marginLeftXL{margin-left:3rem!important}.u-marginLeftXXL{margin-left:4rem!important}.u-marginLeftAuto{margin-left:auto!important}.u-marginRight0{margin-right:0!important}.u-marginRightXXS{margin-right:.25rem!important}.u-marginRightXS{margin-right:.5rem!important}.u-marginRightS{margin-right:1rem!important}.u-marginRightM{margin-right:1.5rem!important}.u-marginRightL{margin-right:2rem!important}.u-marginRightXL{margin-right:3rem!important}.u-marginRightXXL{margin-right:4rem!important}.u-marginRightAuto{margin-right:auto!important}.u-marginInline0{margin-inline:0!important}.u-marginInlineXXS{margin-inline:.25rem!important}.u-marginInlineXS{margin-inline:.5rem!important}.u-marginInlineS{margin-inline:1rem!important}.u-marginInlineM{margin-inline:1.5rem!important}.u-marginInlineL{margin-inline:2rem!important}.u-marginInlineXL{margin-inline:3rem!important}.u-marginInlineXXL{margin-inline:4rem!important}.u-marginInlineAuto{margin-inline:auto!important}.u-marginBlock0{margin-block:0!important}.u-marginBlockXXS{margin-block:.25rem!important}.u-marginBlockXS{margin-block:.5rem!important}.u-marginBlockS{margin-block:1rem!important}.u-marginBlockM{margin-block:1.5rem!important}.u-marginBlockL{margin-block:2rem!important}.u-marginBlockXL{margin-block:3rem!important}.u-marginBlockXXL{margin-block:4rem!important}.u-marginBlockAuto{margin-block:auto!important}.u-padding0{padding:0!important}.u-paddingXXS{padding:.25rem!important}.u-paddingXS{padding:.5rem!important}.u-paddingS{padding:1rem!important}.u-paddingM{padding:1.5rem!important}.u-paddingL{padding:2rem!important}.u-paddingXL{padding:3rem!important}.u-paddingXXL{padding:4rem!important}.u-paddingTop0{padding-top:0!important}.u-paddingTopXXS{padding-top:.25rem!important}.u-paddingTopXS{padding-top:.5rem!important}.u-paddingTopS{padding-top:1rem!important}.u-paddingTopM{padding-top:1.5rem!important}.u-paddingTopL{padding-top:2rem!important}.u-paddingTopXL{padding-top:3rem!important}.u-paddingTopXXL{padding-top:4rem!important}.u-paddingBottom0{padding-bottom:0!important}.u-paddingBottomXXS{padding-bottom:.25rem!important}.u-paddingBottomXS{padding-bottom:.5rem!important}.u-paddingBottomS{padding-bottom:1rem!important}.u-paddingBottomM{padding-bottom:1.5rem!important}.u-paddingBottomL{padding-bottom:2rem!important}.u-paddingBottomXL{padding-bottom:3rem!important}.u-paddingBottomXXL{padding-bottom:4rem!important}.u-paddingLeft0{padding-left:0!important}.u-paddingLeftXXS{padding-left:.25rem!important}.u-paddingLeftXS{padding-left:.5rem!important}.u-paddingLeftS{padding-left:1rem!important}.u-paddingLeftM{padding-left:1.5rem!important}.u-paddingLeftL{padding-left:2rem!important}.u-paddingLeftXL{padding-left:3rem!important}.u-paddingLeftXXL{padding-left:4rem!important}.u-paddingRight0{padding-right:0!important}.u-paddingRightXXS{padding-right:.25rem!important}.u-paddingRightXS{padding-right:.5rem!important}.u-paddingRightS{padding-right:1rem!important}.u-paddingRightM{padding-right:1.5rem!important}.u-paddingRightL{padding-right:2rem!important}.u-paddingRightXL{padding-right:3rem!important}.u-paddingRightXXL{padding-right:4rem!important}.u-paddingInline0{padding-inline:0!important}.u-paddingInlineXXS{padding-inline:.25rem!important}.u-paddingInlineXS{padding-inline:.5rem!important}.u-paddingInlineS{padding-inline:1rem!important}.u-paddingInlineM{padding-inline:1.5rem!important}.u-paddingInlineL{padding-inline:2rem!important}.u-paddingInlineXL{padding-inline:3rem!important}.u-paddingInlineXXL{padding-inline:4rem!important}.u-paddingBlock0{padding-block:0!important}.u-paddingBlockXXS{padding-block:.25rem!important}.u-paddingBlockXS{padding-block:.5rem!important}.u-paddingBlockS{padding-block:1rem!important}.u-paddingBlockM{padding-block:1.5rem!important}.u-paddingBlockL{padding-block:2rem!important}.u-paddingBlockXL{padding-block:3rem!important}.u-paddingBlockXXL{padding-block:4rem!important}.u-border0{border:0!important}.u-borderTop0{border-top:0!important}.u-borderBottom0{border-bottom:0!important}.u-borderLeft0{border-left:0!important}.u-borderRight0{border-right:0!important}.u-borderInline0{border-inline:0!important}.u-borderBlock0{border-block:0!important}.u-columnGap0{column-gap:0!important}.u-columnGapXXS{column-gap:.25rem!important}.u-columnGapXS{column-gap:.5rem!important}.u-columnGapS{column-gap:1rem!important}.u-columnGapM{column-gap:1.5rem!important}.u-columnGapL{column-gap:2rem!important}.u-columnGapXL{column-gap:3rem!important}.u-columnGapXXL{column-gap:4rem!important}.u-rowGap0{row-gap:0!important}.u-rowGapXXS{row-gap:.25rem!important}.u-rowGapXS{row-gap:.5rem!important}.u-rowGapS{row-gap:1rem!important}.u-rowGapM{row-gap:1.5rem!important}.u-rowGapL{row-gap:2rem!important}.u-rowGapXL{row-gap:3rem!important}.u-rowGapXXL{row-gap:4rem!important}.u-gap0{gap:0!important}.u-gapXXS{gap:.25rem!important}.u-gapXS{gap:.5rem!important}.u-gapS{gap:1rem!important}.u-gapM{gap:1.5rem!important}.u-gapL{gap:2rem!important}.u-gapXL{gap:3rem!important}.u-gapXXL{gap:4rem!important}.u-textXS{font-size:var(--sizes-XS-fontSize)!important;line-height:var(--sizes-XS-lineHeight)!important}.u-textS{font-size:var(--sizes-S-fontSize)!important;line-height:var(--sizes-S-lineHeight)!important}.u-textM{font-size:var(--sizes-M-fontSize)!important;line-height:var(--sizes-M-lineHeight)!important}.u-textL{font-size:var(--sizes-L-fontSize)!important;line-height:var(--sizes-L-lineHeight)!important}.u-textXL{font-size:var(--sizes-XL-fontSize)!important;line-height:var(--sizes-XL-lineHeight)!important}.u-textXXL{font-size:var(--sizes-XXL-fontSize)!important;line-height:var(--sizes-XXL-lineHeight)!important}.u-textXXXL{font-size:var(--sizes-XXXL-fontSize)!important;line-height:var(--sizes-XXXL-lineHeight)!important}.u-borderRadiusM{border-radius:4px!important}.u-borderRadiusL{border-radius:8px!important}.u-borderRadiusFull{border-radius:9999px!important}.u-borderTopLeftRadiusM{border-top-left-radius:4px!important}.u-borderTopLeftRadiusL{border-top-left-radius:8px!important}.u-borderTopLeftRadiusFull{border-top-left-radius:9999px!important}.u-borderTopRightRadiusM{border-top-right-radius:4px!important}.u-borderTopRightRadiusL{border-top-right-radius:8px!important}.u-borderTopRightRadiusFull{border-top-right-radius:9999px!important}.u-borderBottomLeftRadiusM{border-bottom-left-radius:4px!important}.u-borderBottomLeftRadiusL{border-bottom-left-radius:8px!important}.u-borderBottomLeftRadiusFull{border-bottom-left-radius:9999px!important}.u-borderBottomRightRadiusM{border-bottom-right-radius:4px!important}.u-borderBottomRightRadiusL{border-bottom-right-radius:8px!important}.u-borderBottomRightRadiusFull{border-bottom-right-radius:9999px!important}.u-textCritical{color:var(--palettes-critical-700)!important}.u-textError{color:var(--palettes-error-700)!important}.u-textWarning{color:var(--palettes-warning-700)!important}.u-textSuccess{color:var(--palettes-success-700)!important}.u-textBrand{color:var(--palettes-brand-700)!important}.u-textNeutral{color:var(--palettes-neutral-700)!important}.u-textNavigation{color:var(--palettes-navigation-700)!important}.u-textProduct{color:var(--palettes-product-700)!important}.u-textKiwi{color:var(--palettes-kiwi-700)!important}.u-textLime{color:var(--palettes-lime-700)!important}.u-textCucumber{color:var(--palettes-cucumber-700)!important}.u-textMint{color:var(--palettes-mint-700)!important}.u-textGlacier{color:var(--palettes-glacier-700)!important}.u-textLagoon{color:var(--palettes-lagoon-700)!important}.u-textBlueberry{color:var(--palettes-blueberry-700)!important}.u-textLavender{color:var(--palettes-lavender-700)!important}.u-textGrape{color:var(--palettes-grape-700)!important}.u-textWatermelon{color:var(--palettes-watermelon-700)!important}.u-textPumpkin{color:var(--palettes-pumpkin-700)!important}.u-textPineapple{color:var(--palettes-pineapple-700)!important}.u-textLucca{color:var(--palettes-lucca-700)!important}.u-textGrey{color:var(--palettes-grey-700)!important}.u-textPrimary{color:var(--palettes-primary-700)!important}.u-textSecondary{color:var(--palettes-secondary-700)!important}.u-textLeft{text-align:left!important}.u-textRight{text-align:right!important}.u-textCenter{text-align:center!important}.u-textLight{color:var(--palettes-neutral-600)!important}.u-textPlaceholder{color:var(--palettes-neutral-400)!important}.u-textDefault{color:var(--palettes-neutral-700)!important}.u-unit{font-size:.66em!important}.u-comma:not(:last-child):after{content:\",\\a0\"!important}.u-ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.u-fontWeightRegular{font-weight:400!important}.u-fontWeightSemiBold{font-weight:600!important}.u-noSpinButtons::-webkit-outer-spin-button,.u-noSpinButtons::-webkit-inner-spin-button{-webkit-appearance:none}.u-noSpinButtons[type=number]{-moz-appearance:textfield}[data-content-before]:before{content:attr(data-content-before)}[data-content-after]:after{content:attr(data-content-after)}.u-h1,.u-h2,.u-h3,.u-h4,.u-h5,.u-h6{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--spacings-S);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding)}.u-h1{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}.u-h1.mod-XXXL{--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding);--sizes-fontSize: var(--sizes-XXXL-fontSize);--sizes-lineHeight: var(--sizes-XXXL-lineHeight);--components-title-weight: 900}.u-h2{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}.u-h3{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}.u-h4{--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600}.u-h5{--sizes-verticalPadding: var(--sizes-S-verticalPadding);--sizes-fontSize: var(--sizes-S-fontSize);--sizes-lineHeight: var(--sizes-S-lineHeight);--components-title-weight: 600}.u-h6{--sizes-verticalPadding: var(--sizes-XS-verticalPadding);--sizes-fontSize: var(--sizes-XS-fontSize);--sizes-lineHeight: var(--sizes-XS-lineHeight);--components-title-weight: 600}.u-animatedFadeIn,.u-animatedFadeOut{animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.u-animatedScaleIn,.u-animatedScaleOut{animation-name:scaleIn}.u-animatedScaleInTop,.u-animatedScaleOutTop{animation-name:scaleInTop}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.u-animatedScaleInRight,.u-animatedScaleOutRight{animation-name:scaleInRight}@keyframes scaleInRight{0%{transform-origin:right center;transform:scaleX(0)}to{transform-origin:right center;transform:scale(1)}}.u-animatedScaleInBottom,.u-animatedScaleOutBottom{animation-name:scaleInBottom}@keyframes scaleInBottom{0%{transform-origin:bottom center;transform:scaleY(0)}to{transform-origin:bottom center;transform:scale(1)}}.u-animatedScaleInLeft,.u-animatedScaleOutLeft{animation-name:scaleInLeft}@keyframes scaleInLeft{0%{transform-origin:left center;transform:scaleX(0)}to{transform-origin:left center;transform:scale(1)}}.u-animatedSlideIn,.u-animatedSlideInTop,.u-animatedSlideOut,.u-animatedSlideOutTop{animation-name:slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(calc(-1 * var(--commons-animations-translate)))}to{opacity:1;transform:translate(0)}}.u-animatedSlideInRight,.u-animatedSlideOutRight{animation-name:slideInRight}@keyframes slideInRight{0%{transform:translate(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInBottom,.u-animatedSlideOutBottom{animation-name:slideInBottom}@keyframes slideInBottom{0%{transform:translateY(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInLeft,.u-animatedSlideOutLeft{animation-name:slideInLeft}@keyframes slideInLeft{0%{transform:translate(calc(-1 * var(--commons-animations-translate)));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedShake{animation-name:shake}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-10px,0,0)}40%,80%{transform:translate3d(10px,0,0)}}.u-animatedPulse{animation-name:pulse;animation-direction:alternate;animation-iteration-count:var(--commons-animations-iteration-count)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.u-animatedFadeOut,.u-animatedSlideOut,.u-animatedSlideOutTop,.u-animatedSlideOutRight,.u-animatedSlideOutBottom,.u-animatedSlideOutLeft,.u-animatedScaleOut,.u-animatedScaleOutTop,.u-animatedScaleOutRight,.u-animatedScaleOutBottom,.u-animatedScaleOutLeft{animation-direction:reverse}[class*=u-animated]{animation-duration:var(--duration, var(--commons-animations-durations-standard));animation-timing-function:var(--commons-animations-function)}[class*=u-animated].mod-animation-duration-fast{--duration: var(--commons-animations-durations-fast)}[class*=u-animated].mod-animation-duration-slow{--duration: var(--commons-animations-durations-slow)}\n"] }]
+                    }, template: "<input\n\tclass=\"simpleSelect-input\"\n\ttype=\"text\"\n\trole=\"combobox\"\n\taria-haspopup=\"listbox\"\n\t[attr.aria-activedescendant]=\"activeDescendant$ | async\"\n\t[attr.aria-expanded]=\"isPanelOpen\"\n\t[attr.aria-controls]=\"ariaControls\"\n\tplaceholder=\"{{inputPlaceholder}}\"\n\t[ngModel]=\"clue\"\n\t(ngModelChange)=\"clueChanged($event)\"\n\t[readonly]=\"!searchable\"\n\t[disabled]=\"disabled$ | async\"\n\tluInput\n\t#inputElement\n/>\n<div class=\"simpleSelect-value\">\n\t<ng-container *luOptionOutlet=\"valueTpl || optionTpl; value: value\"></ng-container>\n</div>\n<button\n\t*ngIf=\"clearable && hasValue\"\n\tclass=\"simpleSelect-clear clear\"\n\trole=\"button\"\n\ttype=\"button\"\n\t(click)=\"clearValue($event)\"\n\t(keydown.space)=\"clearValue($event)\"\n>\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"simpleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n", styles: ["@charset \"UTF-8\";.simpleSelect{--components-simpleSelect-fontSize: var(--sizes-M-fontSize);--components-simpleSelect-lineHeight: var(--sizes-M-lineHeight);--components-simpleSelect-padding: var(--spacings-XS);--components-simpleSelect-gap: var(--spacings-XS);--components-simpleSelect-background: var(--colors-white-color);--components-simpleSelect-value-color: var(--palettes-neutral-800);--components-simpleSelect-border-color: var(--palettes-neutral-300);--components-simpleSelect-placeholder: var(--palettes-neutral-400);--components-simpleSelect-arrow-color: var(--palettes-neutral-600);display:grid;grid-template-columns:1fr auto auto;align-items:center;box-shadow:0 0 0 1px var(--components-simpleSelect-border-color);background-color:var(--components-simpleSelect-background);border-radius:var(--commons-borderRadius-M);padding:var(--components-simpleSelect-padding);overflow:hidden;outline:none;cursor:pointer}.simpleSelect:hover{--components-simpleSelect-border-color: var(--palettes-neutral-400)}.simpleSelect-input{grid-column-start:1;grid-row-start:1;font-size:var(--components-simpleSelect-fontSize);line-height:var(--components-simpleSelect-lineHeight);padding:0;background-color:transparent;color:var(--components-simpleSelect-value-color);border:0;outline:none;position:relative;z-index:1;min-width:0;cursor:pointer}.simpleSelect-input::placeholder{color:var(--components-simpleSelect-placeholder)}.simpleSelect-value{grid-column-start:1;grid-row-start:1;width:100%;font-size:var(--components-simpleSelect-fontSize);line-height:var(--components-simpleSelect-lineHeight);color:var(--components-simpleSelect-value-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--commons-animations-durations-fast) ease}.simpleSelect-clear{grid-column-start:-2;margin-left:var(--components-simpleSelect-gap)}.simpleSelect-arrow{grid-column-start:-1;margin-left:var(--components-simpleSelect-gap);color:var(--components-simpleSelect-arrow-color);transition:transform var(--commons-animations-durations-standard) ease;--icon-size: 1.5rem}.simpleSelect.mod-S{--components-simpleSelect-fontSize: var(--sizes-S-fontSize);--components-simpleSelect-lineHeight: var(--sizes-S-lineHeight);--components-simpleSelect-padding: .375rem;--components-simpleSelect-gap: .375rem}.simpleSelect.mod-S .simpleSelect-arrow{--icon-size: 1.25rem}.simpleSelect.mod-S .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.simpleSelect.mod-XS{--components-simpleSelect-fontSize: var(--sizes-XS-fontSize);--components-simpleSelect-lineHeight: var(--sizes-XS-lineHeight);--components-simpleSelect-padding: var(--spacings-XXS);--components-simpleSelect-gap: var(--spacings-XXS)}.simpleSelect.mod-XS .simpleSelect-arrow{--icon-size: 1rem}.simpleSelect.mod-XS .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.simpleSelect:has(.simpleSelect-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.simpleSelect:has(.simpleSelect-input:focus-visible) .simpleSelect-value{color:var(--components-simpleSelect-value-color)}.simpleSelect:has(.simpleSelect-input:focus-visible):has(.simpleSelect-input[aria-expanded=true]) .simpleSelect-value{color:var(--components-simpleSelect-placeholder)}.simpleSelect:has(.simpleSelect-input:focus-visible):has(.simpleSelect-input[aria-expanded=true]) .simpleSelect-arrow{transform:rotate(-180deg)}.simpleSelect.is-searchFilled .simpleSelect-value{display:none}.simpleSelect.is-selected .simpleSelect-input::placeholder{color:transparent}.simpleSelect.is-selected .simpleSelect-value{display:block}.simpleSelect.is-selected.is-searchFilled .simpleSelect-input::placeholder{color:transparent}.simpleSelect.is-selected.is-searchFilled .simpleSelect-value{display:none}.simpleSelect:has(.simpleSelect-input[aria-invalid=true]){--components-simpleSelect-border-color: var(--palettes-error-400);--components-simpleSelect-background: var(--palettes-error-50);--components-simpleSelect-placeholder: var(--palettes-error-400)}.simpleSelect:has(.simpleSelect-input:disabled){--components-simpleSelect-border-color: var(--palettes-neutral-300);--components-simpleSelect-background: var(--palettes-neutral-100);--components-simpleSelect-placeholder: var(--palettes-neutral-400);--components-simpleSelect-value-color: var(--palettes-neutral-600);--components-simpleSelect-arrow-color: var(--palettes-neutral-500);pointer-events:none}.clear{--components-clear-size: 1rem;--components-clear-background: var(--palettes-neutral-700);--components-clear-cross-color: var(--colors-white-color);--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;width:var(--components-clear-size);height:var(--components-clear-size);border-radius:var(--commons-borderRadius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--commons-borderRadius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-neutral-text);--components-clear-background: var(--palettes-neutral-600)}.clear:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-neutral-800)}.clear .lucca-icon{display:none}.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.palette-product:not([disabled]),.clear.palette-primary:not([disabled]){--components-clear-cross-color: var(--palettes-product-700);--components-clear-background: var(--colors-white-color)}.clear.palette-product:not([disabled]):hover,.clear.palette-primary:not([disabled]):hover{--components-clear-background: var(--palettes-product-50)}.clear.palette-product:not([disabled]):active,.clear.palette-primary:not([disabled]):active{--components-clear-background: var(--palettes-product-50)}.clear[disabled]{--components-clear-cross-color: var(--palettes-neutral-500);--components-clear-background: var(--palettes-neutral-300);cursor:default}.u-elevate1{box-shadow:var(--commons-elevations-elevation-1)}.u-elevate2{box-shadow:var(--commons-elevations-elevation-2)}.u-elevate3{box-shadow:var(--commons-elevations-elevation-3)}.u-elevate4{box-shadow:var(--commons-elevations-elevation-4)}.u-elevate5{box-shadow:var(--commons-elevations-elevation-5)}.u-elevate6{box-shadow:var(--commons-elevations-elevation-6)}.u-mask{border:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important;contain:paint!important}.u-clearfix:before,.u-clearfix:after,.u-clear:before,.u-clear:after{content:\" \";display:table}.u-clearfix:after,.u-clear:after{clear:both}.u-listReset{margin:0!important;padding:0!important;list-style-type:none!important}.u-descriptionListReset{margin:0!important}.u-descriptionListReset>dd,.u-descriptionListReset>div>dd{margin:0!important}.u-buttonReset{padding:0!important;border:0!important;width:100%!important;background-color:transparent!important;color:inherit!important;text-align:left!important;display:block!important;font:inherit!important;cursor:pointer!important}.u-floatLeft{float:left!important}.u-floatRight{float:right!important}.u-verticalAlignBaseline{vertical-align:baseline!important}.u-verticalAlignSub{vertical-align:sub!important}.u-verticalAlignSuper{vertical-align:super!important}.u-verticalAlignTextTop{vertical-align:text-top!important}.u-verticalAlignTextBottom{vertical-align:text-bottom!important}.u-verticalAlignMiddle{vertical-align:middle!important}.u-verticalAlignTop{vertical-align:top!important}.u-verticalAlignBottom{vertical-align:bottom!important}.u-whiteSpaceNormal{white-space:normal!important}.u-whiteSpaceNowrap{white-space:nowrap!important}.u-whiteSpacePreLine{white-space:pre-line!important}.u-displayBlock{display:block!important}.u-displayFlex{display:flex!important}.u-displayInline{display:inline!important}.u-displayInlineFlex{display:inline-flex!important}.u-displayInlineBlock{display:inline-block!important}.u-displayContents{display:contents!important}.u-displayNone{display:none!important}.u-flexDirectionColumn{flex-direction:column!important}.u-flexDirectionColumnReverse{flex-direction:column-reverse!important}.u-flexDirectionRow{flex-direction:row!important}.u-flexDirectionRowReverse{flex-direction:row-reverse!important}.u-flexWrapWrap{flex-wrap:wrap!important}.u-flexWrapNowrap{flex-wrap:nowrap!important}.u-flexWrapWrapReverse{flex-wrap:wrap-reverse!important}.u-justifyContentFlexStart{justify-content:flex-start!important}.u-justifyContentFlexEnd{justify-content:flex-end!important}.u-justifyContentSpaceAround{justify-content:space-around!important}.u-justifyContentSpaceBetween{justify-content:space-between!important}.u-justifyContentSpaceEvenly{justify-content:space-evenly!important}.u-justifyContentCenter{justify-content:center!important}.u-alignItemsFlexStart{align-items:flex-start!important}.u-alignItemsFlexEnd{align-items:flex-end!important}.u-alignItemsBaseline{align-items:baseline!important}.u-alignItemsStretch{align-items:stretch!important}.u-alignItemsCenter{align-items:center!important}.u-flexGrow0{flex-grow:0!important}.u-flexGrow1{flex-grow:1!important}.u-flexShrink0{flex-shrink:0!important}.u-flexShrink1{flex-shrink:1!important}.u-flexBasis0{flex-basis:0!important}.u-flexBasisAuto{flex-basis:auto!important}.u-orderMinus1{order:-1!important}.u-order1{order:1!important}.u-alignSelfFlexStart{align-self:flex-start!important}.u-alignSelfFlexEnd{align-self:flex-end!important}.u-alignSelfBaseline{align-self:baseline!important}.u-alignSelfStretch{align-self:stretch!important}.u-alignSelfCenter{align-self:center!important}.u-positionAbsolute{position:absolute!important}.u-positionRelative{position:relative!important}.u-positionStatic{position:static!important}.u-positionFixed{position:fixed!important}.u-positionSticky{position:sticky!important}.u-width100\\%{width:100%!important}.u-widthFitContent{width:-moz-fit-content!important;width:fit-content!important}.u-height100\\%{height:100%!important}.u-heightFitContent{height:-moz-fit-content!important;height:fit-content!important}.u-minWidth0{min-width:0!important}.u-minHeight0{min-height:0!important}.u-visibilityVisible{visibility:visible!important}.u-visibilityHidden{visibility:hidden!important}.u-visibilityCollapse{visibility:collapse!important}.u-fontWeight400{font-weight:400!important}.u-fontWeight600{font-weight:600!important}.u-fontWeight700{font-weight:700!important}.u-fontWeight900{font-weight:900!important}.u-fontWeightNormal{font-weight:400!important}.u-fontWeightBold{font-weight:700!important}.u-fontStyleNormal{font-style:normal!important}.u-fontStyleItalic{font-style:italic!important}.u-pointerEventsNone{pointer-events:none!important}.u-pointerEventsAuto{pointer-events:auto!important}.u-textAlignLeft{text-align:left!important}.u-textAlignCenter{text-align:center!important}.u-textAlignRight{text-align:right!important}.u-textDecorationUnderline{text-decoration:underline!important}.u-textDecorationLineThrough{text-decoration:line-through!important}.u-textDecorationNone{text-decoration:none!important}.u-overflowHidden{overflow:hidden!important}.u-overflowAuto{overflow:auto!important}.u-overflowVisible{overflow:visible!important}.u-overflowScroll{overflow:scroll!important}@media (prefers-reduced-motion: no-preference){.u-scrollBehaviorAuto{scroll-behavior:auto!important}.u-scrollBehaviorSmooth{scroll-behavior:smooth!important}}@media only print{.u-onlyPrintDisplayBlock{display:block!important}.u-onlyPrintDisplayFlex{display:flex!important}.u-onlyPrintDisplayInline{display:inline!important}.u-onlyPrintDisplayInlineFlex{display:inline-flex!important}.u-onlyPrintDisplayInlineBlock{display:inline-block!important}.u-onlyPrintDisplayContents{display:contents!important}.u-onlyPrintDisplayNone{display:none!important}}.u-onlyPrintDisplayContents,.u-onlyPrintDisplayInline-block,.u-onlyPrintDisplayInline-flex,.u-onlyPrintDisplayInline,.u-onlyPrintDisplayFlex,.u-onlyPrintDisplayBlock{display:none}.u-insetReset,.u-inset0{inset:0!important}.u-topReset,.u-top0{top:0!important}.u-bottomReset,.u-bottom0{bottom:0!important}.u-leftReset,.u-left0{left:0!important}.u-rightReset,.u-right0{right:0!important}.u-inlineReset,.u-inline0{inline:0!important}.u-blockReset,.u-block0{block:0!important}.u-margin0{margin:0!important}.u-marginXXS{margin:.25rem!important}.u-marginXS{margin:.5rem!important}.u-marginS{margin:1rem!important}.u-marginM{margin:1.5rem!important}.u-marginL{margin:2rem!important}.u-marginXL{margin:3rem!important}.u-marginXXL{margin:4rem!important}.u-marginAuto{margin:auto!important}.u-marginTop0{margin-top:0!important}.u-marginTopXXS{margin-top:.25rem!important}.u-marginTopXS{margin-top:.5rem!important}.u-marginTopS{margin-top:1rem!important}.u-marginTopM{margin-top:1.5rem!important}.u-marginTopL{margin-top:2rem!important}.u-marginTopXL{margin-top:3rem!important}.u-marginTopXXL{margin-top:4rem!important}.u-marginTopAuto{margin-top:auto!important}.u-marginBottom0{margin-bottom:0!important}.u-marginBottomXXS{margin-bottom:.25rem!important}.u-marginBottomXS{margin-bottom:.5rem!important}.u-marginBottomS{margin-bottom:1rem!important}.u-marginBottomM{margin-bottom:1.5rem!important}.u-marginBottomL{margin-bottom:2rem!important}.u-marginBottomXL{margin-bottom:3rem!important}.u-marginBottomXXL{margin-bottom:4rem!important}.u-marginBottomAuto{margin-bottom:auto!important}.u-marginLeft0{margin-left:0!important}.u-marginLeftXXS{margin-left:.25rem!important}.u-marginLeftXS{margin-left:.5rem!important}.u-marginLeftS{margin-left:1rem!important}.u-marginLeftM{margin-left:1.5rem!important}.u-marginLeftL{margin-left:2rem!important}.u-marginLeftXL{margin-left:3rem!important}.u-marginLeftXXL{margin-left:4rem!important}.u-marginLeftAuto{margin-left:auto!important}.u-marginRight0{margin-right:0!important}.u-marginRightXXS{margin-right:.25rem!important}.u-marginRightXS{margin-right:.5rem!important}.u-marginRightS{margin-right:1rem!important}.u-marginRightM{margin-right:1.5rem!important}.u-marginRightL{margin-right:2rem!important}.u-marginRightXL{margin-right:3rem!important}.u-marginRightXXL{margin-right:4rem!important}.u-marginRightAuto{margin-right:auto!important}.u-marginInline0{margin-inline:0!important}.u-marginInlineXXS{margin-inline:.25rem!important}.u-marginInlineXS{margin-inline:.5rem!important}.u-marginInlineS{margin-inline:1rem!important}.u-marginInlineM{margin-inline:1.5rem!important}.u-marginInlineL{margin-inline:2rem!important}.u-marginInlineXL{margin-inline:3rem!important}.u-marginInlineXXL{margin-inline:4rem!important}.u-marginInlineAuto{margin-inline:auto!important}.u-marginBlock0{margin-block:0!important}.u-marginBlockXXS{margin-block:.25rem!important}.u-marginBlockXS{margin-block:.5rem!important}.u-marginBlockS{margin-block:1rem!important}.u-marginBlockM{margin-block:1.5rem!important}.u-marginBlockL{margin-block:2rem!important}.u-marginBlockXL{margin-block:3rem!important}.u-marginBlockXXL{margin-block:4rem!important}.u-marginBlockAuto{margin-block:auto!important}.u-padding0{padding:0!important}.u-paddingXXS{padding:.25rem!important}.u-paddingXS{padding:.5rem!important}.u-paddingS{padding:1rem!important}.u-paddingM{padding:1.5rem!important}.u-paddingL{padding:2rem!important}.u-paddingXL{padding:3rem!important}.u-paddingXXL{padding:4rem!important}.u-paddingTop0{padding-top:0!important}.u-paddingTopXXS{padding-top:.25rem!important}.u-paddingTopXS{padding-top:.5rem!important}.u-paddingTopS{padding-top:1rem!important}.u-paddingTopM{padding-top:1.5rem!important}.u-paddingTopL{padding-top:2rem!important}.u-paddingTopXL{padding-top:3rem!important}.u-paddingTopXXL{padding-top:4rem!important}.u-paddingBottom0{padding-bottom:0!important}.u-paddingBottomXXS{padding-bottom:.25rem!important}.u-paddingBottomXS{padding-bottom:.5rem!important}.u-paddingBottomS{padding-bottom:1rem!important}.u-paddingBottomM{padding-bottom:1.5rem!important}.u-paddingBottomL{padding-bottom:2rem!important}.u-paddingBottomXL{padding-bottom:3rem!important}.u-paddingBottomXXL{padding-bottom:4rem!important}.u-paddingLeft0{padding-left:0!important}.u-paddingLeftXXS{padding-left:.25rem!important}.u-paddingLeftXS{padding-left:.5rem!important}.u-paddingLeftS{padding-left:1rem!important}.u-paddingLeftM{padding-left:1.5rem!important}.u-paddingLeftL{padding-left:2rem!important}.u-paddingLeftXL{padding-left:3rem!important}.u-paddingLeftXXL{padding-left:4rem!important}.u-paddingRight0{padding-right:0!important}.u-paddingRightXXS{padding-right:.25rem!important}.u-paddingRightXS{padding-right:.5rem!important}.u-paddingRightS{padding-right:1rem!important}.u-paddingRightM{padding-right:1.5rem!important}.u-paddingRightL{padding-right:2rem!important}.u-paddingRightXL{padding-right:3rem!important}.u-paddingRightXXL{padding-right:4rem!important}.u-paddingInline0{padding-inline:0!important}.u-paddingInlineXXS{padding-inline:.25rem!important}.u-paddingInlineXS{padding-inline:.5rem!important}.u-paddingInlineS{padding-inline:1rem!important}.u-paddingInlineM{padding-inline:1.5rem!important}.u-paddingInlineL{padding-inline:2rem!important}.u-paddingInlineXL{padding-inline:3rem!important}.u-paddingInlineXXL{padding-inline:4rem!important}.u-paddingBlock0{padding-block:0!important}.u-paddingBlockXXS{padding-block:.25rem!important}.u-paddingBlockXS{padding-block:.5rem!important}.u-paddingBlockS{padding-block:1rem!important}.u-paddingBlockM{padding-block:1.5rem!important}.u-paddingBlockL{padding-block:2rem!important}.u-paddingBlockXL{padding-block:3rem!important}.u-paddingBlockXXL{padding-block:4rem!important}.u-border0{border:0!important}.u-borderTop0{border-top:0!important}.u-borderBottom0{border-bottom:0!important}.u-borderLeft0{border-left:0!important}.u-borderRight0{border-right:0!important}.u-borderInline0{border-inline:0!important}.u-borderBlock0{border-block:0!important}.u-columnGap0{column-gap:0!important}.u-columnGapXXS{column-gap:.25rem!important}.u-columnGapXS{column-gap:.5rem!important}.u-columnGapS{column-gap:1rem!important}.u-columnGapM{column-gap:1.5rem!important}.u-columnGapL{column-gap:2rem!important}.u-columnGapXL{column-gap:3rem!important}.u-columnGapXXL{column-gap:4rem!important}.u-rowGap0{row-gap:0!important}.u-rowGapXXS{row-gap:.25rem!important}.u-rowGapXS{row-gap:.5rem!important}.u-rowGapS{row-gap:1rem!important}.u-rowGapM{row-gap:1.5rem!important}.u-rowGapL{row-gap:2rem!important}.u-rowGapXL{row-gap:3rem!important}.u-rowGapXXL{row-gap:4rem!important}.u-gap0{gap:0!important}.u-gapXXS{gap:.25rem!important}.u-gapXS{gap:.5rem!important}.u-gapS{gap:1rem!important}.u-gapM{gap:1.5rem!important}.u-gapL{gap:2rem!important}.u-gapXL{gap:3rem!important}.u-gapXXL{gap:4rem!important}.u-textXS{font-size:var(--sizes-XS-fontSize)!important;line-height:var(--sizes-XS-lineHeight)!important}.u-textS{font-size:var(--sizes-S-fontSize)!important;line-height:var(--sizes-S-lineHeight)!important}.u-textM{font-size:var(--sizes-M-fontSize)!important;line-height:var(--sizes-M-lineHeight)!important}.u-textL{font-size:var(--sizes-L-fontSize)!important;line-height:var(--sizes-L-lineHeight)!important}.u-textXL{font-size:var(--sizes-XL-fontSize)!important;line-height:var(--sizes-XL-lineHeight)!important}.u-textXXL{font-size:var(--sizes-XXL-fontSize)!important;line-height:var(--sizes-XXL-lineHeight)!important}.u-textXXXL{font-size:var(--sizes-XXXL-fontSize)!important;line-height:var(--sizes-XXXL-lineHeight)!important}.u-borderRadiusM{border-radius:4px!important}.u-borderRadiusL{border-radius:8px!important}.u-borderRadiusFull{border-radius:9999px!important}.u-borderTopLeftRadiusM{border-top-left-radius:4px!important}.u-borderTopLeftRadiusL{border-top-left-radius:8px!important}.u-borderTopLeftRadiusFull{border-top-left-radius:9999px!important}.u-borderTopRightRadiusM{border-top-right-radius:4px!important}.u-borderTopRightRadiusL{border-top-right-radius:8px!important}.u-borderTopRightRadiusFull{border-top-right-radius:9999px!important}.u-borderBottomLeftRadiusM{border-bottom-left-radius:4px!important}.u-borderBottomLeftRadiusL{border-bottom-left-radius:8px!important}.u-borderBottomLeftRadiusFull{border-bottom-left-radius:9999px!important}.u-borderBottomRightRadiusM{border-bottom-right-radius:4px!important}.u-borderBottomRightRadiusL{border-bottom-right-radius:8px!important}.u-borderBottomRightRadiusFull{border-bottom-right-radius:9999px!important}.u-textCritical{color:var(--palettes-critical-700)!important}.u-textError{color:var(--palettes-error-700)!important}.u-textWarning{color:var(--palettes-warning-700)!important}.u-textSuccess{color:var(--palettes-success-700)!important}.u-textBrand{color:var(--palettes-brand-700)!important}.u-textNeutral{color:var(--palettes-neutral-700)!important}.u-textNavigation{color:var(--palettes-navigation-700)!important}.u-textProduct{color:var(--palettes-product-700)!important}.u-textKiwi{color:var(--palettes-kiwi-700)!important}.u-textLime{color:var(--palettes-lime-700)!important}.u-textCucumber{color:var(--palettes-cucumber-700)!important}.u-textMint{color:var(--palettes-mint-700)!important}.u-textGlacier{color:var(--palettes-glacier-700)!important}.u-textLagoon{color:var(--palettes-lagoon-700)!important}.u-textBlueberry{color:var(--palettes-blueberry-700)!important}.u-textLavender{color:var(--palettes-lavender-700)!important}.u-textGrape{color:var(--palettes-grape-700)!important}.u-textWatermelon{color:var(--palettes-watermelon-700)!important}.u-textPumpkin{color:var(--palettes-pumpkin-700)!important}.u-textPineapple{color:var(--palettes-pineapple-700)!important}.u-textLucca{color:var(--palettes-lucca-700)!important}.u-textGrey{color:var(--palettes-grey-700)!important}.u-textPrimary{color:var(--palettes-primary-700)!important}.u-textSecondary{color:var(--palettes-secondary-700)!important}.u-textLeft{text-align:left!important}.u-textRight{text-align:right!important}.u-textCenter{text-align:center!important}.u-textLight{color:var(--palettes-neutral-600)!important}.u-textPlaceholder{color:var(--palettes-neutral-400)!important}.u-textDefault{color:var(--palettes-neutral-700)!important}.u-unit{font-size:.66em!important}.u-comma:not(:last-child):after{content:\",\\a0\"!important}.u-ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.u-fontWeightRegular{font-weight:400!important}.u-fontWeightSemiBold{font-weight:600!important}.u-noSpinButtons::-webkit-outer-spin-button,.u-noSpinButtons::-webkit-inner-spin-button{-webkit-appearance:none}.u-noSpinButtons[type=number]{-moz-appearance:textfield}[data-content-before]:before{content:attr(data-content-before)}[data-content-after]:after{content:attr(data-content-after)}.u-h1,.u-h2,.u-h3,.u-h4,.u-h5,.u-h6{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--spacings-S);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding)}.u-h1{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}.u-h1.mod-XXXL{--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding);--sizes-fontSize: var(--sizes-XXXL-fontSize);--sizes-lineHeight: var(--sizes-XXXL-lineHeight);--components-title-weight: 900}.u-h2{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}.u-h3{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}.u-h4{--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600}.u-h5{--sizes-verticalPadding: var(--sizes-S-verticalPadding);--sizes-fontSize: var(--sizes-S-fontSize);--sizes-lineHeight: var(--sizes-S-lineHeight);--components-title-weight: 600}.u-h6{--sizes-verticalPadding: var(--sizes-XS-verticalPadding);--sizes-fontSize: var(--sizes-XS-fontSize);--sizes-lineHeight: var(--sizes-XS-lineHeight);--components-title-weight: 600}.u-animatedFadeIn,.u-animatedFadeOut{animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.u-animatedScaleIn,.u-animatedScaleOut{animation-name:scaleIn}.u-animatedScaleInTop,.u-animatedScaleOutTop{animation-name:scaleInTop}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.u-animatedScaleInRight,.u-animatedScaleOutRight{animation-name:scaleInRight}@keyframes scaleInRight{0%{transform-origin:right center;transform:scaleX(0)}to{transform-origin:right center;transform:scale(1)}}.u-animatedScaleInBottom,.u-animatedScaleOutBottom{animation-name:scaleInBottom}@keyframes scaleInBottom{0%{transform-origin:bottom center;transform:scaleY(0)}to{transform-origin:bottom center;transform:scale(1)}}.u-animatedScaleInLeft,.u-animatedScaleOutLeft{animation-name:scaleInLeft}@keyframes scaleInLeft{0%{transform-origin:left center;transform:scaleX(0)}to{transform-origin:left center;transform:scale(1)}}.u-animatedSlideIn,.u-animatedSlideInTop,.u-animatedSlideOut,.u-animatedSlideOutTop{animation-name:slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(calc(-1 * var(--commons-animations-translate)))}to{opacity:1;transform:translate(0)}}.u-animatedSlideInRight,.u-animatedSlideOutRight{animation-name:slideInRight}@keyframes slideInRight{0%{transform:translate(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInBottom,.u-animatedSlideOutBottom{animation-name:slideInBottom}@keyframes slideInBottom{0%{transform:translateY(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInLeft,.u-animatedSlideOutLeft{animation-name:slideInLeft}@keyframes slideInLeft{0%{transform:translate(calc(-1 * var(--commons-animations-translate)));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedShake{animation-name:shake}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-10px,0,0)}40%,80%{transform:translate3d(10px,0,0)}}.u-animatedPulse{animation-name:pulse;animation-direction:alternate;animation-iteration-count:var(--commons-animations-iteration-count)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.u-animatedFadeOut,.u-animatedSlideOut,.u-animatedSlideOutTop,.u-animatedSlideOutRight,.u-animatedSlideOutBottom,.u-animatedSlideOutLeft,.u-animatedScaleOut,.u-animatedScaleOutTop,.u-animatedScaleOutRight,.u-animatedScaleOutBottom,.u-animatedScaleOutLeft{animation-direction:reverse}[class*=u-animated]{animation-duration:var(--duration, var(--commons-animations-durations-standard));animation-timing-function:var(--commons-animations-function)}[class*=u-animated].mod-animation-duration-fast{--duration: var(--commons-animations-durations-fast)}[class*=u-animated].mod-animation-duration-slow{--duration: var(--commons-animations-durations-slow)}\n"] }]
         }] });
 
 /**

package/fesm2022/lucca-front-ng-simple-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-simple-select.mjs","sources":["../../../packages/ng/simple-select/select.translate.ts","../../../packages/ng/simple-select/select.model.ts","../../../packages/ng/simple-select/panel/option-selected.pipe.ts","../../../packages/ng/simple-select/panel/panel.component.ts","../../../packages/ng/simple-select/panel/panel.component.html","../../../packages/ng/simple-select/input/panel-ref.factory.ts","../../../packages/ng/simple-select/input/select-input.component.ts","../../../packages/ng/simple-select/input/select-input.component.html","../../../packages/ng/simple-select/lucca-front-ng-simple-select.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ILuTranslation } from '@lucca-front/ng/core';\n\nexport const LU_SIMPLE_SELECT_TRANSLATIONS = new InjectionToken('LuSimpleSelectTranslations', {\n\tfactory: () => luSimpleSelectTranslations,\n});\n\nexport interface ILuSimpleSelectLabel {\n\tplaceholder: string;\n\tclear: string;\n\tclearSearch: string;\n\temptyResults: string;\n\tloading: string;\n}\n\nexport const luSimpleSelectTranslations: ILuTranslation<ILuSimpleSelectLabel> = {\n\ten: {\n\t\tplaceholder: 'Select an option',\n\t\tclear: 'Clear',\n\t\tclearSearch: 'Clear search',\n\t\temptyResults: 'No results',\n\t\tloading: 'Loading...',\n\t},\n\tfr: {\n\t\tplaceholder: 'Sélectionnez une option',\n\t\tclear: 'Effacer',\n\t\tclearSearch: 'Vider la recherche',\n\t\temptyResults: 'Aucun résultat pour votre recherche',\n\t\tloading: 'Chargement en cours...',\n\t},\n\tde: {\n\t\tplaceholder: 'Wählen Sie eine Option',\n\t\tclear: 'Löschen',\n\t\tclearSearch: 'Suche löschen',\n\t\temptyResults: 'Keine Ergebnisse für Ihre Suche',\n\t\tloading: 'Wird geladen...',\n\t},\n\tes: {\n\t\tplaceholder: 'Seleccione una opción',\n\t\tclear: 'Borrar',\n\t\tclearSearch: 'Borrar búsqueda',\n\t\temptyResults: 'No hay resultados para su búsqueda',\n\t\tloading: 'Cargando...',\n\t},\n\tpt: {\n\t\tplaceholder: 'Selecione uma opção',\n\t\tclear: 'Limpar',\n\t\tclearSearch: 'Limpar pesquisa',\n\t\temptyResults: 'Nenhum resultado para sua pesquisa',\n\t\tloading: 'Carregando...',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport type { LuSimpleSelectInputComponent } from './input';\n\nexport const SIMPLE_SELECT_INPUT = new InjectionToken<LuSimpleSelectInputComponent<unknown>>('SimpleSelectInput');\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n\tname: 'luIsOptionSelected',\n\tstandalone: true,\n})\nexport class LuIsOptionSelectedPipe implements PipeTransform {\n\ttransform<T>(option: T, comparer: (option1: T, option2: T) => boolean, selectedOption: T): boolean {\n\t\treturn !!selectedOption && comparer(option, selectedOption);\n\t}\n}\n","import { A11yModule, ActiveDescendantKeyManager } from '@angular/cdk/a11y';\nimport { AsyncPipe, NgFor, NgIf, NgTemplateOutlet } from '@angular/common';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, QueryList, ViewChildren, inject } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { PortalDirective, getIntl } from '@lucca-front/ng/core';\nimport { LuSelectPanelRef, SELECT_ID, ɵLuOptionComponent, ɵgenerateGroups } from '@lucca-front/ng/core-select';\nimport { EMPTY, asyncScheduler, filter, map, observeOn, take, takeUntil } from 'rxjs';\nimport { debounceTime, switchMap } from 'rxjs/operators';\nimport { LuSimpleSelectInputComponent } from '../input/select-input.component';\nimport { SIMPLE_SELECT_INPUT } from '../select.model';\nimport { LU_SIMPLE_SELECT_TRANSLATIONS } from '../select.translate';\nimport { LuIsOptionSelectedPipe } from './option-selected.pipe';\n\n@Component({\n\tselector: 'lu-select-panel',\n\ttemplateUrl: './panel.component.html',\n\tstyleUrls: ['./panel.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [A11yModule, AsyncPipe, FormsModule, NgIf, NgFor, NgTemplateOutlet, ɵLuOptionComponent, LuIsOptionSelectedPipe, PortalDirective],\n})\nexport class LuSelectPanelComponent<T> implements AfterViewInit {\n\tpublic selectInput = inject<LuSimpleSelectInputComponent<T>>(SIMPLE_SELECT_INPUT);\n\tpublic panelRef = inject<LuSelectPanelRef<T, T>>(LuSelectPanelRef);\n\tpublic selectId = inject(SELECT_ID);\n\tpublic intl = getIntl(LU_SIMPLE_SELECT_TRANSLATIONS);\n\n\toptions$ = this.selectInput.options$;\n\tgrouping = this.selectInput.grouping;\n\tgroups$ = this.grouping ? this.options$.pipe(map((options) => ɵgenerateGroups(options, this.grouping.selector))) : EMPTY;\n\tloading$ = this.selectInput.loading$;\n\toptionComparer = this.selectInput.optionComparer;\n\tinitialValue: T | undefined = this.selectInput.value;\n\toptionTpl = this.selectInput.optionTpl;\n\n\t@ViewChildren(ɵLuOptionComponent) optionsQL: QueryList<ɵLuOptionComponent<T>>;\n\tprivate _keyManager: ActiveDescendantKeyManager<ɵLuOptionComponent<T>>;\n\n\tpublic get keyManager(): ActiveDescendantKeyManager<ɵLuOptionComponent<T>> {\n\t\treturn this._keyManager;\n\t}\n\n\tpublic get selected(): T | undefined {\n\t\treturn this.initialValue;\n\t}\n\n\tonScroll(evt: Event): void {\n\t\tif (!(evt.target instanceof HTMLElement)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (evt.target.scrollTop === 0) {\n\t\t\tthis.panelRef.previousPage.emit();\n\t\t}\n\n\t\tif (evt.target.scrollHeight - evt.target.scrollTop - evt.target.clientHeight < 1) {\n\t\t\tthis.panelRef.nextPage.emit();\n\t\t}\n\t}\n\n\tngAfterViewInit(): void {\n\t\tif (!this.optionsQL) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._keyManager = new ActiveDescendantKeyManager(this.optionsQL).withHomeAndEnd();\n\n\t\tthis.keyManager.change\n\t\t\t.pipe(\n\t\t\t\tmap(() => this.keyManager.activeItem?.id),\n\t\t\t\ttakeUntil(this.panelRef.closed),\n\t\t\t)\n\t\t\t.subscribe((activeDescendant) => this.panelRef.activeOptionIdChanged.emit(activeDescendant));\n\n\t\tif (this.initialValue && !this.selectInput.clue) {\n\t\t\tthis.options$\n\t\t\t\t?.pipe(\n\t\t\t\t\tobserveOn(asyncScheduler),\n\t\t\t\t\tmap((options) => options.findIndex((o) => this.optionComparer(o, this.initialValue))),\n\t\t\t\t\tfilter((index) => index !== -1),\n\t\t\t\t\ttake(1),\n\t\t\t\t\ttakeUntil(this.panelRef.closed),\n\t\t\t\t)\n\t\t\t\t.subscribe((selectedIndex) => this.keyManager.setActiveItem(selectedIndex));\n\t\t} else {\n\t\t\t// If no initial Value, set first as active\n\t\t\tsetTimeout(() => this.keyManager.setFirstItemActive());\n\t\t}\n\n\t\t/**\n\t\t * On new options after a search, we want to select the first element with key manager\n\t\t */\n\t\tif (this.selectInput.searchable) {\n\t\t\tthis.selectInput.clueChange\n\t\t\t\t.pipe(\n\t\t\t\t\tswitchMap(() => this.optionsQL.changes.pipe(take(1))),\n\t\t\t\t\tdebounceTime(0),\n\t\t\t\t\ttakeUntil(this.panelRef.closed),\n\t\t\t\t)\n\t\t\t\t.subscribe(() => this.keyManager.setFirstItemActive());\n\t\t}\n\t}\n}\n","<div\n\tclass=\"lu-picker-panel lu-option-picker-panel\"\n\tcdkTrapFocus\n\t*ngIf=\"{ options: (options$ | async) || [] } as ctx\"\n\t[cdkTrapFocusAutoCapture]=\"true\"\n>\n\t<div class=\"lu-picker-content\" [class.is-loading]=\"loading$ | async\" (scroll)=\"onScroll($event)\">\n\t\t<div class=\"lu-picker-content-option\" role=\"listbox\">\n\t\t\t<ng-container *ngIf=\"grouping\">\n\t\t\t\t<div\n\t\t\t\t\t*ngFor=\"let group of groups$ | async\"\n\t\t\t\t\tclass=\"lu-picker-content-option-group\"\n\t\t\t\t\trole=\"group\"\n\t\t\t\t\t[attr.aria-labelledby]=\"selectId + '-group-' + group.key\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"lu-picker-content-option-group-title\" role=\"presentation\" [id]=\"selectId + '-group-' + group.key\">\n\t\t\t\t\t\t<ng-container *luPortal=\"grouping.content; context: { $implicit: group }\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: group.options }\" />\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t\t<ng-container *ngIf=\"!grouping\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: ctx.options }\" />\n\t\t\t</ng-container>\n\n\t\t\t<ng-template #optionsList let-options>\n\t\t\t\t<lu-select-option\n\t\t\t\t\t*ngFor=\"let option of options; let index = index\"\n\t\t\t\t\t[option]=\"option\"\n\t\t\t\t\t[optionTpl]=\"optionTpl\"\n\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t[scrollIntoViewOptions]=\"{ block: 'center' }\"\n\t\t\t\t\t[isSelected]=\"option | luIsOptionSelected:optionComparer:selected\"\n\t\t\t\t\t(click)=\"panelRef.emitValue(option)\"\n\t\t\t\t></lu-select-option>\n\t\t\t</ng-template>\n\t\t\t<div class=\"lu-picker-content-option-emptyState\" *ngIf=\"ctx.options.length === 0 && (loading$ | async) === false\">\n\t\t\t\t{{intl.emptyResults}}\n\t\t\t</div>\n\t\t</div>\n\t\t<div *ngIf=\"loading$ | async\" class=\"lu-picker-content-loading\">\n\t\t\t<div class=\"loading\"></div>\n\t\t\t<span>{{intl.loading}}</span>\n\t\t</div>\n\t</div>\n\t<!--<div class=\"lu-picker-content-add\">\n\t\t<button class=\"button mod-text mod-icon palette-product\" type=\"button\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-mathsPlus\"></span>Add a new supplier\n\t\t</button>\n\t</div>-->\n</div>\n","import { Overlay, OverlayConfig, OverlayPositionBuilder, OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { ComponentRef, ElementRef, Injectable, Injector, inject } from '@angular/core';\nimport { LuSelectPanelRef } from '@lucca-front/ng/core-select';\nimport { takeUntil } from 'rxjs';\nimport { LuSelectPanelComponent } from '../panel';\nimport { SIMPLE_SELECT_INPUT } from '../select.model';\nimport { LuSimpleSelectInputComponent } from './select-input.component';\n\nclass SelectPanelRef<T> extends LuSelectPanelRef<T, T> {\n\tinstance: LuSelectPanelComponent<T>;\n\tprivate panelRef: ComponentRef<LuSelectPanelComponent<T>>;\n\tprivate portalRef: ComponentPortal<LuSelectPanelComponent<T>>;\n\n\tconstructor(private overlayRef: OverlayRef, parentInjector: Injector, selectInput: LuSimpleSelectInputComponent<T>) {\n\t\tsuper();\n\n\t\tconst injector = Injector.create({\n\t\t\tproviders: [\n\t\t\t\t{ provide: LuSelectPanelRef, useValue: this },\n\t\t\t\t{ provide: SIMPLE_SELECT_INPUT, useValue: selectInput },\n\t\t\t],\n\t\t\tparent: parentInjector,\n\t\t});\n\n\t\tthis.portalRef = new ComponentPortal<LuSelectPanelComponent<T>>(LuSelectPanelComponent, undefined, injector);\n\t\tthis.panelRef = overlayRef.attach(this.portalRef);\n\t\tthis.instance = this.panelRef.instance;\n\n\t\toverlayRef\n\t\t\t.backdropClick()\n\t\t\t.pipe(takeUntil(this.closed))\n\t\t\t.subscribe(() => this.close());\n\t}\n\n\temitValue(value: T): void {\n\t\tthis.valueChanged.emit(value);\n\t\tthis.close();\n\t}\n\n\toverride handleKeyManagerEvent(event: KeyboardEvent) {\n\t\tthis.instance.keyManager.onKeydown(event);\n\t}\n\n\toverride close(): void {\n\t\tsuper.close();\n\t\tthis.panelRef.destroy();\n\t\tthis.overlayRef.detach();\n\t}\n\n\tselectCurrentlyHighlightedValue(): void {\n\t\tthis.emitValue(this.instance.keyManager.activeItem?.option);\n\t\tthis.close();\n\t}\n\n\tupdatePosition(): void {\n\t\tthis.overlayRef.updatePosition();\n\t}\n}\n\n@Injectable()\nexport class LuSimpleSelectPanelRefFactory {\n\tprotected overlay = inject(Overlay);\n\tprotected elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\tprotected positionBuilder = inject(OverlayPositionBuilder);\n\tprotected scrollStrategies = inject(ScrollStrategyOptions);\n\tprotected parentInjector = inject(Injector);\n\n\tbuildPanelRef<T>(selectInput: LuSimpleSelectInputComponent<T>, overlayConfigOverride: OverlayConfig = {}): LuSelectPanelRef<T, T> {\n\t\tconst overlayConfig = this.buildOverlayConfig(overlayConfigOverride);\n\t\tconst overlayRef = this.overlay.create(overlayConfig);\n\n\t\treturn new SelectPanelRef(overlayRef, this.parentInjector, selectInput);\n\t}\n\n\tprotected buildOverlayConfig(overlayConfigOverride: OverlayConfig = {}): OverlayConfig {\n\t\tconst overlayConfig: OverlayConfig = overlayConfigOverride || {};\n\t\toverlayConfig.positionStrategy = this.positionBuilder.flexibleConnectedTo(this.elementRef).withPositions([\n\t\t\t{\n\t\t\t\toriginX: 'start',\n\t\t\t\toriginY: 'bottom',\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'top',\n\t\t\t},\n\t\t\t{\n\t\t\t\toriginX: 'end',\n\t\t\t\toriginY: 'bottom',\n\t\t\t\toverlayX: 'end',\n\t\t\t\toverlayY: 'top',\n\t\t\t},\n\t\t\t{\n\t\t\t\toriginX: 'start',\n\t\t\t\toriginY: 'top',\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'bottom',\n\t\t\t},\n\t\t\t{\n\t\t\t\toriginX: 'end',\n\t\t\t\toriginY: 'top',\n\t\t\t\toverlayX: 'end',\n\t\t\t\toverlayY: 'bottom',\n\t\t\t},\n\t\t]);\n\t\toverlayConfig.scrollStrategy = this.scrollStrategies.reposition();\n\t\toverlayConfig.minWidth = this.elementRef.nativeElement.clientWidth;\n\t\toverlayConfig.maxHeight = '100vh';\n\t\toverlayConfig.maxWidth = '100vw';\n\n\t\treturn overlayConfig;\n\t}\n}\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { AsyncPipe, NgIf } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation, forwardRef, inject } from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { ALuSelectInputComponent, LuSelectPanelRef, provideLuSelectLabelsAndIds, provideLuSelectOverlayContainer, ɵLuOptionOutletDirective } from '@lucca-front/ng/core-select';\nimport { InputDirective } from '@lucca-front/ng/form-field';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_SIMPLE_SELECT_TRANSLATIONS } from '../select.translate';\nimport { LuSimpleSelectPanelRefFactory } from './panel-ref.factory';\n\n@Component({\n\tselector: 'lu-simple-select',\n\ttemplateUrl: './select-input.component.html',\n\tstyleUrls: ['./select-input.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [AsyncPipe, ɵLuOptionOutletDirective, NgIf, OverlayModule, IconComponent, FormsModule, InputDirective],\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: forwardRef(() => LuSimpleSelectInputComponent),\n\t\t\tmulti: true,\n\t\t},\n\t\t{\n\t\t\tprovide: ALuSelectInputComponent,\n\t\t\tuseExisting: forwardRef(() => LuSimpleSelectInputComponent),\n\t\t},\n\t\tLuSimpleSelectPanelRefFactory,\n\t\tprovideLuSelectOverlayContainer(),\n\t\tprovideLuSelectLabelsAndIds(),\n\t],\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'simpleSelect',\n\t},\n})\nexport class LuSimpleSelectInputComponent<T> extends ALuSelectInputComponent<T, T> implements ControlValueAccessor {\n\tintl = getIntl(LU_SIMPLE_SELECT_TRANSLATIONS);\n\n\tprotected panelRefFactory = inject(LuSimpleSelectPanelRefFactory);\n\n\tprotected buildPanelRef(): LuSelectPanelRef<T, T> {\n\t\treturn this.panelRefFactory.buildPanelRef(this, this.overlayConfig);\n\t}\n\n\tprotected get hasValue(): boolean {\n\t\treturn this.value !== null && this.value !== undefined;\n\t}\n}\n","<input\n\tclass=\"simpleSelect-input\"\n\ttype=\"text\"\n\trole=\"combobox\"\n\taria-haspopup=\"listbox\"\n\t[attr.aria-activedescendant]=\"activeDescendant$ | async\"\n\t[attr.aria-expanded]=\"isPanelOpen\"\n\t[attr.aria-controls]=\"ariaControls\"\n\tplaceholder=\"{{inputPlaceholder}}\"\n\t[(ngModel)]=\"clue\"\n\t(ngModelChange)=\"clueChanged($event)\"\n\t[readonly]=\"!searchable\"\n\t[disabled]=\"disabled\"\n\tluInput\n\t#inputElement\n/>\n<div class=\"simpleSelect-value\">\n\t<ng-container *luOptionOutlet=\"valueTpl || optionTpl; value: value\"></ng-container>\n</div>\n<button\n\t*ngIf=\"clearable && hasValue\"\n\tclass=\"simpleSelect-clear clear\"\n\trole=\"button\"\n\ttype=\"button\"\n\t(click)=\"clearValue($event)\"\n\t(keydown.space)=\"clearValue($event)\"\n>\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"simpleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-simple-select.mjs","sources":["../../../packages/ng/simple-select/select.translate.ts","../../../packages/ng/simple-select/select.model.ts","../../../packages/ng/simple-select/panel/option-selected.pipe.ts","../../../packages/ng/simple-select/panel/panel.component.ts","../../../packages/ng/simple-select/panel/panel.component.html","../../../packages/ng/simple-select/input/panel-ref.factory.ts","../../../packages/ng/simple-select/input/select-input.component.ts","../../../packages/ng/simple-select/input/select-input.component.html","../../../packages/ng/simple-select/lucca-front-ng-simple-select.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { ILuTranslation } from '@lucca-front/ng/core';\n\nexport const LU_SIMPLE_SELECT_TRANSLATIONS = new InjectionToken('LuSimpleSelectTranslations', {\n\tfactory: () => luSimpleSelectTranslations,\n});\n\nexport interface ILuSimpleSelectLabel {\n\tplaceholder: string;\n\tclear: string;\n\tclearSearch: string;\n\temptyResults: string;\n\tloading: string;\n}\n\nexport const luSimpleSelectTranslations: ILuTranslation<ILuSimpleSelectLabel> = {\n\ten: {\n\t\tplaceholder: 'Select an option',\n\t\tclear: 'Clear',\n\t\tclearSearch: 'Clear search',\n\t\temptyResults: 'No results',\n\t\tloading: 'Loading...',\n\t},\n\tfr: {\n\t\tplaceholder: 'Sélectionnez une option',\n\t\tclear: 'Effacer',\n\t\tclearSearch: 'Vider la recherche',\n\t\temptyResults: 'Aucun résultat pour votre recherche',\n\t\tloading: 'Chargement en cours...',\n\t},\n\tde: {\n\t\tplaceholder: 'Wählen Sie eine Option',\n\t\tclear: 'Löschen',\n\t\tclearSearch: 'Suche löschen',\n\t\temptyResults: 'Keine Ergebnisse für Ihre Suche',\n\t\tloading: 'Wird geladen...',\n\t},\n\tes: {\n\t\tplaceholder: 'Seleccione una opción',\n\t\tclear: 'Borrar',\n\t\tclearSearch: 'Borrar búsqueda',\n\t\temptyResults: 'No hay resultados para su búsqueda',\n\t\tloading: 'Cargando...',\n\t},\n\tpt: {\n\t\tplaceholder: 'Selecione uma opção',\n\t\tclear: 'Limpar',\n\t\tclearSearch: 'Limpar pesquisa',\n\t\temptyResults: 'Nenhum resultado para sua pesquisa',\n\t\tloading: 'Carregando...',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport type { LuSimpleSelectInputComponent } from './input';\n\nexport const SIMPLE_SELECT_INPUT = new InjectionToken<LuSimpleSelectInputComponent<unknown>>('SimpleSelectInput');\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n\tname: 'luIsOptionSelected',\n\tstandalone: true,\n})\nexport class LuIsOptionSelectedPipe implements PipeTransform {\n\ttransform<T>(option: T, comparer: (option1: T, option2: T) => boolean, selectedOption: T): boolean {\n\t\treturn !!selectedOption && comparer(option, selectedOption);\n\t}\n}\n","import { A11yModule, ActiveDescendantKeyManager } from '@angular/cdk/a11y';\nimport { AsyncPipe, NgFor, NgIf, NgTemplateOutlet } from '@angular/common';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, QueryList, ViewChildren, inject } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { PortalDirective, getIntl } from '@lucca-front/ng/core';\nimport { LuSelectPanelRef, SELECT_ID, ɵLuOptionComponent, ɵLuOptionGroupPipe, ɵgetGroupTemplateLocation } from '@lucca-front/ng/core-select';\nimport { asyncScheduler, filter, map, observeOn, take, takeUntil } from 'rxjs';\nimport { debounceTime, startWith, switchMap } from 'rxjs/operators';\nimport { LuSimpleSelectInputComponent } from '../input/select-input.component';\nimport { SIMPLE_SELECT_INPUT } from '../select.model';\nimport { LU_SIMPLE_SELECT_TRANSLATIONS } from '../select.translate';\nimport { LuIsOptionSelectedPipe } from './option-selected.pipe';\n\n@Component({\n\tselector: 'lu-select-panel',\n\ttemplateUrl: './panel.component.html',\n\tstyleUrls: ['./panel.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [A11yModule, AsyncPipe, FormsModule, NgIf, NgFor, NgTemplateOutlet, ɵLuOptionGroupPipe, ɵLuOptionComponent, LuIsOptionSelectedPipe, PortalDirective],\n})\nexport class LuSelectPanelComponent<T> implements AfterViewInit {\n\tpublic selectInput = inject<LuSimpleSelectInputComponent<T>>(SIMPLE_SELECT_INPUT);\n\tpublic panelRef = inject<LuSelectPanelRef<T, T>>(LuSelectPanelRef);\n\tpublic selectId = inject(SELECT_ID);\n\tpublic intl = getIntl(LU_SIMPLE_SELECT_TRANSLATIONS);\n\n\toptions$ = this.selectInput.options$;\n\tgrouping = this.selectInput.grouping;\n\tloading$ = this.selectInput.loading$;\n\toptionComparer = this.selectInput.optionComparer;\n\tinitialValue: T | undefined = this.selectInput.value;\n\toptionTpl = this.selectInput.optionTpl;\n\n\t@ViewChildren(ɵLuOptionComponent) optionsQL: QueryList<ɵLuOptionComponent<T>>;\n\tprivate _keyManager: ActiveDescendantKeyManager<ɵLuOptionComponent<T>>;\n\n\tpublic get keyManager(): ActiveDescendantKeyManager<ɵLuOptionComponent<T>> {\n\t\treturn this._keyManager;\n\t}\n\n\tpublic get selected(): T | undefined {\n\t\treturn this.initialValue;\n\t}\n\n\tpublic clueChange$ = this.selectInput.clueChange.pipe(startWith(this.selectInput.clue));\n\tpublic groupTemplateLocation$ = ɵgetGroupTemplateLocation(!!this.grouping, this.clueChange$, this.options$);\n\n\tonScroll(evt: Event): void {\n\t\tif (!(evt.target instanceof HTMLElement)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (evt.target.scrollTop === 0) {\n\t\t\tthis.panelRef.previousPage.emit();\n\t\t}\n\n\t\tif (evt.target.scrollHeight - evt.target.scrollTop - evt.target.clientHeight < 1) {\n\t\t\tthis.panelRef.nextPage.emit();\n\t\t}\n\t}\n\n\tngAfterViewInit(): void {\n\t\tif (!this.optionsQL) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._keyManager = new ActiveDescendantKeyManager(this.optionsQL).withHomeAndEnd();\n\n\t\tthis.keyManager.change\n\t\t\t.pipe(\n\t\t\t\tmap(() => this.keyManager.activeItem?.id),\n\t\t\t\ttakeUntil(this.panelRef.closed),\n\t\t\t)\n\t\t\t.subscribe((activeDescendant) => this.panelRef.activeOptionIdChanged.emit(activeDescendant));\n\n\t\tif (this.initialValue && !this.selectInput.clue) {\n\t\t\tthis.options$\n\t\t\t\t?.pipe(\n\t\t\t\t\tobserveOn(asyncScheduler),\n\t\t\t\t\tmap((options) => options.findIndex((o) => this.optionComparer(o, this.initialValue))),\n\t\t\t\t\tfilter((index) => index !== -1),\n\t\t\t\t\ttake(1),\n\t\t\t\t\ttakeUntil(this.panelRef.closed),\n\t\t\t\t)\n\t\t\t\t.subscribe((selectedIndex) => this.keyManager.setActiveItem(selectedIndex));\n\t\t} else {\n\t\t\t// If no initial Value, set first as active\n\t\t\tsetTimeout(() => this.keyManager.setFirstItemActive());\n\t\t}\n\n\t\t/**\n\t\t * On new options after a search, we want to select the first element with key manager\n\t\t */\n\t\tif (this.selectInput.searchable) {\n\t\t\tthis.selectInput.clueChange\n\t\t\t\t.pipe(\n\t\t\t\t\tswitchMap(() => this.optionsQL.changes.pipe(take(1))),\n\t\t\t\t\tdebounceTime(0),\n\t\t\t\t\ttakeUntil(this.panelRef.closed),\n\t\t\t\t)\n\t\t\t\t.subscribe(() => this.keyManager.setFirstItemActive());\n\t\t}\n\t}\n}\n","<div\n\tclass=\"lu-picker-panel lu-option-picker-panel\"\n\tcdkTrapFocus\n\t*ngIf=\"{\n\t\toptions: (options$ | async) || [],\n\t\tgroupTemplateLocation: groupTemplateLocation$ | async,\n\t} as ctx\"\n\t[cdkTrapFocusAutoCapture]=\"true\"\n>\n\t<div class=\"lu-picker-content\" [class.is-loading]=\"loading$ | async\" (scroll)=\"onScroll($event)\">\n\t\t<div role=\"listbox\">\n\t\t\t<ng-container *ngIf=\"grouping && ctx.groupTemplateLocation === 'group-header'\">\n\t\t\t\t<div\n\t\t\t\t\t*ngFor=\"let group of ctx.options | luOptionGroup:grouping.selector\"\n\t\t\t\t\tclass=\"lu-picker-content-option-group\"\n\t\t\t\t\trole=\"group\"\n\t\t\t\t\t[attr.aria-labelledby]=\"selectId + '-group-' + group.key\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"lu-picker-content-option-group-title\" role=\"presentation\" [id]=\"selectId + '-group-' + group.key\">\n\t\t\t\t\t\t<ng-container *luPortal=\"grouping.content; context: { $implicit: group }\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: group.options }\" />\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t\t<ng-container *ngIf=\"!grouping || ctx.groupTemplateLocation !== 'group-header'\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: ctx.options }\" />\n\t\t\t</ng-container>\n\n\t\t\t<ng-template #optionsList let-options>\n\t\t\t\t<lu-select-option\n\t\t\t\t\t*ngFor=\"let option of options; let index = index\"\n\t\t\t\t\t[option]=\"option\"\n\t\t\t\t\t[optionTpl]=\"optionTpl\"\n\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t[grouping]=\"ctx.groupTemplateLocation === 'option' ? grouping : undefined\"\n\t\t\t\t\t[scrollIntoViewOptions]=\"{ block: 'center' }\"\n\t\t\t\t\t[isSelected]=\"option | luIsOptionSelected:optionComparer:selected\"\n\t\t\t\t\t(click)=\"panelRef.emitValue(option)\"\n\t\t\t\t/>\n\t\t\t</ng-template>\n\t\t\t<div class=\"lu-picker-content-option-emptyState\" *ngIf=\"ctx.options.length === 0 && (loading$ | async) === false\">\n\t\t\t\t{{intl.emptyResults}}\n\t\t\t</div>\n\t\t</div>\n\t\t<div *ngIf=\"loading$ | async\" class=\"lu-picker-content-loading\">\n\t\t\t<div class=\"loading\"></div>\n\t\t\t<span>{{intl.loading}}</span>\n\t\t</div>\n\t</div>\n\t<!--<div class=\"lu-picker-content-add\">\n\t\t<button class=\"button mod-text mod-icon palette-product\" type=\"button\">\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-mathsPlus\"></span>Add a new supplier\n\t\t</button>\n\t</div>-->\n</div>\n","import { Overlay, OverlayConfig, OverlayPositionBuilder, OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { ComponentRef, ElementRef, Injectable, Injector, inject } from '@angular/core';\nimport { LuSelectPanelRef } from '@lucca-front/ng/core-select';\nimport { takeUntil } from 'rxjs';\nimport { LuSelectPanelComponent } from '../panel';\nimport { SIMPLE_SELECT_INPUT } from '../select.model';\nimport { LuSimpleSelectInputComponent } from './select-input.component';\n\nclass SelectPanelRef<T> extends LuSelectPanelRef<T, T> {\n\tinstance: LuSelectPanelComponent<T>;\n\tprivate panelRef: ComponentRef<LuSelectPanelComponent<T>>;\n\tprivate portalRef: ComponentPortal<LuSelectPanelComponent<T>>;\n\n\tconstructor(private overlayRef: OverlayRef, parentInjector: Injector, selectInput: LuSimpleSelectInputComponent<T>) {\n\t\tsuper();\n\n\t\tconst injector = Injector.create({\n\t\t\tproviders: [\n\t\t\t\t{ provide: LuSelectPanelRef, useValue: this },\n\t\t\t\t{ provide: SIMPLE_SELECT_INPUT, useValue: selectInput },\n\t\t\t],\n\t\t\tparent: parentInjector,\n\t\t});\n\n\t\tthis.portalRef = new ComponentPortal<LuSelectPanelComponent<T>>(LuSelectPanelComponent, undefined, injector);\n\t\tthis.panelRef = overlayRef.attach(this.portalRef);\n\t\tthis.instance = this.panelRef.instance;\n\n\t\toverlayRef\n\t\t\t.backdropClick()\n\t\t\t.pipe(takeUntil(this.closed))\n\t\t\t.subscribe(() => this.close());\n\t}\n\n\temitValue(value: T): void {\n\t\tthis.valueChanged.emit(value);\n\t\tthis.close();\n\t}\n\n\toverride handleKeyManagerEvent(event: KeyboardEvent) {\n\t\tthis.instance.keyManager.onKeydown(event);\n\t}\n\n\toverride close(): void {\n\t\tsuper.close();\n\t\tthis.panelRef.destroy();\n\t\tthis.overlayRef.detach();\n\t}\n\n\tselectCurrentlyHighlightedValue(): void {\n\t\tthis.emitValue(this.instance.keyManager.activeItem?.option);\n\t\tthis.close();\n\t}\n\n\tupdatePosition(): void {\n\t\tthis.overlayRef.updatePosition();\n\t}\n}\n\n@Injectable()\nexport class LuSimpleSelectPanelRefFactory {\n\tprotected overlay = inject(Overlay);\n\tprotected elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\tprotected positionBuilder = inject(OverlayPositionBuilder);\n\tprotected scrollStrategies = inject(ScrollStrategyOptions);\n\tprotected parentInjector = inject(Injector);\n\n\tbuildPanelRef<T>(selectInput: LuSimpleSelectInputComponent<T>, overlayConfigOverride: OverlayConfig = {}): LuSelectPanelRef<T, T> {\n\t\tconst overlayConfig = this.buildOverlayConfig(overlayConfigOverride);\n\t\tconst overlayRef = this.overlay.create(overlayConfig);\n\n\t\treturn new SelectPanelRef(overlayRef, this.parentInjector, selectInput);\n\t}\n\n\tprotected buildOverlayConfig(overlayConfigOverride: OverlayConfig = {}): OverlayConfig {\n\t\tconst overlayConfig: OverlayConfig = overlayConfigOverride || {};\n\t\toverlayConfig.positionStrategy = this.positionBuilder.flexibleConnectedTo(this.elementRef).withPositions([\n\t\t\t{\n\t\t\t\toriginX: 'start',\n\t\t\t\toriginY: 'bottom',\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'top',\n\t\t\t},\n\t\t\t{\n\t\t\t\toriginX: 'end',\n\t\t\t\toriginY: 'bottom',\n\t\t\t\toverlayX: 'end',\n\t\t\t\toverlayY: 'top',\n\t\t\t},\n\t\t\t{\n\t\t\t\toriginX: 'start',\n\t\t\t\toriginY: 'top',\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'bottom',\n\t\t\t},\n\t\t\t{\n\t\t\t\toriginX: 'end',\n\t\t\t\toriginY: 'top',\n\t\t\t\toverlayX: 'end',\n\t\t\t\toverlayY: 'bottom',\n\t\t\t},\n\t\t]);\n\t\toverlayConfig.scrollStrategy = this.scrollStrategies.reposition();\n\t\toverlayConfig.minWidth = this.elementRef.nativeElement.clientWidth;\n\t\toverlayConfig.maxHeight = '100vh';\n\t\toverlayConfig.maxWidth = '100vw';\n\n\t\treturn overlayConfig;\n\t}\n}\n","import { OverlayModule } from '@angular/cdk/overlay';\nimport { AsyncPipe, NgIf } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation, forwardRef, inject } from '@angular/core';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { ALuSelectInputComponent, LuSelectPanelRef, provideLuSelectLabelsAndIds, provideLuSelectOverlayContainer, ɵLuOptionOutletDirective } from '@lucca-front/ng/core-select';\nimport { InputDirective } from '@lucca-front/ng/form-field';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_SIMPLE_SELECT_TRANSLATIONS } from '../select.translate';\nimport { LuSimpleSelectPanelRefFactory } from './panel-ref.factory';\n\n@Component({\n\tselector: 'lu-simple-select',\n\ttemplateUrl: './select-input.component.html',\n\tstyleUrls: ['./select-input.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [AsyncPipe, ɵLuOptionOutletDirective, NgIf, OverlayModule, IconComponent, FormsModule, InputDirective],\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: forwardRef(() => LuSimpleSelectInputComponent),\n\t\t\tmulti: true,\n\t\t},\n\t\t{\n\t\t\tprovide: ALuSelectInputComponent,\n\t\t\tuseExisting: forwardRef(() => LuSimpleSelectInputComponent),\n\t\t},\n\t\tLuSimpleSelectPanelRefFactory,\n\t\tprovideLuSelectOverlayContainer(),\n\t\tprovideLuSelectLabelsAndIds(),\n\t],\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'simpleSelect',\n\t},\n})\nexport class LuSimpleSelectInputComponent<T> extends ALuSelectInputComponent<T, T> implements ControlValueAccessor {\n\tintl = getIntl(LU_SIMPLE_SELECT_TRANSLATIONS);\n\n\tprotected panelRefFactory = inject(LuSimpleSelectPanelRefFactory);\n\n\tprotected buildPanelRef(): LuSelectPanelRef<T, T> {\n\t\treturn this.panelRefFactory.buildPanelRef(this, this.overlayConfig);\n\t}\n\n\tprotected get hasValue(): boolean {\n\t\treturn this.value !== null && this.value !== undefined;\n\t}\n}\n","<input\n\tclass=\"simpleSelect-input\"\n\ttype=\"text\"\n\trole=\"combobox\"\n\taria-haspopup=\"listbox\"\n\t[attr.aria-activedescendant]=\"activeDescendant$ | async\"\n\t[attr.aria-expanded]=\"isPanelOpen\"\n\t[attr.aria-controls]=\"ariaControls\"\n\tplaceholder=\"{{inputPlaceholder}}\"\n\t[ngModel]=\"clue\"\n\t(ngModelChange)=\"clueChanged($event)\"\n\t[readonly]=\"!searchable\"\n\t[disabled]=\"disabled$ | async\"\n\tluInput\n\t#inputElement\n/>\n<div class=\"simpleSelect-value\">\n\t<ng-container *luOptionOutlet=\"valueTpl || optionTpl; value: value\"></ng-container>\n</div>\n<button\n\t*ngIf=\"clearable && hasValue\"\n\tclass=\"simpleSelect-clear clear\"\n\trole=\"button\"\n\ttype=\"button\"\n\t(click)=\"clearValue($event)\"\n\t(keydown.space)=\"clearValue($event)\"\n>\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"simpleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

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

@@ -204,11 +204,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
         }] });
 
 /**
- * Displays user picture and name. ILuUser's role can be specified, and the footer is customizable.
+ * Displays user picture and name. LuUserTileUserInput's role can be specified, and the footer is customizable.
  */
 class LuUserTileComponent {
     /**
-     * ILuUser to display.
+     * LuUserTileUserInput to display.
      */
     set user(user) {
         this._user = user;
@@ -218,7 +218,7 @@ class LuUserTileComponent {
         return this._user;
     }
     /**
-     * ILuUser role to display
+     * LuUserTileUserInput role to display
      */
     set role(role) {
         this._role = role;