@lucca-front/ng 21.1.2 → 21.2.0-rc.1

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-divider.mjs","sources":["../../../packages/ng/divider/divider.component.ts","../../../packages/ng/divider/lucca-front-ng-divider.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, OnChanges, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { LuClass } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-divider',\n\tproviders: [LuClass],\n\ttemplate: '<ng-content />',\n\tstyleUrl: './divider.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'divider',\n\t\t'[attr.role]': 'separatorRole() || withRole() ? \"separator\" : null',\n\t\t'[class.mod-vertical]': 'vertical()',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DividerComponent implements OnChanges {\n\t#luClass = inject(LuClass);\n\n\t@ViewChild('content') content: ElementRef;\n\n\t/**\n\t * Allows rendering the Divider as a native separator\n\t * (Any text content it may have will no longer be rendered)\n\t */\n\treadonly separatorRole = input(false, { transform: booleanAttribute });\n\n\treadonly vertical = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Which size should the chip be? Defaults or small\n\t */\n\treadonly size = input<'M' | 'S' | null>(null);\n\n\t/**\n\t * @deprecated\n\t */\n\treadonly withRole = input(false, { transform: booleanAttribute });\n\n\treadonly classesConfig = computed(() => ({ [`mod-${this.size()}`]: !!this.size() }));\n\n\tngOnChanges(): void {\n\t\tthis.updateClasses();\n\t}\n\n\tupdateClasses(): void {\n\t\tthis.#luClass.setState(this.classesConfig());\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-divider.mjs","sources":["../../../packages/ng/divider/divider.component.ts","../../../packages/ng/divider/lucca-front-ng-divider.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, OnChanges, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { LuClass } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-divider',\n\tproviders: [LuClass],\n\ttemplate: '<ng-content />',\n\tstyleUrl: './divider.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'divider',\n\t\t'[attr.role]': 'separatorRole() || withRole() ? \"separator\" : null',\n\t\t'[class.mod-vertical]': 'vertical()',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DividerComponent implements OnChanges {\n\t#luClass = inject(LuClass);\n\n\t@ViewChild('content') content: ElementRef;\n\n\t/**\n\t * Allows rendering the Divider as a native separator\n\t * (Any text content it may have will no longer be rendered)\n\t */\n\treadonly separatorRole = input(false, { transform: booleanAttribute });\n\n\treadonly vertical = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Which size should the chip be? Defaults or small\n\t */\n\treadonly size = input<'M' | 'S' | null>(null);\n\n\t/**\n\t * @deprecated\n\t */\n\treadonly withRole = input(false, { transform: booleanAttribute });\n\n\treadonly classesConfig = computed(() => ({ [`mod-${this.size()}`]: !!this.size() }));\n\n\tngOnChanges(): void {\n\t\tthis.updateClasses();\n\t}\n\n\tupdateClasses(): void {\n\t\tthis.#luClass.setState(this.classesConfig());\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -95,11 +95,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
 
 class DropdownMenuComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: DropdownMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", 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{.dropdown,.lu-dropdown-content.lu-popover-content{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;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}.dropdown-list,.lu-dropdown-options{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)}.dropdown-list .dropdown-list,.lu-dropdown-options .dropdown-list,.dropdown-list-option,.lu-dropdown-options-item{padding-block:0}.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider),.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider){padding-inline:var(--pr-t-spacings-50)}.dropdown-list-option:has(>.dropdown-list),.lu-dropdown-options-item: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)}.dropdown-list-option>.dropdown-list,.lu-dropdown-options-item>.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)}.dropdown-list-option-action,.lu-dropdown-options-item-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:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);cursor:pointer}.dropdown-list-option-action .lucca-icon,.lu-dropdown-options-item-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.dropdown-list-option-action,.dropdown-list-option-action:hover,.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover{color:var(--components-dropdown-list-option-action-color)}.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.dropdown-list-option-action:active,.lu-dropdown-options-item-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-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{.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete,.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.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,.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{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active,.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled,.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: none}.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover,.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{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", 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(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;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:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);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;--components-dropdown-list-option-action-pointerEvents: none}.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: "21.0.8", 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{.dropdown,.lu-dropdown-content.lu-popover-content{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;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}.dropdown-list,.lu-dropdown-options{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)}.dropdown-list .dropdown-list,.lu-dropdown-options .dropdown-list,.dropdown-list-option,.lu-dropdown-options-item{padding-block:0}.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider),.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider){padding-inline:var(--pr-t-spacings-50)}.dropdown-list-option:has(>.dropdown-list),.lu-dropdown-options-item: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)}.dropdown-list-option>.dropdown-list,.lu-dropdown-options-item>.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)}.dropdown-list-option-action,.lu-dropdown-options-item-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:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);cursor:pointer}.dropdown-list-option-action .lucca-icon,.lu-dropdown-options-item-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.dropdown-list-option-action,.dropdown-list-option-action:hover,.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover{color:var(--components-dropdown-list-option-action-color)}.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.dropdown-list-option-action:active,.lu-dropdown-options-item-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-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{.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete,.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.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,.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{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active,.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled,.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: none}.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover,.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{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"] }]
+            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(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;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:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);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;--components-dropdown-list-option-action-pointerEvents: none}.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"] }]
         }] });
 
 class ALuDropdownItem {
@@ -251,11 +251,11 @@ class LuDropdownPanelComponent extends ALuPopoverPanel {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LuDropdownPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", 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{.dropdown,.lu-dropdown-content.lu-popover-content{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;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}.dropdown-list,.lu-dropdown-options{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)}.dropdown-list .dropdown-list,.lu-dropdown-options .dropdown-list,.dropdown-list-option,.lu-dropdown-options-item{padding-block:0}.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider),.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider){padding-inline:var(--pr-t-spacings-50)}.dropdown-list-option:has(>.dropdown-list),.lu-dropdown-options-item: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)}.dropdown-list-option>.dropdown-list,.lu-dropdown-options-item>.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)}.dropdown-list-option-action,.lu-dropdown-options-item-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:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);cursor:pointer}.dropdown-list-option-action .lucca-icon,.lu-dropdown-options-item-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.dropdown-list-option-action,.dropdown-list-option-action:hover,.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover{color:var(--components-dropdown-list-option-action-color)}.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.dropdown-list-option-action:active,.lu-dropdown-options-item-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-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{.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete,.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.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,.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{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active,.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled,.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: none}.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover,.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{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"], animations: [luTransformPopover], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", 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(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;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:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);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;--components-dropdown-list-option-action-pointerEvents: none}.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: "21.0.8", 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{.dropdown,.lu-dropdown-content.lu-popover-content{--components-dropdown-minInlineSize: 10rem;--components-dropdown-maxInlineSize: 30rem;--components-dropdown-maxBlockSize: min(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;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}.dropdown-list,.lu-dropdown-options{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)}.dropdown-list .dropdown-list,.lu-dropdown-options .dropdown-list,.dropdown-list-option,.lu-dropdown-options-item{padding-block:0}.dropdown-list-option:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider),.lu-dropdown-options-item:not(:has(.divider.dropdown-list-option-divider,.dropdown-list-option),.dropdown-list-option.mod-divider,.lu-dropdown-options-item.mod-divider){padding-inline:var(--pr-t-spacings-50)}.dropdown-list-option:has(>.dropdown-list),.lu-dropdown-options-item: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)}.dropdown-list-option>.dropdown-list,.lu-dropdown-options-item>.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)}.dropdown-list-option-action,.lu-dropdown-options-item-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:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);cursor:pointer}.dropdown-list-option-action .lucca-icon,.lu-dropdown-options-item-action .lucca-icon{--icon-size: 1.25rem;margin-block:var(--pr-t-spacings-25)}.dropdown-list-option-action,.dropdown-list-option-action:hover,.lu-dropdown-options-item-action,.lu-dropdown-options-item-action:hover{color:var(--components-dropdown-list-option-action-color)}.dropdown-list-option-action:hover,.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-action:hover,.lu-dropdown-options-item-action:focus-visible{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-50)}.dropdown-list-option-action:active,.lu-dropdown-options-item-action:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-100)}.dropdown-list-option-action:focus-visible,.lu-dropdown-options-item-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{.dropdown-list-option-action.mod-critical,.dropdown-list-option-action.mod-delete,.lu-dropdown-options-item-action.mod-critical,.lu-dropdown-options-item-action.mod-delete{--components-dropdown-list-option-action-color: var(--pr-t-color-text-critical)}.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,.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{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-50)}.dropdown-list-option-action.mod-critical:active,.dropdown-list-option-action.mod-delete:active,.lu-dropdown-options-item-action.mod-critical:active,.lu-dropdown-options-item-action.mod-delete:active{--components-dropdown-list-option-action-backgroundColor: var(--palettes-critical-100)}.dropdown-list-option-action[disabled],.dropdown-list-option-action.is-disabled,.lu-dropdown-options-item-action[disabled],.lu-dropdown-options-item-action.is-disabled{--components-dropdown-list-option-action-color: var(--pr-t-color-text-disabled);--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: none}.dropdown-list-option-action[disabled],.dropdown-list-option-action[disabled]:hover,.dropdown-list-option-action.is-disabled,.dropdown-list-option-action.is-disabled:hover,.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{--components-dropdown-list-option-action-backgroundColor: var(--palettes-neutral-0)}}\n"] }]
+            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(60vh, 30rem);--components-dropdown-list-option-action-color: currentColor;--components-dropdown-list-option-action-backgroundColor: transparent;--components-dropdown-list-option-action-pointerEvents: auto;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:left;transition:background-color var(--commons-animations-durations-fast);text-decoration:none;inline-size:100%;pointer-events:var(--components-dropdown-list-option-action-pointerEvents);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;--components-dropdown-list-option-action-pointerEvents: none}.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: [{
                 type: Input,
                 args: ['panel-classes']

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

@@ -1,9 +1,24 @@
 import * as i0 from '@angular/core';
-import { input, numberAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component, computed, booleanAttribute } from '@angular/core';
+import { input, ViewEncapsulation, ChangeDetectionStrategy, Component, numberAttribute, computed, booleanAttribute } from '@angular/core';
 import { PortalDirective } from '@lucca-front/ng/core';
 import { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';
 import { BubbleIllustrationComponent } from '@lucca-front/ng/bubble-illustration';
 
+class EmptyStatePageIllustration {
+    constructor() {
+        this.src = input(null, ...(ngDevMode ? [{ debugName: "src" }] : []));
+        this.alt = input(null, ...(ngDevMode ? [{ debugName: "alt" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EmptyStatePageIllustration, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", 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: "21.0.8", 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',
+                    }, template: "<img class=\"emptyState-illustration-img\" [attr.src]=\"src()\" [attr.alt]=\"alt()\" />\n" }]
+        }], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }] } });
+
 class EmptyStatePageComponent {
     constructor() {
         /**
@@ -34,19 +49,26 @@ class EmptyStatePageComponent {
          * Add content above heading
          */
         this.slotTop = input(...(ngDevMode ? [undefined, { debugName: "slotTop" }] : []));
+        /**
+         * Add illustration beside content
+         */
+        this.illustration = input(...(ngDevMode ? [undefined, { debugName: "illustration" }] : []));
         this.heading = input(...(ngDevMode ? [undefined, { debugName: "heading" }] : []));
         this.description = input(...(ngDevMode ? [undefined, { debugName: "description" }] : []));
         this.hx = input(1, { ...(ngDevMode ? { debugName: "hx" } : {}), transform: numberAttribute });
     }
+    isStringPortalContent(message) {
+        return typeof message === 'string';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EmptyStatePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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 }, 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 } }, host: { classAttribute: "emptyState-wrapper" }, ngImport: i0, template: "<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading() ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor()\"\n\tstyle.--components-emptyState-illustration-background-bottom-left=\"url({{ bottomLeftBackground() }})\"\n\tstyle.--components-emptyState-illustration-foreground-bottom-left=\"url({{ bottomLeftForeground() }})\"\n\tstyle.--components-emptyState-illustration-background-top-right=\"url({{ topRightBackground() }})\"\n\tstyle.--components-emptyState-illustration-foreground-top-right=\"url({{ topRightForeground() }})\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (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()) {\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()) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description()\" />\n\t\t\t\t\t</p>\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(100vw - 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) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;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)}.emptyState-content{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)}.emptyState-content-heading{font:var(--pr-t-font-heading-3);margin-block-end:var(--pr-t-spacings-50)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;margin-block-start:var(--pr-t-spacings-200);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);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}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.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-maxWidth: none;--components-emptyState-container-left: auto}}@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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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 } }, host: { classAttribute: "emptyState-wrapper" }, ngImport: i0, template: "<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading() ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor()\"\n\t[style.--components-emptyState-illustration-background-bottom-left]=\"bottomLeftBackground() ? `url(${bottomLeftBackground()}` : null\"\n\t[style.--components-emptyState-illustration-foreground-bottom-left]=\"bottomLeftForeground() ? `url(${bottomLeftForeground()}` : null\"\n\t[style.--components-emptyState-illustration-background-top-right]=\"topRightBackground() ? `url(${topRightBackground()}` : null\"\n\t[style.--components-emptyState-illustration-foreground-top-right]=\"topRightForeground() ? `url(${topRightForeground()}` : null\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (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()) {\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()) {\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()) {\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(100vw - 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-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)}.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{font:var(--pr-t-font-heading-3)}.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);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}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.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-maxWidth: none;--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: "21.0.8", ngImport: i0, type: EmptyStatePageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-empty-state-page', imports: [LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'lu-empty-state-page', imports: [PortalDirective, LuSafeExternalSvgPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'emptyState-wrapper',
-                    }, template: "<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading() ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor()\"\n\tstyle.--components-emptyState-illustration-background-bottom-left=\"url({{ bottomLeftBackground() }})\"\n\tstyle.--components-emptyState-illustration-foreground-bottom-left=\"url({{ bottomLeftForeground() }})\"\n\tstyle.--components-emptyState-illustration-background-top-right=\"url({{ topRightBackground() }})\"\n\tstyle.--components-emptyState-illustration-foreground-top-right=\"url({{ topRightForeground() }})\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (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()) {\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()) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description()\" />\n\t\t\t\t\t</p>\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(100vw - 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) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;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)}.emptyState-content{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)}.emptyState-content-heading{font:var(--pr-t-font-heading-3);margin-block-end:var(--pr-t-spacings-50)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;margin-block-start:var(--pr-t-spacings-200);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);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}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.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-maxWidth: none;--components-emptyState-container-left: auto}}@layer components{.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}}\n"] }]
-        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], topRightBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "topRightBackground", required: false }] }], topRightForeground: [{ type: i0.Input, args: [{ isSignal: true, alias: "topRightForeground", required: false }] }], bottomLeftBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "bottomLeftBackground", required: false }] }], bottomLeftForeground: [{ type: i0.Input, args: [{ isSignal: true, alias: "bottomLeftForeground", required: false }] }], contentBackgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentBackgroundColor", required: false }] }], slotTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "slotTop", 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 }] }] } });
+                    }, template: "<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading() ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor()\"\n\t[style.--components-emptyState-illustration-background-bottom-left]=\"bottomLeftBackground() ? `url(${bottomLeftBackground()}` : null\"\n\t[style.--components-emptyState-illustration-foreground-bottom-left]=\"bottomLeftForeground() ? `url(${bottomLeftForeground()}` : null\"\n\t[style.--components-emptyState-illustration-background-top-right]=\"topRightBackground() ? `url(${topRightBackground()}` : null\"\n\t[style.--components-emptyState-illustration-foreground-top-right]=\"topRightForeground() ? `url(${topRightForeground()}` : null\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (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()) {\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()) {\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()) {\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(100vw - 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-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)}.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{font:var(--pr-t-font-heading-3)}.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);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}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.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-maxWidth: none;--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"] }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], topRightBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "topRightBackground", required: false }] }], topRightForeground: [{ type: i0.Input, args: [{ isSignal: true, alias: "topRightForeground", required: false }] }], bottomLeftBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "bottomLeftBackground", required: false }] }], bottomLeftForeground: [{ type: i0.Input, args: [{ isSignal: true, alias: "bottomLeftForeground", required: false }] }], contentBackgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentBackgroundColor", required: false }] }], slotTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "slotTop", required: false }] }], illustration: [{ type: i0.Input, args: [{ isSignal: true, alias: "illustration", 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 }] }] } });
 
 const ICON_TO_ILLUSTRATION = {
     Banknote: 'banknote',
@@ -115,17 +137,20 @@ class EmptyStateSectionComponent {
         this.hx = input(3, { ...(ngDevMode ? { debugName: "hx" } : {}), transform: numberAttribute });
         this.emptyStateClasses = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }), ...(ngDevMode ? [{ debugName: "emptyStateClasses" }] : []));
     }
+    isStringPortalContent(message) {
+        return typeof message === 'string';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EmptyStateSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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()) {\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()) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description()\" />\n\t\t\t\t\t</p>\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(100vw - 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) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;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)}.emptyState-content{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)}.emptyState-content-heading{font:var(--pr-t-font-heading-3);margin-block-end:var(--pr-t-spacings-50)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;margin-block-start:var(--pr-t-spacings-200);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);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}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.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-maxWidth: none;--components-emptyState-container-left: auto}}@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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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()) {\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()) {\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(100vw - 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-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)}.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{font:var(--pr-t-font-heading-3)}.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);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}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.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-maxWidth: none;--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: "21.0.8", 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()) {\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()) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description()\" />\n\t\t\t\t\t</p>\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(100vw - 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) );--background-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg);--foreground-left-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg);--background-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg);--foreground-right-01: url(https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg);--components-emptyState-illustration-background-bottom-left: var(--background-left-01);--components-emptyState-illustration-foreground-bottom-left: var(--foreground-left-01);--components-emptyState-illustration-background-top-right: var(--background-right-01);--components-emptyState-illustration-foreground-top-right: var(--foreground-right-01);display:flex;flex-direction:column;flex-grow:1;padding:var(--pr-t-spacings-200)}.emptyState-container{align-items:center;display:flex;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)}.emptyState-content{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)}.emptyState-content-heading{font:var(--pr-t-font-heading-3);margin-block-end:var(--pr-t-spacings-50)}.emptyState-content-description{margin:0}.emptyState-actions{display:flex;flex-wrap:wrap;align-items:center;margin-block-start:var(--pr-t-spacings-200);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);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}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.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-maxWidth: none;--components-emptyState-container-left: auto}}@layer base{lu-empty-state-section{inline-size:100%}}\n"] }]
+            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()) {\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()) {\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(100vw - 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-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)}.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{font:var(--pr-t-font-heading-3)}.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);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}.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-1)}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-content-heading{font:var(--pr-t-font-heading-2)}}@media not all and (min-width:30em){.emptyState.mod-page .emptyState-actions .button{flex-basis:100%}}.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-maxWidth: none;--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 }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { EmptyStatePageComponent, EmptyStateSectionComponent };
+export { EmptyStatePageComponent, EmptyStatePageIllustration, EmptyStateSectionComponent };
 //# sourceMappingURL=lucca-front-ng-empty-state.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-empty-state.mjs","sources":["../../../packages/ng/empty-state/empty-state-page/empty-state-page.component.ts","../../../packages/ng/empty-state/empty-state-page/empty-state-page.component.html","../../../packages/ng/empty-state/empty-state-section/empty-state-section.component.ts","../../../packages/ng/empty-state/empty-state-section/empty-state-section.component.html","../../../packages/ng/empty-state/lucca-front-ng-empty-state.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';\nimport { Hx } from '../empty-state.model';\n\n@Component({\n\tselector: 'lu-empty-state-page',\n\timports: [LuSafeExternalSvgPipe, PortalDirective],\n\ttemplateUrl: './empty-state-page.component.html',\n\tstyleUrl: './empty-state-page.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'emptyState-wrapper',\n\t},\n})\nexport class EmptyStatePageComponent {\n\t/**\n\t * Icon image (URL)\n\t */\n\treadonly icon = input<string | null>(null);\n\n\t/**\n\t * Top right background image (URL)\n\t */\n\treadonly topRightBackground = input<string>('https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg');\n\n\t/**\n\t * Top right foreground image (URL)\n\t */\n\treadonly topRightForeground = input<string>('https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg');\n\n\t/**\n\t * Bottom left background image (URL)\n\t */\n\treadonly bottomLeftBackground = input<string>('https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg');\n\n\t/**\n\t * Bottom left foreground image (URL)\n\t */\n\treadonly bottomLeftForeground = input<string>('https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg');\n\n\t/**\n\t * Background color for content (text)\n\t */\n\treadonly contentBackgroundColor = input<string>('var(--pr-t-elevation-surface-default)');\n\n\t/**\n\t * Add content above heading\n\t */\n\treadonly slotTop = input<PortalContent>();\n\n\treadonly heading = input<string>();\n\n\treadonly description = input<PortalContent>();\n\n\treadonly hx = input(1, { transform: numberAttribute as (value: Hx | `${Hx}`) => Hx });\n}\n","<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading() ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor()\"\n\tstyle.--components-emptyState-illustration-background-bottom-left=\"url({{ bottomLeftBackground() }})\"\n\tstyle.--components-emptyState-illustration-foreground-bottom-left=\"url({{ bottomLeftForeground() }})\"\n\tstyle.--components-emptyState-illustration-background-top-right=\"url({{ topRightBackground() }})\"\n\tstyle.--components-emptyState-illustration-foreground-top-right=\"url({{ topRightForeground() }})\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (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()) {\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()) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description()\" />\n\t\t\t\t\t</p>\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","import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, input, numberAttribute } from '@angular/core';\nimport { BubbleIllustration, BubbleIllustrationComponent } from '@lucca-front/ng/bubble-illustration';\nimport { Palette, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { Hx } from '../empty-state.model';\n\nconst ICON_TO_ILLUSTRATION: Record<string, BubbleIllustration> = {\n\tBanknote: 'banknote',\n\tBell: 'bell',\n\tBulb: 'bulb',\n\tCalendar: 'calendar',\n\tChat: 'chat',\n\tClock: 'clock',\n\tCoffee: 'coffee',\n\tCreditCard: 'paymentCards',\n\tFolder: 'folder',\n\tGift: 'gift',\n\tGraduate: 'graduate',\n\tIDCard: 'polaroid',\n\tLock: 'lock',\n\tMail: 'mail',\n\tMegaphone: 'megaphone',\n\tPaint: 'paint',\n\tPaper: 'invoice',\n\tParty: 'party',\n\tPicture: 'picture',\n\tPoc: 'banknote',\n\tRocket: 'rocket',\n\tSearch: 'magnifyingGlass',\n\tTemperature: 'temperature',\n\tThumb: 'thumbUp',\n\tWarning: 'warning',\n};\n\n@Component({\n\tselector: 'lu-empty-state-section',\n\timports: [PortalDirective, BubbleIllustrationComponent],\n\ttemplateUrl: './empty-state-section.component.html',\n\tstyleUrl: './empty-state-section.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class EmptyStateSectionComponent {\n\t/** @deprecated use illustration and action */\n\treadonly icon = input<string | null>(null);\n\treadonly actionIllustration = computed(() => this.action() || this.icon()?.includes('Action.svg'));\n\n\treadonly illustration = input<BubbleIllustration | string | null>(null);\n\treadonly action = input(false, { transform: booleanAttribute });\n\n\treadonly iconOrIllustration = computed(() => {\n\t\tif (this.icon()) {\n\t\t\tif (this.icon()?.includes('Success')) {\n\t\t\t\treturn 'thumbUp';\n\t\t\t}\n\t\t\tif (this.icon()?.includes('Error')) {\n\t\t\t\treturn 'error';\n\t\t\t}\n\t\t\tconst iconName = this.icon()?.split('/').pop()?.replace('.svg', '').replace('ActionError', '').replace('ActionSuccess', '').replace('Action', '').replace('icon', '');\n\n\t\t\treturn ICON_TO_ILLUSTRATION[iconName];\n\t\t}\n\n\t\treturn this.illustration();\n\t});\n\n\t/**\n\t * Which palette should be used for the empty state section.\n\t * Defaults to none (inherits parent palette)\n\t */\n\treadonly palette = input<Palette>('none');\n\n\treadonly center = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * The title of the empty state section\n\t */\n\treadonly heading = input<string>();\n\n\t/**\n\t * The description of the empty state section\n\t */\n\treadonly description = input<PortalContent>();\n\n\t/**\n\t * Define the aria level of the title\n\t */\n\treadonly hx = input(3, { transform: numberAttribute as (value: Hx | `${Hx}`) => Hx });\n\n\treadonly emptyStateClasses = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }));\n}\n","<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()) {\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()) {\n\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t<ng-container *luPortal=\"description()\" />\n\t\t\t\t\t</p>\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-empty-state.mjs","sources":["../../../packages/ng/empty-state/empty-state-page-illustration/empty-state-page-illustration.component.ts","../../../packages/ng/empty-state/empty-state-page-illustration/empty-state-page-illustration.component.html","../../../packages/ng/empty-state/empty-state-page/empty-state-page.component.ts","../../../packages/ng/empty-state/empty-state-page/empty-state-page.component.html","../../../packages/ng/empty-state/empty-state-section/empty-state-section.component.ts","../../../packages/ng/empty-state/empty-state-section/empty-state-section.component.html","../../../packages/ng/empty-state/lucca-front-ng-empty-state.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-empty-state-page-illustration',\n\ttemplateUrl: './empty-state-page-illustration.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'pr-u-displayFlex',\n\t},\n})\nexport class EmptyStatePageIllustration {\n\treadonly src = input<string | null>(null);\n\treadonly alt = input<string | null>(null);\n}\n","<img class=\"emptyState-illustration-img\" [attr.src]=\"src()\" [attr.alt]=\"alt()\" />\n","import { ChangeDetectionStrategy, Component, input, numberAttribute, ViewEncapsulation } from '@angular/core';\nimport { PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';\nimport { Hx } from '../empty-state.model';\n\n@Component({\n\tselector: 'lu-empty-state-page',\n\timports: [PortalDirective, LuSafeExternalSvgPipe],\n\ttemplateUrl: './empty-state-page.component.html',\n\tstyleUrl: './empty-state-page.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'emptyState-wrapper',\n\t},\n})\nexport class EmptyStatePageComponent {\n\t/**\n\t * Icon image (URL)\n\t */\n\treadonly icon = input<string | null>(null);\n\n\t/**\n\t * Top right background image (URL)\n\t */\n\treadonly topRightBackground = input<string>('https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg');\n\n\t/**\n\t * Top right foreground image (URL)\n\t */\n\treadonly topRightForeground = input<string>('https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg');\n\n\t/**\n\t * Bottom left background image (URL)\n\t */\n\treadonly bottomLeftBackground = input<string>('https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg');\n\n\t/**\n\t * Bottom left foreground image (URL)\n\t */\n\treadonly bottomLeftForeground = input<string>('https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg');\n\n\t/**\n\t * Background color for content (text)\n\t */\n\treadonly contentBackgroundColor = input<string>('var(--pr-t-elevation-surface-default)');\n\n\t/**\n\t * Add content above heading\n\t */\n\treadonly slotTop = input<PortalContent>();\n\n\t/**\n\t * Add illustration beside content\n\t */\n\treadonly illustration = input<PortalContent>();\n\n\treadonly heading = input<string>();\n\n\treadonly description = input<PortalContent>();\n\n\treadonly hx = input(1, { transform: numberAttribute as (value: Hx | `${Hx}`) => Hx });\n\n\tpublic isStringPortalContent(message: PortalContent): message is string {\n\t\treturn typeof message === 'string';\n\t}\n}\n","<section\n\tclass=\"emptyState mod-page\"\n\t[attr.role]=\"heading() ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor()\"\n\t[style.--components-emptyState-illustration-background-bottom-left]=\"bottomLeftBackground() ? `url(${bottomLeftBackground()}` : null\"\n\t[style.--components-emptyState-illustration-foreground-bottom-left]=\"bottomLeftForeground() ? `url(${bottomLeftForeground()}` : null\"\n\t[style.--components-emptyState-illustration-background-top-right]=\"topRightBackground() ? `url(${topRightBackground()}` : null\"\n\t[style.--components-emptyState-illustration-foreground-top-right]=\"topRightForeground() ? `url(${topRightForeground()}` : null\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (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()) {\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()) {\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()) {\n\t\t\t<div class=\"emptyState-illustration\"><ng-container *luPortal=\"illustration()\" /></div>\n\t\t}\n\t</div>\n</section>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, input, numberAttribute } from '@angular/core';\nimport { BubbleIllustration, BubbleIllustrationComponent } from '@lucca-front/ng/bubble-illustration';\nimport { Palette, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { Hx } from '../empty-state.model';\n\nconst ICON_TO_ILLUSTRATION: Record<string, BubbleIllustration> = {\n\tBanknote: 'banknote',\n\tBell: 'bell',\n\tBulb: 'bulb',\n\tCalendar: 'calendar',\n\tChat: 'chat',\n\tClock: 'clock',\n\tCoffee: 'coffee',\n\tCreditCard: 'paymentCards',\n\tFolder: 'folder',\n\tGift: 'gift',\n\tGraduate: 'graduate',\n\tIDCard: 'polaroid',\n\tLock: 'lock',\n\tMail: 'mail',\n\tMegaphone: 'megaphone',\n\tPaint: 'paint',\n\tPaper: 'invoice',\n\tParty: 'party',\n\tPicture: 'picture',\n\tPoc: 'banknote',\n\tRocket: 'rocket',\n\tSearch: 'magnifyingGlass',\n\tTemperature: 'temperature',\n\tThumb: 'thumbUp',\n\tWarning: 'warning',\n};\n\n@Component({\n\tselector: 'lu-empty-state-section',\n\timports: [PortalDirective, BubbleIllustrationComponent],\n\ttemplateUrl: './empty-state-section.component.html',\n\tstyleUrl: './empty-state-section.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class EmptyStateSectionComponent {\n\t/** @deprecated use illustration and action */\n\treadonly icon = input<string | null>(null);\n\treadonly actionIllustration = computed(() => this.action() || this.icon()?.includes('Action.svg'));\n\n\treadonly illustration = input<BubbleIllustration | string | null>(null);\n\treadonly action = input(false, { transform: booleanAttribute });\n\n\treadonly iconOrIllustration = computed(() => {\n\t\tif (this.icon()) {\n\t\t\tif (this.icon()?.includes('Success')) {\n\t\t\t\treturn 'thumbUp';\n\t\t\t}\n\t\t\tif (this.icon()?.includes('Error')) {\n\t\t\t\treturn 'error';\n\t\t\t}\n\t\t\tconst iconName = this.icon()?.split('/').pop()?.replace('.svg', '').replace('ActionError', '').replace('ActionSuccess', '').replace('Action', '').replace('icon', '');\n\n\t\t\treturn ICON_TO_ILLUSTRATION[iconName];\n\t\t}\n\n\t\treturn this.illustration();\n\t});\n\n\t/**\n\t * Which palette should be used for the empty state section.\n\t * Defaults to none (inherits parent palette)\n\t */\n\treadonly palette = input<Palette>('none');\n\n\treadonly center = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * The title of the empty state section\n\t */\n\treadonly heading = input<string>();\n\n\t/**\n\t * The description of the empty state section\n\t */\n\treadonly description = input<PortalContent>();\n\n\t/**\n\t * Define the aria level of the title\n\t */\n\treadonly hx = input(3, { transform: numberAttribute as (value: Hx | `${Hx}`) => Hx });\n\n\treadonly emptyStateClasses = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }));\n\n\tpublic isStringPortalContent(message: PortalContent): message is string {\n\t\treturn typeof message === 'string';\n\t}\n}\n","<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()) {\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()) {\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAWa,0BAA0B,CAAA;AATvC,IAAA,WAAA,GAAA;AAUU,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAgB,IAAI,+CAAC;AAChC,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAgB,IAAI,+CAAC;AACzC,IAAA;8GAHY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,0XCXvC,2FACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDUa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;+BACC,kCAAkC,EAAA,eAAA,EAE3B,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACL,wBAAA,KAAK,EAAE,kBAAkB;AACzB,qBAAA,EAAA,QAAA,EAAA,2FAAA,EAAA;;;MEOW,uBAAuB,CAAA;AAXpC,IAAA,WAAA,GAAA;AAYC;;AAEG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAgB,IAAI,gDAAC;AAE1C;;AAEG;AACM,QAAA,IAAA,CAAA,kBAAkB,GAAG,KAAK,CAAS,sFAAsF,8DAAC;AAEnI;;AAEG;AACM,QAAA,IAAA,CAAA,kBAAkB,GAAG,KAAK,CAAS,4EAA4E,8DAAC;AAEzH;;AAEG;AACM,QAAA,IAAA,CAAA,oBAAoB,GAAG,KAAK,CAAS,wFAAwF,gEAAC;AAEvI;;AAEG;AACM,QAAA,IAAA,CAAA,oBAAoB,GAAG,KAAK,CAAS,4EAA4E,gEAAC;AAE3H;;AAEG;AACM,QAAA,IAAA,CAAA,sBAAsB,GAAG,KAAK,CAAS,uCAAuC,kEAAC;AAExF;;AAEG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiB;AAEzC;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiB;QAErC,IAAA,CAAA,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;QAEzB,IAAA,CAAA,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiB;QAEpC,IAAA,CAAA,EAAE,GAAG,KAAK,CAAC,CAAC,+CAAI,SAAS,EAAE,eAA8C,EAAA,CAAG;AAKrF,IAAA;AAHO,IAAA,qBAAqB,CAAC,OAAsB,EAAA;AAClD,QAAA,OAAO,OAAO,OAAO,KAAK,QAAQ;IACnC;8GAjDY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,oBAAA,EAAA,EAAA,iBAAA,EAAA,sBAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,oBAAA,EAAA,EAAA,iBAAA,EAAA,sBAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,sBAAA,EAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,UAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBpC,06DA4CA,EAAA,MAAA,EAAA,CAAA,62KAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDrCW,eAAe,2FAAE,qBAAqB,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FASpC,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAXnC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,OAAA,EACtB,CAAC,eAAe,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAGhC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACL,wBAAA,KAAK,EAAE,oBAAoB;AAC3B,qBAAA,EAAA,QAAA,EAAA,06DAAA,EAAA,MAAA,EAAA,CAAA,62KAAA,CAAA,EAAA;;;AETF,MAAM,oBAAoB,GAAuC;AAChE,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,UAAU,EAAE,cAAc;AAC1B,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,GAAG,EAAE,UAAU;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,iBAAiB;AACzB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,OAAO,EAAE,SAAS;CAClB;MAUY,0BAA0B,CAAA;AARvC,IAAA,WAAA,GAAA;;AAUU,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAgB,IAAI,gDAAC;QACjC,IAAA,CAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,YAAY,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAEzF,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAqC,IAAI,wDAAC;QAC9D,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,mDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEtD,QAAA,IAAA,CAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAK;AAC3C,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;gBAChB,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE;AACrC,oBAAA,OAAO,SAAS;gBACjB;gBACA,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE;AACnC,oBAAA,OAAO,OAAO;gBACf;gBACA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;AAErK,gBAAA,OAAO,oBAAoB,CAAC,QAAQ,CAAC;YACtC;AAEA,YAAA,OAAO,IAAI,CAAC,YAAY,EAAE;AAC3B,QAAA,CAAC,8DAAC;AAEF;;;AAGG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAU,MAAM,mDAAC;QAEhC,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,mDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE/D;;AAEG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAElC;;AAEG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiB;AAE7C;;AAEG;QACM,IAAA,CAAA,EAAE,GAAG,KAAK,CAAC,CAAC,+CAAI,SAAS,EAAE,eAA8C,EAAA,CAAG;QAE5E,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAKlG,IAAA;AAHO,IAAA,qBAAqB,CAAC,OAAsB,EAAA;AAClD,QAAA,OAAO,OAAO,OAAO,KAAK,QAAQ;IACnC;8GAnDY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzCvC,+qCA8BA,EAAA,MAAA,EAAA,CAAA,40KAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDKW,eAAe,gGAAE,2BAA2B,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAM1C,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EAAA,OAAA,EACzB,CAAC,eAAe,EAAE,2BAA2B,CAAC,EAAA,eAAA,EAGtC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,+qCAAA,EAAA,MAAA,EAAA,CAAA,40KAAA,CAAA,EAAA;;;AEvCtC;;AAEG;;;;"}