npm - @lucca-front/ng - Versions diffs - 22.0.0 → 22.0.1-rc.2 - Mend

@lucca-front/ng 22.0.0 → 22.0.1-rc.2

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 (217) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"lucca-front-ng-empty-state.mjs","sources":["../../../packages/ng/empty-state/empty-state-page-illustration/empty-state-page-illustration.component.ts","../../../packages/ng/empty-state/empty-state-page-illustration/empty-state-page-illustration.component.html","../../../packages/ng/empty-state/empty-state-page/empty-state-page.component.ts","../../../packages/ng/empty-state/empty-state-page/empty-state-page.component.html","../../../packages/ng/empty-state/empty-state.type.ts","../../../packages/ng/empty-state/empty-state-section/empty-state-section.component.ts","../../../packages/ng/empty-state/empty-state-section/empty-state-section.component.html","../../../packages/ng/empty-state/lucca-front-ng-empty-state.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-empty-state-page-illustration',\n\ttemplateUrl: './empty-state-page-illustration.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'pr-u-displayFlex',\n\t},\n})\nexport class EmptyStatePageIllustration {\n\treadonly src = input<string \| null>(null);\n\treadonly alt = input<string \| null>('');\n}\n","<img class=\"emptyState-illustration-img\" [attr.src]=\"src()\" [attr.alt]=\"alt()\" />\n","import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from '@angular/core';\nimport { luNumberAttribute, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { LU_MAIN_LAYOUT_INSTANCE } from '@lucca-front/ng/main-layout';\nimport { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';\nimport { Hx, HxStyle } from '../empty-state.type';\n\nconst DEFAULT_TOP_RIGHT_BACKGROUND = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg';\nconst DEFAULT_TOP_RIGHT_FOREGROUND = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg';\nconst DEFAULT_BOTTOM_LEFT_BACKGROUND = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg';\nconst DEFAULT_BOTTOM_LEFT_FOREGROUND = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg';\n\n@Component({\n\tselector: 'lu-empty-state-page',\n\timports: [PortalDirective, LuSafeExternalSvgPipe],\n\ttemplateUrl: './empty-state-page.component.html',\n\tstyleUrl: './empty-state-page.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'emptyState-wrapper',\n\t},\n})\nexport class EmptyStatePageComponent {\n\treadonly #mainLayout = inject(LU_MAIN_LAYOUT_INSTANCE, { optional: true });\n\n\t/*\n\t Icon image (URL)\n\t /\n\treadonly icon = input<string \| null>(null);\n\n\t/\n\t Top right background image (URL). Defaults to none if unset and nested in a lu-main-layout\n\t * that already displays an illustration in that corner (illustrationStartEnd).\n\t /\n\treadonly topRightBackground = input<string \| null>();\n\n\t/\n\t Top right foreground image (URL). Defaults to none if unset and nested in a lu-main-layout\n\t * that already displays an illustration in that corner (illustrationStartEnd).\n\t /\n\treadonly topRightForeground = input<string \| null>();\n\n\t/\n\t Bottom left background image (URL). Defaults to none if unset and nested in a lu-main-layout\n\t * that already displays an illustration in that corner (illustrationEndStart).\n\t /\n\treadonly bottomLeftBackground = input<string \| null>();\n\n\t/\n\t Bottom left foreground image (URL). Defaults to none if unset and nested in a lu-main-layout\n\t * that already displays an illustration in that corner (illustrationEndStart).\n\t /\n\treadonly bottomLeftForeground = input<string \| null>();\n\n\treadonly resolvedTopRightBackground = computed(() => this.#resolveIllustration(this.topRightBackground(), DEFAULT_TOP_RIGHT_BACKGROUND, this.#mainLayout?.bubblesIllustrationStartEnd()));\n\treadonly resolvedBottomLeftBackground = computed(() => this.#resolveIllustration(this.bottomLeftBackground(), DEFAULT_BOTTOM_LEFT_BACKGROUND, this.#mainLayout?.bubblesIllustrationEndStart()));\n\n\treadonly resolvedTopRightForeground = computed(() => this.#resolveIllustration(this.topRightForeground(), DEFAULT_TOP_RIGHT_FOREGROUND, this.#mainLayout?.illustrationStartEndUrl()));\n\treadonly resolvedBottomLeftForeground = computed(() => this.#resolveIllustration(this.bottomLeftForeground(), DEFAULT_BOTTOM_LEFT_FOREGROUND, this.#mainLayout?.illustrationEndStartUrl()));\n\n\t#resolveIllustration(explicitValue: string \| null \| undefined, defaultValue: string, conflictingMainLayoutIllustration: string \| number \| null \| undefined): string \| null {\n\t\tif (explicitValue !== undefined) {\n\t\t\treturn explicitValue;\n\t\t}\n\t\treturn conflictingMainLayoutIllustration ? null : defaultValue;\n\t}\n\n\t/\n\t Background color for content (text)\n\t /\n\treadonly contentBackgroundColor = input<string>('var(--pr-t-elevation-surface-default)');\n\n\t/\n\t Add content above heading\n\t /\n\treadonly slotTop = input<PortalContent>();\n\n\t/\n\t Add illustration beside content\n\t /\n\treadonly illustration = input<PortalContent>();\n\n\treadonly heading = input<string>();\n\n\treadonly description = input<PortalContent>();\n\n\treadonly hx = input(1, { transform: luNumberAttribute<Hx> });\n\n\treadonly hxStyle = input(1, { transform: luNumberAttribute<HxStyle> });\n\n\tpublic isStringPortalContent(message: PortalContent): message is string {\n\t\treturn typeof message === 'string';\n\t}\n}\n","<section\n\tclass=\"emptyState mod-page\"\n\t[class.mod-headingStyleH2]=\"hxStyle() === 2\"\n\t[attr.role]=\"heading() ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor()\"\n\t[style.--components-emptyState-illustration-background-bottom-left]=\"\n\t\tresolvedBottomLeftBackground() ? `url(${resolvedBottomLeftBackground()})` : 'none'\n\t\"\n\t[style.--components-emptyState-illustration-foreground-bottom-left]=\"\n\t\tresolvedBottomLeftForeground() ? `url(${resolvedBottomLeftForeground()})` : 'none'\n\t\"\n\t[style.--components-emptyState-illustration-background-top-right]=\"\n\t\tresolvedTopRightBackground() ? `url(${resolvedTopRightBackground()})` : 'none'\n\t\"\n\t[style.--components-emptyState-illustration-foreground-top-right]=\"\n\t\tresolvedTopRightForeground() ? `url(${resolvedTopRightForeground()})` : 'none'\n\t\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon(); as icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon \| luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (slotTop(); as slotTop) {\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<ng-container luPortal=\"slotTop\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (heading()) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx()\" class=\"emptyState-content-heading\">{{ heading() }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description(); as description) {\n\t\t\t\t\t@if (isStringPortalContent(description)) {\n\t\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container luPortal=\"description\" />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<div class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container luPortal=\"description\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t@if (illustration(); as illustration) {\n\t\t\t<div class=\"emptyState-illustration\"><ng-container luPortal=\"illustration\" /></div>\n\t\t}\n\t</div>\n</section>\n","import { BubbleIllustration } from '@lucca-front/ng/bubble-illustration';\n\n/\n Available EmptyState Types\n /\n\nexport const EMPTY_STATE_HX = [1, 2, 3, 4, 5, 6] as const;\nexport type Hx = (typeof EMPTY_STATE_HX)[number];\n\nexport const EMPTY_STATE_HX_STYLE = [1, 2] as const;\nexport type HxStyle = (typeof EMPTY_STATE_HX_STYLE)[number];\n\nexport const ICON_TO_ILLUSTRATION: Record<string, BubbleIllustration> = {\n\tBanknote: 'banknote',\n\tBell: 'bell',\n\tBulb: 'bulb',\n\tCalendar: 'calendar',\n\tChat: 'chat',\n\tClock: 'clock',\n\tCoffee: 'coffee',\n\tCreditCard: 'paymentCards',\n\tFolder: 'folder',\n\tGift: 'gift',\n\tGraduate: 'graduate',\n\tIDCard: 'polaroid',\n\tLock: 'lock',\n\tMail: 'mail',\n\tMegaphone: 'megaphone',\n\tPaint: 'paint',\n\tPaper: 'invoice',\n\tParty: 'party',\n\tPicture: 'picture',\n\tPoc: 'banknote',\n\tRocket: 'rocket',\n\tSearch: 'magnifyingGlass',\n\tTemperature: 'temperature',\n\tThumb: 'thumbUp',\n\tWarning: 'warning',\n};\n","import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { BubbleIllustration, BubbleIllustrationComponent } from '@lucca-front/ng/bubble-illustration';\nimport { luBooleanAttribute, luNumberAttribute, Palette, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { Hx, ICON_TO_ILLUSTRATION } from '../empty-state.type';\n\n@Component({\n\tselector: 'lu-empty-state-section',\n\timports: [PortalDirective, BubbleIllustrationComponent],\n\ttemplateUrl: './empty-state-section.component.html',\n\tstyleUrl: './empty-state-section.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class EmptyStateSectionComponent {\n\t/* @deprecated use illustration and action /\n\treadonly icon = input<string \| null>(null);\n\treadonly actionIllustration = computed(() => this.action() \|\| (this.icon()?.includes('Action.svg') ?? false));\n\n\treadonly illustration = input<BubbleIllustration \| string \| null>(null);\n\treadonly action = input(false, { transform: luBooleanAttribute });\n\n\treadonly iconOrIllustration = computed(() => {\n\t\tconst icon = this.icon();\n\t\tif (icon) {\n\t\t\tif (icon.includes('Success')) {\n\t\t\t\treturn 'thumbUp';\n\t\t\t}\n\t\t\tif (icon.includes('Error')) {\n\t\t\t\treturn 'error';\n\t\t\t}\n\t\t\tconst iconName = icon.split('/').pop()?.replace('.svg', '').replace('ActionError', '').replace('ActionSuccess', '').replace('Action', '').replace('icon', '') ?? '';\n\n\t\t\treturn ICON_TO_ILLUSTRATION[iconName];\n\t\t}\n\n\t\treturn this.illustration();\n\t});\n\n\t/\n\t Which palette should be used for the empty state section.\n\t * Defaults to none (inherits parent palette)\n\t /\n\treadonly palette = input<Palette>('none');\n\n\treadonly center = input(false, { transform: luBooleanAttribute });\n\n\t/\n\t The title of the empty state section\n\t /\n\treadonly heading = input<string>();\n\n\t/\n\t The description of the empty state section\n\t /\n\treadonly description = input<PortalContent>();\n\n\t/\n\t Define the aria level of the title\n\t /\n\treadonly hx = input(3, { transform: luNumberAttribute<Hx> });\n\n\treadonly emptyStateClasses = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }));\n\n\tpublic isStringPortalContent(message: PortalContent): message is string {\n\t\treturn typeof message === 'string';\n\t}\n}\n","<section class=\"emptyState\" [class.mod-center]=\"center()\" [attr.role]=\"heading() ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (iconOrIllustration(); as iconOrIllustration) {\n\t\t\t\t<div class=\"emptyState-content-icon\">\n\t\t\t\t\t<lu-bubble-illustration [action]=\"actionIllustration()\" [illustration]=\"iconOrIllustration\" size=\"L\" [palette]=\"palette()\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (heading()) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx()\" class=\"emptyState-content-heading\">{{ heading() }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description(); as description) {\n\t\t\t\t\t@if (isStringPortalContent(description)) {\n\t\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container luPortal=\"description\" />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<div class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container luPortal=\"description\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"lucca-front-ng-empty-state.mjs","sources":["../../../packages/ng/empty-state/empty-state-page-illustration/empty-state-page-illustration.component.ts","../../../packages/ng/empty-state/empty-state-page-illustration/empty-state-page-illustration.component.html","../../../packages/ng/empty-state/empty-state-page/empty-state-page.component.ts","../../../packages/ng/empty-state/empty-state-page/empty-state-page.component.html","../../../packages/ng/empty-state/empty-state.type.ts","../../../packages/ng/empty-state/empty-state-section/empty-state-section.component.ts","../../../packages/ng/empty-state/empty-state-section/empty-state-section.component.html","../../../packages/ng/empty-state/lucca-front-ng-empty-state.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-empty-state-page-illustration',\n\ttemplateUrl: './empty-state-page-illustration.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'pr-u-displayFlex',\n\t},\n})\nexport class EmptyStatePageIllustration {\n\treadonly src = input<string \| null>(null);\n\treadonly alt = input<string \| null>('');\n}\n","<img class=\"emptyState-illustration-img\" [attr.src]=\"src()\" [attr.alt]=\"alt()\" />\n","import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from '@angular/core';\nimport { luNumberAttribute, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { LU_MAIN_LAYOUT_INSTANCE } from '@lucca-front/ng/main-layout';\nimport { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';\nimport { Hx, HxStyle } from '../empty-state.type';\n\nconst DEFAULT_TOP_RIGHT_BACKGROUND = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-top-right-01.svg';\nconst DEFAULT_TOP_RIGHT_FOREGROUND = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/generic/coffee-01.svg';\nconst DEFAULT_BOTTOM_LEFT_BACKGROUND = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/bubbles-bottom-left-01.svg';\nconst DEFAULT_BOTTOM_LEFT_FOREGROUND = 'https://cdn.lucca.fr/lucca-front/assets/empty-states/poplee/core-hr-01.svg';\n\n@Component({\n\tselector: 'lu-empty-state-page',\n\timports: [PortalDirective, LuSafeExternalSvgPipe],\n\ttemplateUrl: './empty-state-page.component.html',\n\tstyleUrl: './empty-state-page.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'emptyState-wrapper',\n\t},\n})\nexport class EmptyStatePageComponent {\n\treadonly #mainLayout = inject(LU_MAIN_LAYOUT_INSTANCE, { optional: true });\n\n\t/*\n\t Icon image (URL)\n\t /\n\treadonly icon = input<string \| null>(null);\n\n\t/\n\t Top right background image (URL). Defaults to none if unset and nested in a lu-main-layout\n\t * that already displays an illustration in that corner (illustrationStartEnd).\n\t /\n\treadonly topRightBackground = input<string \| null>();\n\n\t/\n\t Top right foreground image (URL). Defaults to none if unset and nested in a lu-main-layout\n\t * that already displays an illustration in that corner (illustrationStartEnd).\n\t /\n\treadonly topRightForeground = input<string \| null>();\n\n\t/\n\t Bottom left background image (URL). Defaults to none if unset and nested in a lu-main-layout\n\t * that already displays an illustration in that corner (illustrationEndStart).\n\t /\n\treadonly bottomLeftBackground = input<string \| null>();\n\n\t/\n\t Bottom left foreground image (URL). Defaults to none if unset and nested in a lu-main-layout\n\t * that already displays an illustration in that corner (illustrationEndStart).\n\t /\n\treadonly bottomLeftForeground = input<string \| null>();\n\n\treadonly resolvedTopRightBackground = computed(() => this.#resolveIllustration(this.topRightBackground(), DEFAULT_TOP_RIGHT_BACKGROUND, this.#mainLayout?.bubblesIllustrationStartEnd()));\n\treadonly resolvedBottomLeftBackground = computed(() => this.#resolveIllustration(this.bottomLeftBackground(), DEFAULT_BOTTOM_LEFT_BACKGROUND, this.#mainLayout?.bubblesIllustrationEndStart()));\n\n\treadonly resolvedTopRightForeground = computed(() => this.#resolveIllustration(this.topRightForeground(), DEFAULT_TOP_RIGHT_FOREGROUND, this.#mainLayout?.illustrationStartEndUrl()));\n\treadonly resolvedBottomLeftForeground = computed(() => this.#resolveIllustration(this.bottomLeftForeground(), DEFAULT_BOTTOM_LEFT_FOREGROUND, this.#mainLayout?.illustrationEndStartUrl()));\n\n\t#resolveIllustration(explicitValue: string \| null \| undefined, defaultValue: string, conflictingMainLayoutIllustration: string \| number \| null \| undefined): string \| null {\n\t\tif (explicitValue !== undefined) {\n\t\t\treturn explicitValue;\n\t\t}\n\t\treturn conflictingMainLayoutIllustration ? null : defaultValue;\n\t}\n\n\t/\n\t Background color for content (text)\n\t /\n\treadonly contentBackgroundColor = input<string>('var(--pr-t-elevation-surface-default)');\n\n\t/\n\t Add content above heading\n\t /\n\treadonly slotTop = input<PortalContent>();\n\n\t/\n\t Add illustration beside content\n\t /\n\treadonly illustration = input<PortalContent>();\n\n\treadonly heading = input<string>();\n\n\treadonly description = input<PortalContent>();\n\n\treadonly hx = input(1, { transform: luNumberAttribute<Hx> });\n\n\treadonly hxStyle = input(1, { transform: luNumberAttribute<HxStyle> });\n\n\tpublic isStringPortalContent(message: PortalContent): message is string {\n\t\treturn typeof message === 'string';\n\t}\n}\n","<section\n\tclass=\"emptyState mod-page\"\n\t[class.mod-headingStyleH2]=\"hxStyle() === 2\"\n\t[attr.role]=\"heading() ? null : 'presentation'\"\n\t[style.--components-emptyState-background-color]=\"contentBackgroundColor()\"\n\t[style.--components-emptyState-illustration-background-bottom-left]=\"\n\t\tresolvedBottomLeftBackground() ? `url(${resolvedBottomLeftBackground()})` : 'none'\n\t\"\n\t[style.--components-emptyState-illustration-foreground-bottom-left]=\"\n\t\tresolvedBottomLeftForeground() ? `url(${resolvedBottomLeftForeground()})` : 'none'\n\t\"\n\t[style.--components-emptyState-illustration-background-top-right]=\"\n\t\tresolvedTopRightBackground() ? `url(${resolvedTopRightBackground()})` : 'none'\n\t\"\n\t[style.--components-emptyState-illustration-foreground-top-right]=\"\n\t\tresolvedTopRightForeground() ? `url(${resolvedTopRightForeground()})` : 'none'\n\t\"\n>\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (icon(); as icon) {\n\t\t\t\t<div class=\"emptyState-content-icon\" aria-hidden=\"true\" [innerHtml]=\"icon \| luSafeExternalSvg\"></div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (slotTop(); as slotTop) {\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<ng-container luPortal=\"slotTop\" />\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (heading()) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx()\" class=\"emptyState-content-heading\">{{ heading() }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description(); as description) {\n\t\t\t\t\t@if (isStringPortalContent(description)) {\n\t\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container luPortal=\"description\" />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<div class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container luPortal=\"description\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t@if (illustration(); as illustration) {\n\t\t\t<div class=\"emptyState-illustration\"><ng-container luPortal=\"illustration\" /></div>\n\t\t}\n\t</div>\n</section>\n","import { BubbleIllustration } from '@lucca-front/ng/bubble-illustration';\n\n/\n Available EmptyState Types\n /\n\nexport const EMPTY_STATE_HX = [1, 2, 3, 4, 5, 6] as const;\nexport type Hx = (typeof EMPTY_STATE_HX)[number];\n\nexport const EMPTY_STATE_HX_STYLE = [1, 2] as const;\nexport type HxStyle = (typeof EMPTY_STATE_HX_STYLE)[number];\n\nexport const ICON_TO_ILLUSTRATION: Record<string, BubbleIllustration> = {\n\tBanknote: 'banknote',\n\tBell: 'bell',\n\tBulb: 'bulb',\n\tCalendar: 'calendar',\n\tChat: 'chat',\n\tClock: 'clock',\n\tCoffee: 'coffee',\n\tCreditCard: 'paymentCards',\n\tFolder: 'folder',\n\tGift: 'gift',\n\tGraduate: 'graduate',\n\tIDCard: 'polaroid',\n\tLock: 'lock',\n\tMail: 'mail',\n\tMegaphone: 'megaphone',\n\tPaint: 'paint',\n\tPaper: 'invoice',\n\tParty: 'party',\n\tPicture: 'picture',\n\tPoc: 'banknote',\n\tRocket: 'rocket',\n\tSearch: 'magnifyingGlass',\n\tTemperature: 'temperature',\n\tThumb: 'thumbUp',\n\tWarning: 'warning',\n};\n","import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { BubbleIllustration, BubbleIllustrationComponent } from '@lucca-front/ng/bubble-illustration';\nimport { luBooleanAttribute, luNumberAttribute, Palette, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { Hx, ICON_TO_ILLUSTRATION } from '../empty-state.type';\n\n@Component({\n\tselector: 'lu-empty-state-section',\n\timports: [PortalDirective, BubbleIllustrationComponent],\n\ttemplateUrl: './empty-state-section.component.html',\n\tstyleUrl: './empty-state-section.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class EmptyStateSectionComponent {\n\t/* @deprecated use illustration and action /\n\treadonly icon = input<string \| null>(null);\n\treadonly actionIllustration = computed(() => this.action() \|\| (this.icon()?.includes('Action.svg') ?? false));\n\n\treadonly illustration = input<BubbleIllustration \| string \| null>(null);\n\treadonly action = input(false, { transform: luBooleanAttribute });\n\n\treadonly iconOrIllustration = computed(() => {\n\t\tconst icon = this.icon();\n\t\tif (icon) {\n\t\t\tif (icon.includes('Success')) {\n\t\t\t\treturn 'thumbUp';\n\t\t\t}\n\t\t\tif (icon.includes('Error')) {\n\t\t\t\treturn 'error';\n\t\t\t}\n\t\t\tconst iconName = icon.split('/').pop()?.replace('.svg', '').replace('ActionError', '').replace('ActionSuccess', '').replace('Action', '').replace('icon', '') ?? '';\n\n\t\t\treturn ICON_TO_ILLUSTRATION[iconName];\n\t\t}\n\n\t\treturn this.illustration();\n\t});\n\n\t/\n\t Which palette should be used for the empty state section.\n\t * Defaults to none (inherits parent palette)\n\t /\n\treadonly palette = input<Palette>('none');\n\n\treadonly center = input(false, { transform: luBooleanAttribute });\n\n\t/\n\t The title of the empty state section\n\t /\n\treadonly heading = input<string>();\n\n\t/\n\t The description of the empty state section\n\t /\n\treadonly description = input<PortalContent>();\n\n\t/\n\t Define the aria level of the title\n\t /\n\treadonly hx = input(3, { transform: luNumberAttribute<Hx> });\n\n\treadonly emptyStateClasses = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }));\n\n\tpublic isStringPortalContent(message: PortalContent): message is string {\n\t\treturn typeof message === 'string';\n\t}\n}\n","<section class=\"emptyState\" [class.mod-center]=\"center()\" [attr.role]=\"heading() ? null : 'presentation'\">\n\t<div class=\"emptyState-container\">\n\t\t<div class=\"emptyState-content\">\n\t\t\t@if (iconOrIllustration(); as iconOrIllustration) {\n\t\t\t\t<div class=\"emptyState-content-icon\">\n\t\t\t\t\t<lu-bubble-illustration [action]=\"actionIllustration()\" [illustration]=\"iconOrIllustration\" size=\"L\" [palette]=\"palette()\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div class=\"emptyState-content-text\">\n\t\t\t\t@if (heading()) {\n\t\t\t\t\t<div role=\"heading\" [attr.aria-level]=\"hx()\" class=\"emptyState-content-heading\">{{ heading() }}</div>\n\t\t\t\t}\n\t\t\t\t@if (description(); as description) {\n\t\t\t\t\t@if (isStringPortalContent(description)) {\n\t\t\t\t\t\t<p class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container luPortal=\"description\" />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<div class=\"emptyState-content-description\">\n\t\t\t\t\t\t\t<ng-container luPortal=\"description\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t<div class=\"emptyState-actions\">\n\t\t\t\t\t<ng-content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

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

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

package/fesm2022/lucca-front-ng-error-page.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lucca-front-ng-error-page.mjs","sources":["../../../packages/ng/error-page/error-page.component.ts","../../../packages/ng/error-page/error-page.component.html","../../../packages/ng/error-page/error-page.model.ts","../../../packages/ng/error-page/lucca-front-ng-error-page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { TextFlowComponent } from '@lucca-front/ng/text-flow';\nimport { ErrorPageIllustration } from './error-page.model';\n\n@Component({\n\tselector: 'lu-error-page',\n\ttemplateUrl: './error-page.component.html',\n\tstyleUrl: './error-page.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [TextFlowComponent],\n\thost: {\n\t\tclass: 'errorPage',\n\t},\n})\nexport class ErrorPageComponent {\n\treadonly heading = input.required<string>();\n\treadonly illustration = input.required<ErrorPageIllustration>();\n\n\treadonly illustrationSrc = computed(() => {\n\t\treturn `https://cdn.lucca.fr/assets/lucca/errors/${this.illustration()}.svg`;\n\t});\n}\n","<section class=\"errorPage-section\">\n\t<div class=\"errorPage-section-info\">\n\t\t<h1 class=\"errorPage-section-info-title\">{{ heading() }}</h1>\n\t\t<lu-text-flow>\n\t\t\t<ng-content />\n\t\t</lu-text-flow>\n\t</div>\n\t<img class=\"errorPage-section-image\" [src]=\"illustrationSrc()\" width=\"600\" height=\"400\" alt=\"\" />\n</section>\n","/*\n Available ErrorPageComponent Types\n /\n\nexport const ERROR_PAGE_ILLUSTRATION = ['400', '403', '404', '429', '500', 'keyboard', 'lock', 'map'] as const;\nexport type ErrorPageIllustration = (typeof ERROR_PAGE_ILLUSTRATION)[number];\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;MAea,kBAAkB,CAAA;AAX/B,IAAA,WAAA,GAAA;QAYU,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ;oFAAU;QAClC,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,QAAQ;yFAAyB;AAEtD,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACxC,YAAA,OAAO,4CAA4C,IAAI,CAAC,YAAY,EAAE,MAAM;QAC7E,CAAC;4FAAC;AACF,IAAA;8GAPY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECf/B,4VASA,EAAA,MAAA,EAAA,CAAA,myDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDCW,iBAAiB,EAAA,QAAA,EAAA,cAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAKf,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,iBAAiB,CAAC,EAAA,IAAA,EACtB;AACL,wBAAA,KAAK,EAAE,WAAW;AAClB,qBAAA,EAAA,QAAA,EAAA,4VAAA,EAAA,MAAA,EAAA,CAAA,myDAAA,CAAA,EAAA;;;AEbF;;AAEG;MAEU,uBAAuB,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK;;ACJpG;;AAEG~~;;;;~~"}
1	+ {"version":3,"file":"lucca-front-ng-error-page.mjs","sources":["../../../packages/ng/error-page/error-page.component.ts","../../../packages/ng/error-page/error-page.component.html","../../../packages/ng/error-page/error-page.model.ts","../../../packages/ng/error-page/lucca-front-ng-error-page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { TextFlowComponent } from '@lucca-front/ng/text-flow';\nimport { ErrorPageIllustration } from './error-page.model';\n\n@Component({\n\tselector: 'lu-error-page',\n\ttemplateUrl: './error-page.component.html',\n\tstyleUrl: './error-page.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [TextFlowComponent],\n\thost: {\n\t\tclass: 'errorPage',\n\t},\n})\nexport class ErrorPageComponent {\n\treadonly heading = input.required<string>();\n\treadonly illustration = input.required<ErrorPageIllustration>();\n\n\treadonly illustrationSrc = computed(() => {\n\t\treturn `https://cdn.lucca.fr/assets/lucca/errors/${this.illustration()}.svg`;\n\t});\n}\n","<section class=\"errorPage-section\">\n\t<div class=\"errorPage-section-info\">\n\t\t<h1 class=\"errorPage-section-info-title\">{{ heading() }}</h1>\n\t\t<lu-text-flow>\n\t\t\t<ng-content />\n\t\t</lu-text-flow>\n\t</div>\n\t<img class=\"errorPage-section-image\" [src]=\"illustrationSrc()\" width=\"600\" height=\"400\" alt=\"\" />\n</section>\n","/*\n Available ErrorPageComponent Types\n /\n\nexport const ERROR_PAGE_ILLUSTRATION = ['400', '403', '404', '429', '500', 'keyboard', 'lock', 'map'] as const;\nexport type ErrorPageIllustration = (typeof ERROR_PAGE_ILLUSTRATION)[number];\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;MAea,kBAAkB,CAAA;AAX/B,IAAA,WAAA,GAAA;QAYU,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ;oFAAU;QAClC,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,QAAQ;yFAAyB;AAEtD,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACxC,YAAA,OAAO,4CAA4C,IAAI,CAAC,YAAY,EAAE,MAAM;QAC7E,CAAC;4FAAC;AACF,IAAA;8GAPY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECf/B,4VASA,EAAA,MAAA,EAAA,CAAA,myDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDCW,iBAAiB,EAAA,QAAA,EAAA,cAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAKf,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,iBAAiB,CAAC,EAAA,IAAA,EACtB;AACL,wBAAA,KAAK,EAAE,WAAW;AAClB,qBAAA,EAAA,QAAA,EAAA,4VAAA,EAAA,MAAA,EAAA,CAAA,myDAAA,CAAA,EAAA;;;AEbF;;AAEG;MAEU,uBAAuB,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK;;ACJpG;;AAEG;;"}

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

@@ -35,8 +35,8 @@ class LuForLegalUnitsDirective extends LuForGroupsDirective {
         });
         return groups;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuForLegalUnitsDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: LuForLegalUnitsDirective, isStandalone: true, selector: "[luForLegalUnits]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuForLegalUnitsDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: LuForLegalUnitsDirective, isStandalone: true, selector: "[luForLegalUnits]", providers: [
             {
                 provide: ALuOptionOperator,
                 useExisting: forwardRef(() => LuForLegalUnitsDirective),
@@ -44,7 +44,7 @@ class LuForLegalUnitsDirective extends LuForGroupsDirective {
             },
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuForLegalUnitsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuForLegalUnitsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luForLegalUnits]',
@@ -87,10 +87,10 @@ class LuEstablishmentService extends LuApiV4Service {
         this._appInstanceId = null;
         this._operations = [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
@@ -123,10 +123,10 @@ class LuLegalUnitService extends LuApiV4Service {
         this._appInstanceId = null;
         this._operations = [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuLegalUnitService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuLegalUnitService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuLegalUnitService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuLegalUnitService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuLegalUnitService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuLegalUnitService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
@@ -176,8 +176,8 @@ class LuLegalUnitSelectorDirective {
         const selectedCount = (this._values ?? []).filter((ets) => ets.legalUnitId === legalUnit.id).length;
         return establishments.length > selectedCount;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuLegalUnitSelectorDirective, deps: [{ token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: LuLegalUnitSelectorDirective, isStandalone: true, selector: "[luLegalUnitSelector]", inputs: { legalUnit: { classPropertyName: "legalUnit", publicName: "luLegalUnitSelector", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "luLegalUnitSelectorFilters", isSignal: true, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "luLegalUnitSelectorAppInstanceId", isSignal: true, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "luLegalUnitSelectorOperations", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuLegalUnitSelectorDirective, deps: [{ token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: LuLegalUnitSelectorDirective, isStandalone: true, selector: "[luLegalUnitSelector]", inputs: { legalUnit: { classPropertyName: "legalUnit", publicName: "luLegalUnitSelector", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "luLegalUnitSelectorFilters", isSignal: true, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "luLegalUnitSelectorAppInstanceId", isSignal: true, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "luLegalUnitSelectorOperations", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" } }, providers: [
             {
                 provide: ALuOptionSelector,
                 useExisting: forwardRef(() => LuLegalUnitSelectorDirective),
@@ -189,7 +189,7 @@ class LuLegalUnitSelectorDirective {
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuLegalUnitSelectorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuLegalUnitSelectorDirective, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -269,8 +269,8 @@ class LuEstablishmentSearcherComponent {
     reset() {
         this.clueControl.reset();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSearcherComponent, deps: [{ token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: LuEstablishmentSearcherComponent, isStandalone: true, selector: "lu-establishment-searcher", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: true, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isSearching: "isSearching" }, host: { classAttribute: "position-fixed" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSearcherComponent, deps: [{ token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuEstablishmentSearcherComponent, isStandalone: true, selector: "lu-establishment-searcher", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: true, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isSearching: "isSearching" }, host: { classAttribute: "position-fixed" }, providers: [
             {
                 provide: ALuOptionOperator,
                 useExisting: forwardRef(() => LuEstablishmentSearcherComponent),
@@ -297,7 +297,7 @@ class LuEstablishmentSearcherComponent {
             },
         ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<form>\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading\">\n\t\t<input #searchInput class=\"textfield-input\" [formControl]=\"clueControl\" />\n\t</div>\n</form>\n\n@if (displayPlaceholder$ | async) {\n\t<lu-option-placeholder (onClear)=\"reset()\" />\n}\n", styles: ["@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer mods{.textfield.mod-search{inline-size:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding-block:var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-block-end:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: LuOptionPlaceholderComponent, selector: "lu-option-placeholder", inputs: ["intl"], outputs: ["onClear"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSearcherComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSearcherComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-establishment-searcher', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'position-fixed',
@@ -372,8 +372,8 @@ class LuEstablishmentSelectAllComponent extends LuOptionSelectAllComponent {
     ngOnDestroy() {
         this._subs.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSelectAllComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: LuEstablishmentSelectAllComponent, isStandalone: true, selector: "lu-establishment-select-all", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: true, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectAllComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: LuEstablishmentSelectAllComponent, isStandalone: true, selector: "lu-establishment-select-all", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: true, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ALuOptionOperator,
                 useExisting: forwardRef(() => LuEstablishmentSelectAllComponent),
@@ -390,7 +390,7 @@ class LuEstablishmentSelectAllComponent extends LuOptionSelectAllComponent {
             },
         ], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" (click)=\"selectAll()\" [disabled]=\"loading\" class=\"link selectAll-button\">{{ intl().select }}</button>\n<button type=\"button\" (click)=\"deselectAll()\" [disabled]=\"loading\" class=\"link selectAll-button pr-u-marginInlineStart100\">\n\t{{ intl().deselect }}\n</button>\n", styles: ["@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host .selectAll-button{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);outline:none}:host .selectAll-button:hover{color:var(--palettes-neutral-800)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSelectAllComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectAllComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-establishment-select-all', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -487,8 +487,8 @@ class LuEstablishmentSelectInputComponent extends ALuSelectInputComponent {
         this.isSearching = isSearching;
         this._changeDetectorRef.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: ALuLegalUnitService, optional: true }, { token: DEFAULT_LEGAL_UNIT_SERVICE, self: true }, { token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: LuEstablishmentSelectInputComponent, isStandalone: true, selector: "lu-establishment-select", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: false, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: false, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: false, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: ALuLegalUnitService, optional: true }, { token: DEFAULT_LEGAL_UNIT_SERVICE, self: true }, { token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuEstablishmentSelectInputComponent, isStandalone: true, selector: "lu-establishment-select", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: false, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: false, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: false, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => LuEstablishmentSelectInputComponent),
@@ -504,7 +504,7 @@ class LuEstablishmentSelectInputComponent extends ALuSelectInputComponent {
             },
         ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear />\n</div>\n\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\n\t@if (multiple && values?.length > 1) {\n\t\t<span\n\t\t\t><span class=\"numericBadge\">{{ values.length }}</span> {{ intl().establishments | intlPluralLabel: values.length }}</span\n\t\t>\n\t} @else {\n\t\t{{ (values[0] || values).name }}\n\t}\n</ng-template>\n\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-establishment-searcher\n\t\t\t[filters]=\"filters\"\n\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t[operations]=\"operations\"\n\t\t\t[sort]=\"sort\"\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\n\t\t/>\n\t\t@if (multiple) {\n\t\t\t<lu-establishment-select-all\n\t\t\t\tclass=\"pr-u-displayBlock\"\n\t\t\t\t[class.pr-u-displayNone]=\"isSearching\"\n\t\t\t\t[filters]=\"filters\"\n\t\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t\t[operations]=\"operations\"\n\t\t\t/>\n\t\t}\n\t</header>\n\n\t<ng-template luForLegalUnits let-group>\n\t\t<div class=\"optionGroup\">\n\t\t\t@if (groupByLu && !isSearching) {\n\t\t\t\t@if (multiple) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"optionGroupName button mod-ghost mod-block\"\n\t\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\n\t\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\n\t\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\n\t\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ group.key.name }}\n\t\t\t\t\t</button>\n\t\t\t\t} @else {\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly pr-u-margin0\">{{ group.key.name }}</h5>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<div class=\"lu-picker-content-option\">\n\t\t\t\t@for (establishment of group.items; track establishment.id) {\n\t\t\t\t\t<lu-option [value]=\"establishment\" class=\"establishmentOption\">\n\t\t\t\t\t\t@if (isSearching) {\n\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock\" translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t\t@if (groupByLu) {\n\t\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock pr-u-colorTextSubtle pr-u-bodyS\">{{ group.key.name }}</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t</lu-option>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</ng-template>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@layer mods{:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}@layer components{.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit}}@layer components{.optionGroupName{padding-block:var(--components-options-item-padding-vertical) var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-radius:0;font:var(--pr-t-font-body-S);inline-size:100%;justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);text-decoration:underline}.optionGroupName.mod-readonly{text-decoration:none}}@layer mods{.optionGroupName.mod-readonly{text-decoration:none}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~.lu-picker-content-option lu-option,.optionGroupName.button:focus~.lu-picker-content-option lu-option,.optionGroupName.button:hover~.lu-picker-content-option lu-option{background-color:var(--palettes-neutral-50);border-radius:var(--pr-t-border-radius-default)}}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuEstablishmentSearcherComponent, selector: "lu-establishment-searcher", inputs: ["filters", "appInstanceId", "operations", "sort"], outputs: ["isSearching"] }, { kind: "component", type: LuEstablishmentSelectAllComponent, selector: "lu-establishment-select-all", inputs: ["filters", "appInstanceId", "operations"] }, { kind: "directive", type: LuLegalUnitSelectorDirective, selector: "[luLegalUnitSelector]", inputs: ["luLegalUnitSelector", "luLegalUnitSelectorFilters", "luLegalUnitSelectorAppInstanceId", "luLegalUnitSelectorOperations"] }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuForLegalUnitsDirective, selector: "[luForLegalUnits]" }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { kind: "pipe", type: IntlPluralLabelPipe, name: "intlPluralLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSelectInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-establishment-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         OverlayModule,
@@ -564,11 +564,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * @deprecated use `LuEstablishmentSelectInputComponent` instead
  */
 class LuEstablishmentSelectInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSelectInputModule, imports: [LuEstablishmentSelectInputComponent], exports: [LuEstablishmentSelectInputComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSelectInputModule, imports: [LuEstablishmentSelectInputComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectInputModule, imports: [LuEstablishmentSelectInputComponent], exports: [LuEstablishmentSelectInputComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectInputModule, imports: [LuEstablishmentSelectInputComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSelectInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuEstablishmentSelectInputComponent],
@@ -580,11 +580,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * @deprecated prefer SimpleSelect or MultipleSelect with establishments directive
  */
 class LuEstablishmentSelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSelectModule, imports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent, LuForLegalUnitsDirective, LuLegalUnitSelectorDirective, LuEstablishmentSelectAllComponent], exports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent, LuForLegalUnitsDirective, LuLegalUnitSelectorDirective, LuEstablishmentSelectAllComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSelectModule, imports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectModule, imports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent, LuForLegalUnitsDirective, LuLegalUnitSelectorDirective, LuEstablishmentSelectAllComponent], exports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent, LuForLegalUnitsDirective, LuLegalUnitSelectorDirective, LuEstablishmentSelectAllComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectModule, imports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent, LuForLegalUnitsDirective, LuLegalUnitSelectorDirective, LuEstablishmentSelectAllComponent],
@@ -596,11 +596,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * @deprecated prefer SimpleSelect or MultipleSelect with establishments directive
  */
 class LuEstablishmentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentModule, imports: [LuEstablishmentSelectModule], exports: [LuEstablishmentSelectModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentModule, imports: [LuEstablishmentSelectModule, LuEstablishmentSelectModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentModule, imports: [LuEstablishmentSelectModule], exports: [LuEstablishmentSelectModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentModule, imports: [LuEstablishmentSelectModule, LuEstablishmentSelectModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuEstablishmentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuEstablishmentSelectModule],