@lucca-front/ng 21.0.0-rc.4 → 21.0.0-rc.6

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

@@ -1,110 +1,69 @@
 import * as i0 from '@angular/core';
-import { numberAttribute, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, booleanAttribute } from '@angular/core';
+import { input, numberAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component, booleanAttribute, computed } from '@angular/core';
 import { PortalDirective } from '@lucca-front/ng/core';
 import { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';
 
 class EmptyStatePageComponent {
     constructor() {
-        this.icon = null;
+        /**
+         * Icon image (URL)
+         */
+        this.icon = input(null);
         /**
          * Top right background image (URL)
          */
-        this.topRightBackground = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg';
+        this.topRightBackground = input('https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg');
         /**
          * Top right foreground image (URL)
          */
-        this.topRightForeground = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg';
+        this.topRightForeground = input('https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg');
         /**
          * Bottom left background image (URL)
          */
-        this.bottomLeftBackground = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg';
+        this.bottomLeftBackground = input('https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg');
         /**
          * Bottom left foreground image (URL)
          */
-        this.bottomLeftForeground = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg';
+        this.bottomLeftForeground = input('https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg');
         /**
          * Background color for content (text)
          */
-        this.contentBackgroundColor = 'var(--pr-t-elevation-surface-default)';
-        this.hx = 1;
+        this.contentBackgroundColor = input('var(--pr-t-elevation-surface-default)');
+        this.slotTop = input();
+        this.heading = input();
+        this.description = input();
+        this.hx = input(1, { transform: numberAttribute });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: EmptyStatePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: EmptyStatePageComponent, isStandalone: true, selector: "lu-empty-state-page", inputs: { icon: "icon", topRightBackground: "topRightBackground", topRightForeground: "topRightForeground", bottomLeftBackground: "bottomLeftBackground", bottomLeftForeground: "bottomLeftForeground", contentBackgroundColor: "contentBackgroundColor", slotTop: "slotTop", heading: "heading", description: "description", hx: ["hx", "hx", numberAttribute] }, 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) + 3.5rem);--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:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.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}}@layer components{.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", 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) + 3.5rem);--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:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.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}}@layer components{.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: EmptyStatePageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-empty-state-page', imports: [LuSafeExternalSvgPipe, PortalDirective], 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) + 3.5rem);--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:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.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}}@layer components{.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}}\n"] }]
-        }], propDecorators: { 
-        /**
-         * Icon image (URL)
-         */
-        icon: [{
-                type: Input
-            }], topRightBackground: [{
-                type: Input
-            }], topRightForeground: [{
-                type: Input
-            }], bottomLeftBackground: [{
-                type: Input
-            }], bottomLeftForeground: [{
-                type: Input
-            }], contentBackgroundColor: [{
-                type: Input
-            }], slotTop: [{
-                type: Input
-            }], heading: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }], hx: [{
-                type: Input,
-                args: [{
-                        transform: numberAttribute,
-                    }]
-            }] } });
+                    }, 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) + 3.5rem);--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:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.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}}@layer components{.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}}\n"] }]
+        }] });
 
 class EmptyStateSectionComponent {
     constructor() {
         /**
          * Icon URL
          */
-        this.icon = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/icons/iconBanknote.svg';
-        this.palette = 'none';
-        this.center = false;
-        this.hx = 3;
-    }
-    get emptyStateClasses() {
-        return {
-            [`palette-${this.palette}`]: !!this.palette,
-        };
+        this.icon = input('https://cdn.lucca.fr/lucca-front/assets/empty-states/icons/iconBanknote.svg');
+        this.palette = input('none');
+        this.center = input(false, { transform: booleanAttribute });
+        this.heading = input();
+        this.description = input();
+        this.hx = input(3, { transform: numberAttribute });
+        this.emptyStateClasses = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: EmptyStateSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: EmptyStateSectionComponent, isStandalone: true, selector: "lu-empty-state-section", inputs: { icon: "icon", palette: "palette", center: ["center", "center", booleanAttribute], heading: "heading", description: "description", hx: ["hx", "hx", numberAttribute] }, 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 (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" [class]=\"emptyStateClasses\" 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 (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) + 3.5rem);--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:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.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}}@layer base{lu-empty-state-section{inline-size:100%}}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: EmptyStateSectionComponent, isStandalone: true, selector: "lu-empty-state-section", inputs: { icon: { classPropertyName: "icon", publicName: "icon", 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 (icon()) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"emptyState-content-icon\"\n\t\t\t\t\t[class]=\"emptyStateClasses()\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[innerHtml]=\"icon() | luSafeExternalSvg\"\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) + 3.5rem);--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:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.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}}@layer base{lu-empty-state-section{inline-size:100%}}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: EmptyStateSectionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-empty-state-section', imports: [LuSafeExternalSvgPipe, PortalDirective], 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 (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" [class]=\"emptyStateClasses\" 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 (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) + 3.5rem);--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:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.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}}@layer base{lu-empty-state-section{inline-size:100%}}\n"] }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }], palette: [{
-                type: Input
-            }], center: [{
-                type: Input,
-                args: [{
-                        transform: booleanAttribute,
-                    }]
-            }], heading: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }], hx: [{
-                type: Input,
-                args: [{
-                        transform: numberAttribute,
-                    }]
-            }] } });
+            args: [{ selector: 'lu-empty-state-section', imports: [LuSafeExternalSvgPipe, PortalDirective], 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 (icon()) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"emptyState-content-icon\"\n\t\t\t\t\t[class]=\"emptyStateClasses()\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[innerHtml]=\"icon() | luSafeExternalSvg\"\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) + 3.5rem);--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:sticky}.container .emptyState-container{--components-emptyState-container-maxWidth: none;--components-emptyState-container-left: auto}.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}}@layer base{lu-empty-state-section{inline-size:100%}}\n"] }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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@Input()\n\n\t/**\n\t * Icon image (URL)\n\t */\n\ticon = null;\n\n\t/**\n\t * Top right background image (URL)\n\t */\n\t@Input()\n\ttopRightBackground = '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\t@Input()\n\ttopRightForeground = '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\t@Input()\n\tbottomLeftBackground = '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\t@Input()\n\tbottomLeftForeground = '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\t@Input()\n\tcontentBackgroundColor = 'var(--pr-t-elevation-surface-default)';\n\n\t@Input()\n\tslotTop: PortalContent;\n\n\t@Input()\n\theading: string;\n\n\t@Input()\n\tdescription: PortalContent;\n\n\t@Input({\n\t\ttransform: numberAttribute as (value: Hx | `${Hx}`) => Hx,\n\t})\n\thx: Hx = 1;\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, Input, ViewEncapsulation, booleanAttribute, numberAttribute } from '@angular/core';\nimport { Palette, 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-section',\n\timports: [LuSafeExternalSvgPipe, PortalDirective],\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/**\n\t * Icon URL\n\t */\n\t@Input()\n\ticon = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/icons/iconBanknote.svg';\n\n\t@Input()\n\tpalette: Palette = 'none';\n\n\t@Input({\n\t\ttransform: booleanAttribute,\n\t})\n\tcenter = false;\n\n\t@Input()\n\theading: string;\n\n\t@Input()\n\tdescription: PortalContent;\n\n\t@Input({\n\t\ttransform: numberAttribute as (value: Hx | `${Hx}`) => Hx,\n\t})\n\thx: Hx = 3;\n\n\tget emptyStateClasses() {\n\t\treturn {\n\t\t\t[`palette-${this.palette}`]: !!this.palette,\n\t\t};\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 (icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" [class]=\"emptyStateClasses\" 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 (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/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\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\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 { Palette, 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-section',\n\timports: [LuSafeExternalSvgPipe, PortalDirective],\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/**\n\t * Icon URL\n\t */\n\treadonly icon = input<string>('https://cdn.lucca.fr/lucca-front/assets/empty-states/icons/iconBanknote.svg');\n\n\treadonly palette = input<Palette>('none');\n\n\treadonly center = input(false, { transform: booleanAttribute });\n\n\treadonly heading = input<string>();\n\n\treadonly description = input<PortalContent>();\n\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 (icon()) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"emptyState-content-icon\"\n\t\t\t\t\t[class]=\"emptyStateClasses()\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[innerHtml]=\"icon() | luSafeExternalSvg\"\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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"}

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

@@ -588,7 +588,7 @@ class LuEstablishmentSelectInputComponent extends ALuSelectInputComponent {
                 provide: DEFAULT_LEGAL_UNIT_SERVICE,
                 useClass: LuLegalUnitService,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear />\n</div>\n\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\n\t@if (multiple && values?.length > 1) {\n\t\t<span\n\t\t\t><span class=\"numericBadge\">{{ values.length }}</span> {{ intl.establishments }}</span\n\t\t>\n\t} @else {\n\t\t{{ (values[0] || values).name }}\n\t}\n</ng-template>\n\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-establishment-searcher\n\t\t\t[filters]=\"filters\"\n\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t[operations]=\"operations\"\n\t\t\t[sort]=\"sort\"\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\n\t\t/>\n\t\t@if (multiple) {\n\t\t\t<lu-establishment-select-all\n\t\t\t\tclass=\"pr-u-displayBlock\"\n\t\t\t\t[class.pr-u-displayNone]=\"isSearching\"\n\t\t\t\t[filters]=\"filters\"\n\t\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t\t[operations]=\"operations\"\n\t\t\t/>\n\t\t}\n\t</header>\n\n\t<ng-template luForLegalUnits let-group>\n\t\t<div class=\"optionGroup\">\n\t\t\t@if (groupByLu && !isSearching) {\n\t\t\t\t@if (multiple) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"optionGroupName button mod-ghost mod-block\"\n\t\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\n\t\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\n\t\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\n\t\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ group.key.name }}\n\t\t\t\t\t</button>\n\t\t\t\t} @else {\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly pr-u-margin0\">{{ group.key.name }}</h5>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<div class=\"lu-picker-content-option\">\n\t\t\t\t@for (establishment of group.items; track establishment.id) {\n\t\t\t\t\t<lu-option [value]=\"establishment\" class=\"establishmentOption\">\n\t\t\t\t\t\t@if (isSearching) {\n\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock\" translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t\t@if (groupByLu) {\n\t\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock pr-u-textLight pr-u-bodyS\">{{ group.key.name }}</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t</lu-option>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</ng-template>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@layer mods{:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}@layer components{.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit}}@layer components{.optionGroupName{padding-block:var(--components-options-item-padding-vertical) var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-radius:0;font:var(--pr-t-font-body-S);inline-size:100%;justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);text-decoration:underline}.optionGroupName.mod-readonly{text-decoration:none}}@layer mods{.optionGroupName.mod-readonly{text-decoration:none}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~.lu-picker-content-option lu-option,.optionGroupName.button:focus~.lu-picker-content-option lu-option,.optionGroupName.button:hover~.lu-picker-content-option lu-option{background-color:var(--palettes-neutral-50);border-radius:var(--pr-t-border-radius-default)}}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuEstablishmentSearcherComponent, selector: "lu-establishment-searcher", inputs: ["filters", "appInstanceId", "operations", "sort"], outputs: ["isSearching"] }, { kind: "component", type: LuEstablishmentSelectAllComponent, selector: "lu-establishment-select-all", inputs: ["filters", "appInstanceId", "operations"] }, { kind: "directive", type: LuLegalUnitSelectorDirective, selector: "[luLegalUnitSelector]", inputs: ["luLegalUnitSelector", "luLegalUnitSelectorFilters", "luLegalUnitSelectorAppInstanceId", "luLegalUnitSelectorOperations"] }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuForLegalUnitsDirective, selector: "[luForLegalUnits]" }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear />\n</div>\n\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\n\t@if (multiple && values?.length > 1) {\n\t\t<span\n\t\t\t><span class=\"numericBadge\">{{ values.length }}</span> {{ intl.establishments }}</span\n\t\t>\n\t} @else {\n\t\t{{ (values[0] || values).name }}\n\t}\n</ng-template>\n\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-establishment-searcher\n\t\t\t[filters]=\"filters\"\n\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t[operations]=\"operations\"\n\t\t\t[sort]=\"sort\"\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\n\t\t/>\n\t\t@if (multiple) {\n\t\t\t<lu-establishment-select-all\n\t\t\t\tclass=\"pr-u-displayBlock\"\n\t\t\t\t[class.pr-u-displayNone]=\"isSearching\"\n\t\t\t\t[filters]=\"filters\"\n\t\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t\t[operations]=\"operations\"\n\t\t\t/>\n\t\t}\n\t</header>\n\n\t<ng-template luForLegalUnits let-group>\n\t\t<div class=\"optionGroup\">\n\t\t\t@if (groupByLu && !isSearching) {\n\t\t\t\t@if (multiple) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"optionGroupName button mod-ghost mod-block\"\n\t\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\n\t\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\n\t\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\n\t\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ group.key.name }}\n\t\t\t\t\t</button>\n\t\t\t\t} @else {\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly pr-u-margin0\">{{ group.key.name }}</h5>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<div class=\"lu-picker-content-option\">\n\t\t\t\t@for (establishment of group.items; track establishment.id) {\n\t\t\t\t\t<lu-option [value]=\"establishment\" class=\"establishmentOption\">\n\t\t\t\t\t\t@if (isSearching) {\n\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock\" translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t\t@if (groupByLu) {\n\t\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock pr-u-colorTextSubtle pr-u-bodyS\">{{ group.key.name }}</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t</lu-option>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</ng-template>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@layer mods{:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}@layer components{.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit}}@layer components{.optionGroupName{padding-block:var(--components-options-item-padding-vertical) var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-radius:0;font:var(--pr-t-font-body-S);inline-size:100%;justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);text-decoration:underline}.optionGroupName.mod-readonly{text-decoration:none}}@layer mods{.optionGroupName.mod-readonly{text-decoration:none}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~.lu-picker-content-option lu-option,.optionGroupName.button:focus~.lu-picker-content-option lu-option,.optionGroupName.button:hover~.lu-picker-content-option lu-option{background-color:var(--palettes-neutral-50);border-radius:var(--pr-t-border-radius-default)}}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuEstablishmentSearcherComponent, selector: "lu-establishment-searcher", inputs: ["filters", "appInstanceId", "operations", "sort"], outputs: ["isSearching"] }, { kind: "component", type: LuEstablishmentSelectAllComponent, selector: "lu-establishment-select-all", inputs: ["filters", "appInstanceId", "operations"] }, { kind: "directive", type: LuLegalUnitSelectorDirective, selector: "[luLegalUnitSelector]", inputs: ["luLegalUnitSelector", "luLegalUnitSelectorFilters", "luLegalUnitSelectorAppInstanceId", "luLegalUnitSelectorOperations"] }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuForLegalUnitsDirective, selector: "[luForLegalUnits]" }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuEstablishmentSelectInputComponent, decorators: [{
             type: Component,
@@ -616,7 +616,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
                             provide: DEFAULT_LEGAL_UNIT_SERVICE,
                             useClass: LuLegalUnitService,
                         },
-                    ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear />\n</div>\n\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\n\t@if (multiple && values?.length > 1) {\n\t\t<span\n\t\t\t><span class=\"numericBadge\">{{ values.length }}</span> {{ intl.establishments }}</span\n\t\t>\n\t} @else {\n\t\t{{ (values[0] || values).name }}\n\t}\n</ng-template>\n\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-establishment-searcher\n\t\t\t[filters]=\"filters\"\n\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t[operations]=\"operations\"\n\t\t\t[sort]=\"sort\"\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\n\t\t/>\n\t\t@if (multiple) {\n\t\t\t<lu-establishment-select-all\n\t\t\t\tclass=\"pr-u-displayBlock\"\n\t\t\t\t[class.pr-u-displayNone]=\"isSearching\"\n\t\t\t\t[filters]=\"filters\"\n\t\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t\t[operations]=\"operations\"\n\t\t\t/>\n\t\t}\n\t</header>\n\n\t<ng-template luForLegalUnits let-group>\n\t\t<div class=\"optionGroup\">\n\t\t\t@if (groupByLu && !isSearching) {\n\t\t\t\t@if (multiple) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"optionGroupName button mod-ghost mod-block\"\n\t\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\n\t\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\n\t\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\n\t\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ group.key.name }}\n\t\t\t\t\t</button>\n\t\t\t\t} @else {\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly pr-u-margin0\">{{ group.key.name }}</h5>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<div class=\"lu-picker-content-option\">\n\t\t\t\t@for (establishment of group.items; track establishment.id) {\n\t\t\t\t\t<lu-option [value]=\"establishment\" class=\"establishmentOption\">\n\t\t\t\t\t\t@if (isSearching) {\n\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock\" translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t\t@if (groupByLu) {\n\t\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock pr-u-textLight pr-u-bodyS\">{{ group.key.name }}</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t</lu-option>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</ng-template>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@layer mods{:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}@layer components{.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit}}@layer components{.optionGroupName{padding-block:var(--components-options-item-padding-vertical) var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-radius:0;font:var(--pr-t-font-body-S);inline-size:100%;justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);text-decoration:underline}.optionGroupName.mod-readonly{text-decoration:none}}@layer mods{.optionGroupName.mod-readonly{text-decoration:none}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~.lu-picker-content-option lu-option,.optionGroupName.button:focus~.lu-picker-content-option lu-option,.optionGroupName.button:hover~.lu-picker-content-option lu-option{background-color:var(--palettes-neutral-50);border-radius:var(--pr-t-border-radius-default)}}\n"] }]
+                    ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear />\n</div>\n\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\n\t@if (multiple && values?.length > 1) {\n\t\t<span\n\t\t\t><span class=\"numericBadge\">{{ values.length }}</span> {{ intl.establishments }}</span\n\t\t>\n\t} @else {\n\t\t{{ (values[0] || values).name }}\n\t}\n</ng-template>\n\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-establishment-searcher\n\t\t\t[filters]=\"filters\"\n\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t[operations]=\"operations\"\n\t\t\t[sort]=\"sort\"\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\n\t\t/>\n\t\t@if (multiple) {\n\t\t\t<lu-establishment-select-all\n\t\t\t\tclass=\"pr-u-displayBlock\"\n\t\t\t\t[class.pr-u-displayNone]=\"isSearching\"\n\t\t\t\t[filters]=\"filters\"\n\t\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t\t[operations]=\"operations\"\n\t\t\t/>\n\t\t}\n\t</header>\n\n\t<ng-template luForLegalUnits let-group>\n\t\t<div class=\"optionGroup\">\n\t\t\t@if (groupByLu && !isSearching) {\n\t\t\t\t@if (multiple) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"optionGroupName button mod-ghost mod-block\"\n\t\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\n\t\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\n\t\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\n\t\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ group.key.name }}\n\t\t\t\t\t</button>\n\t\t\t\t} @else {\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly pr-u-margin0\">{{ group.key.name }}</h5>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<div class=\"lu-picker-content-option\">\n\t\t\t\t@for (establishment of group.items; track establishment.id) {\n\t\t\t\t\t<lu-option [value]=\"establishment\" class=\"establishmentOption\">\n\t\t\t\t\t\t@if (isSearching) {\n\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock\" translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t\t@if (groupByLu) {\n\t\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock pr-u-colorTextSubtle pr-u-bodyS\">{{ group.key.name }}</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t</lu-option>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</ng-template>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@layer mods{:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}@layer components{.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit}}@layer components{.optionGroupName{padding-block:var(--components-options-item-padding-vertical) var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-radius:0;font:var(--pr-t-font-body-S);inline-size:100%;justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);text-decoration:underline}.optionGroupName.mod-readonly{text-decoration:none}}@layer mods{.optionGroupName.mod-readonly{text-decoration:none}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~.lu-picker-content-option lu-option,.optionGroupName.button:focus~.lu-picker-content-option lu-option,.optionGroupName.button:hover~.lu-picker-content-option lu-option{background-color:var(--palettes-neutral-50);border-radius:var(--pr-t-border-radius-default)}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$2.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: LuLegalUnitService, decorators: [{
                     type: Inject,
                     args: [ALuLegalUnitService]