npm - @lucca-front/ng - Versions diffs - 17.2.0 → 17.2.1 - Mend

@lucca-front/ng 17.2.0 → 17.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/button/button.component.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
 import { OnChanges } from '@angular/core';
 import { Palette } from '@lucca-front/ng/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@lucca-front/ng/core";
 export declare class ButtonComponent implements OnChanges {
     #private;
     size: 'M' | 'S' | 'XS';
@@ -15,6 +14,6 @@ export declare class ButtonComponent implements OnChanges {
     luButton: '' | 'outlined' | 'text' | 'text-invert';
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[luButton],a[luButton]", never, { "size": { "alias": "size"; "required": false; }; "block": { "alias": "block"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "state": { "alias": "state"; "required": false; }; "luButton": { "alias": "luButton"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgClazz; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[luButton],a[luButton]", never, { "size": { "alias": "size"; "required": false; }; "block": { "alias": "block"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "state": { "alias": "state"; "required": false; }; "luButton": { "alias": "luButton"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_block: unknown;
 }

package/callout/callout-feedback-list/callout-feedback-list.component.d.ts CHANGED Viewed

@@ -1,12 +1,11 @@
 import { OnChanges } from '@angular/core';
 import { Palette } from '@lucca-front/ng/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@lucca-front/ng/core";
 export declare class CalloutFeedbackListComponent implements OnChanges {
     #private;
     palette: Palette;
     size: 'M' | 'S';
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalloutFeedbackListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutFeedbackListComponent, "ul[lu-callout-feedback-list]", never, { "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgClazz; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutFeedbackListComponent, "ul[lu-callout-feedback-list]", never, { "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/core/public-api.d.ts CHANGED Viewed

@@ -6,4 +6,4 @@ export * from './group/index';
 export * from './id/index';
 export * from './portal/index';
 export * from './type/index';
-export * from './tools/ng-clazz.directive';
+export * from './tools/class';

package/core/tools/class.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+type LuClassSupportedTypes = string | string[] | Set<string> | {
+    [klass: string]: boolean;
+};
+export declare class LuClass {
+    #private;
+    setState(value: LuClassSupportedTypes): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuClass, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LuClass>;
+}
+export {};

package/esm2022/button/button.component.mjs CHANGED Viewed

@@ -1,16 +1,15 @@
 import { booleanAttribute, ChangeDetectionStrategy, Component, inject, Input } from '@angular/core';
-import { NgClazz } from '@lucca-front/ng/core';
+import { LuClass } from '@lucca-front/ng/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@lucca-front/ng/core";
 export class ButtonComponent {
     constructor() {
-        this.#ngClazz = inject(NgClazz);
+        this.#luClass = inject(LuClass);
         this.block = false;
         this.palette = 'none';
         this.state = 'default';
         this.luButton = '';
     }
-    #ngClazz;
+    #luClass;
     ngOnChanges() {
         const ngClassConfig = {
             [`mod-${this.size}`]: true,
@@ -27,14 +26,14 @@ export class ButtonComponent {
                 ngClassConfig[`mod-${this.luButton}`] = true;
             }
         }
-        this.#ngClazz.ngClass = ngClassConfig;
+        this.#luClass.setState(ngClassConfig);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.2", type: ButtonComponent, isStandalone: true, selector: "button[luButton],a[luButton]", inputs: { size: "size", block: ["block", "block", booleanAttribute], palette: "palette", state: "state", luButton: "luButton" }, host: { classAttribute: "button" }, usesOnChanges: true, hostDirectives: [{ directive: i1.NgClazz }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".button{--components-button-margin: 0 var(--spacings-XS) 0 0;--components-button-font-size: var(--sizes-M-fontSize);--components-button-line-height: var(--sizes-M-lineHeight);--components-button-padding: var(--spacings-XS) var(--spacings-S);--components-button-gap: var(--spacings-XS);border-radius:var(--commons-borderRadius-M);font-family:inherit;font-size:var(--components-button-font-size);font-weight:600;line-height:var(--components-button-line-height);margin:var(--components-button-margin);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:ease;border:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--components-button-gap);position:relative;text-decoration:none;vertical-align:middle;white-space:nowrap;text-align:center;background-color:var(--palettes-700, var(--palettes-primary-700));color:var(--palettes-text, var(--palettes-primary-text));cursor:pointer;--icon-size: 1.5rem}.button:last-of-type{margin-right:0}.button:not([disabled],.is-disabled):hover{background-color:var(--palettes-600, var(--palettes-primary-600));color:var(--palettes-text, var(--palettes-primary-text))}.button:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:2px}.button:not([disabled],.is-disabled):active{background-color:var(--palettes-800, var(--palettes-primary-800))}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined) .numericBadge{--components-numericBadge-background: var(--palettes-primary-200);--components-numericBadge-color: var(--palettes-primary-800)}.button.mod-outline:not([disabled],.is-disabled),.button.mod-outlined:not([disabled],.is-disabled){color:var(--palettes-700, var(--palettes-grey-700));box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-grey-400));background-color:var(--colors-white-color)}.button.mod-outline:not([disabled],.is-disabled):hover,.button.mod-outlined:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-outline:not([disabled],.is-disabled):active,.button.mod-outlined:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-outline:not([disabled],.is-disabled):focus-visible,.button.mod-outlined:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:3px}.button.mod-outline .button-counter,.button.mod-outlined .button-counter{background-color:var(--palettes-300, var(--palettes-grey-300));color:var(--palettes-800, var(--palettes-grey-800))}.button.mod-text,.button.mod-link{background-color:transparent;color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):hover,.button.mod-link:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100));color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):active,.button.mod-link:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-text:focus-visible,.button.mod-link:focus-visible{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-block{width:100%}.button.mod-S{--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--icon-size: 1.25rem}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--spacings-XXS) var(--spacings-XS);--components-button-gap: var(--spacings-XXS);--icon-size: 1rem}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-counter{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS)) var(--spacings-XS) var(--spacings-S)}.button-counter{background-color:var(--palettes-600, var(--palettes-primary-600));border-radius:1rem;display:flex;font-size:var(--sizes-XS-fontSize);height:1.5rem;min-width:1.5rem;align-items:center;justify-content:center;transition:background-color var(--commons-animations-durations-fast) ease}.button.mod-counter:hover .button-counter{background-color:var(--palettes-500, var(--palettes-primary-500))}.button.mod-counter.mod-S{--components-button-padding: .375rem calc(var(--spacings-XS) + var(--spacings-XXS)) .375rem var(--spacings-S)}.button.mod-counter.mod-S .button-counter{height:1.25rem;min-width:1.25rem}.button.mod-counter.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS) var(--spacings-XXS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-counter.mod-XS .button-counter{height:1rem;min-width:1rem}.button.mod-icon,.button.mod-withIcon{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-S,.button.mod-withIcon.mod-S{--components-button-padding: calc(var(--spacings-XXS) + var(--spacings-XXS) / 2) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-XS,.button.mod-withIcon.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS)}.button.mod-onlyIcon{--components-button-padding: var(--spacings-XS)}.button.mod-onlyIcon.mod-S{--components-button-padding: .375rem}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--spacings-XXS)}.button.mod-delete:not([disabled],.is-disabled):hover{background-color:var(--palettes-error-100);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled):active{background-color:var(--palettes-error-200);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:hover{box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-error-400),var(--commons-boxShadow-XS)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:focus-visible{background-color:var(--palettes-error-100);box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-error-400),var(--commons-boxShadow-XS);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:active{background-color:var(--palettes-error-200);color:var(--palettes-error-700)}.button.mod-invert{color:var(--colors-white-color)}.button.mod-invert:not([disabled],.is-disabled):hover{background-color:#fff3}.button.mod-invert:not([disabled],.is-disabled):focus-visible{background-color:#fff3;color:var(--colors-white-color)}.button.mod-more{padding:0!important;text-align:center;min-width:2rem;border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M)}.button.mod-more:before{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;height:0;vertical-align:text-top}@supports (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"}}.button.mod-more.mod-S{min-width:1.75rem}.button:is(.loading,.is-loading){opacity:var(--commons-disabled-opacity)}.button:is(.loading,.is-loading):not(.mod-more){color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.loading,.is-loading):not(.mod-more):after{content:\"\";width:var(--components-button-font-size);height:var(--components-button-font-size);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}.button:is(.loading,.is-loading).mod-S:not(.mod-more):after{content:\"\";width:var(--sizes-S-fontSize);height:var(--sizes-S-fontSize);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button:is(.is-error,.error){--palettes-text: #ffffff;--palettes-50: #ffebec;--palettes-100: #ffd6d8;--palettes-200: #fdbebe;--palettes-300: #faa3a3;--palettes-400: #fa8989;--palettes-500: #f76e6e;--palettes-600: #f15050;--palettes-700: #da2f2f;--palettes-800: #aa0e0e;--palettes-900: #630303}.button:is(.is-error,.error):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-error,.error):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-error,.error):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"}}.button:is(.is-success,.success){--palettes-text: #ffffff;--palettes-50: #dbfae0;--palettes-100: #bef3c7;--palettes-200: #a2ebaf;--palettes-300: #84e695;--palettes-400: #68d97b;--palettes-500: #57c769;--palettes-600: #39b155;--palettes-700: #279b42;--palettes-800: #0a762e;--palettes-900: #004d20}.button:is(.is-success,.success):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-success,.success):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-success,.success):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"}}.button:is(.is-disabled,.disabled,[disabled]){background-color:var(--commons-disabled-background);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]) .numericBadge{background-color:var(--palettes-grey-200);color:var(--palettes-grey-500)}.button:is(.is-disabled,.disabled,[disabled]).mod-outlined,.button:is(.is-disabled,.disabled,[disabled]).mod-outline{background-color:var(--colors-white-color);box-shadow:0 0 0 1px var(--palettes-grey-400);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]).mod-text,.button:is(.is-disabled,.disabled,[disabled]).mod-link{color:var(--palettes-grey-500);background-color:transparent;cursor:default}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.2", type: ButtonComponent, isStandalone: true, selector: "button[luButton],a[luButton]", inputs: { size: "size", block: ["block", "block", booleanAttribute], palette: "palette", state: "state", luButton: "luButton" }, host: { classAttribute: "button" }, providers: [LuClass], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".button{--components-button-margin: 0 var(--spacings-XS) 0 0;--components-button-font-size: var(--sizes-M-fontSize);--components-button-line-height: var(--sizes-M-lineHeight);--components-button-padding: var(--spacings-XS) var(--spacings-S);--components-button-gap: var(--spacings-XS);border-radius:var(--commons-borderRadius-M);font-family:inherit;font-size:var(--components-button-font-size);font-weight:600;line-height:var(--components-button-line-height);margin:var(--components-button-margin);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:ease;border:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--components-button-gap);position:relative;text-decoration:none;vertical-align:middle;white-space:nowrap;text-align:center;background-color:var(--palettes-700, var(--palettes-primary-700));color:var(--palettes-text, var(--palettes-primary-text));cursor:pointer;--icon-size: 1.5rem}.button:last-of-type{margin-right:0}.button:not([disabled],.is-disabled):hover{background-color:var(--palettes-600, var(--palettes-primary-600));color:var(--palettes-text, var(--palettes-primary-text))}.button:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:2px}.button:not([disabled],.is-disabled):active{background-color:var(--palettes-800, var(--palettes-primary-800))}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined) .numericBadge{--components-numericBadge-background: var(--palettes-primary-200);--components-numericBadge-color: var(--palettes-primary-800)}.button.mod-outline:not([disabled],.is-disabled),.button.mod-outlined:not([disabled],.is-disabled){color:var(--palettes-700, var(--palettes-grey-700));box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-grey-400));background-color:var(--colors-white-color)}.button.mod-outline:not([disabled],.is-disabled):hover,.button.mod-outlined:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-outline:not([disabled],.is-disabled):active,.button.mod-outlined:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-outline:not([disabled],.is-disabled):focus-visible,.button.mod-outlined:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:3px}.button.mod-outline .button-counter,.button.mod-outlined .button-counter{background-color:var(--palettes-300, var(--palettes-grey-300));color:var(--palettes-800, var(--palettes-grey-800))}.button.mod-text,.button.mod-link{background-color:transparent;color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):hover,.button.mod-link:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100));color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):active,.button.mod-link:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-text:focus-visible,.button.mod-link:focus-visible{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-block{width:100%}.button.mod-S{--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--icon-size: 1.25rem}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--spacings-XXS) var(--spacings-XS);--components-button-gap: var(--spacings-XXS);--icon-size: 1rem}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-counter{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS)) var(--spacings-XS) var(--spacings-S)}.button-counter{background-color:var(--palettes-600, var(--palettes-primary-600));border-radius:1rem;display:flex;font-size:var(--sizes-XS-fontSize);height:1.5rem;min-width:1.5rem;align-items:center;justify-content:center;transition:background-color var(--commons-animations-durations-fast) ease}.button.mod-counter:hover .button-counter{background-color:var(--palettes-500, var(--palettes-primary-500))}.button.mod-counter.mod-S{--components-button-padding: .375rem calc(var(--spacings-XS) + var(--spacings-XXS)) .375rem var(--spacings-S)}.button.mod-counter.mod-S .button-counter{height:1.25rem;min-width:1.25rem}.button.mod-counter.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS) var(--spacings-XXS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-counter.mod-XS .button-counter{height:1rem;min-width:1rem}.button.mod-icon,.button.mod-withIcon{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-S,.button.mod-withIcon.mod-S{--components-button-padding: calc(var(--spacings-XXS) + var(--spacings-XXS) / 2) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-XS,.button.mod-withIcon.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS)}.button.mod-onlyIcon{--components-button-padding: var(--spacings-XS)}.button.mod-onlyIcon.mod-S{--components-button-padding: .375rem}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--spacings-XXS)}.button.mod-delete:not([disabled],.is-disabled):hover{background-color:var(--palettes-error-100);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled):active{background-color:var(--palettes-error-200);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:hover{box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-error-400),var(--commons-boxShadow-XS)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:focus-visible{background-color:var(--palettes-error-100);box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-error-400),var(--commons-boxShadow-XS);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:active{background-color:var(--palettes-error-200);color:var(--palettes-error-700)}.button.mod-invert{color:var(--colors-white-color)}.button.mod-invert:not([disabled],.is-disabled):hover{background-color:#fff3}.button.mod-invert:not([disabled],.is-disabled):focus-visible{background-color:#fff3;color:var(--colors-white-color)}.button.mod-more{padding:0!important;text-align:center;min-width:2rem;border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M)}.button.mod-more:before{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;height:0;vertical-align:text-top}@supports (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"}}.button.mod-more.mod-S{min-width:1.75rem}.button:is(.loading,.is-loading){opacity:var(--commons-disabled-opacity)}.button:is(.loading,.is-loading):not(.mod-more){color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.loading,.is-loading):not(.mod-more):after{content:\"\";width:var(--components-button-font-size);height:var(--components-button-font-size);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}.button:is(.loading,.is-loading).mod-S:not(.mod-more):after{content:\"\";width:var(--sizes-S-fontSize);height:var(--sizes-S-fontSize);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button:is(.is-error,.error){--palettes-text: #ffffff;--palettes-50: #ffebec;--palettes-100: #ffd6d8;--palettes-200: #fdbebe;--palettes-300: #faa3a3;--palettes-400: #fa8989;--palettes-500: #f76e6e;--palettes-600: #f15050;--palettes-700: #da2f2f;--palettes-800: #aa0e0e;--palettes-900: #630303}.button:is(.is-error,.error):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-error,.error):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-error,.error):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"}}.button:is(.is-success,.success){--palettes-text: #ffffff;--palettes-50: #dbfae0;--palettes-100: #bef3c7;--palettes-200: #a2ebaf;--palettes-300: #84e695;--palettes-400: #68d97b;--palettes-500: #57c769;--palettes-600: #39b155;--palettes-700: #279b42;--palettes-800: #0a762e;--palettes-900: #004d20}.button:is(.is-success,.success):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-success,.success):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-success,.success):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"}}.button:is(.is-disabled,.disabled,[disabled]){background-color:var(--commons-disabled-background);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]) .numericBadge{background-color:var(--palettes-grey-200);color:var(--palettes-grey-500)}.button:is(.is-disabled,.disabled,[disabled]).mod-outlined,.button:is(.is-disabled,.disabled,[disabled]).mod-outline{background-color:var(--colors-white-color);box-shadow:0 0 0 1px var(--palettes-grey-400);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]).mod-text,.button:is(.is-disabled,.disabled,[disabled]).mod-link{color:var(--palettes-grey-500);background-color:transparent;cursor:default}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[luButton],a[luButton]', standalone: true, hostDirectives: [NgClazz], template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'button[luButton],a[luButton]', standalone: true, providers: [LuClass], template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'button',
                     }, styles: [".button{--components-button-margin: 0 var(--spacings-XS) 0 0;--components-button-font-size: var(--sizes-M-fontSize);--components-button-line-height: var(--sizes-M-lineHeight);--components-button-padding: var(--spacings-XS) var(--spacings-S);--components-button-gap: var(--spacings-XS);border-radius:var(--commons-borderRadius-M);font-family:inherit;font-size:var(--components-button-font-size);font-weight:600;line-height:var(--components-button-line-height);margin:var(--components-button-margin);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:ease;border:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--components-button-gap);position:relative;text-decoration:none;vertical-align:middle;white-space:nowrap;text-align:center;background-color:var(--palettes-700, var(--palettes-primary-700));color:var(--palettes-text, var(--palettes-primary-text));cursor:pointer;--icon-size: 1.5rem}.button:last-of-type{margin-right:0}.button:not([disabled],.is-disabled):hover{background-color:var(--palettes-600, var(--palettes-primary-600));color:var(--palettes-text, var(--palettes-primary-text))}.button:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:2px}.button:not([disabled],.is-disabled):active{background-color:var(--palettes-800, var(--palettes-primary-800))}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined) .numericBadge{--components-numericBadge-background: var(--palettes-primary-200);--components-numericBadge-color: var(--palettes-primary-800)}.button.mod-outline:not([disabled],.is-disabled),.button.mod-outlined:not([disabled],.is-disabled){color:var(--palettes-700, var(--palettes-grey-700));box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-grey-400));background-color:var(--colors-white-color)}.button.mod-outline:not([disabled],.is-disabled):hover,.button.mod-outlined:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-outline:not([disabled],.is-disabled):active,.button.mod-outlined:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-outline:not([disabled],.is-disabled):focus-visible,.button.mod-outlined:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:3px}.button.mod-outline .button-counter,.button.mod-outlined .button-counter{background-color:var(--palettes-300, var(--palettes-grey-300));color:var(--palettes-800, var(--palettes-grey-800))}.button.mod-text,.button.mod-link{background-color:transparent;color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):hover,.button.mod-link:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100));color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):active,.button.mod-link:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-text:focus-visible,.button.mod-link:focus-visible{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-block{width:100%}.button.mod-S{--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--icon-size: 1.25rem}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--spacings-XXS) var(--spacings-XS);--components-button-gap: var(--spacings-XXS);--icon-size: 1rem}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-counter{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS)) var(--spacings-XS) var(--spacings-S)}.button-counter{background-color:var(--palettes-600, var(--palettes-primary-600));border-radius:1rem;display:flex;font-size:var(--sizes-XS-fontSize);height:1.5rem;min-width:1.5rem;align-items:center;justify-content:center;transition:background-color var(--commons-animations-durations-fast) ease}.button.mod-counter:hover .button-counter{background-color:var(--palettes-500, var(--palettes-primary-500))}.button.mod-counter.mod-S{--components-button-padding: .375rem calc(var(--spacings-XS) + var(--spacings-XXS)) .375rem var(--spacings-S)}.button.mod-counter.mod-S .button-counter{height:1.25rem;min-width:1.25rem}.button.mod-counter.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS) var(--spacings-XXS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-counter.mod-XS .button-counter{height:1rem;min-width:1rem}.button.mod-icon,.button.mod-withIcon{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-S,.button.mod-withIcon.mod-S{--components-button-padding: calc(var(--spacings-XXS) + var(--spacings-XXS) / 2) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-XS,.button.mod-withIcon.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS)}.button.mod-onlyIcon{--components-button-padding: var(--spacings-XS)}.button.mod-onlyIcon.mod-S{--components-button-padding: .375rem}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--spacings-XXS)}.button.mod-delete:not([disabled],.is-disabled):hover{background-color:var(--palettes-error-100);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled):active{background-color:var(--palettes-error-200);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:hover{box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-error-400),var(--commons-boxShadow-XS)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:focus-visible{background-color:var(--palettes-error-100);box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-error-400),var(--commons-boxShadow-XS);color:var(--palettes-error-700)}.button.mod-delete:not([disabled],.is-disabled).mod-outlined:active{background-color:var(--palettes-error-200);color:var(--palettes-error-700)}.button.mod-invert{color:var(--colors-white-color)}.button.mod-invert:not([disabled],.is-disabled):hover{background-color:#fff3}.button.mod-invert:not([disabled],.is-disabled):focus-visible{background-color:#fff3;color:var(--colors-white-color)}.button.mod-more{padding:0!important;text-align:center;min-width:2rem;border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M)}.button.mod-more:before{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;height:0;vertical-align:text-top}@supports (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"}}.button.mod-more.mod-S{min-width:1.75rem}.button:is(.loading,.is-loading){opacity:var(--commons-disabled-opacity)}.button:is(.loading,.is-loading):not(.mod-more){color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.loading,.is-loading):not(.mod-more):after{content:\"\";width:var(--components-button-font-size);height:var(--components-button-font-size);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}.button:is(.loading,.is-loading).mod-S:not(.mod-more):after{content:\"\";width:var(--sizes-S-fontSize);height:var(--sizes-S-fontSize);border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button:is(.is-error,.error){--palettes-text: #ffffff;--palettes-50: #ffebec;--palettes-100: #ffd6d8;--palettes-200: #fdbebe;--palettes-300: #faa3a3;--palettes-400: #fa8989;--palettes-500: #f76e6e;--palettes-600: #f15050;--palettes-700: #da2f2f;--palettes-800: #aa0e0e;--palettes-900: #630303}.button:is(.is-error,.error):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-error,.error):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-error,.error):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"}}.button:is(.is-success,.success){--palettes-text: #ffffff;--palettes-50: #dbfae0;--palettes-100: #bef3c7;--palettes-200: #a2ebaf;--palettes-300: #84e695;--palettes-400: #68d97b;--palettes-500: #57c769;--palettes-600: #39b155;--palettes-700: #279b42;--palettes-800: #0a762e;--palettes-900: #004d20}.button:is(.is-success,.success):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-success,.success):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-success,.success):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"}}.button:is(.is-disabled,.disabled,[disabled]){background-color:var(--commons-disabled-background);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]) .numericBadge{background-color:var(--palettes-grey-200);color:var(--palettes-grey-500)}.button:is(.is-disabled,.disabled,[disabled]).mod-outlined,.button:is(.is-disabled,.disabled,[disabled]).mod-outline{background-color:var(--colors-white-color);box-shadow:0 0 0 1px var(--palettes-grey-400);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]).mod-text,.button:is(.is-disabled,.disabled,[disabled]).mod-link{color:var(--palettes-grey-500);background-color:transparent;cursor:default}\n"] }]
         }], propDecorators: { size: [{
@@ -56,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
         luButton: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUMvRyxPQUFPLEVBQUUsT0FBTyxFQUFXLE1BQU0sc0JBQXNCLENBQUM7OztBQWN4RCxNQUFNLE9BQU8sZUFBZTtJQVo1QjtRQWFDLGFBQVEsR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7UUFRM0IsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUdkLFlBQU8sR0FBWSxNQUFNLENBQUM7UUFHMUIsVUFBSyxHQUFnRCxTQUFTLENBQUM7UUFPL0QsYUFBUSxHQUE2QyxFQUFFLENBQUM7S0FtQnhEO0lBeENBLFFBQVEsQ0FBbUI7SUF1QjNCLFdBQVc7UUFDVixNQUFNLGFBQWEsR0FBRztZQUNyQixDQUFDLE9BQU8sSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLEVBQUUsSUFBSTtZQUMxQixDQUFDLFdBQVcsQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLO1lBQ3pCLENBQUMsV0FBVyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxJQUFJO1lBQ2pDLENBQUMsTUFBTSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxJQUFJO1NBQzFCLENBQUM7UUFDRixJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssRUFBRSxFQUFFO1lBQ3pCLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSyxhQUFhLEVBQUU7Z0JBQ3BDLGFBQWEsQ0FBQyxVQUFVLENBQUMsR0FBRyxJQUFJLENBQUM7Z0JBQ2pDLGFBQWEsQ0FBQyxZQUFZLENBQUMsR0FBRyxJQUFJLENBQUM7YUFDbkM7aUJBQU07Z0JBQ04sYUFBYSxDQUFDLE9BQU8sSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDO2FBQzdDO1NBQ0Q7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sR0FBRyxhQUFhLENBQUM7SUFDdkMsQ0FBQzs4R0F4Q1csZUFBZTtrR0FBZixlQUFlLGtIQU9mLGdCQUFnQiw2TEFkbEIsMkJBQTJCOzsyRkFPekIsZUFBZTtrQkFaM0IsU0FBUzsrQkFFQyw4QkFBOEIsY0FDNUIsSUFBSSxrQkFDQSxDQUFDLE9BQU8sQ0FBQyxZQUNmLDJCQUEyQixtQkFFcEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDTCxLQUFLLEVBQUUsUUFBUTtxQkFDZjs4QkFNRCxJQUFJO3NCQURILEtBQUs7Z0JBTU4sS0FBSztzQkFISixLQUFLO3VCQUFDO3dCQUNOLFNBQVMsRUFBRSxnQkFBZ0I7cUJBQzNCO2dCQUlELE9BQU87c0JBRE4sS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7O1FBSU47OztXQUdHO1FBQ0gsUUFBUTtzQkFMUCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgT25DaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NsYXp6LCBQYWxldHRlIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcblx0Ly8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3Jcblx0c2VsZWN0b3I6ICdidXR0b25bbHVCdXR0b25dLGFbbHVCdXR0b25dJyxcblx0c3RhbmRhbG9uZTogdHJ1ZSxcblx0aG9zdERpcmVjdGl2ZXM6IFtOZ0NsYXp6XSxcblx0dGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+Jyxcblx0c3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRob3N0OiB7XG5cdFx0Y2xhc3M6ICdidXR0b24nLFxuXHR9LFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuXHQjbmdDbGF6eiA9IGluamVjdChOZ0NsYXp6KTtcblxuXHRASW5wdXQoKVxuXHRzaXplOiAnTScgfCAnUycgfCAnWFMnO1xuXG5cdEBJbnB1dCh7XG5cdFx0dHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlLFxuXHR9KVxuXHRibG9jayA9IGZhbHNlO1xuXG5cdEBJbnB1dCgpXG5cdHBhbGV0dGU6IFBhbGV0dGUgPSAnbm9uZSc7XG5cblx0QElucHV0KClcblx0c3RhdGU6ICdkZWZhdWx0JyB8ICdsb2FkaW5nJyB8ICdlcnJvcicgfCAnc3VjY2VzcycgPSAnZGVmYXVsdCc7XG5cblx0QElucHV0KClcblx0LyoqXG5cdCAqICcnIGlzIHRoZSBkZWZhdWx0IHZhbHVlIHdoZW4geW91IGp1c3Qgc2V0IHRoZSBgbHVCdXR0b25gIGRpcmVjdGl2ZSB3aXRob3V0IGEgdmFsdWUgYXR0YWNoZWQgdG8gaXQuXG5cdCAqIFdlIGp1c3QgbWFrZSB0aGlzIGV4cGxpY2l0IGhlcmUuXG5cdCAqL1xuXHRsdUJ1dHRvbjogJycgfCAnb3V0bGluZWQnIHwgJ3RleHQnIHwgJ3RleHQtaW52ZXJ0JyA9ICcnO1xuXG5cdG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuXHRcdGNvbnN0IG5nQ2xhc3NDb25maWcgPSB7XG5cdFx0XHRbYG1vZC0ke3RoaXMuc2l6ZX1gXTogdHJ1ZSxcblx0XHRcdFtgbW9kLWJsb2NrYF06IHRoaXMuYmxvY2ssXG5cdFx0XHRbYHBhbGV0dGUtJHt0aGlzLnBhbGV0dGV9YF06IHRydWUsXG5cdFx0XHRbYGlzLSR7dGhpcy5zdGF0ZX1gXTogdHJ1ZSxcblx0XHR9O1xuXHRcdGlmICh0aGlzLmx1QnV0dG9uICE9PSAnJykge1xuXHRcdFx0aWYgKHRoaXMubHVCdXR0b24gPT09ICd0ZXh0LWludmVydCcpIHtcblx0XHRcdFx0bmdDbGFzc0NvbmZpZ1snbW9kLXRleHQnXSA9IHRydWU7XG5cdFx0XHRcdG5nQ2xhc3NDb25maWdbJ21vZC1pbnZlcnQnXSA9IHRydWU7XG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHRuZ0NsYXNzQ29uZmlnW2Btb2QtJHt0aGlzLmx1QnV0dG9ufWBdID0gdHJ1ZTtcblx0XHRcdH1cblx0XHR9XG5cdFx0dGhpcy4jbmdDbGF6ei5uZ0NsYXNzID0gbmdDbGFzc0NvbmZpZztcblx0fVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUMvRyxPQUFPLEVBQUUsT0FBTyxFQUFXLE1BQU0sc0JBQXNCLENBQUM7O0FBY3hELE1BQU0sT0FBTyxlQUFlO0lBWjVCO1FBYUMsYUFBUSxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQVEzQixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBR2QsWUFBTyxHQUFZLE1BQU0sQ0FBQztRQUcxQixVQUFLLEdBQWdELFNBQVMsQ0FBQztRQU8vRCxhQUFRLEdBQTZDLEVBQUUsQ0FBQztLQW1CeEQ7SUF4Q0EsUUFBUSxDQUFtQjtJQXVCM0IsV0FBVztRQUNWLE1BQU0sYUFBYSxHQUFHO1lBQ3JCLENBQUMsT0FBTyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsRUFBRSxJQUFJO1lBQzFCLENBQUMsV0FBVyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUs7WUFDekIsQ0FBQyxXQUFXLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLElBQUk7WUFDakMsQ0FBQyxNQUFNLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLElBQUk7U0FDMUIsQ0FBQztRQUNGLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSyxFQUFFLEVBQUU7WUFDekIsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLGFBQWEsRUFBRTtnQkFDcEMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxHQUFHLElBQUksQ0FBQztnQkFDakMsYUFBYSxDQUFDLFlBQVksQ0FBQyxHQUFHLElBQUksQ0FBQzthQUNuQztpQkFBTTtnQkFDTixhQUFhLENBQUMsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUM7YUFDN0M7U0FDRDtRQUNELElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7OEdBeENXLGVBQWU7a0dBQWYsZUFBZSxrSEFPZixnQkFBZ0IsOEdBZmpCLENBQUMsT0FBTyxDQUFDLCtDQUNWLDJCQUEyQjs7MkZBT3pCLGVBQWU7a0JBWjNCLFNBQVM7K0JBRUMsOEJBQThCLGNBQzVCLElBQUksYUFDTCxDQUFDLE9BQU8sQ0FBQyxZQUNWLDJCQUEyQixtQkFFcEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDTCxLQUFLLEVBQUUsUUFBUTtxQkFDZjs4QkFNRCxJQUFJO3NCQURILEtBQUs7Z0JBTU4sS0FBSztzQkFISixLQUFLO3VCQUFDO3dCQUNOLFNBQVMsRUFBRSxnQkFBZ0I7cUJBQzNCO2dCQUlELE9BQU87c0JBRE4sS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7O1FBSU47OztXQUdHO1FBQ0gsUUFBUTtzQkFMUCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgT25DaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMdUNsYXNzLCBQYWxldHRlIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcblx0Ly8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3Jcblx0c2VsZWN0b3I6ICdidXR0b25bbHVCdXR0b25dLGFbbHVCdXR0b25dJyxcblx0c3RhbmRhbG9uZTogdHJ1ZSxcblx0cHJvdmlkZXJzOiBbTHVDbGFzc10sXG5cdHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG5cdHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0aG9zdDoge1xuXHRcdGNsYXNzOiAnYnV0dG9uJyxcblx0fSxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcblx0I2x1Q2xhc3MgPSBpbmplY3QoTHVDbGFzcyk7XG5cblx0QElucHV0KClcblx0c2l6ZTogJ00nIHwgJ1MnIHwgJ1hTJztcblxuXHRASW5wdXQoe1xuXHRcdHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSxcblx0fSlcblx0YmxvY2sgPSBmYWxzZTtcblxuXHRASW5wdXQoKVxuXHRwYWxldHRlOiBQYWxldHRlID0gJ25vbmUnO1xuXG5cdEBJbnB1dCgpXG5cdHN0YXRlOiAnZGVmYXVsdCcgfCAnbG9hZGluZycgfCAnZXJyb3InIHwgJ3N1Y2Nlc3MnID0gJ2RlZmF1bHQnO1xuXG5cdEBJbnB1dCgpXG5cdC8qKlxuXHQgKiAnJyBpcyB0aGUgZGVmYXVsdCB2YWx1ZSB3aGVuIHlvdSBqdXN0IHNldCB0aGUgYGx1QnV0dG9uYCBkaXJlY3RpdmUgd2l0aG91dCBhIHZhbHVlIGF0dGFjaGVkIHRvIGl0LlxuXHQgKiBXZSBqdXN0IG1ha2UgdGhpcyBleHBsaWNpdCBoZXJlLlxuXHQgKi9cblx0bHVCdXR0b246ICcnIHwgJ291dGxpbmVkJyB8ICd0ZXh0JyB8ICd0ZXh0LWludmVydCcgPSAnJztcblxuXHRuZ09uQ2hhbmdlcygpOiB2b2lkIHtcblx0XHRjb25zdCBuZ0NsYXNzQ29uZmlnID0ge1xuXHRcdFx0W2Btb2QtJHt0aGlzLnNpemV9YF06IHRydWUsXG5cdFx0XHRbYG1vZC1ibG9ja2BdOiB0aGlzLmJsb2NrLFxuXHRcdFx0W2BwYWxldHRlLSR7dGhpcy5wYWxldHRlfWBdOiB0cnVlLFxuXHRcdFx0W2Bpcy0ke3RoaXMuc3RhdGV9YF06IHRydWUsXG5cdFx0fTtcblx0XHRpZiAodGhpcy5sdUJ1dHRvbiAhPT0gJycpIHtcblx0XHRcdGlmICh0aGlzLmx1QnV0dG9uID09PSAndGV4dC1pbnZlcnQnKSB7XG5cdFx0XHRcdG5nQ2xhc3NDb25maWdbJ21vZC10ZXh0J10gPSB0cnVlO1xuXHRcdFx0XHRuZ0NsYXNzQ29uZmlnWydtb2QtaW52ZXJ0J10gPSB0cnVlO1xuXHRcdFx0fSBlbHNlIHtcblx0XHRcdFx0bmdDbGFzc0NvbmZpZ1tgbW9kLSR7dGhpcy5sdUJ1dHRvbn1gXSA9IHRydWU7XG5cdFx0XHR9XG5cdFx0fVxuXHRcdHRoaXMuI2x1Q2xhc3Muc2V0U3RhdGUobmdDbGFzc0NvbmZpZyk7XG5cdH1cbn1cbiJdfQ==

package/esm2022/callout/callout-feedback-list/callout-feedback-list.component.mjs CHANGED Viewed

@@ -1,23 +1,22 @@
 import { ChangeDetectionStrategy, Component, inject, Input, ViewEncapsulation } from '@angular/core';
-import { NgClazz } from '@lucca-front/ng/core';
+import { LuClass } from '@lucca-front/ng/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@lucca-front/ng/core";
 export class CalloutFeedbackListComponent {
-    #ngClass = inject(NgClazz);
+    #luClass = inject(LuClass);
     ngOnChanges() {
-        this.#ngClass.ngClass = [`palette-${this.palette}`, `mod-${this.size}`];
+        this.#luClass.setState([`palette-${this.palette}`, `mod-${this.size}`]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: CalloutFeedbackListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: CalloutFeedbackListComponent, isStandalone: true, selector: "ul[lu-callout-feedback-list]", inputs: { palette: "palette", size: "size" }, host: { classAttribute: "calloutFeedbackList" }, usesOnChanges: true, hostDirectives: [{ directive: i1.NgClazz }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".calloutFeedbackList{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--spacings-S)}.calloutFeedbackList-item{display:flex;flex-direction:column;gap:var(--spacings-XS)}.calloutFeedbackList-item-actions{display:inline-flex;gap:var(--spacings-XS)}.calloutFeedbackList-item-actions .button{--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--icon-size: 1.25rem;margin:0}.calloutFeedbackList-item-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.calloutFeedbackList.mod-S{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight)}.calloutFeedbackList.mod-S .button{--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--spacings-XXS) var(--spacings-XS);--components-button-gap: var(--spacings-XXS);--icon-size: 1rem}.calloutFeedbackList.mod-S .button .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: CalloutFeedbackListComponent, isStandalone: true, selector: "ul[lu-callout-feedback-list]", inputs: { palette: "palette", size: "size" }, host: { classAttribute: "calloutFeedbackList" }, providers: [LuClass], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".calloutFeedbackList{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--spacings-S)}.calloutFeedbackList-item{display:flex;flex-direction:column;gap:var(--spacings-XS)}.calloutFeedbackList-item-actions{display:inline-flex;gap:var(--spacings-XS)}.calloutFeedbackList-item-actions .button{--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--icon-size: 1.25rem;margin:0}.calloutFeedbackList-item-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.calloutFeedbackList.mod-S{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight)}.calloutFeedbackList.mod-S .button{--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--spacings-XXS) var(--spacings-XS);--components-button-gap: var(--spacings-XXS);--icon-size: 1rem}.calloutFeedbackList.mod-S .button .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: CalloutFeedbackListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ul[lu-callout-feedback-list]', standalone: true, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'calloutFeedbackList',
-                    }, hostDirectives: [NgClazz], encapsulation: ViewEncapsulation.None, styles: [".calloutFeedbackList{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--spacings-S)}.calloutFeedbackList-item{display:flex;flex-direction:column;gap:var(--spacings-XS)}.calloutFeedbackList-item-actions{display:inline-flex;gap:var(--spacings-XS)}.calloutFeedbackList-item-actions .button{--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--icon-size: 1.25rem;margin:0}.calloutFeedbackList-item-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.calloutFeedbackList.mod-S{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight)}.calloutFeedbackList.mod-S .button{--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--spacings-XXS) var(--spacings-XS);--components-button-gap: var(--spacings-XXS);--icon-size: 1rem}.calloutFeedbackList.mod-S .button .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}\n"] }]
+                    }, providers: [LuClass], encapsulation: ViewEncapsulation.None, styles: [".calloutFeedbackList{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--spacings-S)}.calloutFeedbackList-item{display:flex;flex-direction:column;gap:var(--spacings-XS)}.calloutFeedbackList-item-actions{display:inline-flex;gap:var(--spacings-XS)}.calloutFeedbackList-item-actions .button{--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--icon-size: 1.25rem;margin:0}.calloutFeedbackList-item-actions .button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.calloutFeedbackList.mod-S{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight)}.calloutFeedbackList.mod-S .button{--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--spacings-XXS) var(--spacings-XS);--components-button-gap: var(--spacings-XXS);--icon-size: 1rem}.calloutFeedbackList.mod-S .button .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}\n"] }]
         }], propDecorators: { palette: [{
                 type: Input
             }], size: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC1mZWVkYmFjay1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2NhbGxvdXQvY2FsbG91dC1mZWVkYmFjay1saXN0L2NhbGxvdXQtZmVlZGJhY2stbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFhLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hILE9BQU8sRUFBRSxPQUFPLEVBQVcsTUFBTSxzQkFBc0IsQ0FBQzs7O0FBZXhELE1BQU0sT0FBTyw0QkFBNEI7SUFDeEMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQVEzQixXQUFXO1FBQ1YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEdBQUcsQ0FBQyxXQUFXLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxPQUFPLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ3pFLENBQUM7OEdBWFcsNEJBQTRCO2tHQUE1Qiw0QkFBNEIseVBBVDlCLDJCQUEyQjs7MkZBU3pCLDRCQUE0QjtrQkFieEMsU0FBUzsrQkFFQyw4QkFBOEIsY0FDNUIsSUFBSSxZQUNOLDJCQUEyQixtQkFFcEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDTCxLQUFLLEVBQUUscUJBQXFCO3FCQUM1QixrQkFDZSxDQUFDLE9BQU8sQ0FBQyxpQkFDVixpQkFBaUIsQ0FBQyxJQUFJOzhCQU1yQyxPQUFPO3NCQUROLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgT25DaGFuZ2VzLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdDbGF6eiwgUGFsZXR0ZSB9IGZyb20gJ0BsdWNjYS1mcm9udC9uZy9jb3JlJztcblxuQENvbXBvbmVudCh7XG5cdC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG5cdHNlbGVjdG9yOiAndWxbbHUtY2FsbG91dC1mZWVkYmFjay1saXN0XScsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG5cdHN0eWxlVXJsczogWycuL2NhbGxvdXQtZmVlZGJhY2stbGlzdC5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0aG9zdDoge1xuXHRcdGNsYXNzOiAnY2FsbG91dEZlZWRiYWNrTGlzdCcsXG5cdH0sXG5cdGhvc3REaXJlY3RpdmVzOiBbTmdDbGF6el0sXG5cdGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIENhbGxvdXRGZWVkYmFja0xpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuXHQjbmdDbGFzcyA9IGluamVjdChOZ0NsYXp6KTtcblxuXHRASW5wdXQoKVxuXHRwYWxldHRlOiBQYWxldHRlO1xuXG5cdEBJbnB1dCgpXG5cdHNpemU6ICdNJyB8ICdTJztcblxuXHRuZ09uQ2hhbmdlcygpOiB2b2lkIHtcblx0XHR0aGlzLiNuZ0NsYXNzLm5nQ2xhc3MgPSBbYHBhbGV0dGUtJHt0aGlzLnBhbGV0dGV9YCwgYG1vZC0ke3RoaXMuc2l6ZX1gXTtcblx0fVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC1mZWVkYmFjay1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2NhbGxvdXQvY2FsbG91dC1mZWVkYmFjay1saXN0L2NhbGxvdXQtZmVlZGJhY2stbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFhLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hILE9BQU8sRUFBRSxPQUFPLEVBQVcsTUFBTSxzQkFBc0IsQ0FBQzs7QUFleEQsTUFBTSxPQUFPLDRCQUE0QjtJQUN4QyxRQUFRLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBUTNCLFdBQVc7UUFDVixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLFdBQVcsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLE9BQU8sSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztJQUN6RSxDQUFDOzhHQVhXLDRCQUE0QjtrR0FBNUIsNEJBQTRCLDBLQUg3QixDQUFDLE9BQU8sQ0FBQywrQ0FOViwyQkFBMkI7OzJGQVN6Qiw0QkFBNEI7a0JBYnhDLFNBQVM7K0JBRUMsOEJBQThCLGNBQzVCLElBQUksWUFDTiwyQkFBMkIsbUJBRXBCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0wsS0FBSyxFQUFFLHFCQUFxQjtxQkFDNUIsYUFDVSxDQUFDLE9BQU8sQ0FBQyxpQkFDTCxpQkFBaUIsQ0FBQyxJQUFJOzhCQU1yQyxPQUFPO3NCQUROLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgT25DaGFuZ2VzLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTHVDbGFzcywgUGFsZXR0ZSB9IGZyb20gJ0BsdWNjYS1mcm9udC9uZy9jb3JlJztcblxuQENvbXBvbmVudCh7XG5cdC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG5cdHNlbGVjdG9yOiAndWxbbHUtY2FsbG91dC1mZWVkYmFjay1saXN0XScsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG5cdHN0eWxlVXJsczogWycuL2NhbGxvdXQtZmVlZGJhY2stbGlzdC5jb21wb25lbnQuc2NzcyddLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0aG9zdDoge1xuXHRcdGNsYXNzOiAnY2FsbG91dEZlZWRiYWNrTGlzdCcsXG5cdH0sXG5cdHByb3ZpZGVyczogW0x1Q2xhc3NdLFxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBDYWxsb3V0RmVlZGJhY2tMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcblx0I2x1Q2xhc3MgPSBpbmplY3QoTHVDbGFzcyk7XG5cblx0QElucHV0KClcblx0cGFsZXR0ZTogUGFsZXR0ZTtcblxuXHRASW5wdXQoKVxuXHRzaXplOiAnTScgfCAnUyc7XG5cblx0bmdPbkNoYW5nZXMoKTogdm9pZCB7XG5cdFx0dGhpcy4jbHVDbGFzcy5zZXRTdGF0ZShbYHBhbGV0dGUtJHt0aGlzLnBhbGV0dGV9YCwgYG1vZC0ke3RoaXMuc2l6ZX1gXSk7XG5cdH1cbn1cbiJdfQ==

package/esm2022/core/public-api.mjs CHANGED Viewed

@@ -6,5 +6,5 @@ export * from './group/index';
 export * from './id/index';
 export * from './portal/index';
 export * from './type/index';
-export * from './tools/ng-clazz.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2NvcmUvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyw0QkFBNEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZGF0ZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2V2ZW50L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vdHJhbnNsYXRlL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vdHJlZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2dyb3VwL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vaWQvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9wb3J0YWwvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi90eXBlL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vdG9vbHMvbmctY2xhenouZGlyZWN0aXZlJztcbiJdfQ==
+export * from './tools/class';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2NvcmUvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2RhdGUvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9ldmVudC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3RyYW5zbGF0ZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3RyZWUvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9ncm91cC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2lkL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vcG9ydGFsL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vdHlwZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3Rvb2xzL2NsYXNzJztcbiJdfQ==

package/esm2022/core/tools/class.mjs ADDED Viewed

@@ -0,0 +1,75 @@
+import { ElementRef, inject, Injectable, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export class LuClass {
+    #elementRef = inject(ElementRef);
+    #renderer = inject(Renderer2);
+    #state = {};
+    #stateMap = new Map();
+    setState(value) {
+        this.#state = normalizeToRecord(value);
+        for (const [klass, enabled] of Object.entries(this.#state)) {
+            this.#updateState(klass, enabled);
+        }
+        this.#applyStateDiff();
+    }
+    #updateState(klass, nextEnabled) {
+        const state = this.#stateMap.get(klass);
+        if (state !== undefined) {
+            if (state.enabled !== nextEnabled) {
+                state.changed = true;
+                state.enabled = nextEnabled;
+            }
+            state.touched = true;
+        }
+        else {
+            this.#stateMap.set(klass, { enabled: nextEnabled, changed: true, touched: true });
+        }
+    }
+    #applyStateDiff() {
+        for (const stateEntry of this.#stateMap) {
+            const klass = stateEntry[0];
+            const state = stateEntry[1];
+            if (state.changed) {
+                this.#toggleClass(klass, state.enabled);
+                state.changed = false;
+            }
+            else if (!state.touched) {
+                // A class that was previously active got removed from the new collection of classes -
+                // remove from the DOM as well.
+                if (state.enabled) {
+                    this.#toggleClass(klass, false);
+                }
+                this.#stateMap.delete(klass);
+            }
+            state.touched = false;
+        }
+    }
+    #toggleClass(klass, enabled) {
+        if (enabled) {
+            this.#renderer.addClass(this.#elementRef.nativeElement, klass);
+        }
+        else {
+            this.#renderer.removeClass(this.#elementRef.nativeElement, klass);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: LuClass, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: LuClass }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: LuClass, decorators: [{
+            type: Injectable
+        }] });
+function normalizeToRecord(obj) {
+    if (Array.isArray(obj) || obj instanceof Set) {
+        const result = {};
+        for (const item of obj) {
+            result[item] = true;
+        }
+        return result;
+    }
+    if (typeof obj === 'string') {
+        obj = obj.trim();
+        return obj ? { [obj]: true } : {};
+    }
+    return obj;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xhc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9jb3JlL3Rvb2xzL2NsYXNzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBVzFFLE1BQU0sT0FBTyxPQUFPO0lBQ25CLFdBQVcsR0FBRyxNQUFNLENBQTBCLFVBQVUsQ0FBQyxDQUFDO0lBQzFELFNBQVMsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFFOUIsTUFBTSxHQUE0QixFQUFFLENBQUM7SUFDckMsU0FBUyxHQUFHLElBQUksR0FBRyxFQUF5QixDQUFDO0lBRXRDLFFBQVEsQ0FBQyxLQUE0QjtRQUMzQyxJQUFJLENBQUMsTUFBTSxHQUFHLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXZDLEtBQUssTUFBTSxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsSUFBSSxNQUFNLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUMzRCxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQztTQUNsQztRQUVELElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWEsRUFBRSxXQUFvQjtRQUMvQyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QyxJQUFJLEtBQUssS0FBSyxTQUFTLEVBQUU7WUFDeEIsSUFBSSxLQUFLLENBQUMsT0FBTyxLQUFLLFdBQVcsRUFBRTtnQkFDbEMsS0FBSyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7Z0JBQ3JCLEtBQUssQ0FBQyxPQUFPLEdBQUcsV0FBVyxDQUFDO2FBQzVCO1lBQ0QsS0FBSyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7U0FDckI7YUFBTTtZQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztTQUNsRjtJQUNGLENBQUM7SUFFRCxlQUFlO1FBQ2QsS0FBSyxNQUFNLFVBQVUsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3hDLE1BQU0sS0FBSyxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM1QixNQUFNLEtBQUssR0FBRyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFFNUIsSUFBSSxLQUFLLENBQUMsT0FBTyxFQUFFO2dCQUNsQixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQ3hDLEtBQUssQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO2FBQ3RCO2lCQUFNLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFO2dCQUMxQixzRkFBc0Y7Z0JBQ3RGLCtCQUErQjtnQkFDL0IsSUFBSSxLQUFLLENBQUMsT0FBTyxFQUFFO29CQUNsQixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztpQkFDaEM7Z0JBQ0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDN0I7WUFFRCxLQUFLLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztTQUN0QjtJQUNGLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBYSxFQUFFLE9BQWdCO1FBQzNDLElBQUksT0FBTyxFQUFFO1lBQ1osSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLENBQUM7U0FDL0Q7YUFBTTtZQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQ2xFO0lBQ0YsQ0FBQzs4R0F6RFcsT0FBTztrSEFBUCxPQUFPOzsyRkFBUCxPQUFPO2tCQURuQixVQUFVOztBQTZEWCxTQUFTLGlCQUFpQixDQUFDLEdBQTBCO0lBQ3BELElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxHQUFHLFlBQVksR0FBRyxFQUFFO1FBQzdDLE1BQU0sTUFBTSxHQUE0QixFQUFFLENBQUM7UUFFM0MsS0FBSyxNQUFNLElBQUksSUFBSSxHQUFHLEVBQUU7WUFDdkIsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQztTQUNwQjtRQUVELE9BQU8sTUFBTSxDQUFDO0tBQ2Q7SUFFRCxJQUFJLE9BQU8sR0FBRyxLQUFLLFFBQVEsRUFBRTtRQUM1QixHQUFHLEdBQUcsR0FBRyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2pCLE9BQU8sR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztLQUNsQztJQUVELE9BQU8sR0FBRyxDQUFDO0FBQ1osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVsZW1lbnRSZWYsIGluamVjdCwgSW5qZWN0YWJsZSwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbnR5cGUgTHVDbGFzc1N1cHBvcnRlZFR5cGVzID0gc3RyaW5nIHwgc3RyaW5nW10gfCBTZXQ8c3RyaW5nPiB8IHsgW2tsYXNzOiBzdHJpbmddOiBib29sZWFuIH07XG5cbmludGVyZmFjZSBDc3NDbGFzc1N0YXRlIHtcblx0ZW5hYmxlZDogYm9vbGVhbjtcblx0Y2hhbmdlZDogYm9vbGVhbjtcblx0dG91Y2hlZDogYm9vbGVhbjtcbn1cblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIEx1Q2xhc3Mge1xuXHQjZWxlbWVudFJlZiA9IGluamVjdDxFbGVtZW50UmVmPEhUTUxFbGVtZW50Pj4oRWxlbWVudFJlZik7XG5cdCNyZW5kZXJlciA9IGluamVjdChSZW5kZXJlcjIpO1xuXG5cdCNzdGF0ZTogUmVjb3JkPHN0cmluZywgYm9vbGVhbj4gPSB7fTtcblx0I3N0YXRlTWFwID0gbmV3IE1hcDxzdHJpbmcsIENzc0NsYXNzU3RhdGU+KCk7XG5cblx0cHVibGljIHNldFN0YXRlKHZhbHVlOiBMdUNsYXNzU3VwcG9ydGVkVHlwZXMpIHtcblx0XHR0aGlzLiNzdGF0ZSA9IG5vcm1hbGl6ZVRvUmVjb3JkKHZhbHVlKTtcblxuXHRcdGZvciAoY29uc3QgW2tsYXNzLCBlbmFibGVkXSBvZiBPYmplY3QuZW50cmllcyh0aGlzLiNzdGF0ZSkpIHtcblx0XHRcdHRoaXMuI3VwZGF0ZVN0YXRlKGtsYXNzLCBlbmFibGVkKTtcblx0XHR9XG5cblx0XHR0aGlzLiNhcHBseVN0YXRlRGlmZigpO1xuXHR9XG5cblx0I3VwZGF0ZVN0YXRlKGtsYXNzOiBzdHJpbmcsIG5leHRFbmFibGVkOiBib29sZWFuKSB7XG5cdFx0Y29uc3Qgc3RhdGUgPSB0aGlzLiNzdGF0ZU1hcC5nZXQoa2xhc3MpO1xuXHRcdGlmIChzdGF0ZSAhPT0gdW5kZWZpbmVkKSB7XG5cdFx0XHRpZiAoc3RhdGUuZW5hYmxlZCAhPT0gbmV4dEVuYWJsZWQpIHtcblx0XHRcdFx0c3RhdGUuY2hhbmdlZCA9IHRydWU7XG5cdFx0XHRcdHN0YXRlLmVuYWJsZWQgPSBuZXh0RW5hYmxlZDtcblx0XHRcdH1cblx0XHRcdHN0YXRlLnRvdWNoZWQgPSB0cnVlO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHR0aGlzLiNzdGF0ZU1hcC5zZXQoa2xhc3MsIHsgZW5hYmxlZDogbmV4dEVuYWJsZWQsIGNoYW5nZWQ6IHRydWUsIHRvdWNoZWQ6IHRydWUgfSk7XG5cdFx0fVxuXHR9XG5cblx0I2FwcGx5U3RhdGVEaWZmKCkge1xuXHRcdGZvciAoY29uc3Qgc3RhdGVFbnRyeSBvZiB0aGlzLiNzdGF0ZU1hcCkge1xuXHRcdFx0Y29uc3Qga2xhc3MgPSBzdGF0ZUVudHJ5WzBdO1xuXHRcdFx0Y29uc3Qgc3RhdGUgPSBzdGF0ZUVudHJ5WzFdO1xuXG5cdFx0XHRpZiAoc3RhdGUuY2hhbmdlZCkge1xuXHRcdFx0XHR0aGlzLiN0b2dnbGVDbGFzcyhrbGFzcywgc3RhdGUuZW5hYmxlZCk7XG5cdFx0XHRcdHN0YXRlLmNoYW5nZWQgPSBmYWxzZTtcblx0XHRcdH0gZWxzZSBpZiAoIXN0YXRlLnRvdWNoZWQpIHtcblx0XHRcdFx0Ly8gQSBjbGFzcyB0aGF0IHdhcyBwcmV2aW91c2x5IGFjdGl2ZSBnb3QgcmVtb3ZlZCBmcm9tIHRoZSBuZXcgY29sbGVjdGlvbiBvZiBjbGFzc2VzIC1cblx0XHRcdFx0Ly8gcmVtb3ZlIGZyb20gdGhlIERPTSBhcyB3ZWxsLlxuXHRcdFx0XHRpZiAoc3RhdGUuZW5hYmxlZCkge1xuXHRcdFx0XHRcdHRoaXMuI3RvZ2dsZUNsYXNzKGtsYXNzLCBmYWxzZSk7XG5cdFx0XHRcdH1cblx0XHRcdFx0dGhpcy4jc3RhdGVNYXAuZGVsZXRlKGtsYXNzKTtcblx0XHRcdH1cblxuXHRcdFx0c3RhdGUudG91Y2hlZCA9IGZhbHNlO1xuXHRcdH1cblx0fVxuXG5cdCN0b2dnbGVDbGFzcyhrbGFzczogc3RyaW5nLCBlbmFibGVkOiBib29sZWFuKTogdm9pZCB7XG5cdFx0aWYgKGVuYWJsZWQpIHtcblx0XHRcdHRoaXMuI3JlbmRlcmVyLmFkZENsYXNzKHRoaXMuI2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwga2xhc3MpO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHR0aGlzLiNyZW5kZXJlci5yZW1vdmVDbGFzcyh0aGlzLiNlbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIGtsYXNzKTtcblx0XHR9XG5cdH1cbn1cblxuZnVuY3Rpb24gbm9ybWFsaXplVG9SZWNvcmQob2JqOiBMdUNsYXNzU3VwcG9ydGVkVHlwZXMpOiBSZWNvcmQ8c3RyaW5nLCBib29sZWFuPiB7XG5cdGlmIChBcnJheS5pc0FycmF5KG9iaikgfHwgb2JqIGluc3RhbmNlb2YgU2V0KSB7XG5cdFx0Y29uc3QgcmVzdWx0OiBSZWNvcmQ8c3RyaW5nLCBib29sZWFuPiA9IHt9O1xuXG5cdFx0Zm9yIChjb25zdCBpdGVtIG9mIG9iaikge1xuXHRcdFx0cmVzdWx0W2l0ZW1dID0gdHJ1ZTtcblx0XHR9XG5cblx0XHRyZXR1cm4gcmVzdWx0O1xuXHR9XG5cblx0aWYgKHR5cGVvZiBvYmogPT09ICdzdHJpbmcnKSB7XG5cdFx0b2JqID0gb2JqLnRyaW0oKTtcblx0XHRyZXR1cm4gb2JqID8geyBbb2JqXTogdHJ1ZSB9IDoge307XG5cdH1cblxuXHRyZXR1cm4gb2JqO1xufVxuIl19

package/esm2022/empty-state/empty-state-page/empty-state-page.component.mjs CHANGED Viewed

@@ -28,13 +28,13 @@ export class EmptyStatePageComponent {
         this.contentBackgroundColor = 'var(--commons-background-base)';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EmptyStatePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EmptyStatePageComponent, isStandalone: true, selector: "lu-empty-state-page", inputs: { icon: "icon", topRightBackground: "topRightBackground", topRightForeground: "topRightForeground", bottomLeftBackground: "bottomLeftBackground", bottomLeftForeground: "bottomLeftForeground", contentBackgroundColor: "contentBackgroundColor", title: "title", description: "description" }, host: { classAttribute: "emptyState-wrapper" }, ngImport: i0, template: "<section\n\tclass=\"emptyState mod-page\"\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<div class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<h1 class=\"emptyState-content-heading\">{{title}}</h1>\n\t\t\t\t<p>\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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(--spacings-S)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-max-width);padding:0;width:100%}.emptyState-content{background-color:var(--components-emptyState-background-color);border-radius:var(--commons-borderRadius-L);box-shadow:0 0 8px 4px var(--components-emptyState-background-color);max-width:100%;padding:var(--spacings-XXS);width:calc(25rem + var(--spacings-XXS) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-primary-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-primary-600))}.emptyState-content-text{padding:0 var(--spacings-XXS)}.emptyState-content-heading{margin-bottom:0}.emptyState-actions{display:flex;flex-wrap:wrap;gap:var(--spacings-XS)}.emptyState-actions .button{margin:0}.emptyState.mod-page{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 (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-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: EmptyStatePageComponent, isStandalone: true, selector: "lu-empty-state-page", inputs: { icon: "icon", topRightBackground: "topRightBackground", topRightForeground: "topRightForeground", bottomLeftBackground: "bottomLeftBackground", bottomLeftForeground: "bottomLeftForeground", contentBackgroundColor: "contentBackgroundColor", title: "title", description: "description" }, host: { classAttribute: "emptyState-wrapper" }, ngImport: i0, template: "<section\n\tclass=\"emptyState mod-page\"\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<div class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<h1 class=\"emptyState-content-heading\">{{title}}</h1>\n\t\t\t\t<p>\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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(--spacings-S)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-max-width);padding:0;width:100%}.emptyState-content{border-radius:var(--commons-borderRadius-L);max-width:100%;padding:var(--spacings-XXS);width:calc(25rem + var(--spacings-XXS) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-primary-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-primary-600))}.emptyState-content-text{padding:0 var(--spacings-XXS)}.emptyState-content-heading{margin-bottom:0}.emptyState-actions{display:flex;flex-wrap:wrap;gap:var(--spacings-XS)}.emptyState-actions .button{margin:0}.emptyState.mod-page{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 (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-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EmptyStatePageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-empty-state-page', standalone: true, imports: [CommonModule, LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'emptyState-wrapper',
-                    }, template: "<section\n\tclass=\"emptyState mod-page\"\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<div class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<h1 class=\"emptyState-content-heading\">{{title}}</h1>\n\t\t\t\t<p>\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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(--spacings-S)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-max-width);padding:0;width:100%}.emptyState-content{background-color:var(--components-emptyState-background-color);border-radius:var(--commons-borderRadius-L);box-shadow:0 0 8px 4px var(--components-emptyState-background-color);max-width:100%;padding:var(--spacings-XXS);width:calc(25rem + var(--spacings-XXS) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-primary-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-primary-600))}.emptyState-content-text{padding:0 var(--spacings-XXS)}.emptyState-content-heading{margin-bottom:0}.emptyState-actions{display:flex;flex-wrap:wrap;gap:var(--spacings-XS)}.emptyState-actions .button{margin:0}.emptyState.mod-page{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 (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-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}\n"] }]
+                    }, template: "<section\n\tclass=\"emptyState mod-page\"\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<div class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<h1 class=\"emptyState-content-heading\">{{title}}</h1>\n\t\t\t\t<p>\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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(--spacings-S)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-max-width);padding:0;width:100%}.emptyState-content{border-radius:var(--commons-borderRadius-L);max-width:100%;padding:var(--spacings-XXS);width:calc(25rem + var(--spacings-XXS) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-primary-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-primary-600))}.emptyState-content-text{padding:0 var(--spacings-XXS)}.emptyState-content-heading{margin-bottom:0}.emptyState-actions{display:flex;flex-wrap:wrap;gap:var(--spacings-XS)}.emptyState-actions .button{margin:0}.emptyState.mod-page{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 (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-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}.emptyState-wrapper{display:flex;flex-direction:column;flex-grow:1}\n"] }]
         }], propDecorators: {
         /**
          * Icon image (URL)
@@ -62,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                         required: true,
                     }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUtcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS1wYWdlL2VtcHR5LXN0YXRlLXBhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvZW1wdHktc3RhdGUvZW1wdHktc3RhdGUtcGFnZS9lbXB0eS1zdGF0ZS1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQWlCLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQWNyRSxNQUFNLE9BQU8sdUJBQXVCO0lBWnBDO1FBa0JDLFNBQUksR0FBRyxJQUFJLENBQUM7UUFFWjs7V0FFRztRQUVILHVCQUFrQixHQUFHLHNGQUFzRixDQUFDO1FBRTVHOztXQUVHO1FBRUgsdUJBQWtCLEdBQUcsNEVBQTRFLENBQUM7UUFFbEc7O1dBRUc7UUFFSCx5QkFBb0IsR0FBRyx3RkFBd0YsQ0FBQztRQUVoSDs7V0FFRztRQUVILHlCQUFvQixHQUFHLDRFQUE0RSxDQUFDO1FBRXBHOztXQUVHO1FBRUgsMkJBQXNCLEdBQUcsZ0NBQWdDLENBQUM7S0FXMUQ7OEdBL0NZLHVCQUF1QjtrR0FBdkIsdUJBQXVCLHVhQ2pCcEMscWpDQXVCQSw4cUdEZlcsWUFBWSwwQkFBRSxxQkFBcUIsMERBQUUsZUFBZTs7MkZBU2xELHVCQUF1QjtrQkFabkMsU0FBUzsrQkFDQyxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHFCQUFxQixFQUFFLGVBQWUsQ0FBQyxtQkFHOUMsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDTCxLQUFLLEVBQUUsb0JBQW9CO3FCQUMzQjs7UUFLRDs7V0FFRztRQUNILElBQUk7c0JBTEgsS0FBSztnQkFXTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBT04sa0JBQWtCO3NCQURqQixLQUFLO2dCQU9OLG9CQUFvQjtzQkFEbkIsS0FBSztnQkFPTixvQkFBb0I7c0JBRG5CLEtBQUs7Z0JBT04sc0JBQXNCO3NCQURyQixLQUFLO2dCQU1OLEtBQUs7c0JBSEosS0FBSzt1QkFBQzt3QkFDTixRQUFRLEVBQUUsSUFBSTtxQkFDZDtnQkFNRCxXQUFXO3NCQUhWLEtBQUs7dUJBQUM7d0JBQ04sUUFBUSxFQUFFLElBQUk7cUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3J0YWxDb250ZW50LCBQb3J0YWxEaXJlY3RpdmUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvY29yZSc7XG5pbXBvcnQgeyBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvc2FmZS1jb250ZW50JztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtZW1wdHktc3RhdGUtcGFnZScsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEx1U2FmZUV4dGVybmFsU3ZnUGlwZSwgUG9ydGFsRGlyZWN0aXZlXSxcblx0dGVtcGxhdGVVcmw6ICcuL2VtcHR5LXN0YXRlLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybDogJy4vZW1wdHktc3RhdGUtcGFnZS5jb21wb25lbnQuc2NzcycsXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuXHRob3N0OiB7XG5cdFx0Y2xhc3M6ICdlbXB0eVN0YXRlLXdyYXBwZXInLFxuXHR9LFxufSlcbmV4cG9ydCBjbGFzcyBFbXB0eVN0YXRlUGFnZUNvbXBvbmVudCB7XG5cdEBJbnB1dCgpXG5cblx0LyoqXG5cdCAqIEljb24gaW1hZ2UgKFVSTClcblx0ICovXG5cdGljb24gPSBudWxsO1xuXG5cdC8qKlxuXHQgKiBUb3AgcmlnaHQgYmFja2dyb3VuZCBpbWFnZSAoVVJMKVxuXHQgKi9cblx0QElucHV0KClcblx0dG9wUmlnaHRCYWNrZ3JvdW5kID0gJ2h0dHBzOi8vY2RuLmx1Y2NhLmZyL2x1Y2NhLWZyb250L2Fzc2V0cy9lbXB0eS1zdGF0ZXMvcG9wbGVlL2J1YmJsZXMtdG9wLXJpZ2h0LTAxLnN2Zyc7XG5cblx0LyoqXG5cdCAqIFRvcCByaWdodCBmb3JlZ3JvdW5kIGltYWdlIChVUkwpXG5cdCAqL1xuXHRASW5wdXQoKVxuXHR0b3BSaWdodEZvcmVncm91bmQgPSAnaHR0cHM6Ly9jZG4ubHVjY2EuZnIvbHVjY2EtZnJvbnQvYXNzZXRzL2VtcHR5LXN0YXRlcy9nZW5lcmljL2NvZmZlZS0wMS5zdmcnO1xuXG5cdC8qKlxuXHQgKiBCb3R0b20gbGVmdCBiYWNrZ3JvdW5kIGltYWdlIChVUkwpXG5cdCAqL1xuXHRASW5wdXQoKVxuXHRib3R0b21MZWZ0QmFja2dyb3VuZCA9ICdodHRwczovL2Nkbi5sdWNjYS5mci9sdWNjYS1mcm9udC9hc3NldHMvZW1wdHktc3RhdGVzL3BvcGxlZS9idWJibGVzLWJvdHRvbS1sZWZ0LTAxLnN2Zyc7XG5cblx0LyoqXG5cdCAqIEJvdHRvbSBsZWZ0IGZvcmVncm91bmQgaW1hZ2UgKFVSTClcblx0ICovXG5cdEBJbnB1dCgpXG5cdGJvdHRvbUxlZnRGb3JlZ3JvdW5kID0gJ2h0dHBzOi8vY2RuLmx1Y2NhLmZyL2x1Y2NhLWZyb250L2Fzc2V0cy9lbXB0eS1zdGF0ZXMvcG9wbGVlL2NvcmUtaHItMDEuc3ZnJztcblxuXHQvKipcblx0ICogQmFja2dyb3VuZCBjb2xvciBmb3IgY29udGVudCAodGV4dClcblx0ICovXG5cdEBJbnB1dCgpXG5cdGNvbnRlbnRCYWNrZ3JvdW5kQ29sb3IgPSAndmFyKC0tY29tbW9ucy1iYWNrZ3JvdW5kLWJhc2UpJztcblxuXHRASW5wdXQoe1xuXHRcdHJlcXVpcmVkOiB0cnVlLFxuXHR9KVxuXHR0aXRsZTogc3RyaW5nO1xuXG5cdEBJbnB1dCh7XG5cdFx0cmVxdWlyZWQ6IHRydWUsXG5cdH0pXG5cdGRlc2NyaXB0aW9uOiBQb3J0YWxDb250ZW50O1xufVxuIiwiPHNlY3Rpb25cblx0Y2xhc3M9XCJlbXB0eVN0YXRlIG1vZC1wYWdlXCJcblx0W3N0eWxlLi0tY29tcG9uZW50cy1lbXB0eVN0YXRlLWJhY2tncm91bmQtY29sb3JdPVwiY29udGVudEJhY2tncm91bmRDb2xvclwiXG5cdHN0eWxlLi0tY29tcG9uZW50cy1lbXB0eVN0YXRlLWlsbHVzdHJhdGlvbi1iYWNrZ3JvdW5kLWJvdHRvbS1sZWZ0PVwidXJsKHt7Ym90dG9tTGVmdEJhY2tncm91bmR9fSlcIlxuXHRzdHlsZS4tLWNvbXBvbmVudHMtZW1wdHlTdGF0ZS1pbGx1c3RyYXRpb24tZm9yZWdyb3VuZC1ib3R0b20tbGVmdD1cInVybCh7e2JvdHRvbUxlZnRGb3JlZ3JvdW5kfX0pXCJcblx0c3R5bGUuLS1jb21wb25lbnRzLWVtcHR5U3RhdGUtaWxsdXN0cmF0aW9uLWJhY2tncm91bmQtdG9wLXJpZ2h0PVwidXJsKHt7dG9wUmlnaHRCYWNrZ3JvdW5kfX0pXCJcblx0c3R5bGUuLS1jb21wb25lbnRzLWVtcHR5U3RhdGUtaWxsdXN0cmF0aW9uLWZvcmVncm91bmQtdG9wLXJpZ2h0PVwidXJsKHt7dG9wUmlnaHRGb3JlZ3JvdW5kfX0pXCJcbj5cblx0PGRpdiBjbGFzcz1cImVtcHR5U3RhdGUtY29udGFpbmVyXCI+XG5cdFx0PGRpdiBjbGFzcz1cImVtcHR5U3RhdGUtY29udGVudFwiPlxuXHRcdFx0PGRpdiBjbGFzcz1cImVtcHR5U3RhdGUtY29udGVudC1pY29uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgW2lubmVySHRtbF09XCJpY29uIHwgbHVTYWZlRXh0ZXJuYWxTdmdcIj48L2Rpdj5cblx0XHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtdGV4dFwiPlxuXHRcdFx0XHQ8aDEgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtaGVhZGluZ1wiPnt7dGl0bGV9fTwvaDE+XG5cdFx0XHRcdDxwPlxuXHRcdFx0XHRcdDxuZy1jb250YWluZXIgKmx1UG9ydGFsPVwiZGVzY3JpcHRpb25cIj48L25nLWNvbnRhaW5lcj5cblx0XHRcdFx0PC9wPlxuXHRcdFx0XHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1hY3Rpb25zXCI+XG5cdFx0XHRcdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdDwvZGl2PlxuXHRcdDwvZGl2PlxuXHQ8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUtcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS1wYWdlL2VtcHR5LXN0YXRlLXBhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvZW1wdHktc3RhdGUvZW1wdHktc3RhdGUtcGFnZS9lbXB0eS1zdGF0ZS1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQWlCLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQWNyRSxNQUFNLE9BQU8sdUJBQXVCO0lBWnBDO1FBa0JDLFNBQUksR0FBRyxJQUFJLENBQUM7UUFFWjs7V0FFRztRQUVILHVCQUFrQixHQUFHLHNGQUFzRixDQUFDO1FBRTVHOztXQUVHO1FBRUgsdUJBQWtCLEdBQUcsNEVBQTRFLENBQUM7UUFFbEc7O1dBRUc7UUFFSCx5QkFBb0IsR0FBRyx3RkFBd0YsQ0FBQztRQUVoSDs7V0FFRztRQUVILHlCQUFvQixHQUFHLDRFQUE0RSxDQUFDO1FBRXBHOztXQUVHO1FBRUgsMkJBQXNCLEdBQUcsZ0NBQWdDLENBQUM7S0FXMUQ7OEdBL0NZLHVCQUF1QjtrR0FBdkIsdUJBQXVCLHVhQ2pCcEMscWpDQXVCQSx1dEdEZlcsWUFBWSwwQkFBRSxxQkFBcUIsMERBQUUsZUFBZTs7MkZBU2xELHVCQUF1QjtrQkFabkMsU0FBUzsrQkFDQyxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHFCQUFxQixFQUFFLGVBQWUsQ0FBQyxtQkFHOUMsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDTCxLQUFLLEVBQUUsb0JBQW9CO3FCQUMzQjs7UUFLRDs7V0FFRztRQUNILElBQUk7c0JBTEgsS0FBSztnQkFXTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBT04sa0JBQWtCO3NCQURqQixLQUFLO2dCQU9OLG9CQUFvQjtzQkFEbkIsS0FBSztnQkFPTixvQkFBb0I7c0JBRG5CLEtBQUs7Z0JBT04sc0JBQXNCO3NCQURyQixLQUFLO2dCQU1OLEtBQUs7c0JBSEosS0FBSzt1QkFBQzt3QkFDTixRQUFRLEVBQUUsSUFBSTtxQkFDZDtnQkFNRCxXQUFXO3NCQUhWLEtBQUs7dUJBQUM7d0JBQ04sUUFBUSxFQUFFLElBQUk7cUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3J0YWxDb250ZW50LCBQb3J0YWxEaXJlY3RpdmUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvY29yZSc7XG5pbXBvcnQgeyBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvc2FmZS1jb250ZW50JztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtZW1wdHktc3RhdGUtcGFnZScsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEx1U2FmZUV4dGVybmFsU3ZnUGlwZSwgUG9ydGFsRGlyZWN0aXZlXSxcblx0dGVtcGxhdGVVcmw6ICcuL2VtcHR5LXN0YXRlLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybDogJy4vZW1wdHktc3RhdGUtcGFnZS5jb21wb25lbnQuc2NzcycsXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuXHRob3N0OiB7XG5cdFx0Y2xhc3M6ICdlbXB0eVN0YXRlLXdyYXBwZXInLFxuXHR9LFxufSlcbmV4cG9ydCBjbGFzcyBFbXB0eVN0YXRlUGFnZUNvbXBvbmVudCB7XG5cdEBJbnB1dCgpXG5cblx0LyoqXG5cdCAqIEljb24gaW1hZ2UgKFVSTClcblx0ICovXG5cdGljb24gPSBudWxsO1xuXG5cdC8qKlxuXHQgKiBUb3AgcmlnaHQgYmFja2dyb3VuZCBpbWFnZSAoVVJMKVxuXHQgKi9cblx0QElucHV0KClcblx0dG9wUmlnaHRCYWNrZ3JvdW5kID0gJ2h0dHBzOi8vY2RuLmx1Y2NhLmZyL2x1Y2NhLWZyb250L2Fzc2V0cy9lbXB0eS1zdGF0ZXMvcG9wbGVlL2J1YmJsZXMtdG9wLXJpZ2h0LTAxLnN2Zyc7XG5cblx0LyoqXG5cdCAqIFRvcCByaWdodCBmb3JlZ3JvdW5kIGltYWdlIChVUkwpXG5cdCAqL1xuXHRASW5wdXQoKVxuXHR0b3BSaWdodEZvcmVncm91bmQgPSAnaHR0cHM6Ly9jZG4ubHVjY2EuZnIvbHVjY2EtZnJvbnQvYXNzZXRzL2VtcHR5LXN0YXRlcy9nZW5lcmljL2NvZmZlZS0wMS5zdmcnO1xuXG5cdC8qKlxuXHQgKiBCb3R0b20gbGVmdCBiYWNrZ3JvdW5kIGltYWdlIChVUkwpXG5cdCAqL1xuXHRASW5wdXQoKVxuXHRib3R0b21MZWZ0QmFja2dyb3VuZCA9ICdodHRwczovL2Nkbi5sdWNjYS5mci9sdWNjYS1mcm9udC9hc3NldHMvZW1wdHktc3RhdGVzL3BvcGxlZS9idWJibGVzLWJvdHRvbS1sZWZ0LTAxLnN2Zyc7XG5cblx0LyoqXG5cdCAqIEJvdHRvbSBsZWZ0IGZvcmVncm91bmQgaW1hZ2UgKFVSTClcblx0ICovXG5cdEBJbnB1dCgpXG5cdGJvdHRvbUxlZnRGb3JlZ3JvdW5kID0gJ2h0dHBzOi8vY2RuLmx1Y2NhLmZyL2x1Y2NhLWZyb250L2Fzc2V0cy9lbXB0eS1zdGF0ZXMvcG9wbGVlL2NvcmUtaHItMDEuc3ZnJztcblxuXHQvKipcblx0ICogQmFja2dyb3VuZCBjb2xvciBmb3IgY29udGVudCAodGV4dClcblx0ICovXG5cdEBJbnB1dCgpXG5cdGNvbnRlbnRCYWNrZ3JvdW5kQ29sb3IgPSAndmFyKC0tY29tbW9ucy1iYWNrZ3JvdW5kLWJhc2UpJztcblxuXHRASW5wdXQoe1xuXHRcdHJlcXVpcmVkOiB0cnVlLFxuXHR9KVxuXHR0aXRsZTogc3RyaW5nO1xuXG5cdEBJbnB1dCh7XG5cdFx0cmVxdWlyZWQ6IHRydWUsXG5cdH0pXG5cdGRlc2NyaXB0aW9uOiBQb3J0YWxDb250ZW50O1xufVxuIiwiPHNlY3Rpb25cblx0Y2xhc3M9XCJlbXB0eVN0YXRlIG1vZC1wYWdlXCJcblx0W3N0eWxlLi0tY29tcG9uZW50cy1lbXB0eVN0YXRlLWJhY2tncm91bmQtY29sb3JdPVwiY29udGVudEJhY2tncm91bmRDb2xvclwiXG5cdHN0eWxlLi0tY29tcG9uZW50cy1lbXB0eVN0YXRlLWlsbHVzdHJhdGlvbi1iYWNrZ3JvdW5kLWJvdHRvbS1sZWZ0PVwidXJsKHt7Ym90dG9tTGVmdEJhY2tncm91bmR9fSlcIlxuXHRzdHlsZS4tLWNvbXBvbmVudHMtZW1wdHlTdGF0ZS1pbGx1c3RyYXRpb24tZm9yZWdyb3VuZC1ib3R0b20tbGVmdD1cInVybCh7e2JvdHRvbUxlZnRGb3JlZ3JvdW5kfX0pXCJcblx0c3R5bGUuLS1jb21wb25lbnRzLWVtcHR5U3RhdGUtaWxsdXN0cmF0aW9uLWJhY2tncm91bmQtdG9wLXJpZ2h0PVwidXJsKHt7dG9wUmlnaHRCYWNrZ3JvdW5kfX0pXCJcblx0c3R5bGUuLS1jb21wb25lbnRzLWVtcHR5U3RhdGUtaWxsdXN0cmF0aW9uLWZvcmVncm91bmQtdG9wLXJpZ2h0PVwidXJsKHt7dG9wUmlnaHRGb3JlZ3JvdW5kfX0pXCJcbj5cblx0PGRpdiBjbGFzcz1cImVtcHR5U3RhdGUtY29udGFpbmVyXCI+XG5cdFx0PGRpdiBjbGFzcz1cImVtcHR5U3RhdGUtY29udGVudFwiPlxuXHRcdFx0PGRpdiBjbGFzcz1cImVtcHR5U3RhdGUtY29udGVudC1pY29uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgW2lubmVySHRtbF09XCJpY29uIHwgbHVTYWZlRXh0ZXJuYWxTdmdcIj48L2Rpdj5cblx0XHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtdGV4dFwiPlxuXHRcdFx0XHQ8aDEgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtaGVhZGluZ1wiPnt7dGl0bGV9fTwvaDE+XG5cdFx0XHRcdDxwPlxuXHRcdFx0XHRcdDxuZy1jb250YWluZXIgKmx1UG9ydGFsPVwiZGVzY3JpcHRpb25cIj48L25nLWNvbnRhaW5lcj5cblx0XHRcdFx0PC9wPlxuXHRcdFx0XHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1hY3Rpb25zXCI+XG5cdFx0XHRcdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdDwvZGl2PlxuXHRcdDwvZGl2PlxuXHQ8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==

package/esm2022/empty-state/empty-state-section/empty-state-section.component.mjs CHANGED Viewed

@@ -13,11 +13,11 @@ export class EmptyStateSectionComponent {
         this.center = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EmptyStateSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.2", type: EmptyStateSectionComponent, isStandalone: true, selector: "lu-empty-state-section", inputs: { icon: "icon", palette: "palette", center: ["center", "center", booleanAttribute], title: "title", description: "description" }, ngImport: i0, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [style.--components-emptyState-background-color]=\"'var(--colors-white-color)'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div class=\"emptyState-content-icon palette-{{palette}}\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<h3 class=\"emptyState-content-heading\">{{title}}</h3>\n\t\t\t\t<p>\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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(--spacings-S)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-max-width);padding:0;width:100%}.emptyState-content{background-color:var(--components-emptyState-background-color);border-radius:var(--commons-borderRadius-L);box-shadow:0 0 8px 4px var(--components-emptyState-background-color);max-width:100%;padding:var(--spacings-XXS);width:calc(25rem + var(--spacings-XXS) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-primary-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-primary-600))}.emptyState-content-text{padding:0 var(--spacings-XXS)}.emptyState-content-heading{margin-bottom:0}.emptyState-actions{display:flex;flex-wrap:wrap;gap:var(--spacings-XS)}.emptyState-actions .button{margin:0}.emptyState.mod-page{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 (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-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.2", type: EmptyStateSectionComponent, isStandalone: true, selector: "lu-empty-state-section", inputs: { icon: "icon", palette: "palette", center: ["center", "center", booleanAttribute], title: "title", description: "description" }, ngImport: i0, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [style.--components-emptyState-background-color]=\"'var(--colors-white-color)'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div class=\"emptyState-content-icon palette-{{palette}}\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<h3 class=\"emptyState-content-heading\">{{title}}</h3>\n\t\t\t\t<p>\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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(--spacings-S)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-max-width);padding:0;width:100%}.emptyState-content{border-radius:var(--commons-borderRadius-L);max-width:100%;padding:var(--spacings-XXS);width:calc(25rem + var(--spacings-XXS) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-primary-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-primary-600))}.emptyState-content-text{padding:0 var(--spacings-XXS)}.emptyState-content-heading{margin-bottom:0}.emptyState-actions{display:flex;flex-wrap:wrap;gap:var(--spacings-XS)}.emptyState-actions .button{margin:0}.emptyState.mod-page{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 (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-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: EmptyStateSectionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-empty-state-section', standalone: true, imports: [CommonModule, LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [style.--components-emptyState-background-color]=\"'var(--colors-white-color)'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div class=\"emptyState-content-icon palette-{{palette}}\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<h3 class=\"emptyState-content-heading\">{{title}}</h3>\n\t\t\t\t<p>\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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(--spacings-S)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-max-width);padding:0;width:100%}.emptyState-content{background-color:var(--components-emptyState-background-color);border-radius:var(--commons-borderRadius-L);box-shadow:0 0 8px 4px var(--components-emptyState-background-color);max-width:100%;padding:var(--spacings-XXS);width:calc(25rem + var(--spacings-XXS) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-primary-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-primary-600))}.emptyState-content-text{padding:0 var(--spacings-XXS)}.emptyState-content-heading{margin-bottom:0}.emptyState-actions{display:flex;flex-wrap:wrap;gap:var(--spacings-XS)}.emptyState-actions .button{margin:0}.emptyState.mod-page{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 (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-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}\n"] }]
+            args: [{ selector: 'lu-empty-state-section', standalone: true, imports: [CommonModule, LuSafeExternalSvgPipe, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<section class=\"emptyState\" [class.mod-center]=\"center\" [style.--components-emptyState-background-color]=\"'var(--colors-white-color)'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t<div class=\"emptyState-content-icon palette-{{palette}}\" aria-hidden=\"true\" [innerHtml]=\"icon | luSafeExternalSvg\"></div>\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t<h3 class=\"emptyState-content-heading\">{{title}}</h3>\n\t\t\t\t<p>\n\t\t\t\t\t<ng-container *luPortal=\"description\"></ng-container>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n", styles: [".emptyState{--components-container-max-width: 100rem;--components-container-padding: 3.5rem;--components-emptyState-background-color: var(--commons-background-base);--components-emptyState-max-width: var(--components-container-max-width);--components-emptyState-illustration-top-right-offset-left: min(calc(100% + 5rem), calc(var(--components-emptyState-max-width) - 8.5rem));--components-emptyState-illustration-top-right-offset-left-S: min(calc(100% + 3.5rem), calc(var(--components-emptyState-max-width) - 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(--spacings-S)}.emptyState-container{align-items:center;display:flex;flex-grow:1;justify-content:center;max-width:var(--components-emptyState-max-width);padding:0;width:100%}.emptyState-content{border-radius:var(--commons-borderRadius-L);max-width:100%;padding:var(--spacings-XXS);width:calc(25rem + var(--spacings-XXS) * 2)}.emptyState-content-icon{--components-emptyState-icon-background-color: var(--palettes-100, var(--palettes-primary-100));--components-emptyState-icon-action-color: var(--palettes-600, var(--palettes-primary-600))}.emptyState-content-text{padding:0 var(--spacings-XXS)}.emptyState-content-heading{margin-bottom:0}.emptyState-actions{display:flex;flex-wrap:wrap;gap:var(--spacings-XS)}.emptyState-actions .button{margin:0}.emptyState.mod-page{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 (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-center{text-align:center}.emptyState.mod-center .emptyState-actions{justify-content:center}\n"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }], palette: [{
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                         required: true,
                     }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS1zZWN0aW9uL2VtcHR5LXN0YXRlLXNlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvZW1wdHktc3RhdGUvZW1wdHktc3RhdGUtc2VjdGlvbi9lbXB0eS1zdGF0ZS1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRyxPQUFPLEVBQTBCLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQVdyRSxNQUFNLE9BQU8sMEJBQTBCO0lBVHZDO1FBVUM7O1dBRUc7UUFFSCxTQUFJLEdBQUcsNkVBQTZFLENBQUM7UUFHckYsWUFBTyxHQUFZLE1BQU0sQ0FBQztRQUsxQixXQUFNLEdBQUcsS0FBSyxDQUFDO0tBV2Y7OEdBeEJZLDBCQUEwQjtrR0FBMUIsMEJBQTBCLG1JQVcxQixnQkFBZ0IseUVDekI3Qix1c0JBZ0JBLDJtR0RSVyxZQUFZLDBCQUFFLHFCQUFxQiwwREFBRSxlQUFlOzsyRkFNbEQsMEJBQTBCO2tCQVR0QyxTQUFTOytCQUNDLHdCQUF3QixjQUN0QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUscUJBQXFCLEVBQUUsZUFBZSxDQUFDLG1CQUc5Qyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQU9yQyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQU1OLE1BQU07c0JBSEwsS0FBSzt1QkFBQzt3QkFDTixTQUFTLEVBQUUsZ0JBQWdCO3FCQUMzQjtnQkFNRCxLQUFLO3NCQUhKLEtBQUs7dUJBQUM7d0JBQ04sUUFBUSxFQUFFLElBQUk7cUJBQ2Q7Z0JBTUQsV0FBVztzQkFIVixLQUFLO3VCQUFDO3dCQUNOLFFBQVEsRUFBRSxJQUFJO3FCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFsZXR0ZSwgUG9ydGFsQ29udGVudCwgUG9ydGFsRGlyZWN0aXZlIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2NvcmUnO1xuaW1wb3J0IHsgTHVTYWZlRXh0ZXJuYWxTdmdQaXBlIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL3NhZmUtY29udGVudCc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2x1LWVtcHR5LXN0YXRlLXNlY3Rpb24nLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUsIFBvcnRhbERpcmVjdGl2ZV0sXG5cdHRlbXBsYXRlVXJsOiAnLi9lbXB0eS1zdGF0ZS1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmw6ICcuL2VtcHR5LXN0YXRlLXNlY3Rpb24uY29tcG9uZW50LnNjc3MnLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRW1wdHlTdGF0ZVNlY3Rpb25Db21wb25lbnQge1xuXHQvKipcblx0ICogSWNvbiBVUkxcblx0ICovXG5cdEBJbnB1dCgpXG5cdGljb24gPSAnaHR0cHM6Ly9jZG4ubHVjY2EuZnIvbHVjY2EtZnJvbnQvYXNzZXRzL2VtcHR5LXN0YXRlcy9pY29ucy9pY29uQmFua25vdGUuc3ZnJztcblxuXHRASW5wdXQoKVxuXHRwYWxldHRlOiBQYWxldHRlID0gJ25vbmUnO1xuXG5cdEBJbnB1dCh7XG5cdFx0dHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlLFxuXHR9KVxuXHRjZW50ZXIgPSBmYWxzZTtcblxuXHRASW5wdXQoe1xuXHRcdHJlcXVpcmVkOiB0cnVlLFxuXHR9KVxuXHR0aXRsZTogc3RyaW5nO1xuXG5cdEBJbnB1dCh7XG5cdFx0cmVxdWlyZWQ6IHRydWUsXG5cdH0pXG5cdGRlc2NyaXB0aW9uOiBQb3J0YWxDb250ZW50O1xufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJlbXB0eVN0YXRlXCIgW2NsYXNzLm1vZC1jZW50ZXJdPVwiY2VudGVyXCIgW3N0eWxlLi0tY29tcG9uZW50cy1lbXB0eVN0YXRlLWJhY2tncm91bmQtY29sb3JdPVwiJ3ZhcigtLWNvbG9ycy13aGl0ZS1jb2xvciknXCI+XG5cdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRhaW5lclwiPlxuXHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnRcIj5cblx0XHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtaWNvbiBwYWxldHRlLXt7cGFsZXR0ZX19XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgW2lubmVySHRtbF09XCJpY29uIHwgbHVTYWZlRXh0ZXJuYWxTdmdcIj48L2Rpdj5cblx0XHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtdGV4dFwiPlxuXHRcdFx0XHQ8aDMgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtaGVhZGluZ1wiPnt7dGl0bGV9fTwvaDM+XG5cdFx0XHRcdDxwPlxuXHRcdFx0XHRcdDxuZy1jb250YWluZXIgKmx1UG9ydGFsPVwiZGVzY3JpcHRpb25cIj48L25nLWNvbnRhaW5lcj5cblx0XHRcdFx0PC9wPlxuXHRcdFx0XHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1hY3Rpb25zXCI+XG5cdFx0XHRcdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdDwvZGl2PlxuXHRcdDwvZGl2PlxuXHQ8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS1zZWN0aW9uL2VtcHR5LXN0YXRlLXNlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvZW1wdHktc3RhdGUvZW1wdHktc3RhdGUtc2VjdGlvbi9lbXB0eS1zdGF0ZS1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRyxPQUFPLEVBQTBCLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQVdyRSxNQUFNLE9BQU8sMEJBQTBCO0lBVHZDO1FBVUM7O1dBRUc7UUFFSCxTQUFJLEdBQUcsNkVBQTZFLENBQUM7UUFHckYsWUFBTyxHQUFZLE1BQU0sQ0FBQztRQUsxQixXQUFNLEdBQUcsS0FBSyxDQUFDO0tBV2Y7OEdBeEJZLDBCQUEwQjtrR0FBMUIsMEJBQTBCLG1JQVcxQixnQkFBZ0IseUVDekI3Qix1c0JBZ0JBLG9wR0RSVyxZQUFZLDBCQUFFLHFCQUFxQiwwREFBRSxlQUFlOzsyRkFNbEQsMEJBQTBCO2tCQVR0QyxTQUFTOytCQUNDLHdCQUF3QixjQUN0QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUscUJBQXFCLEVBQUUsZUFBZSxDQUFDLG1CQUc5Qyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQU9yQyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQU1OLE1BQU07c0JBSEwsS0FBSzt1QkFBQzt3QkFDTixTQUFTLEVBQUUsZ0JBQWdCO3FCQUMzQjtnQkFNRCxLQUFLO3NCQUhKLEtBQUs7dUJBQUM7d0JBQ04sUUFBUSxFQUFFLElBQUk7cUJBQ2Q7Z0JBTUQsV0FBVztzQkFIVixLQUFLO3VCQUFDO3dCQUNOLFFBQVEsRUFBRSxJQUFJO3FCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFsZXR0ZSwgUG9ydGFsQ29udGVudCwgUG9ydGFsRGlyZWN0aXZlIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2NvcmUnO1xuaW1wb3J0IHsgTHVTYWZlRXh0ZXJuYWxTdmdQaXBlIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL3NhZmUtY29udGVudCc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2x1LWVtcHR5LXN0YXRlLXNlY3Rpb24nLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBMdVNhZmVFeHRlcm5hbFN2Z1BpcGUsIFBvcnRhbERpcmVjdGl2ZV0sXG5cdHRlbXBsYXRlVXJsOiAnLi9lbXB0eS1zdGF0ZS1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmw6ICcuL2VtcHR5LXN0YXRlLXNlY3Rpb24uY29tcG9uZW50LnNjc3MnLFxuXHRjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcblx0ZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRW1wdHlTdGF0ZVNlY3Rpb25Db21wb25lbnQge1xuXHQvKipcblx0ICogSWNvbiBVUkxcblx0ICovXG5cdEBJbnB1dCgpXG5cdGljb24gPSAnaHR0cHM6Ly9jZG4ubHVjY2EuZnIvbHVjY2EtZnJvbnQvYXNzZXRzL2VtcHR5LXN0YXRlcy9pY29ucy9pY29uQmFua25vdGUuc3ZnJztcblxuXHRASW5wdXQoKVxuXHRwYWxldHRlOiBQYWxldHRlID0gJ25vbmUnO1xuXG5cdEBJbnB1dCh7XG5cdFx0dHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlLFxuXHR9KVxuXHRjZW50ZXIgPSBmYWxzZTtcblxuXHRASW5wdXQoe1xuXHRcdHJlcXVpcmVkOiB0cnVlLFxuXHR9KVxuXHR0aXRsZTogc3RyaW5nO1xuXG5cdEBJbnB1dCh7XG5cdFx0cmVxdWlyZWQ6IHRydWUsXG5cdH0pXG5cdGRlc2NyaXB0aW9uOiBQb3J0YWxDb250ZW50O1xufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJlbXB0eVN0YXRlXCIgW2NsYXNzLm1vZC1jZW50ZXJdPVwiY2VudGVyXCIgW3N0eWxlLi0tY29tcG9uZW50cy1lbXB0eVN0YXRlLWJhY2tncm91bmQtY29sb3JdPVwiJ3ZhcigtLWNvbG9ycy13aGl0ZS1jb2xvciknXCI+XG5cdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRhaW5lclwiPlxuXHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnRcIj5cblx0XHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtaWNvbiBwYWxldHRlLXt7cGFsZXR0ZX19XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgW2lubmVySHRtbF09XCJpY29uIHwgbHVTYWZlRXh0ZXJuYWxTdmdcIj48L2Rpdj5cblx0XHRcdDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtdGV4dFwiPlxuXHRcdFx0XHQ8aDMgY2xhc3M9XCJlbXB0eVN0YXRlLWNvbnRlbnQtaGVhZGluZ1wiPnt7dGl0bGV9fTwvaDM+XG5cdFx0XHRcdDxwPlxuXHRcdFx0XHRcdDxuZy1jb250YWluZXIgKmx1UG9ydGFsPVwiZGVzY3JpcHRpb25cIj48L25nLWNvbnRhaW5lcj5cblx0XHRcdFx0PC9wPlxuXHRcdFx0XHQ8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZS1hY3Rpb25zXCI+XG5cdFx0XHRcdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdDwvZGl2PlxuXHRcdDwvZGl2PlxuXHQ8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==