@lucca-front/ng 19.3.3 → 20.0.0

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Directive, Input, HostBinding, DestroyRef, InjectionToken, LOCALE_ID, input, booleanAttribute, viewChild, signal, computed, Component, ViewEncapsulation, forwardRef, EventEmitter, ViewChild, Output, ChangeDetectionStrategy, numberAttribute, ChangeDetectorRef } from '@angular/core';
+import { inject, HostBinding, Input, Directive, DestroyRef, InjectionToken, LOCALE_ID, input, booleanAttribute, viewChild, signal, computed, ViewEncapsulation, Component, forwardRef, EventEmitter, Output, ViewChild, ChangeDetectionStrategy, numberAttribute, ChangeDetectorRef } from '@angular/core';
 import { FormFieldComponent, InputDirective, FORM_FIELD_INSTANCE } from '@lucca-front/ng/form-field';
 import { filter, take, startWith } from 'rxjs/operators';
 import * as i2 from '@angular/forms';
@@ -8,7 +8,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { NgIf, NgTemplateOutlet } from '@angular/common';
 import { getIntl, IntlParamsPipe, LuClass } from '@lucca-front/ng/core';
 import { NumberFormat, NumberFormatDirective } from '@lucca-front/ng/number-format';
-import { FILTER_PILL_INPUT_COMPONENT, FilterPillLabelDirective } from '@lucca-front/ng/filter-pills';
+import { FilterPillLabelDirective, FILTER_PILL_INPUT_COMPONENT } from '@lucca-front/ng/filter-pills';
 import { LuTooltipTriggerDirective } from '@lucca-front/ng/tooltip';
 import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { PopoverDirective } from '@lucca-front/ng/popover2';
@@ -40,10 +40,10 @@ class FormFieldIdDirective {
     ngOnDestroy() {
         this.#formFieldComponent.removeLabelledBy(`${this.#formFieldComponent.id()}-${this.#suffix}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: FormFieldIdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: FormFieldIdDirective, isStandalone: true, selector: "[luFormFieldId]", inputs: { suffix: ["luFormFieldId", "suffix"], labelledByStrategy: "labelledByStrategy" }, host: { properties: { "attr.id": "this.id" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: FormFieldIdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: FormFieldIdDirective, isStandalone: true, selector: "[luFormFieldId]", inputs: { suffix: ["luFormFieldId", "suffix"], labelledByStrategy: "labelledByStrategy" }, host: { properties: { "attr.id": "this.id" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: FormFieldIdDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: FormFieldIdDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luFormFieldId]',
@@ -89,8 +89,8 @@ class NoopValueAccessorDirective {
     writeValue() { }
     registerOnChange() { }
     registerOnTouched() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NoopValueAccessorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NoopValueAccessorDirective, isStandalone: true, selector: "[luNoopValueAccessor]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: NoopValueAccessorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: NoopValueAccessorDirective, isStandalone: true, selector: "[luNoopValueAccessor]", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
@@ -98,7 +98,7 @@ class NoopValueAccessorDirective {
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NoopValueAccessorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: NoopValueAccessorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luNoopValueAccessor]',
@@ -214,10 +214,10 @@ class NumberFormatInputComponent {
         this.ngControl.reset();
         this.inputElementRef().nativeElement.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NumberFormatInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: NumberFormatInputComponent, isStandalone: true, selector: "lu-number-format-input", inputs: { formatStyle: { classPropertyName: "formatStyle", publicName: "formatStyle", isSignal: true, isRequired: false, transformFunction: null }, useAutoPrefixSuffix: { classPropertyName: "useAutoPrefixSuffix", publicName: "useAutoPrefixSuffix", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, currencyDisplay: { classPropertyName: "currencyDisplay", publicName: "currencyDisplay", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, unitDisplay: { classPropertyName: "unitDisplay", publicName: "unitDisplay", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hasClearer: { classPropertyName: "hasClearer", publicName: "hasClearer", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "<div class=\"textField\">\n\t<ng-template #addon let-addon=\"addon\" let-type=\"type\">\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.content\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\">{{ addon.content }}</span>\n\t\t</span>\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.icon\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\n\t\t\t></span>\n\t\t</span>\n\t</ng-template>\n\n\t@if (prefixAddon()) {\n\t<ng-container\n\t\t*ngTemplateOutlet=\"addon; context:{\n\t\t\ttype: 'prefix',\n\t\t\taddon: prefixAddon()\n     }\"\n\t/>\n\t} @if(suffixAddon()) {\n\t<ng-container\n\t\t*ngTemplateOutlet=\"addon; context:{\n\t\t\ttype: 'suffix',\n\t\t\taddon: suffixAddon()\n     }\"\n\t/>\n\t}\n\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\tluInput\n\t\t\tluNumberFormatInput\n\t\t\t[formatOptions]=\"formatOptions()\"\n\t\t\t[min]=\"min()\"\n\t\t\t[max]=\"max()\"\n\t\t\ttype=\"text\"\n\t\t\tinputmode=\"decimal\"\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[placeholder]=\"placeholder()\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t#inputElement\n\t\t/>\n\t\t<div class=\"textField-input-affix\">\n\t\t\t<button class=\"textField-input-affix-clear clear\" type=\"button\" (click)=\"clearValue()\" *ngIf=\"hasClearer() && inputElement.value\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.clear }}</span>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</div>\n", dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: FormFieldIdDirective, selector: "[luFormFieldId]", inputs: ["luFormFieldId", "labelledByStrategy"] }, { kind: "directive", type: NumberFormatDirective, selector: "input[luNumberFormatInput]", inputs: ["formatOptions"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: NumberFormatInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: NumberFormatInputComponent, isStandalone: true, selector: "lu-number-format-input", inputs: { formatStyle: { classPropertyName: "formatStyle", publicName: "formatStyle", isSignal: true, isRequired: false, transformFunction: null }, useAutoPrefixSuffix: { classPropertyName: "useAutoPrefixSuffix", publicName: "useAutoPrefixSuffix", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, currencyDisplay: { classPropertyName: "currencyDisplay", publicName: "currencyDisplay", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, unitDisplay: { classPropertyName: "unitDisplay", publicName: "unitDisplay", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hasClearer: { classPropertyName: "hasClearer", publicName: "hasClearer", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "<div class=\"textField\">\n\t<ng-template #addon let-addon=\"addon\" let-type=\"type\">\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.content\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\">{{ addon.content }}</span>\n\t\t</span>\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.icon\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\n\t\t\t></span>\n\t\t</span>\n\t</ng-template>\n\n\t@if (prefixAddon()) {\n\t<ng-container\n\t\t*ngTemplateOutlet=\"addon; context:{\n\t\t\ttype: 'prefix',\n\t\t\taddon: prefixAddon()\n     }\"\n\t/>\n\t} @if(suffixAddon()) {\n\t<ng-container\n\t\t*ngTemplateOutlet=\"addon; context:{\n\t\t\ttype: 'suffix',\n\t\t\taddon: suffixAddon()\n     }\"\n\t/>\n\t}\n\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\tluInput\n\t\t\tluNumberFormatInput\n\t\t\t[formatOptions]=\"formatOptions()\"\n\t\t\t[min]=\"min()\"\n\t\t\t[max]=\"max()\"\n\t\t\ttype=\"text\"\n\t\t\tinputmode=\"decimal\"\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[placeholder]=\"placeholder()\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t#inputElement\n\t\t/>\n\t\t<div class=\"textField-input-affix\">\n\t\t\t<button class=\"textField-input-affix-clear clear\" type=\"button\" (click)=\"clearValue()\" *ngIf=\"hasClearer() && inputElement.value\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.clear }}</span>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</div>\n", dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: FormFieldIdDirective, selector: "[luFormFieldId]", inputs: ["luFormFieldId", "labelledByStrategy"] }, { kind: "directive", type: NumberFormatDirective, selector: "input[luNumberFormatInput]", inputs: ["formatOptions"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NumberFormatInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: NumberFormatInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-number-format-input', standalone: true, imports: [FormFieldComponent, InputDirective, NgIf, ReactiveFormsModule, FormFieldIdDirective, NumberFormatDirective, NgTemplateOutlet], hostDirectives: [NoopValueAccessorDirective], encapsulation: ViewEncapsulation.None, template: "<div class=\"textField\">\n\t<ng-template #addon let-addon=\"addon\" let-type=\"type\">\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.content\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\">{{ addon.content }}</span>\n\t\t</span>\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.icon\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\n\t\t\t></span>\n\t\t</span>\n\t</ng-template>\n\n\t@if (prefixAddon()) {\n\t<ng-container\n\t\t*ngTemplateOutlet=\"addon; context:{\n\t\t\ttype: 'prefix',\n\t\t\taddon: prefixAddon()\n     }\"\n\t/>\n\t} @if(suffixAddon()) {\n\t<ng-container\n\t\t*ngTemplateOutlet=\"addon; context:{\n\t\t\ttype: 'suffix',\n\t\t\taddon: suffixAddon()\n     }\"\n\t/>\n\t}\n\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\tluInput\n\t\t\tluNumberFormatInput\n\t\t\t[formatOptions]=\"formatOptions()\"\n\t\t\t[min]=\"min()\"\n\t\t\t[max]=\"max()\"\n\t\t\ttype=\"text\"\n\t\t\tinputmode=\"decimal\"\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[placeholder]=\"placeholder()\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t#inputElement\n\t\t/>\n\t\t<div class=\"textField-input-affix\">\n\t\t\t<button class=\"textField-input-affix-clear clear\" type=\"button\" (click)=\"clearValue()\" *ngIf=\"hasClearer() && inputElement.value\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.clear }}</span>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</div>\n" }]
         }] });
@@ -249,15 +249,15 @@ class CheckboxInputComponent {
         this.isFilterPill = true;
     }
     onFilterPillClick() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CheckboxInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: CheckboxInputComponent, isStandalone: true, selector: "lu-checkbox-input", inputs: { mixed: ["mixed", "mixed", booleanAttribute] }, host: { classAttribute: "checkboxField" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CheckboxInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: CheckboxInputComponent, isStandalone: true, selector: "lu-checkbox-input", inputs: { mixed: ["mixed", "mixed", booleanAttribute] }, host: { classAttribute: "checkboxField" }, providers: [
             {
                 provide: FILTER_PILL_INPUT_COMPONENT,
                 useExisting: forwardRef(() => CheckboxInputComponent),
             },
         ], hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "@if (!isFilterPill) {\n<input luInput type=\"checkbox\" class=\"checkboxField-input\" [formControl]=\"ngControl.control\" [attr.aria-checked]=\"mixed ? 'mixed' : null\" />\n<span class=\"checkboxField-icon\" aria-hidden=\"true\"><span class=\"checkboxField-icon-check\"></span></span>\n}\n\n<ng-container *luFilterPillLabel=\"let label=label\">\n\t<label class=\"filterPill-label\" [attr.for]=\"filterPillInputId\" luTooltip luTooltipWhenEllipsis=\"true\">\n\t\t{{ label }}\n\t\t<span class=\"filterPill-label-placeholder\" aria-hidden=\"true\" [attr.data-content-before]=\"label\"></span>\n\t</label>\n\t<span class=\"filterPill-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\tclass=\"filterPill-checkbox-input\"\n\t\t\tluInput\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t[attr.aria-checked]=\"mixed ? 'mixed' : null\"\n\t\t\t[attr.id]=\"filterPillInputId\"\n\t\t/>\n\t\t<span class=\"filterPill-checkbox-icon\" aria-hidden=\"true\">\n\t\t\t<span class=\"filterPill-checkbox-icon-check\"></span>\n\t\t</span>\n\t</span>\n</ng-container>\n", styles: [".checkboxField{--component-checkboxField-size: 1.25rem;--component-checkboxField-top: var(--pr-t-spacings-25);--component-checkboxField-borderRadius: 6px;--component-checkboxField-icon-fontSize: var(--sizes-S-lineHeight);position:relative;inline-size:fit-content;block-size:fit-content;display:grid;grid-template-areas:\"checkbox\";grid-template-columns:var(--component-checkboxField-size);grid-template-rows:var(--component-checkboxField-size)}.checkboxField-icon{border:2px solid var(--palettes-neutral-700);border-radius:var(--component-checkboxField-borderRadius);color:var(--palettes-neutral-0);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-0);cursor:pointer;grid-area:checkbox;display:flex}@media (prefers-reduced-motion: reduce){.checkboxField-icon{transition-property:none}}.checkboxField-icon:after{content:\"\";position:absolute;inset:0;outline-offset:2px;border-radius:var(--component-checkboxField-borderRadius)}.checkboxField-icon-check{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;transform:scale(0);transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:cubic-bezier(.5,-.5,.5,0)}@media (prefers-reduced-motion: reduce){.checkboxField-icon-check{transition-property:none}}.checkboxField-icon-check:before{font-weight:400;font-size:var(--component-checkboxField-icon-fontSize);direction:ltr;font-family:Lucca icons;font-feature-settings:\"liga\";font-style:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;content:\"\\e97d\";content:\"\\e97d\"/\"\"}.checkboxField-input{z-index:1;opacity:.0001;cursor:pointer;grid-area:checkbox;inline-size:100%;block-size:100%}.checkboxField.mod-S{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--commons-borderRadius-M);--component-checkboxField-icon-fontSize: var(--sizes-XS-lineHeight);--component-checkboxField-label-fontSize: var(--sizes-S-fontSize);--component-checkboxField-label-lineHeight: var(--sizes-S-lineHeight)}.checkboxField-input[aria-checked=mixed]~.checkboxField-icon{background-color:var(--palettes-product-700);border-color:var(--palettes-product-700)}.checkboxField-input[aria-checked=mixed]~.checkboxField-icon .checkboxField-icon-check{transform:scale(1);transition-timing-function:cubic-bezier(.5,1,.5,1.5)}.checkboxField-input[aria-checked=mixed]~.checkboxField-icon .checkboxField-icon-check:before{content:\"\\e975\";content:\"\\e975\"/\"\"}.checkboxField-input:focus-visible~.checkboxField-icon:after{outline:2px solid var(--palettes-product-700);outline-offset:2px}.checkboxField-input:hover~.checkboxField-icon{border-color:var(--palettes-neutral-600)}.checkboxField-input:hover[aria-checked=mixed]~.checkboxField-icon{background-color:var(--palettes-product-600);border-color:var(--palettes-product-600)}.checkboxField-input:active~.checkboxField-icon{border-color:var(--palettes-neutral-800)}.checkboxField-input:active[aria-checked=mixed]~.checkboxField-icon{background-color:var(--palettes-product-800);border-color:var(--palettes-product-800)}.checkboxField-input:disabled{cursor:default}.checkboxField-input:disabled~.checkboxField-icon{border-color:var(--palettes-neutral-500)}.checkboxField-input:disabled[aria-checked=mixed]~.checkboxField-icon{background-color:var(--commons-disabled-background);border-color:var(--commons-disabled-background);color:var(--palettes-neutral-600)}.checkboxField-input[aria-invalid=true]~.checkboxField-icon{border-color:var(--palettes-error-700)}.checkboxField-input[aria-invalid=true][aria-checked=mixed]~.checkboxField-icon{background-color:var(--palettes-error-700);border-color:var(--palettes-error-700)}.checkboxField-input[aria-invalid=true]:hover~.checkboxField-icon{border-color:var(--palettes-error-600)}.checkboxField-input[aria-invalid=true]:hover[aria-checked=mixed]~.checkboxField-icon{background-color:var(--palettes-error-600);border-color:var(--palettes-error-600)}.checkboxField-input[aria-invalid=true]:active~.checkboxField-icon{border-color:var(--palettes-error-800)}.checkboxField-input[aria-invalid=true]:active[aria-checked=mixed]~.checkboxField-icon{background-color:var(--palettes-error-800);border-color:var(--palettes-error-800)}.checkboxField-input:checked~.checkboxField-icon{background-color:var(--palettes-product-700);border-color:var(--palettes-product-700)}.checkboxField-input:checked~.checkboxField-icon .checkboxField-icon-check{transform:scale(1);transition-timing-function:cubic-bezier(.5,1,.5,1.5)}.checkboxField-input:checked:hover~.checkboxField-icon{background-color:var(--palettes-product-600);border-color:var(--palettes-product-600)}.checkboxField-input:checked:active~.checkboxField-icon{background-color:var(--palettes-product-800);border-color:var(--palettes-product-800)}.checkboxField-input:checked:disabled~.checkboxField-icon{background-color:var(--commons-disabled-background);border-color:var(--commons-disabled-background);color:var(--palettes-neutral-600)}.checkboxField-input:checked[aria-invalid=true]~.checkboxField-icon{background-color:var(--palettes-error-700);border-color:var(--palettes-error-700)}.checkboxField-input:checked[aria-invalid=true]:hover~.checkboxField-icon{background-color:var(--palettes-error-600);border-color:var(--palettes-error-600)}.checkboxField-input:checked[aria-invalid=true]:active~.checkboxField-icon{background-color:var(--palettes-error-800);border-color:var(--palettes-error-800)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "directive", type: FilterPillLabelDirective, selector: "[luFilterPillLabel]" }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis"], exportAs: ["luTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CheckboxInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: CheckboxInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-checkbox-input', standalone: true, imports: [ReactiveFormsModule, InputDirective, FilterPillLabelDirective, LuTooltipTriggerDirective], hostDirectives: [NoopValueAccessorDirective], encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -346,10 +346,10 @@ class TextInputComponent {
     togglePasswordVisibility() {
         this.showPassword = !this.showPassword;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.3", type: TextInputComponent, isStandalone: true, selector: "lu-text-input", inputs: { placeholder: "placeholder", autocomplete: "autocomplete", hasClearer: ["hasClearer", "hasClearer", booleanAttribute], hasSearchIcon: ["hasSearchIcon", "hasSearchIcon", booleanAttribute], valueAlignRight: ["valueAlignRight", "valueAlignRight", booleanAttribute], prefix: "prefix", suffix: "suffix", type: "type", searchIcon: "searchIcon" }, outputs: { blur: "blur" }, viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true, static: true }], hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "<div class=\"textField\" [class.mod-valueAlignRight]=\"valueAlignRight\">\n\t<ng-template #textfieldAddon let-addon=\"addon\" let-type=\"type\">\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.content\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" aria-hidden=\"true\">{{ addon.content }}</span>\n\t\t\t<span class=\"u-mask\">{{ addon.ariaLabel }}</span>\n\t\t</span>\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.icon\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\n\t\t\t></span>\n\t\t</span>\n\t</ng-template>\n\n\t<ng-container *ngIf=\"prefix\">\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\n\t\t\ttype: 'prefix',\n\t\t\taddon: prefix\n     }\"\n\t\t>\n\t\t</ng-container>\n\t</ng-container>\n\t<ng-container *ngIf=\"suffix\">\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\n\t\t\ttype: 'suffix',\n\t\t\taddon: suffix\n     }\"\n\t\t>\n\t\t</ng-container>\n\t</ng-container>\n\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\tluInput\n\t\t\t[type]=\"type\"\n\t\t\t[attr.autocomplete]=\"autocomplete ? autocomplete : null\"\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t(blur)=\"blur.emit($event)\"\n\t\t\t#inputElement\n\t\t/>\n\t\t<div class=\"textField-input-affix\">\n\t\t\t<button class=\"textField-input-affix-clear clear\" type=\"button\" (click)=\"clearValue()\" *ngIf=\"hasClearer && inputElement.value\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.clear }}</span>\n\t\t\t</button>\n\t\t\t<span aria-hidden=\"true\" class=\"textField-input-affix-icon lucca-icon icon-{{searchIcon}}\" *ngIf=\"hasSearchIcon\"></span>\n\t\t\t<button\n\t\t\t\t[attr.aria-pressed]=\"showPassword\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"button mod-onlyIcon mod-text textField-input-affix-toggle\"\n\t\t\t\t(click)=\"togglePasswordVisibility()\"\n\t\t\t\t*ngIf=\"hasTogglePasswordVisibilityIcon()\"\n\t\t\t>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-{{showPassword ? 'unwatch' : 'watch'}}\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.togglePasswordVisibility }}</span>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</div>\n", dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: FormFieldIdDirective, selector: "[luFormFieldId]", inputs: ["luFormFieldId", "labelledByStrategy"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.0.2", type: TextInputComponent, isStandalone: true, selector: "lu-text-input", inputs: { placeholder: "placeholder", autocomplete: "autocomplete", hasClearer: ["hasClearer", "hasClearer", booleanAttribute], hasSearchIcon: ["hasSearchIcon", "hasSearchIcon", booleanAttribute], valueAlignRight: ["valueAlignRight", "valueAlignRight", booleanAttribute], prefix: "prefix", suffix: "suffix", type: "type", searchIcon: "searchIcon" }, outputs: { blur: "blur" }, viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true, static: true }], hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "<div class=\"textField\" [class.mod-valueAlignRight]=\"valueAlignRight\">\n\t<ng-template #textfieldAddon let-addon=\"addon\" let-type=\"type\">\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.content\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" aria-hidden=\"true\">{{ addon.content }}</span>\n\t\t\t<span class=\"u-mask\">{{ addon.ariaLabel }}</span>\n\t\t</span>\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.icon\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\n\t\t\t></span>\n\t\t</span>\n\t</ng-template>\n\n\t<ng-container *ngIf=\"prefix\">\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\n\t\t\ttype: 'prefix',\n\t\t\taddon: prefix\n     }\"\n\t\t>\n\t\t</ng-container>\n\t</ng-container>\n\t<ng-container *ngIf=\"suffix\">\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\n\t\t\ttype: 'suffix',\n\t\t\taddon: suffix\n     }\"\n\t\t>\n\t\t</ng-container>\n\t</ng-container>\n\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\tluInput\n\t\t\t[type]=\"type\"\n\t\t\t[attr.autocomplete]=\"autocomplete ? autocomplete : null\"\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t(blur)=\"blur.emit($event)\"\n\t\t\t#inputElement\n\t\t/>\n\t\t<div class=\"textField-input-affix\">\n\t\t\t<button class=\"textField-input-affix-clear clear\" type=\"button\" (click)=\"clearValue()\" *ngIf=\"hasClearer && inputElement.value\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.clear }}</span>\n\t\t\t</button>\n\t\t\t<span aria-hidden=\"true\" class=\"textField-input-affix-icon lucca-icon icon-{{searchIcon}}\" *ngIf=\"hasSearchIcon\"></span>\n\t\t\t<button\n\t\t\t\t[attr.aria-pressed]=\"showPassword\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"button mod-onlyIcon mod-text textField-input-affix-toggle\"\n\t\t\t\t(click)=\"togglePasswordVisibility()\"\n\t\t\t\t*ngIf=\"hasTogglePasswordVisibilityIcon()\"\n\t\t\t>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-{{showPassword ? 'unwatch' : 'watch'}}\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.togglePasswordVisibility }}</span>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</div>\n", dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: FormFieldIdDirective, selector: "[luFormFieldId]", inputs: ["luFormFieldId", "labelledByStrategy"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TextInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: TextInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-text-input', standalone: true, imports: [FormFieldComponent, InputDirective, NgIf, ReactiveFormsModule, FormFieldIdDirective, NgTemplateOutlet], hostDirectives: [NoopValueAccessorDirective], encapsulation: ViewEncapsulation.None, template: "<div class=\"textField\" [class.mod-valueAlignRight]=\"valueAlignRight\">\n\t<ng-template #textfieldAddon let-addon=\"addon\" let-type=\"type\">\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.content\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" aria-hidden=\"true\">{{ addon.content }}</span>\n\t\t\t<span class=\"u-mask\">{{ addon.ariaLabel }}</span>\n\t\t</span>\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.icon\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\n\t\t\t></span>\n\t\t</span>\n\t</ng-template>\n\n\t<ng-container *ngIf=\"prefix\">\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\n\t\t\ttype: 'prefix',\n\t\t\taddon: prefix\n     }\"\n\t\t>\n\t\t</ng-container>\n\t</ng-container>\n\t<ng-container *ngIf=\"suffix\">\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\n\t\t\ttype: 'suffix',\n\t\t\taddon: suffix\n     }\"\n\t\t>\n\t\t</ng-container>\n\t</ng-container>\n\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\tluInput\n\t\t\t[type]=\"type\"\n\t\t\t[attr.autocomplete]=\"autocomplete ? autocomplete : null\"\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t(blur)=\"blur.emit($event)\"\n\t\t\t#inputElement\n\t\t/>\n\t\t<div class=\"textField-input-affix\">\n\t\t\t<button class=\"textField-input-affix-clear clear\" type=\"button\" (click)=\"clearValue()\" *ngIf=\"hasClearer && inputElement.value\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.clear }}</span>\n\t\t\t</button>\n\t\t\t<span aria-hidden=\"true\" class=\"textField-input-affix-icon lucca-icon icon-{{searchIcon}}\" *ngIf=\"hasSearchIcon\"></span>\n\t\t\t<button\n\t\t\t\t[attr.aria-pressed]=\"showPassword\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"button mod-onlyIcon mod-text textField-input-affix-toggle\"\n\t\t\t\t(click)=\"togglePasswordVisibility()\"\n\t\t\t\t*ngIf=\"hasTogglePasswordVisibilityIcon()\"\n\t\t\t>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-{{showPassword ? 'unwatch' : 'watch'}}\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.togglePasswordVisibility }}</span>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</div>\n" }]
         }], propDecorators: { placeholder: [{
@@ -456,8 +456,8 @@ class MultilanguageInputComponent {
     valueChange() {
         this.onChange?.(this.model());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: MultilanguageInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: MultilanguageInputComponent, isStandalone: true, selector: "lu-multilanguage-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: MultilanguageInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: MultilanguageInputComponent, isStandalone: true, selector: "lu-multilanguage-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => MultilanguageInputComponent),
@@ -465,7 +465,7 @@ class MultilanguageInputComponent {
             },
         ], ngImport: i0, template: "<div class=\"textField\">\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\tluInput\n\t\t\ttype=\"text\"\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[placeholder]=\"placeholder()\"\n\t\t\t[(ngModel)]=\"invariant().value\"\n\t\t\t(ngModelChange)=\"valueChange()\"\n\t\t\t[ngModelOptions]=\"{ standalone: true }\"\n\t\t\t(blur)=\"onTouched?.()\"\n\t\t\t[disabled]=\"disabledInternal()\"\n\t\t\t#inputElement\n\t\t/>\n\t\t<div class=\"textField-input-affix\">\n\t\t\t<button\n\t\t\t\t[luPopover2]=\"popoverMultilanguage\"\n\t\t\t\tluPopoverNoCloseButton\n\t\t\t\t[customPositions]=\"popoverPositions\"\n\t\t\t\t[luTooltip]=\"intl.toggleMultilanguage\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"button mod-onlyIcon mod-text textField-input-affix-toggle\"\n\t\t\t>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signTranslation\"></span>\n\t\t\t</button>\n\t\t\t<ng-template #popoverMultilanguage>\n\t\t\t\t<div class=\"popover-contentOptional multilanguage_popover-content\" [style.width.px]=\"inputElement.clientWidth + 16\">\n\t\t\t\t\t<div class=\"u-displayFlex pr-u-gap100 u-flexDirectionColumn\">\n\t\t\t\t\t\t@for (row of panelInputs(); track row.cultureCode) {\n\t\t\t\t\t\t<lu-form-field\n\t\t\t\t\t\t\t[size]=\"formFieldSize()\"\n\t\t\t\t\t\t\t[label]=\"intl.translateTo | intlParams: {lang: getLocaleDisplayName(row.cultureCode)}\"\n\t\t\t\t\t\t\thiddenLabel\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<lu-text-input\n\t\t\t\t\t\t\t\t[suffix]=\"{content: row.cultureCode, ariaLabel: ''}\"\n\t\t\t\t\t\t\t\t[(ngModel)]=\"row.value\"\n\t\t\t\t\t\t\t\t(ngModelChange)=\"valueChange()\"\n\t\t\t\t\t\t\t\t[ngModelOptions]=\"{ standalone: true }\"\n\t\t\t\t\t\t\t\t[disabled]=\"disabledInternal()\"\n\t\t\t\t\t\t\t></lu-text-input>\n\t\t\t\t\t\t</lu-form-field>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ng-template>\n\t\t</div>\n\t</div>\n</div>\n", styles: [".multilanguage_popover-content.popover-contentOptional{max-block-size:20rem;overflow:auto}.multilanguage_popover-content.popover-contentOptional:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--commons-borderRadius-L)}\n"], dependencies: [{ kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter"], outputs: ["rolePresentationLabelChange", "layoutChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["luPopover2", "luPopoverPosition", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "component", type: TextInputComponent, selector: "lu-text-input", inputs: ["placeholder", "autocomplete", "hasClearer", "hasSearchIcon", "valueAlignRight", "prefix", "suffix", "type", "searchIcon"], outputs: ["blur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: MultilanguageInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: MultilanguageInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-multilanguage-input', standalone: true, imports: [
                         FormFieldComponent,
@@ -545,10 +545,10 @@ class NumberInputComponent {
         this.ngControl.reset();
         this.inputElementRef().nativeElement.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NumberInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: NumberInputComponent, isStandalone: true, selector: "lu-number-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, noSpinButtons: { classPropertyName: "noSpinButtons", publicName: "noSpinButtons", isSignal: true, isRequired: false, transformFunction: null }, hasClearer: { classPropertyName: "hasClearer", publicName: "hasClearer", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "<div class=\"textField\">\n\t<ng-template #addon let-addon=\"addon\" let-type=\"type\">\n\t\t@if (addon.content) {\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\">{{ addon.content }}</span>\n\t\t</span>\n\t\t} @if (addon.icon) {\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\n\t\t\t></span>\n\t\t</span>\n\t\t}\n\t</ng-template>\n\n\t@if (prefix()) {\n\t<ng-container\n\t\t*ngTemplateOutlet=\"addon; context:{\n\t\t\ttype: 'prefix',\n\t\t\taddon: prefix()\n     }\"\n\t>\n\t</ng-container>\n\t} @if (suffix()) {\n\t<ng-container\n\t\t*ngTemplateOutlet=\"addon; context:{\n\t\t\ttype: 'suffix',\n\t\t\taddon: suffix()\n     }\"\n\t>\n\t</ng-container>\n\t}\n\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\tluInput\n\t\t\ttype=\"number\"\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[placeholder]=\"placeholder()\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t[step]=\"step()\"\n\t\t\t[min]=\"min()\"\n\t\t\t[max]=\"max()\"\n\t\t\t[class.u-noSpinButtons]=\"noSpinButtons()\"\n\t\t\t#inputElement\n\t\t/>\n\t\t<div class=\"textField-input-affix\">\n\t\t\t@if (hasClearer() && inputElement.value) {\n\t\t\t<button class=\"textField-input-affix-clear clear\" type=\"button\" (click)=\"clearValue()\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.clear }}</span>\n\t\t\t</button>\n\t\t\t}\n\t\t</div>\n\t</div>\n</div>\n", dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: FormFieldIdDirective, selector: "[luFormFieldId]", inputs: ["luFormFieldId", "labelledByStrategy"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: NumberInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: NumberInputComponent, isStandalone: true, selector: "lu-number-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, noSpinButtons: { classPropertyName: "noSpinButtons", publicName: "noSpinButtons", isSignal: true, isRequired: false, transformFunction: null }, hasClearer: { classPropertyName: "hasClearer", publicName: "hasClearer", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "<div class=\"textField\">\n\t<ng-template #addon let-addon=\"addon\" let-type=\"type\">\n\t\t@if (addon.content) {\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\">{{ addon.content }}</span>\n\t\t</span>\n\t\t} @if (addon.icon) {\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\n\t\t\t></span>\n\t\t</span>\n\t\t}\n\t</ng-template>\n\n\t@if (prefix()) {\n\t<ng-container\n\t\t*ngTemplateOutlet=\"addon; context:{\n\t\t\ttype: 'prefix',\n\t\t\taddon: prefix()\n     }\"\n\t>\n\t</ng-container>\n\t} @if (suffix()) {\n\t<ng-container\n\t\t*ngTemplateOutlet=\"addon; context:{\n\t\t\ttype: 'suffix',\n\t\t\taddon: suffix()\n     }\"\n\t>\n\t</ng-container>\n\t}\n\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\tluInput\n\t\t\ttype=\"number\"\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[placeholder]=\"placeholder()\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t[step]=\"step()\"\n\t\t\t[min]=\"min()\"\n\t\t\t[max]=\"max()\"\n\t\t\t[class.u-noSpinButtons]=\"noSpinButtons()\"\n\t\t\t#inputElement\n\t\t/>\n\t\t<div class=\"textField-input-affix\">\n\t\t\t@if (hasClearer() && inputElement.value) {\n\t\t\t<button class=\"textField-input-affix-clear clear\" type=\"button\" (click)=\"clearValue()\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.clear }}</span>\n\t\t\t</button>\n\t\t\t}\n\t\t</div>\n\t</div>\n</div>\n", dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: FormFieldIdDirective, selector: "[luFormFieldId]", inputs: ["luFormFieldId", "labelledByStrategy"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NumberInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: NumberInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-number-input', standalone: true, imports: [InputDirective, ReactiveFormsModule, FormFieldIdDirective, NgTemplateOutlet], hostDirectives: [NoopValueAccessorDirective], encapsulation: ViewEncapsulation.None, template: "<div class=\"textField\">\n\t<ng-template #addon let-addon=\"addon\" let-type=\"type\">\n\t\t@if (addon.content) {\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\">{{ addon.content }}</span>\n\t\t</span>\n\t\t} @if (addon.icon) {\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\n\t\t\t></span>\n\t\t</span>\n\t\t}\n\t</ng-template>\n\n\t@if (prefix()) {\n\t<ng-container\n\t\t*ngTemplateOutlet=\"addon; context:{\n\t\t\ttype: 'prefix',\n\t\t\taddon: prefix()\n     }\"\n\t>\n\t</ng-container>\n\t} @if (suffix()) {\n\t<ng-container\n\t\t*ngTemplateOutlet=\"addon; context:{\n\t\t\ttype: 'suffix',\n\t\t\taddon: suffix()\n     }\"\n\t>\n\t</ng-container>\n\t}\n\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\tluInput\n\t\t\ttype=\"number\"\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[placeholder]=\"placeholder()\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t[step]=\"step()\"\n\t\t\t[min]=\"min()\"\n\t\t\t[max]=\"max()\"\n\t\t\t[class.u-noSpinButtons]=\"noSpinButtons()\"\n\t\t\t#inputElement\n\t\t/>\n\t\t<div class=\"textField-input-affix\">\n\t\t\t@if (hasClearer() && inputElement.value) {\n\t\t\t<button class=\"textField-input-affix-clear clear\" type=\"button\" (click)=\"clearValue()\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.clear }}</span>\n\t\t\t</button>\n\t\t\t}\n\t\t</div>\n\t</div>\n</div>\n" }]
         }] });
@@ -570,15 +570,15 @@ class RadioGroupInputComponent {
             this.formField.hasArrow = this.arrow !== undefined;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: RadioGroupInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: RadioGroupInputComponent, isStandalone: true, selector: "lu-radio-group-input", inputs: { size: "size", arrow: "arrow" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: RadioGroupInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: RadioGroupInputComponent, isStandalone: true, selector: "lu-radio-group-input", inputs: { size: "size", arrow: "arrow" }, providers: [
             {
                 provide: RADIO_GROUP_INSTANCE,
                 useExisting: forwardRef(() => RadioGroupInputComponent),
             },
         ], hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["lu-radio-group-input{display:block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: RadioGroupInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: RadioGroupInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-radio-group-input', standalone: true, imports: [ReactiveFormsModule], hostDirectives: [NoopValueAccessorDirective], template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -616,10 +616,10 @@ class RadioComponent {
             'mod-withArrow': this.arrow !== undefined,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: RadioComponent, isStandalone: true, selector: "lu-radio", inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute], inlineMessage: "inlineMessage" }, host: { properties: { "id": "this.id" }, classAttribute: "form-field" }, providers: [LuClass], usesOnChanges: true, ngImport: i0, template: "<label class=\"formLabel\" id=\"{{id}}-label\" for=\"{{id}}-input\">\n\t<ng-content></ng-content>\n</label>\n<span class=\"radioField\">\n\t<input\n\t\t[formControl]=\"formControl\"\n\t\t[attr.disabled]=\"(formControl.disabled || disabled) ? 'disabled' : null\"\n\t\ttype=\"radio\"\n\t\tclass=\"radioField-input\"\n\t\tid=\"{{id}}-input\"\n\t\t[attr.name]=\"name\"\n\t\t[name]=\"name\"\n\t\t[value]=\"value\"\n\t\tluInput\n\t\tluInputStandalone\n\t\tattr.aria-labelledby=\"{{id}}-label\"\n\t\tattr.aria-describedby=\"{{id}}-message\"\n\t/>\n\t<span class=\"radioField-icon\" aria-hidden=\"true\">\n\t\t<span class=\"radioField-icon-check\"></span>\n\t</span>\n</span>\n<lu-inline-message *ngIf=\"inlineMessage\" [label]=\"inlineMessage\" id=\"{{id}}-message\" />\n@if (arrow) {\n<div class=\"form-field-arrow{{arrow === 'neutral' ? ' mod-neutral' : ''}}\"></div>\n}\n", styles: [".radioField{--component-radioField-size: 1.25rem;--component-radioField-top: var(--pr-t-spacings-25);--component-radioField-borderRadius: var(--commons-borderRadius-full);position:relative;inline-size:fit-content;block-size:fit-content;display:grid;grid-template-areas:\"radio\";grid-template-columns:var(--component-radioField-size);grid-template-rows:var(--component-radioField-size)}.radioField-icon{border:2px solid var(--palettes-neutral-700);border-radius:var(--component-radioField-borderRadius);color:var(--palettes-neutral-0);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-0);cursor:pointer;grid-area:radio;display:flex}@media (prefers-reduced-motion: reduce){.radioField-icon{transition-property:none}}.radioField-icon:after{content:\"\";position:absolute;inset:0;outline-offset:2px;border-radius:6px}.radioField-icon-check{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;transform:scale(0);transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}@media (prefers-reduced-motion: reduce){.radioField-icon-check{transition-property:none}}.radioField-icon-check:before{content:\"\";position:absolute;inset:0;background-color:transparent;border-radius:var(--commons-borderRadius-full);border:2px solid var(--palettes-neutral-0)}.radioField-input{z-index:1;opacity:.0001;cursor:pointer;grid-area:radio;inline-size:100%;block-size:100%}.radioField.mod-S{--component-radioField-size: 1rem}.radioField-input:focus-visible~.radioField-icon:after{outline:2px solid var(--palettes-product-700);outline-offset:2px}.radioField-input:hover~.radioField-icon{border-color:var(--palettes-neutral-600)}.radioField-input:active~.radioField-icon{border-color:var(--palettes-neutral-800)}.radioField-input:disabled{cursor:default}.radioField-input:disabled~.radioField-icon{border-color:var(--palettes-neutral-500)}.radioField-input[aria-invalid=true]~.radioField-icon{border-color:var(--palettes-error-700)}.radioField-input[aria-invalid=true]:hover~.radioField-icon{border-color:var(--palettes-error-600)}.radioField-input[aria-invalid=true]:active~.radioField-icon{border-color:var(--palettes-error-800)}.radioField-input:checked~.radioField-icon{background-color:var(--palettes-product-700);border-color:var(--palettes-product-700)}.radioField-input:checked~.radioField-icon .radioField-icon-check{transform:scale(1)}.radioField-input:checked:hover~.radioField-icon{background-color:var(--palettes-product-600);border-color:var(--palettes-product-600)}.radioField-input:checked:active~.radioField-icon{background-color:var(--palettes-product-800);border-color:var(--palettes-product-800)}.radioField-input:checked:disabled~.radioField-icon{background-color:var(--palettes-neutral-500);border-color:var(--palettes-neutral-500);color:var(--palettes-neutral-500)}.radioField-input:checked[aria-invalid=true]~.radioField-icon{background-color:var(--palettes-error-700);border-color:var(--palettes-error-700)}.radioField-input:checked[aria-invalid=true]:hover~.radioField-icon{background-color:var(--palettes-error-600);border-color:var(--palettes-error-600)}.radioField-input:checked[aria-invalid=true]:active~.radioField-icon{background-color:var(--palettes-error-800);border-color:var(--palettes-error-800)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "component", type: InlineMessageComponent, selector: "lu-inline-message", inputs: ["label", "state", "size", "withTooltip"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: RadioComponent, isStandalone: true, selector: "lu-radio", inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute], inlineMessage: "inlineMessage" }, host: { properties: { "id": "this.id" }, classAttribute: "form-field" }, providers: [LuClass], usesOnChanges: true, ngImport: i0, template: "<label class=\"formLabel\" id=\"{{id}}-label\" for=\"{{id}}-input\">\n\t<ng-content></ng-content>\n</label>\n<span class=\"radioField\">\n\t<input\n\t\t[formControl]=\"formControl\"\n\t\t[attr.disabled]=\"(formControl.disabled || disabled) ? 'disabled' : null\"\n\t\ttype=\"radio\"\n\t\tclass=\"radioField-input\"\n\t\tid=\"{{id}}-input\"\n\t\t[attr.name]=\"name\"\n\t\t[name]=\"name\"\n\t\t[value]=\"value\"\n\t\tluInput\n\t\tluInputStandalone\n\t\tattr.aria-labelledby=\"{{id}}-label\"\n\t\tattr.aria-describedby=\"{{id}}-message\"\n\t/>\n\t<span class=\"radioField-icon\" aria-hidden=\"true\">\n\t\t<span class=\"radioField-icon-check\"></span>\n\t</span>\n</span>\n<lu-inline-message *ngIf=\"inlineMessage\" [label]=\"inlineMessage\" id=\"{{id}}-message\" />\n@if (arrow) {\n<div class=\"form-field-arrow{{arrow === 'neutral' ? ' mod-neutral' : ''}}\"></div>\n}\n", styles: [".radioField{--component-radioField-size: 1.25rem;--component-radioField-top: var(--pr-t-spacings-25);--component-radioField-borderRadius: var(--commons-borderRadius-full);position:relative;inline-size:fit-content;block-size:fit-content;display:grid;grid-template-areas:\"radio\";grid-template-columns:var(--component-radioField-size);grid-template-rows:var(--component-radioField-size)}.radioField-icon{border:2px solid var(--palettes-neutral-700);border-radius:var(--component-radioField-borderRadius);color:var(--palettes-neutral-0);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-0);cursor:pointer;grid-area:radio;display:flex}@media (prefers-reduced-motion: reduce){.radioField-icon{transition-property:none}}.radioField-icon:after{content:\"\";position:absolute;inset:0;outline-offset:2px;border-radius:6px}.radioField-icon-check{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;transform:scale(0);transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}@media (prefers-reduced-motion: reduce){.radioField-icon-check{transition-property:none}}.radioField-icon-check:before{content:\"\";position:absolute;inset:0;background-color:transparent;border-radius:var(--commons-borderRadius-full);border:2px solid var(--palettes-neutral-0)}.radioField-input{z-index:1;opacity:.0001;cursor:pointer;grid-area:radio;inline-size:100%;block-size:100%}.radioField.mod-S{--component-radioField-size: 1rem}.radioField-input:focus-visible~.radioField-icon:after{outline:2px solid var(--palettes-product-700);outline-offset:2px}.radioField-input:hover~.radioField-icon{border-color:var(--palettes-neutral-600)}.radioField-input:active~.radioField-icon{border-color:var(--palettes-neutral-800)}.radioField-input:disabled{cursor:default}.radioField-input:disabled~.radioField-icon{border-color:var(--palettes-neutral-500)}.radioField-input[aria-invalid=true]~.radioField-icon{border-color:var(--palettes-error-700)}.radioField-input[aria-invalid=true]:hover~.radioField-icon{border-color:var(--palettes-error-600)}.radioField-input[aria-invalid=true]:active~.radioField-icon{border-color:var(--palettes-error-800)}.radioField-input:checked~.radioField-icon{background-color:var(--palettes-product-700);border-color:var(--palettes-product-700)}.radioField-input:checked~.radioField-icon .radioField-icon-check{transform:scale(1)}.radioField-input:checked:hover~.radioField-icon{background-color:var(--palettes-product-600);border-color:var(--palettes-product-600)}.radioField-input:checked:active~.radioField-icon{background-color:var(--palettes-product-800);border-color:var(--palettes-product-800)}.radioField-input:checked:disabled~.radioField-icon{background-color:var(--palettes-neutral-500);border-color:var(--palettes-neutral-500);color:var(--palettes-neutral-500)}.radioField-input:checked[aria-invalid=true]~.radioField-icon{background-color:var(--palettes-error-700);border-color:var(--palettes-error-700)}.radioField-input:checked[aria-invalid=true]:hover~.radioField-icon{background-color:var(--palettes-error-600);border-color:var(--palettes-error-600)}.radioField-input:checked[aria-invalid=true]:active~.radioField-icon{background-color:var(--palettes-error-800);border-color:var(--palettes-error-800)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "component", type: InlineMessageComponent, selector: "lu-inline-message", inputs: ["label", "state", "size", "withTooltip"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: RadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: RadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-radio', standalone: true, imports: [ReactiveFormsModule, InputDirective, InlineMessageComponent, NgIf], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'form-field',
@@ -645,10 +645,10 @@ class SwitchInputComponent {
             this.formField.layout.set('checkable');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SwitchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: SwitchInputComponent, isStandalone: true, selector: "lu-switch-input", host: { classAttribute: "switchField" }, hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "<input luInput type=\"checkbox\" class=\"switchField-input\" [formControl]=\"ngControl.control\" />\n<span class=\"switchField-icon\" aria-hidden=\"true\"><span class=\"switchField-icon-check\"></span></span>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SwitchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: SwitchInputComponent, isStandalone: true, selector: "lu-switch-input", host: { classAttribute: "switchField" }, hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "<input luInput type=\"checkbox\" class=\"switchField-input\" [formControl]=\"ngControl.control\" />\n<span class=\"switchField-icon\" aria-hidden=\"true\"><span class=\"switchField-icon-check\"></span></span>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SwitchInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: SwitchInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-switch-input', standalone: true, imports: [ReactiveFormsModule, InputDirective], hostDirectives: [NoopValueAccessorDirective], encapsulation: ViewEncapsulation.None, host: {
                         class: 'switchField',
@@ -682,10 +682,10 @@ class TextareaInputComponent {
     ngOnInit() {
         this.ngControl.valueChanges.pipe(takeUntilDestroyed(this.#destroyRef), startWith$1(this.ngControl.value)).subscribe((value) => this.updateScroll(value));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TextareaInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: TextareaInputComponent, isStandalone: true, selector: "lu-textarea-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: false, isRequired: false, transformFunction: null }, autoResize: { classPropertyName: "autoResize", publicName: "autoResize", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, autoResizeScrollIntoView: { classPropertyName: "autoResizeScrollIntoView", publicName: "autoResizeScrollIntoView", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, disableSpeelcheck: { classPropertyName: "disableSpeelcheck", publicName: "disableSpeelcheck", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "parent", first: true, predicate: ["parent"], descendants: true }], hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "<div class=\"textField\" [class.mod-autoResize]=\"autoResize\">\n\t<div class=\"textField-input\" #parent>\n\t\t@if (autoResize) {\n\t\t<div class=\"textField-input-valueClone\" aria-hidden=\"true\" [attr.data-content-before]=\"cloneValue\"></div>\n\t\t}\n\t\t<textarea\n\t\t\tluInput\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t[attr.placeholder]=\"placeholder\"\n\t\t\t[attr.rows]=\"rows\"\n\t\t\t(input)=\"updateScroll(textarea.value)\"\n\t\t\t[attr.spellcheck]=\"!disableSpeelcheck()\"\n\t\t\t#textarea\n\t\t></textarea>\n\t</div>\n</div>\n", dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: TextareaInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: TextareaInputComponent, isStandalone: true, selector: "lu-textarea-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: false, isRequired: false, transformFunction: null }, autoResize: { classPropertyName: "autoResize", publicName: "autoResize", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, autoResizeScrollIntoView: { classPropertyName: "autoResizeScrollIntoView", publicName: "autoResizeScrollIntoView", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, disableSpeelcheck: { classPropertyName: "disableSpeelcheck", publicName: "disableSpeelcheck", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "parent", first: true, predicate: ["parent"], descendants: true }], hostDirectives: [{ directive: NoopValueAccessorDirective }], ngImport: i0, template: "<div class=\"textField\" [class.mod-autoResize]=\"autoResize\">\n\t<div class=\"textField-input\" #parent>\n\t\t@if (autoResize) {\n\t\t<div class=\"textField-input-valueClone\" aria-hidden=\"true\" [attr.data-content-before]=\"cloneValue\"></div>\n\t\t}\n\t\t<textarea\n\t\t\tluInput\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t[attr.placeholder]=\"placeholder\"\n\t\t\t[attr.rows]=\"rows\"\n\t\t\t(input)=\"updateScroll(textarea.value)\"\n\t\t\t[attr.spellcheck]=\"!disableSpeelcheck()\"\n\t\t\t#textarea\n\t\t></textarea>\n\t</div>\n</div>\n", dependencies: [{ kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TextareaInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: TextareaInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-textarea-input', standalone: true, imports: [InputDirective, ReactiveFormsModule], hostDirectives: [NoopValueAccessorDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"textField\" [class.mod-autoResize]=\"autoResize\">\n\t<div class=\"textField-input\" #parent>\n\t\t@if (autoResize) {\n\t\t<div class=\"textField-input-valueClone\" aria-hidden=\"true\" [attr.data-content-before]=\"cloneValue\"></div>\n\t\t}\n\t\t<textarea\n\t\t\tluInput\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t[attr.placeholder]=\"placeholder\"\n\t\t\t[attr.rows]=\"rows\"\n\t\t\t(input)=\"updateScroll(textarea.value)\"\n\t\t\t[attr.spellcheck]=\"!disableSpeelcheck()\"\n\t\t\t#textarea\n\t\t></textarea>\n\t</div>\n</div>\n" }]
         }], propDecorators: { parent: [{

package/fesm2022/lucca-front-ng-highlight-data.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, input, computed, booleanAttribute, effect, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding } from '@angular/core';
+import { inject, input, computed, booleanAttribute, effect, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 import { LuClass, PortalDirective } from '@lucca-front/ng/core';
 
 class HighlightDataComponent {
@@ -55,10 +55,10 @@ class HighlightDataComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: HighlightDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: HighlightDataComponent, isStandalone: true, selector: "lu-highlight-data", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, bubble: { classPropertyName: "bubble", publicName: "bubble", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, valueFirst: { classPropertyName: "valueFirst", publicName: "valueFirst", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-light": "this.lightClass", "class.mod-dark": "this.darkClass" }, classAttribute: "highlightData" }, providers: [LuClass], ngImport: i0, template: "<dl class=\"highlightData-content\">\n\t<dt class=\"highlightData-content-title\"><ng-container *luPortal=\"heading()\" /></dt>\n\t<dd class=\"highlightData-content-value\"><ng-container *luPortal=\"value()\" /></dd>\n\t@if (subText()) {\n\t<dd class=\"highlightData-content-subText\"><ng-container *luPortal=\"subText()\" /></dd>\n\t}\n\t<dd class=\"highlightData-content-action\"><ng-content></ng-content></dd>\n</dl>\n\n@if (bubble() || illustration()) {\n<div class=\"highlightData-illustrations\">\n\t@if (bubble()) {\n\t<img alt=\"\" class=\"highlightData-illustrations-back\" [attr.src]=\"bubbleSrc()\" />\n\t} @if (illustration()) {\n\t<img alt=\"\" class=\"highlightData-illustrations-front\" [attr.src]=\"illustrationSrc()\" />\n\t}\n</div>\n}\n", styles: [".highlightData{--components-highlightData-display: grid;--components-highlightData-grid: \"title action\" \"value action\";--components-highlightData-alignItem: center;--components-highlightData-background: var(--pr-t-elevation-surface-raised);--components-highlightData-padding-inline: var(--pr-t-spacings-200);--components-highlightData-padding-block: var(--pr-t-spacings-150);--components-highlightData-padding: var(--components-highlightData-padding-block) var(--components-highlightData-padding-inline);--components-highlightData-gap: var(--components-highlightData-padding-inline);--components-highlightData-title-color: var(--palettes-neutral-200);--components-highlightData-value-order: 0;--components-highlightData-action-padding: 0;--components-highlightData-illustrations-width: 86px;--components-highlightData-illustrations-height: 72px;--components-highlightData-illustrations-display: grid;display:block;background-color:var(--components-highlightData-background);border-radius:var(--commons-borderRadius-L);overflow:hidden;padding:var(--components-highlightData-padding);position:relative}.highlightData-content{margin:0;display:var(--components-highlightData-display);grid-template-columns:1fr auto;grid-template-areas:var(--components-highlightData-grid);align-items:var(--components-highlightData-alignItem);flex-direction:column;column-gap:var(--components-highlightData-gap)}.highlightData-content>dd,.highlightData-content>div>dd{margin:0}.highlightData-content-title{grid-area:title;font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);color:var(--palettes-neutral-700)}.highlightData-content-value{grid-area:value;margin-block-start:0;color:var(--palettes-neutral-900);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);margin-block-end:0;padding:0;--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900;order:var(--components-highlightData-value-order)}.highlightData-content-subText{font-size:var(--sizes-XS-fontSize);line-height:var(--sizes-XS-lineHeight);color:var(--palettes-neutral-700);margin-block-start:var(--pr-t-spacings-100)!important}.highlightData-content-action{grid-area:action;padding-block-start:var(--components-highlightData-action-padding)}.highlightData-content-action:empty{display:none}.highlightData-content-action .link{--commons-text-link-color: var(--palettes-700, var(--palettes-product-700));--commons-text-link-hover: var(--palettes-800, var(--palettes-product-800))}.highlightData-content-action .button{--palettes-text: var(--palettes-neutral-text);--palettes-0: var(--palettes-neutral-0);--palettes-25: var(--palettes-neutral-25);--palettes-50: var(--palettes-neutral-50);--palettes-100: var(--palettes-neutral-100);--palettes-200: var(--palettes-neutral-200);--palettes-300: var(--palettes-neutral-300);--palettes-400: var(--palettes-neutral-400);--palettes-500: var(--palettes-neutral-500);--palettes-600: var(--palettes-neutral-600);--palettes-700: var(--palettes-neutral-700);--palettes-800: var(--palettes-neutral-800);--palettes-900: var(--palettes-neutral-900)}.highlightData-illustrations{display:var(--components-highlightData-illustrations-display);place-content:center;position:absolute;inset-block-end:0;inset-inline-end:0}.highlightData-illustrations-back,.highlightData-illustrations-front{grid-area:1/1;block-size:var(--components-highlightData-illustrations-height);inline-size:var(--components-highlightData-illustrations-width)}.highlightData.mod-light{--components-highlightData-background: var(--palettes-50, var(--palettes-product-50))}.highlightData.mod-dark{--components-highlightData-background: var(--palettes-100, var(--palettes-product-100))}.highlightData.mod-valueFirst{--components-highlightData-grid: \"value action\" \"title action\"}.highlightData.mod-S{--components-highlightData-illustrations-width: 82px;--components-highlightData-illustrations-height: 68px}.highlightData.mod-S .highlightData-content-value{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}.highlightData.mod-XS{--components-highlightData-illustrations-width: 77px;--components-highlightData-illustrations-height: 64px}.highlightData.mod-XS .highlightData-content-value{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}.highlightData:has(.highlightData-illustrations){--components-highlightData-display: flex;--components-highlightData-alignItem: start;--components-highlightData-action-padding: var(--pr-t-spacings-150);padding-inline-end:calc(var(--components-highlightData-illustrations-width) + var(--components-highlightData-padding-inline))}.highlightData:has(.highlightData-illustrations).mod-valueFirst{--components-highlightData-value-order: -1}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: HighlightDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: HighlightDataComponent, isStandalone: true, selector: "lu-highlight-data", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, bubble: { classPropertyName: "bubble", publicName: "bubble", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, valueFirst: { classPropertyName: "valueFirst", publicName: "valueFirst", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-light": "this.lightClass", "class.mod-dark": "this.darkClass" }, classAttribute: "highlightData" }, providers: [LuClass], ngImport: i0, template: "<dl class=\"highlightData-content\">\n\t<dt class=\"highlightData-content-title\"><ng-container *luPortal=\"heading()\" /></dt>\n\t<dd class=\"highlightData-content-value\"><ng-container *luPortal=\"value()\" /></dd>\n\t@if (subText()) {\n\t<dd class=\"highlightData-content-subText\"><ng-container *luPortal=\"subText()\" /></dd>\n\t}\n\t<dd class=\"highlightData-content-action\"><ng-content></ng-content></dd>\n</dl>\n\n@if (bubble() || illustration()) {\n<div class=\"highlightData-illustrations\">\n\t@if (bubble()) {\n\t<img alt=\"\" class=\"highlightData-illustrations-back\" [attr.src]=\"bubbleSrc()\" />\n\t} @if (illustration()) {\n\t<img alt=\"\" class=\"highlightData-illustrations-front\" [attr.src]=\"illustrationSrc()\" />\n\t}\n</div>\n}\n", styles: [".highlightData{--components-highlightData-display: grid;--components-highlightData-grid: \"title action\" \"value action\";--components-highlightData-alignItem: center;--components-highlightData-background: var(--pr-t-elevation-surface-raised);--components-highlightData-padding-inline: var(--pr-t-spacings-200);--components-highlightData-padding-block: var(--pr-t-spacings-150);--components-highlightData-padding: var(--components-highlightData-padding-block) var(--components-highlightData-padding-inline);--components-highlightData-gap: var(--components-highlightData-padding-inline);--components-highlightData-title-color: var(--palettes-neutral-200);--components-highlightData-value-order: 0;--components-highlightData-action-padding: 0;--components-highlightData-illustrations-width: 86px;--components-highlightData-illustrations-height: 72px;--components-highlightData-illustrations-display: grid;display:block;background-color:var(--components-highlightData-background);border-radius:var(--commons-borderRadius-L);overflow:hidden;padding:var(--components-highlightData-padding);position:relative}.highlightData-content{margin:0;display:var(--components-highlightData-display);grid-template-columns:1fr auto;grid-template-areas:var(--components-highlightData-grid);align-items:var(--components-highlightData-alignItem);flex-direction:column;column-gap:var(--components-highlightData-gap)}.highlightData-content>dd,.highlightData-content>div>dd{margin:0}.highlightData-content-title{grid-area:title;font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);color:var(--palettes-neutral-700)}.highlightData-content-value{grid-area:value;margin-block-start:0;color:var(--palettes-neutral-900);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);margin-block-end:0;padding:0;--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900;order:var(--components-highlightData-value-order)}.highlightData-content-subText{font-size:var(--sizes-XS-fontSize);line-height:var(--sizes-XS-lineHeight);color:var(--palettes-neutral-700);margin-block-start:var(--pr-t-spacings-100)!important}.highlightData-content-action{grid-area:action;padding-block-start:var(--components-highlightData-action-padding)}.highlightData-content-action:empty{display:none}.highlightData-content-action .link{--commons-text-link-color: var(--palettes-700, var(--palettes-product-700));--commons-text-link-hover: var(--palettes-800, var(--palettes-product-800))}.highlightData-content-action .button{--palettes-text: var(--palettes-neutral-text);--palettes-0: var(--palettes-neutral-0);--palettes-25: var(--palettes-neutral-25);--palettes-50: var(--palettes-neutral-50);--palettes-100: var(--palettes-neutral-100);--palettes-200: var(--palettes-neutral-200);--palettes-300: var(--palettes-neutral-300);--palettes-400: var(--palettes-neutral-400);--palettes-500: var(--palettes-neutral-500);--palettes-600: var(--palettes-neutral-600);--palettes-700: var(--palettes-neutral-700);--palettes-800: var(--palettes-neutral-800);--palettes-900: var(--palettes-neutral-900)}.highlightData-illustrations{display:var(--components-highlightData-illustrations-display);place-content:center;position:absolute;inset-block-end:0;inset-inline-end:0}.highlightData-illustrations-back,.highlightData-illustrations-front{grid-area:1/1;block-size:var(--components-highlightData-illustrations-height);inline-size:var(--components-highlightData-illustrations-width)}.highlightData.mod-light{--components-highlightData-background: var(--palettes-50, var(--palettes-product-50))}.highlightData.mod-dark{--components-highlightData-background: var(--palettes-100, var(--palettes-product-100))}.highlightData.mod-valueFirst{--components-highlightData-grid: \"value action\" \"title action\"}.highlightData.mod-S{--components-highlightData-illustrations-width: 82px;--components-highlightData-illustrations-height: 68px}.highlightData.mod-S .highlightData-content-value{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}.highlightData.mod-XS{--components-highlightData-illustrations-width: 77px;--components-highlightData-illustrations-height: 64px}.highlightData.mod-XS .highlightData-content-value{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}.highlightData:has(.highlightData-illustrations){--components-highlightData-display: flex;--components-highlightData-alignItem: start;--components-highlightData-action-padding: var(--pr-t-spacings-150);padding-inline-end:calc(var(--components-highlightData-illustrations-width) + var(--components-highlightData-padding-inline))}.highlightData:has(.highlightData-illustrations).mod-valueFirst{--components-highlightData-value-order: -1}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: HighlightDataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: HighlightDataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-highlight-data', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [LuClass], host: {
                         class: 'highlightData',

package/fesm2022/lucca-front-ng-horizontal-navigation.mjs

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
-import { inject, TemplateRef, Directive, contentChildren, input, booleanAttribute, Component, ViewEncapsulation, HostBinding } from '@angular/core';
+import { inject, TemplateRef, Directive, contentChildren, input, booleanAttribute, HostBinding, ViewEncapsulation, Component } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 
 class HorizontalNavigationLinkDirective {
     constructor() {
         this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: HorizontalNavigationLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: HorizontalNavigationLinkDirective, isStandalone: true, selector: "[luHorizontalNavigationLink]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: HorizontalNavigationLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: HorizontalNavigationLinkDirective, isStandalone: true, selector: "[luHorizontalNavigationLink]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: HorizontalNavigationLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: HorizontalNavigationLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luHorizontalNavigationLink]',
@@ -33,10 +33,10 @@ class HorizontalNavigationComponent {
     get isVertical() {
         return this.vertical();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: HorizontalNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: HorizontalNavigationComponent, isStandalone: true, selector: "lu-horizontal-navigation", inputs: { noBorder: { classPropertyName: "noBorder", publicName: "noBorder", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-noBorder": "this.hasNoBorder", "class.mod-S": "this.isSizeS", "class.mod-vertical": "this.isVertical" }, classAttribute: "horizontalNavigation" }, queries: [{ propertyName: "links", predicate: HorizontalNavigationLinkDirective, isSignal: true }], ngImport: i0, template: "@if (container()) {\n<div class=\"horizontalNavigation-containerOptional\">\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n</div>\n\n} @else {\n<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n", styles: [".horizontalNavigation,.menu{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--palettes-neutral-800);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFontSize: inherit;--components-horizontalNavigation-listItemActionLineHeight: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--commons-borderRadius-M) var(--commons-borderRadius-M) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.horizontalNavigation:after,.menu:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.horizontalNavigation .label,.menu .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.horizontalNavigation-containerOptional,.menu-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding-inline:var(--commons-container-padding)}.horizontalNavigation-list,.menu-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .horizontalNavigation-list,.scrollBox .menu-list{flex-wrap:nowrap}.horizontalNavigation-list-item-action,.menu-list-item-action,.menu-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font-size:var(--components-horizontalNavigation-listItemActionFontSize);line-height:var(--components-horizontalNavigation-listItemActionLineHeight);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--commons-borderRadius-M);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.horizontalNavigation-list-item-action:before,.menu-list-item-action:before,.menu-link:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--commons-borderRadius-L)}.horizontalNavigation-list-item-action:after,.menu-list-item-action:after,.menu-link:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.horizontalNavigation-list-item-action:focus-visible,.menu-list-item-action:focus-visible,.menu-link:focus-visible{outline:none!important}.horizontalNavigation-list-item-action:focus-visible:before,.menu-list-item-action:focus-visible:before,.menu-link:focus-visible:before{outline:2px solid var(--palettes-product-700);outline-offset:2px}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-link:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-link:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action .link-text,.menu-list-item-action .link-text,.menu-link .link-text{text-decoration:none}.horizontalNavigation-link-placeholder:after,.menu-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:600}.horizontalNavigation.mod-header,.menu.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link{--components-horizontalNavigation-listItemActionFontSize: var(--sizes-S-fontSize);--components-horizontalNavigation-listItemActionLineHeight: var(--sizes-S-lineHeight);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.horizontalNavigation.mod-S .menu-link,.menu.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.horizontalNavigation.mod-S .label,.menu.mod-S .label{block-size:var(--sizes-S-lineHeight);min-inline-size:var(--sizes-S-lineHeight);line-height:var(--sizes-S-lineHeight);padding:0}.horizontalNavigation.mod-S .numericBadge,.menu.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.horizontalNavigation.mod-noBorder:after,.menu.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical:after,.menu.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.menu.mod-vertical .menu-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.menu.mod-vertical .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.menu.mod-vertical .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.menu.mod-vertical .menu-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--commons-borderRadius-M) var(--commons-borderRadius-M) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.menu.mod-vertical.mod-S .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-vertical.mod-S .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.menu-list-item-action[aria-current=page],.menu-list-item-action.is-active,.menu-list-item-action.active,.menu-link[aria-current=page],.menu-link.is-active,.menu-link.active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action.is-active .label,.menu-list-item-action.active .label,.menu-link[aria-current=page] .label,.menu-link.is-active .label,.menu-link.active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action.is-active:after,.menu-list-item-action.active:after,.menu-link[aria-current=page]:after,.menu-link.is-active:after,.menu-link.active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-link.active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action.is-active .numericBadge,.menu-list-item-action.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link.is-active .numericBadge,.menu-link.active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.horizontalNavigation-list-item-action.is-disabled,.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action[disabled] .label,.menu-list-item-action.is-disabled,.menu-list-item-action.is-disabled .label,.menu-list-item-action.disabled,.menu-list-item-action.disabled .label,.menu-list-item-action[disabled],.menu-list-item-action[disabled] .label,.menu-link.is-disabled,.menu-link.is-disabled .label,.menu-link.disabled,.menu-link.disabled .label,.menu-link[disabled],.menu-link[disabled] .label{color:var(--palettes-neutral-500);pointer-events:none}.horizontalNavigation-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge{background-color:var(--palettes-neutral-200);color:var(--palettes-neutral-500)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: HorizontalNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: HorizontalNavigationComponent, isStandalone: true, selector: "lu-horizontal-navigation", inputs: { noBorder: { classPropertyName: "noBorder", publicName: "noBorder", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-noBorder": "this.hasNoBorder", "class.mod-S": "this.isSizeS", "class.mod-vertical": "this.isVertical" }, classAttribute: "horizontalNavigation" }, queries: [{ propertyName: "links", predicate: HorizontalNavigationLinkDirective, isSignal: true }], ngImport: i0, template: "@if (container()) {\n<div class=\"horizontalNavigation-containerOptional\">\n\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n</div>\n\n} @else {\n<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\">\n\t\t@for (link of links(); track $index) {\n\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t\t}\n\t</ul>\n</ng-template>\n", styles: [".horizontalNavigation,.menu{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--palettes-neutral-800);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFontSize: inherit;--components-horizontalNavigation-listItemActionLineHeight: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--commons-borderRadius-M) var(--commons-borderRadius-M) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.horizontalNavigation:after,.menu:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.horizontalNavigation .label,.menu .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.horizontalNavigation-containerOptional,.menu-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding-inline:var(--commons-container-padding)}.horizontalNavigation-list,.menu-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .horizontalNavigation-list,.scrollBox .menu-list{flex-wrap:nowrap}.horizontalNavigation-list-item-action,.menu-list-item-action,.menu-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font-size:var(--components-horizontalNavigation-listItemActionFontSize);line-height:var(--components-horizontalNavigation-listItemActionLineHeight);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--commons-borderRadius-M);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.horizontalNavigation-list-item-action:before,.menu-list-item-action:before,.menu-link:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--commons-borderRadius-L)}.horizontalNavigation-list-item-action:after,.menu-list-item-action:after,.menu-link:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.horizontalNavigation-list-item-action:focus-visible,.menu-list-item-action:focus-visible,.menu-link:focus-visible{outline:none!important}.horizontalNavigation-list-item-action:focus-visible:before,.menu-list-item-action:focus-visible:before,.menu-link:focus-visible:before{outline:2px solid var(--palettes-product-700);outline-offset:2px}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.menu-link:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.menu-link:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action .link-text,.menu-list-item-action .link-text,.menu-link .link-text{text-decoration:none}.horizontalNavigation-link-placeholder:after,.menu-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:600}.horizontalNavigation.mod-header,.menu.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link{--components-horizontalNavigation-listItemActionFontSize: var(--sizes-S-fontSize);--components-horizontalNavigation-listItemActionLineHeight: var(--sizes-S-lineHeight);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.horizontalNavigation.mod-S .menu-link,.menu.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.horizontalNavigation.mod-S .label,.menu.mod-S .label{block-size:var(--sizes-S-lineHeight);min-inline-size:var(--sizes-S-lineHeight);line-height:var(--sizes-S-lineHeight);padding:0}.horizontalNavigation.mod-S .numericBadge,.menu.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.horizontalNavigation.mod-noBorder:after,.menu.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical:after,.menu.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.horizontalNavigation.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.menu.mod-vertical .menu-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.menu.mod-vertical .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.menu.mod-vertical .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.menu.mod-vertical .menu-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--commons-borderRadius-M) var(--commons-borderRadius-M) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.menu.mod-vertical.mod-S .menu-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.menu.mod-vertical.mod-S .menu-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.menu-list-item-action[aria-current=page],.menu-list-item-action.is-active,.menu-list-item-action.active,.menu-link[aria-current=page],.menu-link.is-active,.menu-link.active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action.is-active .label,.menu-list-item-action.active .label,.menu-link[aria-current=page] .label,.menu-link.is-active .label,.menu-link.active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action.is-active:after,.menu-list-item-action.active:after,.menu-link[aria-current=page]:after,.menu-link.is-active:after,.menu-link.active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-link.active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action.is-active .numericBadge,.menu-list-item-action.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link.is-active .numericBadge,.menu-link.active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.horizontalNavigation-list-item-action.is-disabled,.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action[disabled] .label,.menu-list-item-action.is-disabled,.menu-list-item-action.is-disabled .label,.menu-list-item-action.disabled,.menu-list-item-action.disabled .label,.menu-list-item-action[disabled],.menu-list-item-action[disabled] .label,.menu-link.is-disabled,.menu-link.is-disabled .label,.menu-link.disabled,.menu-link.disabled .label,.menu-link[disabled],.menu-link[disabled] .label{color:var(--palettes-neutral-500);pointer-events:none}.horizontalNavigation-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge{background-color:var(--palettes-neutral-200);color:var(--palettes-neutral-500)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: HorizontalNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: HorizontalNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-horizontal-navigation', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], host: {
                         class: 'horizontalNavigation',

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

@@ -1,6 +1,6 @@
 import { NgClass, NgIf } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';
+import { Input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class IconComponent {
     constructor() {
@@ -11,10 +11,10 @@ class IconComponent {
             [`mod-${this.size}`]: !!this.size,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: IconComponent, isStandalone: true, selector: "lu-icon", inputs: { icon: "icon", alt: "alt", size: "size", color: "color" }, ngImport: i0, template: "<span aria-hidden=\"true\" class=\"lucca-icon icon-{{icon}} icon-color-{{color}}\" [ngClass]=\"iconClasses\"></span>\n<span class=\"u-mask\" *ngIf=\"alt\">{{alt}}</span>\n", styles: ["lu-icon{display:inline-flex}.icon-color-primary,.icon-color-secondary,.icon-color-product{color:var(--palettes-product-700)}.icon-color-error{color:var(--palettes-error-700)}.icon-color-warning{color:var(--palettes-warning-700)}.icon-color-success{color:var(--palettes-success-700)}.icon-color-light{color:var(--palettes-neutral-600)}.icon-color-placeholder{color:var(--palettes-neutral-400)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: IconComponent, isStandalone: true, selector: "lu-icon", inputs: { icon: "icon", alt: "alt", size: "size", color: "color" }, ngImport: i0, template: "<span aria-hidden=\"true\" class=\"lucca-icon icon-{{icon}} icon-color-{{color}}\" [ngClass]=\"iconClasses\"></span>\n<span class=\"u-mask\" *ngIf=\"alt\">{{alt}}</span>\n", styles: ["lu-icon{display:inline-flex}.icon-color-primary,.icon-color-secondary,.icon-color-product{color:var(--palettes-product-700)}.icon-color-error{color:var(--palettes-error-700)}.icon-color-warning{color:var(--palettes-warning-700)}.icon-color-success{color:var(--palettes-success-700)}.icon-color-light{color:var(--palettes-neutral-600)}.icon-color-placeholder{color:var(--palettes-neutral-400)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: IconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-icon', standalone: true, imports: [NgClass, NgIf], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span aria-hidden=\"true\" class=\"lucca-icon icon-{{icon}} icon-color-{{color}}\" [ngClass]=\"iconClasses\"></span>\n<span class=\"u-mask\" *ngIf=\"alt\">{{alt}}</span>\n", styles: ["lu-icon{display:inline-flex}.icon-color-primary,.icon-color-secondary,.icon-color-product{color:var(--palettes-product-700)}.icon-color-error{color:var(--palettes-error-700)}.icon-color-warning{color:var(--palettes-warning-700)}.icon-color-success{color:var(--palettes-success-700)}.icon-color-light{color:var(--palettes-neutral-600)}.icon-color-placeholder{color:var(--palettes-neutral-400)}\n"] }]
         }], propDecorators: { icon: [{