@lucca-front/ng 22.0.5 → 22.0.6

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

@@ -24,10 +24,10 @@ class DropdownActionComponent {
             this.#popoverContentRef.close();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DropdownActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: DropdownActionComponent, isStandalone: true, selector: "[lu-dropdown-action]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, critical: { classPropertyName: "critical", publicName: "critical", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "closePanel()" }, properties: { "class.is-disabled": "disabled()", "class.mod-critical": "critical()", "attr.disabled": "disabled() ? \"disabled\" : null" }, classAttribute: "dropdown-list-option-action" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DropdownActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: DropdownActionComponent, isStandalone: true, selector: "[lu-dropdown-action]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, critical: { classPropertyName: "critical", publicName: "critical", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "closePanel()" }, properties: { "class.is-disabled": "disabled()", "class.mod-critical": "critical()", "attr.disabled": "disabled() ? \"disabled\" : null" }, classAttribute: "dropdown-list-option-action" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DropdownActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DropdownActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[lu-dropdown-action]',
@@ -45,10 +45,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], critical: [{ type: i0.Input, args: [{ isSignal: true, alias: "critical", required: false }] }] } });
 
 class DropdownDividerComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DropdownDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DropdownDividerComponent, isStandalone: true, selector: "lu-dropdown-divider", host: { attributes: { "role": "listitem" }, properties: { "attr.aria-hidden": "true" }, classAttribute: "dropdown-list-option" }, ngImport: i0, template: '<lu-divider class="dropdown-list-option-divider" />', isInline: true, dependencies: [{ kind: "component", type: DividerComponent, selector: "lu-divider", inputs: ["separatorRole", "vertical", "size", "withRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DropdownDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: DropdownDividerComponent, isStandalone: true, selector: "lu-dropdown-divider", host: { attributes: { "role": "listitem" }, properties: { "attr.aria-hidden": "true" }, classAttribute: "dropdown-list-option" }, ngImport: i0, template: '<lu-divider class="dropdown-list-option-divider" />', isInline: true, dependencies: [{ kind: "component", type: DividerComponent, selector: "lu-divider", inputs: ["separatorRole", "vertical", "size", "withRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DropdownDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DropdownDividerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lu-dropdown-divider',
@@ -69,10 +69,10 @@ class DropdownGroupComponent {
         this.label = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DropdownGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: DropdownGroupComponent, isStandalone: true, selector: "lu-dropdown-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "dropdown-list-option" }, ngImport: i0, template: "{{ label() }}\n<ul class=\"dropdown-list\">\n\t<ng-content />\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DropdownGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: DropdownGroupComponent, isStandalone: true, selector: "lu-dropdown-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "dropdown-list-option" }, ngImport: i0, template: "{{ label() }}\n<ul class=\"dropdown-list\">\n\t<ng-content />\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DropdownGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DropdownGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-dropdown-group', encapsulation: ViewEncapsulation.None, host: {
                         class: 'dropdown-list-option',
@@ -81,10 +81,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
 
 class DropdownItemComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DropdownItemComponent, isStandalone: true, selector: "lu-dropdown-item", host: { attributes: { "role": "listitem" }, classAttribute: "dropdown-list-option" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: DropdownItemComponent, isStandalone: true, selector: "lu-dropdown-item", host: { attributes: { "role": "listitem" }, classAttribute: "dropdown-list-option" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DropdownItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DropdownItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lu-dropdown-item',
@@ -99,10 +99,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         }] });
 
 class DropdownMenuComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DropdownMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: DropdownMenuComponent, isStandalone: true, selector: "lu-dropdown-menu", ngImport: i0, template: "<div class=\"dropdown\">\n\t<ul class=\"dropdown-list\">\n\t\t<ng-content />\n\t</ul>\n</div>\n", styles: ["@layer components{.lu-dropdown-content.lu-popover-content,.dropdown{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vb, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.lu-dropdown-options,.dropdown-list{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.lu-dropdown-options .dropdown-list,.dropdown-list .dropdown-list,.lu-dropdown-options-item,.dropdown-list-option{padding-block:0}.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.lu-dropdown-options-item.mod-divider,.dropdown-list-option.mod-divider),.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.lu-dropdown-options-item.mod-divider,.dropdown-list-option.mod-divider){padding-inline:var(--pr-t-spacings-50)}.lu-dropdown-options-item:has(>.dropdown-list),.dropdown-list-option:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.lu-dropdown-options-item>.dropdown-list,.dropdown-list-option>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.lu-dropdown-options-item-action,.dropdown-list-option-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:start;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:auto;cursor:pointer}.lu-dropdown-options-item-action .lucca-icon,.dropdown-list-option-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover,.dropdown-list-option-action,.dropdown-list-option-action:hover{color:var(--components-dropdown-list-option-action-color)}.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible,.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.lu-dropdown-options-item-action:active,.dropdown-list-option-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.lu-dropdown-options-item-action:focus-visible,.dropdown-list-option-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete,.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.lu-dropdown-options-item-action.mod-critical:hover,.lu-dropdown-options-item-action.mod-critical:focus-visible,.lu-dropdown-options-item-action.mod-delete:hover,.lu-dropdown-options-item-action.mod-delete:focus-visible,.dropdown-list-option-action.mod-critical:hover,.dropdown-list-option-action.mod-critical:focus-visible,.dropdown-list-option-action.mod-delete:hover,.dropdown-list-option-action.mod-delete:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active,.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled,.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent}.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action[disabled]:hover,.lu-dropdown-options-item-action.is-disabled,.lu-dropdown-options-item-action.is-disabled:hover,.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DropdownMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: DropdownMenuComponent, isStandalone: true, selector: "lu-dropdown-menu", ngImport: i0, template: "<div class=\"dropdown\">\n\t<ul class=\"dropdown-list\">\n\t\t<ng-content />\n\t</ul>\n</div>\n", styles: ["@layer components{.lu-dropdown-content.lu-popover-content,.dropdown{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vb, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.lu-dropdown-options,.dropdown-list{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.lu-dropdown-options .dropdown-list,.dropdown-list .dropdown-list,.lu-dropdown-options-item,.dropdown-list-option{padding-block:0}.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.lu-dropdown-options-item.mod-divider,.dropdown-list-option.mod-divider),.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.lu-dropdown-options-item.mod-divider,.dropdown-list-option.mod-divider){padding-inline:var(--pr-t-spacings-50)}.lu-dropdown-options-item:has(>.dropdown-list),.dropdown-list-option:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.lu-dropdown-options-item>.dropdown-list,.dropdown-list-option>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.lu-dropdown-options-item-action,.dropdown-list-option-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:start;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:auto;cursor:pointer}.lu-dropdown-options-item-action .lucca-icon,.dropdown-list-option-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover,.dropdown-list-option-action,.dropdown-list-option-action:hover{color:var(--components-dropdown-list-option-action-color)}.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible,.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.lu-dropdown-options-item-action:active,.dropdown-list-option-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.lu-dropdown-options-item-action:focus-visible,.dropdown-list-option-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete,.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.lu-dropdown-options-item-action.mod-critical:hover,.lu-dropdown-options-item-action.mod-critical:focus-visible,.lu-dropdown-options-item-action.mod-delete:hover,.lu-dropdown-options-item-action.mod-delete:focus-visible,.dropdown-list-option-action.mod-critical:hover,.dropdown-list-option-action.mod-critical:focus-visible,.dropdown-list-option-action.mod-delete:hover,.dropdown-list-option-action.mod-delete:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active,.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled,.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent}.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action[disabled]:hover,.lu-dropdown-options-item-action.is-disabled,.lu-dropdown-options-item-action.is-disabled:hover,.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DropdownMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DropdownMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-dropdown-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"dropdown\">\n\t<ul class=\"dropdown-list\">\n\t\t<ng-content />\n\t</ul>\n</div>\n", styles: ["@layer components{.lu-dropdown-content.lu-popover-content,.dropdown{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vb, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.lu-dropdown-options,.dropdown-list{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.lu-dropdown-options .dropdown-list,.dropdown-list .dropdown-list,.lu-dropdown-options-item,.dropdown-list-option{padding-block:0}.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.lu-dropdown-options-item.mod-divider,.dropdown-list-option.mod-divider),.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.lu-dropdown-options-item.mod-divider,.dropdown-list-option.mod-divider){padding-inline:var(--pr-t-spacings-50)}.lu-dropdown-options-item:has(>.dropdown-list),.dropdown-list-option:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.lu-dropdown-options-item>.dropdown-list,.dropdown-list-option>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.lu-dropdown-options-item-action,.dropdown-list-option-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:start;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:auto;cursor:pointer}.lu-dropdown-options-item-action .lucca-icon,.dropdown-list-option-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover,.dropdown-list-option-action,.dropdown-list-option-action:hover{color:var(--components-dropdown-list-option-action-color)}.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible,.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.lu-dropdown-options-item-action:active,.dropdown-list-option-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.lu-dropdown-options-item-action:focus-visible,.dropdown-list-option-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete,.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.lu-dropdown-options-item-action.mod-critical:hover,.lu-dropdown-options-item-action.mod-critical:focus-visible,.lu-dropdown-options-item-action.mod-delete:hover,.lu-dropdown-options-item-action.mod-delete:focus-visible,.dropdown-list-option-action.mod-critical:hover,.dropdown-list-option-action.mod-critical:focus-visible,.dropdown-list-option-action.mod-delete:hover,.dropdown-list-option-action.mod-delete:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active,.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled,.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent}.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action[disabled]:hover,.lu-dropdown-options-item-action.is-disabled,.lu-dropdown-options-item-action.is-disabled:hover,.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"] }]
         }] });
@@ -129,8 +129,8 @@ class LuDropdownItemDirective extends ALuDropdownItem {
     ngOnDestroy() {
         this.onSelect.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownItemDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: LuDropdownItemDirective, isStandalone: true, selector: "[luDropdownItem]", outputs: { onSelectOutput: "onSelect" }, host: { listeners: { "click": "onClick($event)", "keydown.enter": "onEnter($event)" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownItemDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: LuDropdownItemDirective, isStandalone: true, selector: "[luDropdownItem]", outputs: { onSelectOutput: "onSelect" }, host: { listeners: { "click": "onClick($event)", "keydown.enter": "onEnter($event)" } }, providers: [
             {
                 provide: ALuDropdownItem,
                 useExisting: forwardRef(() => LuDropdownItemDirective),
@@ -138,7 +138,7 @@ class LuDropdownItemDirective extends ALuDropdownItem {
             },
         ], exportAs: ["LuDropdownItem"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luDropdownItem]',
@@ -161,11 +161,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * @deprecated use `LuDropdownItemDirective` instead
  */
 class LuDropdownItemModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownItemModule, imports: [LuDropdownItemDirective], exports: [LuDropdownItemDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownItemModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownItemModule, imports: [LuDropdownItemDirective], exports: [LuDropdownItemDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownItemModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownItemModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuDropdownItemDirective],
@@ -251,10 +251,10 @@ class LuDropdownPanelComponent extends ALuPopoverPanel {
             firstItem.focus();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuDropdownPanelComponent, isStandalone: true, selector: "lu-dropdown", inputs: { inputPanelClasses: ["panel-classes", "inputPanelClasses"], inputContentClasses: ["content-classes", "inputContentClasses"] }, outputs: { close: "close", open: "open", hovered: "hovered" }, queries: [{ propertyName: "optionsQL", predicate: ALuDropdownItem, descendants: true }], viewQueries: [{ propertyName: "vcTemplateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], exportAs: ["LuDropdownPanel"], usesInheritance: true, ngImport: i0, template: "<ng-template>\n\t<div\n\t\tclass=\"lu-dropdown-panel lu-popover-panel\"\n\t\t[class]=\"panelClassesMap\"\n\t\t(keydown)=\"_handleKeydown($event)\"\n\t\t(click)=\"onClick()\"\n\t\t(mouseover)=\"onMouseOver()\"\n\t\t(mouseleave)=\"onMouseLeave()\"\n\t\t(mousedown)=\"onMouseDown()\"\n\t\t[attr.id]=\"panelId\"\n\t\t[attr.aria-labelledby]=\"triggerId\"\n\t\t[@transformPopover]=\"'enter'\"\n\t>\n\t\t<div class=\"lu-popover-content dropdown\" [class]=\"contentClassesMap\">\n\t\t\t<ul class=\"dropdown-list\">\n\t\t\t\t<ng-content />\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.lu-dropdown-content.lu-popover-content,.dropdown{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vb, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.lu-dropdown-options,.dropdown-list{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.lu-dropdown-options .dropdown-list,.dropdown-list .dropdown-list,.lu-dropdown-options-item,.dropdown-list-option{padding-block:0}.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.lu-dropdown-options-item.mod-divider,.dropdown-list-option.mod-divider),.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.lu-dropdown-options-item.mod-divider,.dropdown-list-option.mod-divider){padding-inline:var(--pr-t-spacings-50)}.lu-dropdown-options-item:has(>.dropdown-list),.dropdown-list-option:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.lu-dropdown-options-item>.dropdown-list,.dropdown-list-option>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.lu-dropdown-options-item-action,.dropdown-list-option-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:start;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:auto;cursor:pointer}.lu-dropdown-options-item-action .lucca-icon,.dropdown-list-option-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover,.dropdown-list-option-action,.dropdown-list-option-action:hover{color:var(--components-dropdown-list-option-action-color)}.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible,.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.lu-dropdown-options-item-action:active,.dropdown-list-option-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.lu-dropdown-options-item-action:focus-visible,.dropdown-list-option-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete,.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.lu-dropdown-options-item-action.mod-critical:hover,.lu-dropdown-options-item-action.mod-critical:focus-visible,.lu-dropdown-options-item-action.mod-delete:hover,.lu-dropdown-options-item-action.mod-delete:focus-visible,.dropdown-list-option-action.mod-critical:hover,.dropdown-list-option-action.mod-critical:focus-visible,.dropdown-list-option-action.mod-delete:hover,.dropdown-list-option-action.mod-delete:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active,.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled,.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent}.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action[disabled]:hover,.lu-dropdown-options-item-action.is-disabled,.lu-dropdown-options-item-action.is-disabled:hover,.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"], animations: [luTransformPopover], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuDropdownPanelComponent, isStandalone: true, selector: "lu-dropdown", inputs: { inputPanelClasses: ["panel-classes", "inputPanelClasses"], inputContentClasses: ["content-classes", "inputContentClasses"] }, outputs: { close: "close", open: "open", hovered: "hovered" }, queries: [{ propertyName: "optionsQL", predicate: ALuDropdownItem, descendants: true }], viewQueries: [{ propertyName: "vcTemplateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], exportAs: ["LuDropdownPanel"], usesInheritance: true, ngImport: i0, template: "<ng-template>\n\t<div\n\t\tclass=\"lu-dropdown-panel lu-popover-panel\"\n\t\t[class]=\"panelClassesMap\"\n\t\t(keydown)=\"_handleKeydown($event)\"\n\t\t(click)=\"onClick()\"\n\t\t(mouseover)=\"onMouseOver()\"\n\t\t(mouseleave)=\"onMouseLeave()\"\n\t\t(mousedown)=\"onMouseDown()\"\n\t\t[attr.id]=\"panelId\"\n\t\t[attr.aria-labelledby]=\"triggerId\"\n\t\t[@transformPopover]=\"'enter'\"\n\t>\n\t\t<div class=\"lu-popover-content dropdown\" [class]=\"contentClassesMap\">\n\t\t\t<ul class=\"dropdown-list\">\n\t\t\t\t<ng-content />\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.lu-dropdown-content.lu-popover-content,.dropdown{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vb, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.lu-dropdown-options,.dropdown-list{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.lu-dropdown-options .dropdown-list,.dropdown-list .dropdown-list,.lu-dropdown-options-item,.dropdown-list-option{padding-block:0}.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.lu-dropdown-options-item.mod-divider,.dropdown-list-option.mod-divider),.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.lu-dropdown-options-item.mod-divider,.dropdown-list-option.mod-divider){padding-inline:var(--pr-t-spacings-50)}.lu-dropdown-options-item:has(>.dropdown-list),.dropdown-list-option:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.lu-dropdown-options-item>.dropdown-list,.dropdown-list-option>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.lu-dropdown-options-item-action,.dropdown-list-option-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:start;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:auto;cursor:pointer}.lu-dropdown-options-item-action .lucca-icon,.dropdown-list-option-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover,.dropdown-list-option-action,.dropdown-list-option-action:hover{color:var(--components-dropdown-list-option-action-color)}.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible,.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.lu-dropdown-options-item-action:active,.dropdown-list-option-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.lu-dropdown-options-item-action:focus-visible,.dropdown-list-option-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete,.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.lu-dropdown-options-item-action.mod-critical:hover,.lu-dropdown-options-item-action.mod-critical:focus-visible,.lu-dropdown-options-item-action.mod-delete:hover,.lu-dropdown-options-item-action.mod-delete:focus-visible,.dropdown-list-option-action.mod-critical:hover,.dropdown-list-option-action.mod-critical:focus-visible,.dropdown-list-option-action.mod-delete:hover,.dropdown-list-option-action.mod-delete:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active,.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled,.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent}.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action[disabled]:hover,.lu-dropdown-options-item-action.is-disabled,.lu-dropdown-options-item-action.is-disabled:hover,.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"], animations: [luTransformPopover], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, animations: [luTransformPopover], exportAs: 'LuDropdownPanel', encapsulation: ViewEncapsulation.None, template: "<ng-template>\n\t<div\n\t\tclass=\"lu-dropdown-panel lu-popover-panel\"\n\t\t[class]=\"panelClassesMap\"\n\t\t(keydown)=\"_handleKeydown($event)\"\n\t\t(click)=\"onClick()\"\n\t\t(mouseover)=\"onMouseOver()\"\n\t\t(mouseleave)=\"onMouseLeave()\"\n\t\t(mousedown)=\"onMouseDown()\"\n\t\t[attr.id]=\"panelId\"\n\t\t[attr.aria-labelledby]=\"triggerId\"\n\t\t[@transformPopover]=\"'enter'\"\n\t>\n\t\t<div class=\"lu-popover-content dropdown\" [class]=\"contentClassesMap\">\n\t\t\t<ul class=\"dropdown-list\">\n\t\t\t\t<ng-content />\n\t\t\t</ul>\n\t\t</div>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.lu-dropdown-content.lu-popover-content,.dropdown{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vb, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;padding:0!important;border-radius:var(--pr-t-border-radius-structure);min-inline-size:var(--components-dropdown-minInlineSize);max-inline-size:var(--components-dropdown-maxInlineSize);max-block-size:var(--components-dropdown-maxBlockSize);overflow-x:hidden;overflow-y:auto}.lu-dropdown-options,.dropdown-list{list-style-type:none;padding-block:var(--pr-t-spacings-50);padding-inline:0;margin:0;display:flex;flex-direction:column;gap:var(--pr-t-spacings-25)}.lu-dropdown-options .dropdown-list,.dropdown-list .dropdown-list,.lu-dropdown-options-item,.dropdown-list-option{padding-block:0}.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.lu-dropdown-options-item.mod-divider,.dropdown-list-option.mod-divider),.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.lu-dropdown-options-item.mod-divider,.dropdown-list-option.mod-divider){padding-inline:var(--pr-t-spacings-50)}.lu-dropdown-options-item:has(>.dropdown-list),.dropdown-list-option:has(>.dropdown-list){padding-block-start:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);color:var(--pr-t-color-text-subtle);font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.lu-dropdown-options-item>.dropdown-list,.dropdown-list-option>.dropdown-list{color:var(--pr-t-color-text);font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-regular);margin-block-start:var(--pr-t-spacings-50);margin-inline:calc(var(--pr-t-spacings-150) * -1)}.lu-dropdown-options-item-action,.dropdown-list-option-action{border:0;border-radius:var(--pr-t-border-radius-default);background-color:var(--components-dropdown-list-option-action-backgroundColor);display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);text-align:start;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:auto;cursor:pointer}.lu-dropdown-options-item-action .lucca-icon,.dropdown-list-option-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover,.dropdown-list-option-action,.dropdown-list-option-action:hover{color:var(--components-dropdown-list-option-action-color)}.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible,.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.lu-dropdown-options-item-action:active,.dropdown-list-option-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.lu-dropdown-options-item-action:focus-visible,.dropdown-list-option-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0;z-index:1;position:relative}.divider.dropdown-list-option-divider{--components-divider-marginBlock: var(--pr-t-spacings-25)}}@layer mods{.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete,.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.lu-dropdown-options-item-action.mod-critical:hover,.lu-dropdown-options-item-action.mod-critical:focus-visible,.lu-dropdown-options-item-action.mod-delete:hover,.lu-dropdown-options-item-action.mod-delete:focus-visible,.dropdown-list-option-action.mod-critical:hover,.dropdown-list-option-action.mod-critical:focus-visible,.dropdown-list-option-action.mod-delete:hover,.dropdown-list-option-action.mod-delete:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active,.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled,.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent}.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action[disabled]:hover,.lu-dropdown-options-item-action.is-disabled,.lu-dropdown-options-item-action.is-disabled:hover,.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { inputPanelClasses: [{
@@ -281,11 +281,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * @deprecated use `LuDropdownPanelComponent` instead
  */
 class LuDropdownPanelModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownPanelModule, imports: [LuDropdownPanelComponent], exports: [LuDropdownPanelComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownPanelModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownPanelModule, imports: [LuDropdownPanelComponent], exports: [LuDropdownPanelComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownPanelModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownPanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownPanelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuDropdownPanelComponent],
@@ -433,10 +433,10 @@ class LuDropdownTriggerDirective {
         }
         return x;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: LuDropdownTriggerDirective, isStandalone: true, selector: "[luDropdown]", inputs: { inputPanel: { classPropertyName: "inputPanel", publicName: "luDropdown", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-expanded": "popover2.opened()" } }, exportAs: ["LuDropdownTrigger"], hostDirectives: [{ directive: i1.PopoverDirective, inputs: ["luPopoverPosition", "luDropdownPosition", "luPopoverDisabled", "luDropdownDisabled", "customPositions", "customPositions"], outputs: ["luPopoverOpened", "luDropdownOnOpen", "luPopoverClosed", "luDropdownOnClose"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", type: LuDropdownTriggerDirective, isStandalone: true, selector: "[luDropdown]", inputs: { inputPanel: { classPropertyName: "inputPanel", publicName: "luDropdown", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-expanded": "popover2.opened()" } }, exportAs: ["LuDropdownTrigger"], hostDirectives: [{ directive: i1.PopoverDirective, inputs: ["luPopoverPosition", "luDropdownPosition", "luPopoverDisabled", "luDropdownDisabled", "customPositions", "customPositions"], outputs: ["luPopoverOpened", "luDropdownOnOpen", "luPopoverClosed", "luDropdownOnClose"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luDropdown]',
@@ -458,11 +458,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * @deprecated use `LuDropdownTriggerDirective` instead
  */
 class LuDropdownTriggerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownTriggerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownTriggerModule, imports: [LuDropdownTriggerDirective], exports: [LuDropdownTriggerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownTriggerModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownTriggerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownTriggerModule, imports: [LuDropdownTriggerDirective], exports: [LuDropdownTriggerDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownTriggerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownTriggerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownTriggerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuDropdownTriggerDirective],
@@ -474,11 +474,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * @deprecated use `LuDropdownTriggerDirective, LuDropdownPanelComponent, LuDropdownItemDirective` instead
  */
 class LuDropdownModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownModule, imports: [LuDropdownTriggerModule, LuDropdownPanelModule, LuDropdownItemModule], exports: [LuDropdownTriggerModule, LuDropdownPanelModule, LuDropdownItemModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownModule, imports: [LuDropdownTriggerModule, LuDropdownPanelModule, LuDropdownItemModule, LuDropdownTriggerModule, LuDropdownPanelModule, LuDropdownItemModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownModule, imports: [LuDropdownTriggerModule, LuDropdownPanelModule, LuDropdownItemModule], exports: [LuDropdownTriggerModule, LuDropdownPanelModule, LuDropdownItemModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownModule, imports: [LuDropdownTriggerModule, LuDropdownPanelModule, LuDropdownItemModule, LuDropdownTriggerModule, LuDropdownPanelModule, LuDropdownItemModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuDropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuDropdownTriggerModule, LuDropdownPanelModule, LuDropdownItemModule],

package/fesm2022/lucca-front-ng-empty-state.mjs

@@ -12,10 +12,10 @@ class EmptyStatePageIllustration {
         this.alt = input('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: EmptyStatePageIllustration, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: EmptyStatePageIllustration, isStandalone: true, selector: "lu-empty-state-page-illustration", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "pr-u-displayFlex" }, ngImport: i0, template: "<img class=\"emptyState-illustration-img\" [attr.src]=\"src()\" [attr.alt]=\"alt()\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: EmptyStatePageIllustration, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: EmptyStatePageIllustration, isStandalone: true, selector: "lu-empty-state-page-illustration", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "pr-u-displayFlex" }, ngImport: i0, template: "<img class=\"emptyState-illustration-img\" [attr.src]=\"src()\" [attr.alt]=\"alt()\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: EmptyStatePageIllustration, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: EmptyStatePageIllustration, decorators: [{
             type: Component,
             args: [{ selector: 'lu-empty-state-page-illustration', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'pr-u-displayFlex',
@@ -98,10 +98,10 @@ class EmptyStatePageComponent {
     isStringPortalContent(message) {
         return typeof message === 'string';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: EmptyStatePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: EmptyStatePageComponent, isStandalone: true, selector: "lu-empty-state-page", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, topRightBackground: { classPropertyName: "topRightBackground", publicName: "topRightBackground", isSignal: true, isRequired: false, transformFunction: null }, topRightForeground: { classPropertyName: "topRightForeground", publicName: "topRightForeground", isSignal: true, isRequired: false, transformFunction: null }, bottomLeftBackground: { classPropertyName: "bottomLeftBackground", publicName: "bottomLeftBackground", isSignal: true, isRequired: false, transformFunction: null }, bottomLeftForeground: { classPropertyName: "bottomLeftForeground", publicName: "bottomLeftForeground", isSignal: true, isRequired: false, transformFunction: null }, contentBackgroundColor: { classPropertyName: "contentBackgroundColor", publicName: "contentBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, slotTop: { classPropertyName: "slotTop", publicName: "slotTop", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, hx: { classPropertyName: "hx", publicName: "hx", isSignal: true, isRequired: false, transformFunction: null }, hxStyle: { classPropertyName: "hxStyle", publicName: "hxStyle", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emptyState-wrapper" }, ngImport: i0, template: "<section\n\tclass=\"emptyState mod-page\"\n\t[class.mod-headingStyleH2]=\"hxStyle() === 2\"\n\t[attr.role]=\"heading() ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor()\"\n\t[style.--components-emptyState-illustration-background-bottom-left]=\"\n\t\tresolvedBottomLeftBackground() ? `url(${resolvedBottomLeftBackground()})` : 'none'\n\t\"\n\t[style.--components-emptyState-illustration-foreground-bottom-left]=\"\n\t\tresolvedBottomLeftForeground() ? `url(${resolvedBottomLeftForeground()})` : 'none'\n\t\"\n\t[style.--components-emptyState-illustration-background-top-right]=\"\n\t\tresolvedTopRightBackground() ? `url(${resolvedTopRightBackground()})` : 'none'\n\t\"\n\t[style.--components-emptyState-illustration-foreground-top-right]=\"\n\t\tresolvedTopRightForeground() ? `url(${resolvedTopRightForeground()})` : 'none'\n\t\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon(); as icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (slotTop(); as slotTop) {\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<ng-container *luPortal=\"slotTop\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (heading()) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx()\" class=\"emptyState-content-heading\">{{ heading() }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description(); as description) {\n\t\t\t\t\t@if (isStringPortalContent(description)) {\n\t\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<div class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t@if (illustration(); as illustration) {\n\t\t\t<div class=\"emptyState-illustration\"><ng-container *luPortal=\"illustration\" /></div>\n\t\t}\n\t</div>\n</section>\n", styles: ["@layer components{.emptyState{--components-emptyState-container-maxWidth: calc(100vi - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + var(--pr-t-spacings-400));--components-emptyState-container-position: static;--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-container-flexDirection: row;--components-emptyState-illustration-display: grid;--components-emptyState-content-heading-font: var(--pr-t-font-heading-3);--components-emptyState-illustration-background-bottom-left: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--components-emptyState-illustration-foreground-bottom-left: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--components-emptyState-illustration-background-top-right: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--components-emptyState-illustration-foreground-top-right: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}.emptyState-container{align-items:center;display:flex;flex-direction:var(--components-emptyState-container-flexDirection);flex-grow:1;justify-content:center;max-inline-size:var(--components-emptyState-container-maxWidth);inset-inline-start:var(--components-emptyState-container-left);padding:0;inline-size:100%;position:var(--components-emptyState-container-position);gap:var(--pr-t-spacings-700)}.emptyState-illustration{max-inline-size:min(360px,100%);place-items:center;display:var(--components-emptyState-illustration-display)}.emptyState-illustration:empty{display:none}.emptyState-illustration-img{max-inline-size:100%;block-size:auto}.emptyState-content{flex-shrink:0;border-radius:var(--pr-t-border-radius-structure);max-inline-size:100%;padding:var(--pr-t-spacings-50);inline-size:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600));display:inline-flex;margin-block-end:var(--pr-t-spacings-200)}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50);display:flex;flex-direction:column;gap:var(--pr-t-spacings-150)}.emptyState-content-heading{color:var(--pr-t-color-text-heading);font:var(--components-emptyState-content-heading-font)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pr-t-spacings-200)}.emptyState-actions .button{margin:0}.emptyState-actions:empty{display:none}}@layer mods{.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);--components-emptyState-content-heading-font: var(--pr-t-font-heading-1);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width:50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}@media not all and (min-width:30em){.emptyState.mod-page{--components-emptyState-content-heading-font: var(--pr-t-font-heading-2)}}.emptyState.mod-headingStyleH2{--components-emptyState-content-heading-font: var(--pr-t-font-heading-2)}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}.table .emptyState,.indexTable .emptyState,.dataTable .emptyState{--components-emptyState-container-position: sticky}.container .emptyState{--components-emptyState-container-left: auto}.emptyState:has(.emptyState-illustration:not(:empty)){--components-emptyState-background-color: transparent !important;--components-emptyState-illustration-background-bottom-left: none !important;--components-emptyState-illustration-foreground-bottom-left: none !important;--components-emptyState-illustration-background-top-right: none !important;--components-emptyState-illustration-foreground-top-right: none !important}@media not all and (min-width:50em){.emptyState:has(.emptyState-illustration:not(:empty)){--components-emptyState-container-flexDirection: column}}@media not all and (min-width:50em){.emptyState:has(.emptyState-illustration-img){--components-emptyState-illustration-display: none}}}@layer components{.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: EmptyStatePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: EmptyStatePageComponent, isStandalone: true, selector: "lu-empty-state-page", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, topRightBackground: { classPropertyName: "topRightBackground", publicName: "topRightBackground", isSignal: true, isRequired: false, transformFunction: null }, topRightForeground: { classPropertyName: "topRightForeground", publicName: "topRightForeground", isSignal: true, isRequired: false, transformFunction: null }, bottomLeftBackground: { classPropertyName: "bottomLeftBackground", publicName: "bottomLeftBackground", isSignal: true, isRequired: false, transformFunction: null }, bottomLeftForeground: { classPropertyName: "bottomLeftForeground", publicName: "bottomLeftForeground", isSignal: true, isRequired: false, transformFunction: null }, contentBackgroundColor: { classPropertyName: "contentBackgroundColor", publicName: "contentBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, slotTop: { classPropertyName: "slotTop", publicName: "slotTop", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, hx: { classPropertyName: "hx", publicName: "hx", isSignal: true, isRequired: false, transformFunction: null }, hxStyle: { classPropertyName: "hxStyle", publicName: "hxStyle", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emptyState-wrapper" }, ngImport: i0, template: "<section\n\tclass=\"emptyState mod-page\"\n\t[class.mod-headingStyleH2]=\"hxStyle() === 2\"\n\t[attr.role]=\"heading() ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor()\"\n\t[style.--components-emptyState-illustration-background-bottom-left]=\"\n\t\tresolvedBottomLeftBackground() ? `url(${resolvedBottomLeftBackground()})` : 'none'\n\t\"\n\t[style.--components-emptyState-illustration-foreground-bottom-left]=\"\n\t\tresolvedBottomLeftForeground() ? `url(${resolvedBottomLeftForeground()})` : 'none'\n\t\"\n\t[style.--components-emptyState-illustration-background-top-right]=\"\n\t\tresolvedTopRightBackground() ? `url(${resolvedTopRightBackground()})` : 'none'\n\t\"\n\t[style.--components-emptyState-illustration-foreground-top-right]=\"\n\t\tresolvedTopRightForeground() ? `url(${resolvedTopRightForeground()})` : 'none'\n\t\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon(); as icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (slotTop(); as slotTop) {\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<ng-container *luPortal=\"slotTop\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (heading()) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx()\" class=\"emptyState-content-heading\">{{ heading() }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description(); as description) {\n\t\t\t\t\t@if (isStringPortalContent(description)) {\n\t\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<div class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t@if (illustration(); as illustration) {\n\t\t\t<div class=\"emptyState-illustration\"><ng-container *luPortal=\"illustration\" /></div>\n\t\t}\n\t</div>\n</section>\n", styles: ["@layer components{.emptyState{--components-emptyState-container-maxWidth: calc(100vi - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + var(--pr-t-spacings-400));--components-emptyState-container-position: static;--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-container-flexDirection: row;--components-emptyState-illustration-display: grid;--components-emptyState-content-heading-font: var(--pr-t-font-heading-3);--components-emptyState-illustration-background-bottom-left: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--components-emptyState-illustration-foreground-bottom-left: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--components-emptyState-illustration-background-top-right: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--components-emptyState-illustration-foreground-top-right: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}.emptyState-container{align-items:center;display:flex;flex-direction:var(--components-emptyState-container-flexDirection);flex-grow:1;justify-content:center;max-inline-size:var(--components-emptyState-container-maxWidth);inset-inline-start:var(--components-emptyState-container-left);padding:0;inline-size:100%;position:var(--components-emptyState-container-position);gap:var(--pr-t-spacings-700)}.emptyState-illustration{max-inline-size:min(360px,100%);place-items:center;display:var(--components-emptyState-illustration-display)}.emptyState-illustration:empty{display:none}.emptyState-illustration-img{max-inline-size:100%;block-size:auto}.emptyState-content{flex-shrink:0;border-radius:var(--pr-t-border-radius-structure);max-inline-size:100%;padding:var(--pr-t-spacings-50);inline-size:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600));display:inline-flex;margin-block-end:var(--pr-t-spacings-200)}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50);display:flex;flex-direction:column;gap:var(--pr-t-spacings-150)}.emptyState-content-heading{color:var(--pr-t-color-text-heading);font:var(--components-emptyState-content-heading-font)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pr-t-spacings-200)}.emptyState-actions .button{margin:0}.emptyState-actions:empty{display:none}}@layer mods{.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);--components-emptyState-content-heading-font: var(--pr-t-font-heading-1);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width:50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}@media not all and (min-width:30em){.emptyState.mod-page{--components-emptyState-content-heading-font: var(--pr-t-font-heading-2)}}.emptyState.mod-headingStyleH2{--components-emptyState-content-heading-font: var(--pr-t-font-heading-2)}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}.table .emptyState,.indexTable .emptyState,.dataTable .emptyState{--components-emptyState-container-position: sticky}.container .emptyState{--components-emptyState-container-left: auto}.emptyState:has(.emptyState-illustration:not(:empty)){--components-emptyState-background-color: transparent !important;--components-emptyState-illustration-background-bottom-left: none !important;--components-emptyState-illustration-foreground-bottom-left: none !important;--components-emptyState-illustration-background-top-right: none !important;--components-emptyState-illustration-foreground-top-right: none !important}@media not all and (min-width:50em){.emptyState:has(.emptyState-illustration:not(:empty)){--components-emptyState-container-flexDirection: column}}@media not all and (min-width:50em){.emptyState:has(.emptyState-illustration-img){--components-emptyState-illustration-display: none}}}@layer components{.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: EmptyStatePageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: EmptyStatePageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-empty-state-page', imports: [PortalDirective, LuSafeExternalSvgPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'emptyState-wrapper',
@@ -193,10 +193,10 @@ class EmptyStateSectionComponent {
     isStringPortalContent(message) {
         return typeof message === 'string';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: EmptyStateSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: EmptyStateSectionComponent, isStandalone: true, selector: "lu-empty-state-section", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, center: { classPropertyName: "center", publicName: "center", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, hx: { classPropertyName: "hx", publicName: "hx", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section class=\"emptyState\" [class.mod-center]=\"center()\" [attr.role]=\"heading() ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (iconOrIllustration(); as iconOrIllustration) {\n\t\t\t\t<div class=\"emptyState-content-icon\">\n\t\t\t\t\t<lu-bubble-illustration [action]=\"actionIllustration()\" [illustration]=\"iconOrIllustration\" size=\"L\" [palette]=\"palette()\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (heading()) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx()\" class=\"emptyState-content-heading\">{{ heading() }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description(); as description) {\n\t\t\t\t\t@if (isStringPortalContent(description)) {\n\t\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<div class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: ["@layer components{.emptyState{--components-emptyState-container-maxWidth: calc(100vi - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + var(--pr-t-spacings-400));--components-emptyState-container-position: static;--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-container-flexDirection: row;--components-emptyState-illustration-display: grid;--components-emptyState-content-heading-font: var(--pr-t-font-heading-3);--components-emptyState-illustration-background-bottom-left: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--components-emptyState-illustration-foreground-bottom-left: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--components-emptyState-illustration-background-top-right: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--components-emptyState-illustration-foreground-top-right: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}.emptyState-container{align-items:center;display:flex;flex-direction:var(--components-emptyState-container-flexDirection);flex-grow:1;justify-content:center;max-inline-size:var(--components-emptyState-container-maxWidth);inset-inline-start:var(--components-emptyState-container-left);padding:0;inline-size:100%;position:var(--components-emptyState-container-position);gap:var(--pr-t-spacings-700)}.emptyState-illustration{max-inline-size:min(360px,100%);place-items:center;display:var(--components-emptyState-illustration-display)}.emptyState-illustration:empty{display:none}.emptyState-illustration-img{max-inline-size:100%;block-size:auto}.emptyState-content{flex-shrink:0;border-radius:var(--pr-t-border-radius-structure);max-inline-size:100%;padding:var(--pr-t-spacings-50);inline-size:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600));display:inline-flex;margin-block-end:var(--pr-t-spacings-200)}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50);display:flex;flex-direction:column;gap:var(--pr-t-spacings-150)}.emptyState-content-heading{color:var(--pr-t-color-text-heading);font:var(--components-emptyState-content-heading-font)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pr-t-spacings-200)}.emptyState-actions .button{margin:0}.emptyState-actions:empty{display:none}}@layer mods{.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);--components-emptyState-content-heading-font: var(--pr-t-font-heading-1);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width:50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}@media not all and (min-width:30em){.emptyState.mod-page{--components-emptyState-content-heading-font: var(--pr-t-font-heading-2)}}.emptyState.mod-headingStyleH2{--components-emptyState-content-heading-font: var(--pr-t-font-heading-2)}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}.table .emptyState,.indexTable .emptyState,.dataTable .emptyState{--components-emptyState-container-position: sticky}.container .emptyState{--components-emptyState-container-left: auto}.emptyState:has(.emptyState-illustration:not(:empty)){--components-emptyState-background-color: transparent !important;--components-emptyState-illustration-background-bottom-left: none !important;--components-emptyState-illustration-foreground-bottom-left: none !important;--components-emptyState-illustration-background-top-right: none !important;--components-emptyState-illustration-foreground-top-right: none !important}@media not all and (min-width:50em){.emptyState:has(.emptyState-illustration:not(:empty)){--components-emptyState-container-flexDirection: column}}@media not all and (min-width:50em){.emptyState:has(.emptyState-illustration-img){--components-emptyState-illustration-display: none}}}@layer base{lu-empty-state-section{inline-size:100%}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "component", type: BubbleIllustrationComponent, selector: "lu-bubble-illustration", inputs: ["illustration", "palette", "size", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: EmptyStateSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: EmptyStateSectionComponent, isStandalone: true, selector: "lu-empty-state-section", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, center: { classPropertyName: "center", publicName: "center", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, hx: { classPropertyName: "hx", publicName: "hx", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section class=\"emptyState\" [class.mod-center]=\"center()\" [attr.role]=\"heading() ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (iconOrIllustration(); as iconOrIllustration) {\n\t\t\t\t<div class=\"emptyState-content-icon\">\n\t\t\t\t\t<lu-bubble-illustration [action]=\"actionIllustration()\" [illustration]=\"iconOrIllustration\" size=\"L\" [palette]=\"palette()\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (heading()) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx()\" class=\"emptyState-content-heading\">{{ heading() }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description(); as description) {\n\t\t\t\t\t@if (isStringPortalContent(description)) {\n\t\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<div class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: ["@layer components{.emptyState{--components-emptyState-container-maxWidth: calc(100vi - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + var(--pr-t-spacings-400));--components-emptyState-container-position: static;--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-container-flexDirection: row;--components-emptyState-illustration-display: grid;--components-emptyState-content-heading-font: var(--pr-t-font-heading-3);--components-emptyState-illustration-background-bottom-left: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--components-emptyState-illustration-foreground-bottom-left: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--components-emptyState-illustration-background-top-right: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--components-emptyState-illustration-foreground-top-right: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}.emptyState-container{align-items:center;display:flex;flex-direction:var(--components-emptyState-container-flexDirection);flex-grow:1;justify-content:center;max-inline-size:var(--components-emptyState-container-maxWidth);inset-inline-start:var(--components-emptyState-container-left);padding:0;inline-size:100%;position:var(--components-emptyState-container-position);gap:var(--pr-t-spacings-700)}.emptyState-illustration{max-inline-size:min(360px,100%);place-items:center;display:var(--components-emptyState-illustration-display)}.emptyState-illustration:empty{display:none}.emptyState-illustration-img{max-inline-size:100%;block-size:auto}.emptyState-content{flex-shrink:0;border-radius:var(--pr-t-border-radius-structure);max-inline-size:100%;padding:var(--pr-t-spacings-50);inline-size:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600));display:inline-flex;margin-block-end:var(--pr-t-spacings-200)}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50);display:flex;flex-direction:column;gap:var(--pr-t-spacings-150)}.emptyState-content-heading{color:var(--pr-t-color-text-heading);font:var(--components-emptyState-content-heading-font)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pr-t-spacings-200)}.emptyState-actions .button{margin:0}.emptyState-actions:empty{display:none}}@layer mods{.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);--components-emptyState-content-heading-font: var(--pr-t-font-heading-1);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width:50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}@media not all and (min-width:30em){.emptyState.mod-page{--components-emptyState-content-heading-font: var(--pr-t-font-heading-2)}}.emptyState.mod-headingStyleH2{--components-emptyState-content-heading-font: var(--pr-t-font-heading-2)}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}.table .emptyState,.indexTable .emptyState,.dataTable .emptyState{--components-emptyState-container-position: sticky}.container .emptyState{--components-emptyState-container-left: auto}.emptyState:has(.emptyState-illustration:not(:empty)){--components-emptyState-background-color: transparent !important;--components-emptyState-illustration-background-bottom-left: none !important;--components-emptyState-illustration-foreground-bottom-left: none !important;--components-emptyState-illustration-background-top-right: none !important;--components-emptyState-illustration-foreground-top-right: none !important}@media not all and (min-width:50em){.emptyState:has(.emptyState-illustration:not(:empty)){--components-emptyState-container-flexDirection: column}}@media not all and (min-width:50em){.emptyState:has(.emptyState-illustration-img){--components-emptyState-illustration-display: none}}}@layer base{lu-empty-state-section{inline-size:100%}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "component", type: BubbleIllustrationComponent, selector: "lu-bubble-illustration", inputs: ["illustration", "palette", "size", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: EmptyStateSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: EmptyStateSectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-empty-state-section', imports: [PortalDirective, BubbleIllustrationComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"emptyState\" [class.mod-center]=\"center()\" [attr.role]=\"heading() ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (iconOrIllustration(); as iconOrIllustration) {\n\t\t\t\t<div class=\"emptyState-content-icon\">\n\t\t\t\t\t<lu-bubble-illustration [action]=\"actionIllustration()\" [illustration]=\"iconOrIllustration\" size=\"L\" [palette]=\"palette()\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (heading()) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx()\" class=\"emptyState-content-heading\">{{ heading() }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description(); as description) {\n\t\t\t\t\t@if (isStringPortalContent(description)) {\n\t\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<div class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"description\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: ["@layer components{.emptyState{--components-emptyState-container-maxWidth: calc(100vi - var(--commons-navSide-width) - 7rem);--components-emptyState-container-left: calc(var(--commons-navSide-width) + var(--pr-t-spacings-400));--components-emptyState-container-position: static;--components-emptyState-background-color: var(--pr-t-elevation-surface-default);--components-emptyState-illustration-top-right-offset-left: min( calc(100% + 5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-illustration-top-right-offset-left-S: min( calc(100% + 3.5rem) , calc(var(--components-emptyState-container-maxWidth) - 8.5rem) );--components-emptyState-container-flexDirection: row;--components-emptyState-illustration-display: grid;--components-emptyState-content-heading-font: var(--pr-t-font-heading-3);--components-emptyState-illustration-background-bottom-left: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--components-emptyState-illustration-foreground-bottom-left: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--components-emptyState-illustration-background-top-right: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--components-emptyState-illustration-foreground-top-right: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}.emptyState-container{align-items:center;display:flex;flex-direction:var(--components-emptyState-container-flexDirection);flex-grow:1;justify-content:center;max-inline-size:var(--components-emptyState-container-maxWidth);inset-inline-start:var(--components-emptyState-container-left);padding:0;inline-size:100%;position:var(--components-emptyState-container-position);gap:var(--pr-t-spacings-700)}.emptyState-illustration{max-inline-size:min(360px,100%);place-items:center;display:var(--components-emptyState-illustration-display)}.emptyState-illustration:empty{display:none}.emptyState-illustration-img{max-inline-size:100%;block-size:auto}.emptyState-content{flex-shrink:0;border-radius:var(--pr-t-border-radius-structure);max-inline-size:100%;padding:var(--pr-t-spacings-50);inline-size:calc(25rem + var(--pr-t-spacings-50) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-product-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-brand-600));display:inline-flex;margin-block-end:var(--pr-t-spacings-200)}.emptyState-content-text{padding-inline:var(--pr-t-spacings-50);display:flex;flex-direction:column;gap:var(--pr-t-spacings-150)}.emptyState-content-heading{color:var(--pr-t-color-text-heading);font:var(--components-emptyState-content-heading-font)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pr-t-spacings-200)}.emptyState-actions .button{margin:0}.emptyState-actions:empty{display:none}}@layer mods{.emptyState.mod-page{--components-emptyState-container-maxWidth: var(--commons-container-maxWidth);--components-emptyState-content-heading-font: var(--pr-t-font-heading-1);background-image:var(--components-emptyState-illustration-foreground-bottom-left),var(--components-emptyState-illustration-background-bottom-left),var(--components-emptyState-illustration-foreground-top-right),var(--components-emptyState-illustration-background-top-right);background-repeat:no-repeat;background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left),top left var(--components-emptyState-illustration-top-right-offset-left)}@media not all and (min-width:50em){.emptyState.mod-page{background-position:bottom left,bottom left,top left var(--components-emptyState-illustration-top-right-offset-left-S),top left var(--components-emptyState-illustration-top-right-offset-left-S);background-size:auto 10.875rem}}.emptyState.mod-page .emptyState-content{background-color:var(--components-emptyState-background-color);box-shadow:0 0 8px 4px var(--components-emptyState-background-color)}.emptyState.mod-page .emptyState-content-text{padding:0}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}@media not all and (min-width:30em){.emptyState.mod-page{--components-emptyState-content-heading-font: var(--pr-t-font-heading-2)}}.emptyState.mod-headingStyleH2{--components-emptyState-content-heading-font: var(--pr-t-font-heading-2)}.emptyState.mod-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}.table .emptyState,.indexTable .emptyState,.dataTable .emptyState{--components-emptyState-container-position: sticky}.container .emptyState{--components-emptyState-container-left: auto}.emptyState:has(.emptyState-illustration:not(:empty)){--components-emptyState-background-color: transparent !important;--components-emptyState-illustration-background-bottom-left: none !important;--components-emptyState-illustration-foreground-bottom-left: none !important;--components-emptyState-illustration-background-top-right: none !important;--components-emptyState-illustration-foreground-top-right: none !important}@media not all and (min-width:50em){.emptyState:has(.emptyState-illustration:not(:empty)){--components-emptyState-container-flexDirection: column}}@media not all and (min-width:50em){.emptyState:has(.emptyState-illustration-img){--components-emptyState-illustration-display: none}}}@layer base{lu-empty-state-section{inline-size:100%}}\n"] }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], illustration: [{ type: i0.Input, args: [{ isSignal: true, alias: "illustration", required: false }] }], action: [{ type: i0.Input, args: [{ isSignal: true, alias: "action", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], center: [{ type: i0.Input, args: [{ isSignal: true, alias: "center", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], hx: [{ type: i0.Input, args: [{ isSignal: true, alias: "hx", required: false }] }] } });

package/fesm2022/lucca-front-ng-error-page.mjs

@@ -13,10 +13,10 @@ class ErrorPageComponent {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "illustrationSrc" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ErrorPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: ErrorPageComponent, isStandalone: true, selector: "lu-error-page", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "errorPage" }, ngImport: i0, template: "<section class=\"errorPage-section\">\n\t<div class=\"errorPage-section-info\">\n\t\t<h1 class=\"errorPage-section-info-title\">{{ heading() }}</h1>\n\t\t<lu-text-flow>\n\t\t\t<ng-content />\n\t\t</lu-text-flow>\n\t</div>\n\t<img class=\"errorPage-section-image\" [src]=\"illustrationSrc()\" width=\"600\" height=\"400\" alt=\"\" />\n</section>\n", styles: ["@layer components{.errorPage{--components-errorPage-background: var(--pr-t-elevation-surface-raised);background-color:var(--components-errorPage-background);block-size:100vb;inline-size:100vi;line-height:1.2;overflow:hidden;display:block}.errorPage-section{block-size:100%;max-inline-size:1200px;padding-block:0;padding-inline:var(--pr-t-spacings-400);inline-size:100vi;margin-block:0;margin-inline:auto;display:flex;justify-content:space-between;align-items:center}.errorPage-section-info{margin-block-start:10vb;max-inline-size:90vi;inline-size:450px;padding-inline-end:var(--pr-t-spacings-400)}.errorPage-section-info-title{font:var(--pr-t-font-heading-1);margin-block-end:var(--pr-t-spacings-50)}.errorPage-section-info-text{font-size:var(--pr-t-font-body-1-fontSize);line-height:var(--pr-t-font-body-1-lineHeight);margin-block-end:var(--pr-t-spacings-150)}.errorPage-section-image{margin-block-start:10vb;inline-size:50%;max-inline-size:580px;min-inline-size:350px;block-size:auto}}@layer mods{@media not all and (min-width:50em){.errorPage{overflow-y:auto}.errorPage .errorPage-section{flex-direction:column;justify-content:center}.errorPage .errorPage-section-info{margin-block:var(--pr-t-spacings-400);order:1;padding:0}.errorPage .errorPage-section-image{margin-block-start:var(--pr-t-spacings-400);order:0}}@media not all and (min-width:30em){.errorPage .errorPage-section-image{inline-size:auto;max-inline-size:100%;min-inline-size:0}}:is(.appLayout,.dialog) .errorPage,:is(.appLayout,.dialog) .errorPage .errorPage-section{block-size:100%;inline-size:100%}:is(.appLayout,.dialog) .errorPage .errorPage-section{gap:var(--pr-t-spacings-400)}:is(.appLayout,.dialog) .errorPage .errorPage-section-image,:is(.appLayout,.dialog) .errorPage .errorPage-section-info{margin-block-start:0;padding:0;max-inline-size:100%}}\n"], dependencies: [{ kind: "component", type: TextFlowComponent, selector: "lu-text-flow" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ErrorPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: ErrorPageComponent, isStandalone: true, selector: "lu-error-page", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, illustration: { classPropertyName: "illustration", publicName: "illustration", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "errorPage" }, ngImport: i0, template: "<section class=\"errorPage-section\">\n\t<div class=\"errorPage-section-info\">\n\t\t<h1 class=\"errorPage-section-info-title\">{{ heading() }}</h1>\n\t\t<lu-text-flow>\n\t\t\t<ng-content />\n\t\t</lu-text-flow>\n\t</div>\n\t<img class=\"errorPage-section-image\" [src]=\"illustrationSrc()\" width=\"600\" height=\"400\" alt=\"\" />\n</section>\n", styles: ["@layer components{.errorPage{--components-errorPage-background: var(--pr-t-elevation-surface-raised);background-color:var(--components-errorPage-background);block-size:100vb;inline-size:100vi;line-height:1.2;overflow:hidden;display:block}.errorPage-section{block-size:100%;max-inline-size:1200px;padding-block:0;padding-inline:var(--pr-t-spacings-400);inline-size:100vi;margin-block:0;margin-inline:auto;display:flex;justify-content:space-between;align-items:center}.errorPage-section-info{margin-block-start:10vb;max-inline-size:90vi;inline-size:450px;padding-inline-end:var(--pr-t-spacings-400)}.errorPage-section-info-title{font:var(--pr-t-font-heading-1);margin-block-end:var(--pr-t-spacings-50)}.errorPage-section-info-text{font-size:var(--pr-t-font-body-1-fontSize);line-height:var(--pr-t-font-body-1-lineHeight);margin-block-end:var(--pr-t-spacings-150)}.errorPage-section-image{margin-block-start:10vb;inline-size:50%;max-inline-size:580px;min-inline-size:350px;block-size:auto}}@layer mods{@media not all and (min-width:50em){.errorPage{overflow-y:auto}.errorPage .errorPage-section{flex-direction:column;justify-content:center}.errorPage .errorPage-section-info{margin-block:var(--pr-t-spacings-400);order:1;padding:0}.errorPage .errorPage-section-image{margin-block-start:var(--pr-t-spacings-400);order:0}}@media not all and (min-width:30em){.errorPage .errorPage-section-image{inline-size:auto;max-inline-size:100%;min-inline-size:0}}:is(.appLayout,.dialog) .errorPage,:is(.appLayout,.dialog) .errorPage .errorPage-section{block-size:100%;inline-size:100%}:is(.appLayout,.dialog) .errorPage .errorPage-section{gap:var(--pr-t-spacings-400)}:is(.appLayout,.dialog) .errorPage .errorPage-section-image,:is(.appLayout,.dialog) .errorPage .errorPage-section-info{margin-block-start:0;padding:0;max-inline-size:100%}}\n"], dependencies: [{ kind: "component", type: TextFlowComponent, selector: "lu-text-flow" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ErrorPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ErrorPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-error-page', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [TextFlowComponent], host: {
                         class: 'errorPage',