@lucca-front/ng 22.1.0-rc.4 → 22.1.0

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

@@ -16,10 +16,10 @@ class ListingItemComponent {
         ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
         this.critical = input(false, { ...(ngDevMode ? { debugName: "critical" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: ListingItemComponent, isStandalone: true, selector: "lu-listing-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, critical: { classPropertyName: "critical", publicName: "critical", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "listing-item" }, ngImport: i0, template: "@if (listingRef.orderedFancy()) {\n\t<div class=\"listing-item-number\" aria-hidden=\"true\"></div>\n}\n@if (listingRef.checklist() || listingRef.icons()) {\n\t@if (critical()) {\n\t\t<lu-icon class=\"listing-item-icon palette-critical\" size=\"S\" icon=\"signClose\" />\n\t} @else {\n\t\t<lu-icon class=\"listing-item-icon\" size=\"S\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n\t}\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ListingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: ListingItemComponent, isStandalone: true, selector: "lu-listing-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, critical: { classPropertyName: "critical", publicName: "critical", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "listing-item" }, ngImport: i0, template: "@if (listingRef.orderedFancy()) {\n\t<div class=\"listing-item-number\" aria-hidden=\"true\"></div>\n}\n@if (listingRef.checklist() || listingRef.icons()) {\n\t@if (critical()) {\n\t\t<lu-icon class=\"listing-item-icon palette-critical\" size=\"S\" icon=\"signClose\" />\n\t} @else {\n\t\t<lu-icon class=\"listing-item-icon\" size=\"S\" [icon]=\"icon() || listingRef.defaultIcon()\" />\n\t}\n}\n<div class=\"listing-item-content\">\n\t<ng-content />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListingItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ListingItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-listing-item', imports: [IconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'listing-item',
@@ -77,15 +77,15 @@ class ListingComponent {
         }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "paletteClass" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: ListingComponent, isStandalone: true, selector: "lu-listing", inputs: { ordered: { classPropertyName: "ordered", publicName: "ordered", isSignal: true, isRequired: false, transformFunction: null }, orderedFancy: { classPropertyName: "orderedFancy", publicName: "orderedFancy", isSignal: true, isRequired: false, transformFunction: null }, checklist: { classPropertyName: "checklist", publicName: "checklist", isSignal: true, isRequired: false, transformFunction: null }, icons: { classPropertyName: "icons", publicName: "icons", isSignal: true, isRequired: false, transformFunction: null }, defaultIcon: { classPropertyName: "defaultIcon", publicName: "defaultIcon", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, reversed: { classPropertyName: "reversed", publicName: "reversed", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ListingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: ListingComponent, isStandalone: true, selector: "lu-listing", inputs: { ordered: { classPropertyName: "ordered", publicName: "ordered", isSignal: true, isRequired: false, transformFunction: null }, orderedFancy: { classPropertyName: "orderedFancy", publicName: "orderedFancy", isSignal: true, isRequired: false, transformFunction: null }, checklist: { classPropertyName: "checklist", publicName: "checklist", isSignal: true, isRequired: false, transformFunction: null }, icons: { classPropertyName: "icons", publicName: "icons", isSignal: true, isRequired: false, transformFunction: null }, defaultIcon: { classPropertyName: "defaultIcon", publicName: "defaultIcon", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, reversed: { classPropertyName: "reversed", publicName: "reversed", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: LU_LISTING_INSTANCE,
                 useExisting: forwardRef(() => ListingComponent),
             },
         ], ngImport: i0, template: "@if (ordered() || orderedFancy()) {\n\t<ol\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-fancy]=\"orderedFancy()\"\n\t\t[class]=\"paletteClass()\"\n\t\t[attr.start]=\"start() !== 1 ? start() : null\"\n\t\t[attr.reversed]=\"reversed() ? 'reversed' : null\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ol>\n} @else {\n\t<ul\n\t\tclass=\"listing\"\n\t\t[class.mod-icons]=\"icons()\"\n\t\t[class.mod-checklist]=\"checklist()\"\n\t\t[class.mod-inline]=\"inline()\"\n\t\t[class.mod-divider]=\"divider()\"\n\t\t[class]=\"paletteClass()\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t</ul>\n}\n\n<ng-template #content><ng-content /></ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.listing{--components-listing-marginInlineStart: 0;--components-listing-inlineFirst: 0;--components-listing-flexDirection: column;--components-listing-flexWrap: nowrap;--components-listing-paddingInlineStart: var(--components-listing-inlineStart);--components-listing-inlineStart: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--components-listing-clipPath: none;--components-listing-listStyleType: disc;--components-listing-item-display: list-item;--components-listing-item-icon-before-content: none;--components-listing-item-before-content: unset;--components-listing-item-content-display: block;--components-listing-item-content-flexWrap: nowrap;--components-listing-item-content-rowGap: 0;--components-listing-item-content-columnGap: 0;--components-listing-item-number-display: none;--components-listing-item-counterIncrement: listing;--components-listing-item-icon-backgroundColor: transparent;padding:0;margin:0;padding-inline-start:var(--components-listing-paddingInlineStart);margin-inline-start:var(--components-listing-marginInlineStart);display:flex;flex-direction:var(--components-listing-flexDirection);flex-wrap:var(--components-listing-flexWrap);row-gap:var(--pr-t-spacings-50);column-gap:var(--pr-t-spacings-100);list-style-type:var(--components-listing-listStyleType);clip-path:var(--components-listing-clipPath)}.listing-item{display:var(--components-listing-item-display);align-items:flex-start;gap:var(--pr-t-spacings-100);margin-inline-start:0;position:relative;counter-increment:var(--components-listing-item-counterIncrement)}.listing-item::marker{line-height:1}.listing-item:before{content:var(--components-listing-item-before-content);border-inline-start:var(--commons-divider-border);block-size:.75lh;align-self:center}.listing-item-number{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);display:var(--components-listing-item-number-display);position:absolute;inset-inline-end:100%;padding:0 var(--pr-t-spacings-25);min-inline-size:var(--pr-t-spacings-250);block-size:var(--pr-t-spacings-250);place-items:center;background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-small);margin-inline-end:var(--pr-t-spacings-100);margin-block-start:calc(var(--pr-t-spacings-25) / 2)}.listing-item-number:before{content:counter(listing)/\"\"}.listing-item-icon{inline-size:var(--pr-t-spacings-250);aspect-ratio:1;margin-block-start:var(--pr-t-spacings-25);background-color:var(--components-listing-item-icon-backgroundColor);color:var(--palettes-700, var(--palettes-neutral-700));border-radius:var(--pr-t-border-radius-full);display:inline-flex!important;--icon-size: 1.25rem}.listing-item-content{display:var(--components-listing-item-content-display);gap:var(--components-listing-item-content-rowGap) var(--components-listing-item-content-columnGap);flex-wrap:var(--components-listing-item-content-flexWrap)}}@layer mods{.listing.mod-ordered,.listing:is(ol){--components-listing-listStyleType: decimal}.listing.mod-ordered.mod-fancy,.listing:is(ol).mod-fancy{counter-reset:listing;--components-listing-listStyleType: \"\" !important;--components-listing-item-number-display: grid}.listing.mod-inline{--components-listing-paddingInlineStart: 0;--components-listing-flexDirection: row;--components-listing-item-display: flex;--components-listing-flexWrap: wrap;--components-listing-item-content-flexWrap: wrap;--components-listing-item-content-rowGap: var(--pr-t-spacings-50);--components-listing-marginInlineStart: calc(var(--components-listing-inlineFirst) * -1);--components-listing-clipPath: inset( calc(var(--pr-t-spacings-50) * -1) calc(var(--pr-t-spacings-50) * -1) calc(var(--pr-t-spacings-50) * -1) calc(var(--components-listing-inlineFirst) - var(--pr-t-spacings-50)) )}.listing.mod-inline:has(.listing) .listing{--components-listing-clipPath: 0;--components-listing-paddingInlineStart: 0;--components-listing-flexDirection: row;--components-listing-item-display: flex;--components-listing-flexWrap: wrap;--components-listing-item-content-flexWrap: wrap;--components-listing-item-content-rowGap: var(--pr-t-spacings-50)}.listing.mod-inline:has(.listing) .listing-item{--components-listing-item-content-display: flex;--components-listing-item-content-columnGap: var(--pr-t-spacings-100)}.listing.mod-inline.mod-divider:has(.listing) .listing{--components-listing-marginInlineStart: calc(var(--components-listing-inlineFirst) * -1);--components-listing-item-before-content: \"\";--components-listing-inlineFirst: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25) - var(--commons-divider-width))}.listing.mod-inline.mod-divider:has(.listing) .listing-item-content{--components-listing-item-content-columnGap: var(--pr-t-spacings-200)}.listing.mod-inline.mod-divider{--components-listing-item-before-content: \"\";--components-listing-inlineFirst: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25) - var(--commons-divider-width))}.listing .listing{--components-listing-listStyleType: circle}.listing .listing.mod-ordered,.listing .listing:is(ol){--components-listing-listStyleType: lower-alpha}.listing .listing .listing{--components-listing-listStyleType: square}.listing .listing .listing.mod-ordered,.listing .listing .listing:is(ol){--components-listing-listStyleType: lower-roman}.listing.mod-icons{--components-listing-paddingInlineStart: 0;--components-listing-item-display: flex}.listing.mod-icons .listing-item-icon:not([class*=icon-]):before{--icon-content: var(--components-listing-item-icon-before-content)}.listing.mod-checklist{--components-listing-paddingInlineStart: 0;--components-listing-item-display: flex}.listing.mod-checklist .listing-item-icon{--components-listing-item-icon-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.listing.mod-checklist .listing-item-icon:not(.icon-signClose){--icon-content: \"\\e97d\";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}}@layer base{lu-listing{display:contents}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ListingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ListingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-listing', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1,46 +1,87 @@
 import * as i0 from '@angular/core';
-import { inject, input, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import { LuClass, luBooleanAttribute } from '@lucca-front/ng/core';
+import { InjectionToken, inject, input, viewChild, computed, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { LuClass, intlInputOptions, luBooleanAttribute, luNullableBooleanAttribute } from '@lucca-front/ng/core';
 
 /**
  * Available LoadingComponent Types
  */
 const LOADING_SIZE = ['L'];
 
+const Translations = {
+    'nl-BE': {
+        label: 'Laden…',
+    },
+    fr: {
+        label: 'Chargement…',
+    },
+    de: {
+        label: 'Lädt…',
+    },
+    en: {
+        label: 'Loading…',
+    },
+    es: {
+        label: 'Cargando…',
+    },
+    it: {
+        label: 'Caricamento…',
+    },
+    nl: {
+        label: 'Laden…',
+    },
+    pt: {
+        label: 'Carregando…',
+    },
+    pl: {
+        label: 'Ładowanie…',
+    },
+};
+
+const LU_LOADING_TRANSLATIONS = new InjectionToken('LuLoadingTranslations', {
+    factory: () => luLoadingTranslations,
+});
+const luLoadingTranslations = Translations;
+
 class LoadingComponent {
     #luClass;
     constructor() {
         this.#luClass = inject(LuClass);
+        this.intl = input(...intlInputOptions(LU_LOADING_TRANSLATIONS), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
         this.size = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
         this.invert = input(false, { ...(ngDevMode ? { debugName: "invert" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         this.block = input(false, { ...(ngDevMode ? { debugName: "block" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
-        this.hiddenLabel = input(false, { ...(ngDevMode ? { debugName: "hiddenLabel" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
+        this.hiddenLabel = input(null, { ...(ngDevMode ? { debugName: "hiddenLabel" } : /* istanbul ignore next */ {}), transform: luNullableBooleanAttribute });
         this.template = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
+        this.defaultLabel = viewChild('defaultLabel', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "defaultLabel" }] : /* istanbul ignore next */ []));
+        this.isLabelHidden = computed(() => this.hiddenLabel() ?? !!this.defaultLabel(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isLabelHidden" }] : /* istanbul ignore next */ []));
         effect(() => {
             this.#luClass.setState({
                 [`mod-${this.template()}`]: !!this.template(),
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: LoadingComponent, isStandalone: true, selector: "lu-loading", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, invert: { classPropertyName: "invert", publicName: "invert", isSignal: true, isRequired: false, transformFunction: null }, block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: false, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-block": "block()", "class.mod-invert": "invert()", "class.mod-L": "size() === \"L\"", "class.mod-hiddenLabel": "hiddenLabel()" }, classAttribute: "loading" }, providers: [LuClass], ngImport: i0, template: '<span class="loading-label"><ng-content /></span>', isInline: true, styles: ["@layer components{.loading{--commons-loading-frontground: var(--palettes-500, var(--palettes-product-500));--components-loading-display: inline-flex;--components-loading-flexDirection: row;--components-loading-size: var(--pr-t-spacings-300);--components-loading-size-big: var(--pr-t-spacings-600);--components-loading-margin: 0;--components-loading-spinnerMargin: 0;--components-loading-color: currentColor;--components-loading-transform: none;--components-loading-textAlign: inherit;min-block-size:var(--components-loading-size);min-inline-size:var(--components-loading-size);margin:var(--components-loading-margin);display:var(--components-loading-display);flex-direction:var(--components-loading-flexDirection);transform:var(--components-loading-transform);color:var(--components-loading-color);position:relative;text-align:var(--components-loading-textAlign);vertical-align:top;gap:var(--pr-t-spacings-50) var(--pr-t-spacings-100)}.loading:after{content:\"\";inline-size:1.5rem;block-size:1.5rem;border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading:after{inline-size:var(--components-loading-size);block-size:var(--components-loading-size);margin:var(--components-loading-spinnerMargin);position:static;order:-1}.loading-label:empty{display:none}}@layer mods{.loading.mod-L{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-block{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column}.loading[class~=mod-fullPage i]{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-margin: 0 auto;--components-loading-transform: translateY(35vh)}.loading.mod-popin,.loading.mod-dialog{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-drawer,.loading.mod-sidePanel{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-transform: translateY(35vh)}.loading.mod-invert{--components-loading-color: var(--palettes-neutral-0)}.loading.mod-invert:after{--commons-loading-frontground: color.transparentize(var(--palettes-neutral-0), .66)}.loading.mod-hiddenLabel .loading-label{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: LoadingComponent, isStandalone: true, selector: "lu-loading", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, invert: { classPropertyName: "invert", publicName: "invert", isSignal: true, isRequired: false, transformFunction: null }, block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: false, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-block": "block()", "class.mod-invert": "invert()", "class.mod-L": "size() === \"L\"", "class.mod-hiddenLabel": "isLabelHidden()" }, classAttribute: "loading" }, providers: [LuClass], viewQueries: [{ propertyName: "defaultLabel", first: true, predicate: ["defaultLabel"], descendants: true, isSignal: true }], ngImport: i0, template: '<span class="loading-label"><ng-content><ng-container #defaultLabel>{{ intl().label }}</ng-container></ng-content></span>', isInline: true, styles: ["@layer components{.loading{--commons-loading-frontground: var(--palettes-500, var(--palettes-product-500));--components-loading-display: inline-flex;--components-loading-flexDirection: row;--components-loading-size: var(--pr-t-spacings-300);--components-loading-size-big: var(--pr-t-spacings-600);--components-loading-margin: 0;--components-loading-spinnerMargin: 0;--components-loading-color: currentColor;--components-loading-transform: none;--components-loading-textAlign: inherit;min-block-size:var(--components-loading-size);min-inline-size:var(--components-loading-size);margin:var(--components-loading-margin);display:var(--components-loading-display);flex-direction:var(--components-loading-flexDirection);transform:var(--components-loading-transform);color:var(--components-loading-color);position:relative;text-align:var(--components-loading-textAlign);vertical-align:top;gap:var(--pr-t-spacings-50) var(--pr-t-spacings-100)}.loading:after{content:\"\";inline-size:1.5rem;block-size:1.5rem;border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading:after{inline-size:var(--components-loading-size);block-size:var(--components-loading-size);margin:var(--components-loading-spinnerMargin);position:static;order:-1}.loading-label:empty{display:none}}@layer mods{.loading.mod-L{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-block{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column}.loading[class~=mod-fullPage i]{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-margin: 0 auto;--components-loading-transform: translateY(35vh)}.loading.mod-popin,.loading.mod-dialog{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-drawer,.loading.mod-sidePanel{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-transform: translateY(35vh)}.loading.mod-invert{--components-loading-color: var(--palettes-neutral-0)}.loading.mod-invert:after{--commons-loading-frontground: color.transparentize(var(--palettes-neutral-0), .66)}.loading.mod-hiddenLabel .loading-label{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LoadingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-loading', providers: [LuClass], template: '<span class="loading-label"><ng-content /></span>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'lu-loading', providers: [LuClass], template: '<span class="loading-label"><ng-content><ng-container #defaultLabel>{{ intl().label }}</ng-container></ng-content></span>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'loading',
                         '[class.mod-block]': 'block()',
                         '[class.mod-invert]': 'invert()',
                         '[class.mod-L]': 'size() === "L"',
-                        '[class.mod-hiddenLabel]': 'hiddenLabel()',
+                        '[class.mod-hiddenLabel]': 'isLabelHidden()',
                     }, styles: ["@layer components{.loading{--commons-loading-frontground: var(--palettes-500, var(--palettes-product-500));--components-loading-display: inline-flex;--components-loading-flexDirection: row;--components-loading-size: var(--pr-t-spacings-300);--components-loading-size-big: var(--pr-t-spacings-600);--components-loading-margin: 0;--components-loading-spinnerMargin: 0;--components-loading-color: currentColor;--components-loading-transform: none;--components-loading-textAlign: inherit;min-block-size:var(--components-loading-size);min-inline-size:var(--components-loading-size);margin:var(--components-loading-margin);display:var(--components-loading-display);flex-direction:var(--components-loading-flexDirection);transform:var(--components-loading-transform);color:var(--components-loading-color);position:relative;text-align:var(--components-loading-textAlign);vertical-align:top;gap:var(--pr-t-spacings-50) var(--pr-t-spacings-100)}.loading:after{content:\"\";inline-size:1.5rem;block-size:1.5rem;border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading:after{inline-size:var(--components-loading-size);block-size:var(--components-loading-size);margin:var(--components-loading-spinnerMargin);position:static;order:-1}.loading-label:empty{display:none}}@layer mods{.loading.mod-L{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-block{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column}.loading[class~=mod-fullPage i]{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-margin: 0 auto;--components-loading-transform: translateY(35vh)}.loading.mod-popin,.loading.mod-dialog{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big)}.loading.mod-drawer,.loading.mod-sidePanel{--components-loading-display: flex;--components-loading-margin: auto;--components-loading-spinnerMargin: 0 auto;--components-loading-textAlign: center;--components-loading-flexDirection: column;--components-loading-size: var(--components-loading-size-big);--components-loading-transform: translateY(35vh)}.loading.mod-invert{--components-loading-color: var(--palettes-neutral-0)}.loading.mod-invert:after{--commons-loading-frontground: color.transparentize(var(--palettes-neutral-0), .66)}.loading.mod-hiddenLabel .loading-label{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], invert: [{ type: i0.Input, args: [{ isSignal: true, alias: "invert", required: false }] }], block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: false }] }], hiddenLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenLabel", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], invert: [{ type: i0.Input, args: [{ isSignal: true, alias: "invert", required: false }] }], block: [{ type: i0.Input, args: [{ isSignal: true, alias: "block", required: false }] }], hiddenLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenLabel", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], defaultLabel: [{ type: i0.ViewChild, args: ['defaultLabel', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { LOADING_SIZE, LoadingComponent };
+export { LOADING_SIZE, LU_LOADING_TRANSLATIONS, LoadingComponent, luLoadingTranslations };
 //# sourceMappingURL=lucca-front-ng-loading.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-loading.mjs","sources":["../../../packages/ng/loading/loading.type.ts","../../../packages/ng/loading/loading.component.ts","../../../packages/ng/loading/lucca-front-ng-loading.ts"],"sourcesContent":["/**\n * Available LoadingComponent Types\n */\n\nexport const LOADING_SIZE = ['L'] as const;\nexport type LoadingSize = (typeof LOADING_SIZE)[number];\n","import { ChangeDetectionStrategy, Component, effect, inject, input, ViewEncapsulation } from '@angular/core';\nimport { luBooleanAttribute, LuClass } from '@lucca-front/ng/core';\nimport { LoadingSize } from './loading.type';\n\ntype DisplayMode =\n\t| 'popin'\n\t| 'drawer'\n\t| 'fullPage'\n\t/** @deprecated use 'fullPage' instead */\n\t| 'fullpage';\n\n@Component({\n\tselector: 'lu-loading',\n\tproviders: [LuClass],\n\tstyleUrl: './loading.component.scss',\n\ttemplate: '<span class=\"loading-label\"><ng-content /></span>',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'loading',\n\t\t'[class.mod-block]': 'block()',\n\t\t'[class.mod-invert]': 'invert()',\n\t\t'[class.mod-L]': 'size() === \"L\"',\n\t\t'[class.mod-hiddenLabel]': 'hiddenLabel()',\n\t},\n})\nexport class LoadingComponent {\n\t#luClass = inject(LuClass);\n\n\treadonly size = input<LoadingSize | null>(null);\n\n\treadonly invert = input(false, { transform: luBooleanAttribute });\n\n\treadonly block = input(false, { transform: luBooleanAttribute });\n\n\treadonly hiddenLabel = input(false, { transform: luBooleanAttribute });\n\n\treadonly template = input<DisplayMode | null>(null);\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tthis.#luClass.setState({\n\t\t\t\t[`mod-${this.template()}`]: !!this.template(),\n\t\t\t});\n\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-loading.mjs","sources":["../../../packages/ng/loading/loading.type.ts","../../../packages/ng/loading/translations.ts","../../../packages/ng/loading/loading.translate.ts","../../../packages/ng/loading/loading.component.ts","../../../packages/ng/loading/lucca-front-ng-loading.ts"],"sourcesContent":["/**\n * Available LoadingComponent Types\n */\n\nexport const LOADING_SIZE = ['L'] as const;\nexport type LoadingSize = (typeof LOADING_SIZE)[number];\n","export const Translations = {\n\t'nl-BE': {\n\t\tlabel: 'Laden…',\n\t},\n\tfr: {\n\t\tlabel: 'Chargement…',\n\t},\n\tde: {\n\t\tlabel: 'Lädt…',\n\t},\n\ten: {\n\t\tlabel: 'Loading…',\n\t},\n\tes: {\n\t\tlabel: 'Cargando…',\n\t},\n\tit: {\n\t\tlabel: 'Caricamento…',\n\t},\n\tnl: {\n\t\tlabel: 'Laden…',\n\t},\n\tpt: {\n\t\tlabel: 'Carregando…',\n\t},\n\tpl: {\n\t\tlabel: 'Ładowanie…',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_LOADING_TRANSLATIONS = new InjectionToken('LuLoadingTranslations', {\n\tfactory: () => luLoadingTranslations,\n});\n\nexport interface LuLoadingLabel {\n\tlabel: string;\n}\n\nexport const luLoadingTranslations: LuTranslation<LuLoadingLabel> = Translations;\n","import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, viewChild, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions, luBooleanAttribute, LuClass, luNullableBooleanAttribute } from '@lucca-front/ng/core';\nimport { LU_LOADING_TRANSLATIONS } from './loading.translate';\nimport { LoadingSize } from './loading.type';\n\ntype DisplayMode =\n\t| 'popin'\n\t| 'drawer'\n\t| 'fullPage'\n\t/** @deprecated use 'fullPage' instead */\n\t| 'fullpage';\n\n@Component({\n\tselector: 'lu-loading',\n\tproviders: [LuClass],\n\tstyleUrl: './loading.component.scss',\n\ttemplate: '<span class=\"loading-label\"><ng-content><ng-container #defaultLabel>{{ intl().label }}</ng-container></ng-content></span>',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'loading',\n\t\t'[class.mod-block]': 'block()',\n\t\t'[class.mod-invert]': 'invert()',\n\t\t'[class.mod-L]': 'size() === \"L\"',\n\t\t'[class.mod-hiddenLabel]': 'isLabelHidden()',\n\t},\n})\nexport class LoadingComponent {\n\t#luClass = inject(LuClass);\n\n\treadonly intl = input(...intlInputOptions(LU_LOADING_TRANSLATIONS));\n\n\treadonly size = input<LoadingSize | null>(null);\n\n\treadonly invert = input(false, { transform: luBooleanAttribute });\n\n\treadonly block = input(false, { transform: luBooleanAttribute });\n\n\treadonly hiddenLabel = input(null, { transform: luNullableBooleanAttribute });\n\n\treadonly template = input<DisplayMode | null>(null);\n\n\tprotected readonly defaultLabel = viewChild<ElementRef<Comment>>('defaultLabel');\n\n\tprotected readonly isLabelHidden = computed(() => this.hiddenLabel() ?? !!this.defaultLabel());\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tthis.#luClass.setState({\n\t\t\t\t[`mod-${this.template()}`]: !!this.template(),\n\t\t\t});\n\t\t});\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/lucca-front-ng-main-layout.mjs

@@ -7,10 +7,10 @@ class MainLayoutBlockComponent {
     constructor() {
         this.overflow = input(false, { ...(ngDevMode ? { debugName: "overflow" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MainLayoutBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: MainLayoutBlockComponent, isStandalone: true, selector: "lu-main-layout-block", inputs: { overflow: { classPropertyName: "overflow", publicName: "overflow", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-overflow": "overflow()" }, classAttribute: "mainLayout-content-inside-block" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MainLayoutBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: MainLayoutBlockComponent, isStandalone: true, selector: "lu-main-layout-block", inputs: { overflow: { classPropertyName: "overflow", publicName: "overflow", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-overflow": "overflow()" }, classAttribute: "mainLayout-content-inside-block" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MainLayoutBlockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MainLayoutBlockComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lu-main-layout-block',
@@ -88,15 +88,15 @@ class MainLayoutComponent {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "bubblesIllustrationEndStart" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MainLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: MainLayoutComponent, isStandalone: true, selector: "lu-main-layout", inputs: { headerSticky: { classPropertyName: "headerSticky", publicName: "headerSticky", isSignal: true, isRequired: false, transformFunction: null }, footerSticky: { classPropertyName: "footerSticky", publicName: "footerSticky", isSignal: true, isRequired: false, transformFunction: null }, bubblesStartEnd: { classPropertyName: "bubblesStartEnd", publicName: "bubblesStartEnd", isSignal: true, isRequired: false, transformFunction: null }, bubblesEndStart: { classPropertyName: "bubblesEndStart", publicName: "bubblesEndStart", isSignal: true, isRequired: false, transformFunction: null }, illustrationStartEnd: { classPropertyName: "illustrationStartEnd", publicName: "illustrationStartEnd", isSignal: true, isRequired: false, transformFunction: null }, illustrationEndStart: { classPropertyName: "illustrationEndStart", publicName: "illustrationEndStart", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "main", "id": "main-content", "tabindex": "-1" }, properties: { "class": "hostClass()" }, classAttribute: "mainLayout" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MainLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: MainLayoutComponent, isStandalone: true, selector: "lu-main-layout", inputs: { headerSticky: { classPropertyName: "headerSticky", publicName: "headerSticky", isSignal: true, isRequired: false, transformFunction: null }, footerSticky: { classPropertyName: "footerSticky", publicName: "footerSticky", isSignal: true, isRequired: false, transformFunction: null }, bubblesStartEnd: { classPropertyName: "bubblesStartEnd", publicName: "bubblesStartEnd", isSignal: true, isRequired: false, transformFunction: null }, bubblesEndStart: { classPropertyName: "bubblesEndStart", publicName: "bubblesEndStart", isSignal: true, isRequired: false, transformFunction: null }, illustrationStartEnd: { classPropertyName: "illustrationStartEnd", publicName: "illustrationStartEnd", isSignal: true, isRequired: false, transformFunction: null }, illustrationEndStart: { classPropertyName: "illustrationEndStart", publicName: "illustrationEndStart", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "main", "id": "main-content", "tabindex": "-1" }, properties: { "class": "hostClass()" }, classAttribute: "mainLayout" }, providers: [
             {
                 provide: LU_MAIN_LAYOUT_INSTANCE,
                 useExisting: forwardRef(() => MainLayoutComponent),
             },
         ], ngImport: i0, template: "@if (bubblesIllustrationStartEnd() || illustrationStartEndUrl()) {\n\t<div class=\"mainLayout-bubblesStartEnd\">\n\t\t@if (bubblesIllustrationStartEnd()) {\n\t\t\t<div\n\t\t\t\t[innerHtml]=\"`${domain}${path}bubbles/startEnd-${bubblesIllustrationStartEnd()}${extension}` | luSafeExternalSvg\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t></div>\n\t\t}\n\t\t@if (illustrationStartEndUrl()) {\n\t\t\t<img class=\"mainLayout-bubblesStartEnd-illustration\" [attr.src]=\"illustrationStartEndUrl()\" alt=\"\" />\n\t\t}\n\t</div>\n}\n\n@if (bubblesIllustrationEndStart() || illustrationEndStartUrl()) {\n\t<div class=\"mainLayout-bubblesEndStart\">\n\t\t@if (bubblesIllustrationEndStart()) {\n\t\t\t<div\n\t\t\t\t[innerHtml]=\"`${domain}${path}bubbles/endStart-${bubblesIllustrationEndStart()}${extension}` | luSafeExternalSvg\"\n\t\t\t\taria-hidden=\"true\"\n\t\t\t></div>\n\t\t}\n\t\t@if (illustrationEndStartUrl()) {\n\t\t\t<img class=\"mainLayout-bubblesEndStart-illustration\" [attr.src]=\"illustrationEndStartUrl()\" alt=\"\" />\n\t\t}\n\t</div>\n}\n\n<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mainLayout{--components-mainLayout-flexDirection: column;--components-mainLayout-sidebar-inlineSize: auto;--components-mainLayout-content-inside-header-position: static;--components-mainLayout-content-inside-footer-position: static;--components-mainLayout-content-inside-block-position: static;--components-mainLayout-content-inside-header-insetBlockStart: auto;--components-mainLayout-content-inside-footer-insetBlockEnd: auto;--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-200);--components-mainLayout-content-inside-header-backgroundColor: transparent;--components-mainLayout-content-inside-footer-backgroundColor: transparent;--components-mainLayout-bubblesStartEndSvgInlineSize: 216px;--components-mainLayout-bubblesEndStartSvgInlineSize: 248px;--components-mainLayout-bubblesStartEndBlockSize: 232px;--components-mainLayout-bubblesEndStartBlockSize: 232px;--components-mainLayout-bubblesStartEndInsetInlineStart: min( calc(100% + var(--commons-container-paddingInline) * 2 - var(--components-mainLayout-bubblesStartEndSvgInlineSize)), calc(var(--commons-container-maxWidth) + var(--commons-container-paddingInline) * 2 - var(--components-mainLayout-bubblesStartEndSvgInlineSize)) );--components-mainLayout-bubblesStartEndInlineSize: calc(100% - var(--components-mainLayout-bubblesStartEndInsetInlineStart));--components-mainLayout-bubblesStartEndSvgInsetInlineEnd: -1rem;--components-mainLayout-backgroundImage: none;display:flex;flex-direction:var(--components-mainLayout-flexDirection);block-size:100%;position:relative}.mainLayout:focus-visible:after{content:\"\";position:absolute;inset:0;z-index:5;pointer-events:none;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:var(--pr-t-border-radius-default)}.mainLayout-sidebar{overflow-x:hidden;overflow-y:auto;flex-shrink:0;inline-size:var(--components-mainLayout-sidebar-inlineSize);position:relative}.mainLayout-sidebar:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-sidebar:empty{display:none}.mainLayout-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-inline-size:0;min-block-size:0}.mainLayout-content:has(>.mainLayout-content-inside:focus-visible):after{content:\"\";pointer-events:none;inset:0;position:absolute;z-index:1;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-content-inside{flex-grow:1;display:flex;flex-direction:column;overflow:auto;outline:none}.mainLayout-content-inside-block{inset-inline-start:0;position:var(--components-mainLayout-content-inside-block-position)}@media(min-width:40em){.mainLayout-content-inside-block{--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-300)}}.mainLayout-content-inside-block:not(.mainLayout-content-inside-block+.mainLayout-content-inside-block){margin-block-start:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block:not(:has(+.mainLayout-content-inside-block)){margin-block-end:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block.mod-overflow .container{--components-container-minInlineSize: fit-content}.mainLayout-content-inside-header{position:var(--components-mainLayout-content-inside-header-position);z-index:1;inset-block-start:var(--components-mainLayout-content-inside-header-insetBlockStart);inset-inline-start:0;background-color:var(--components-mainLayout-content-inside-header-backgroundColor)}.mainLayout-content-inside-header:empty{display:none}.mainLayout-content-inside-footer{position:var(--components-mainLayout-content-inside-footer-position);inset-block-end:var(--components-mainLayout-content-inside-footer-insetBlockEnd);inset-inline-start:0;margin-block-start:auto;background-color:var(--components-mainLayout-content-inside-footer-backgroundColor)}.mainLayout-content-inside-footer:empty{display:none}.mainLayout-bubblesEndStart{position:absolute;inset-block-end:0;inset-inline-start:0;display:flex;block-size:var(--components-mainLayout-bubblesEndStartBlockSize)}.mainLayout-bubblesEndStart svg{display:block;inline-size:var(--components-mainLayout-bubblesEndStartSvgInlineSize);block-size:var(--components-mainLayout-bubblesEndStartBlockSize)}.mainLayout-bubblesStartEnd{position:absolute;inset-block-start:0;inset-inline-start:var(--components-mainLayout-bubblesStartEndInsetInlineStart);inline-size:var(--components-mainLayout-bubblesStartEndInlineSize);block-size:var(--components-mainLayout-bubblesStartEndBlockSize);pointer-events:none;overflow:hidden}.mainLayout-bubblesStartEnd svg{display:block;position:relative;inset-inline-end:var(--components-mainLayout-bubblesStartEndSvgInsetInlineEnd);inline-size:var(--components-mainLayout-bubblesStartEndSvgInlineSize);block-size:var(--components-mainLayout-bubblesStartEndBlockSize)}.mainLayout-bubblesEndStart-illustration,.mainLayout-bubblesStartEnd-illustration{position:absolute;block-size:auto;inset-block-start:0}.mainLayout-bubblesEndStart-illustration{inline-size:var(--components-mainLayout-bubblesEndStartSvgInlineSize)}.mainLayout-bubblesStartEnd-illustration{inline-size:var(--components-mainLayout-bubblesStartEndSvgInlineSize);inset-inline-start:calc(var(--components-mainLayout-bubblesStartEndSvgInsetInlineEnd) * -1)}@media(min-width:50em){.mainLayout:not(.mod-wideM){--components-mainLayout-flexDirection: row}}@media(min-width:64em){.mainLayout.mod-wideM{--components-mainLayout-flexDirection: row}}@media not all and (min-width:50em){.mainLayout{--components-mainLayout-bubblesStartEndSvgInlineSize: 162px;--components-mainLayout-bubblesEndStartSvgInlineSize: 186px;--components-mainLayout-bubblesStartEndBlockSize: 174px;--components-mainLayout-bubblesEndStartBlockSize: 174px;--components-mainLayout-bubblesStartEndSvgInsetInlineEnd: -1.5rem}}}@layer mods{.mainLayout:has(.mainLayout-content-inside-header.mod-sticky){--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-insetBlockStart: 0;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base)}.mainLayout:has(.mainLayout-content-inside-footer.mod-sticky){--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-insetBlockEnd: 0;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base)}}@layer mods{.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-header{--components-mainLayout-content-inside-header-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-footer{--components-mainLayout-content-inside-footer-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-block:not(.mod-overflow){--components-mainLayout-content-inside-block-position: sticky}}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MainLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MainLayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-main-layout', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [LuSafeExternalSvgPipe], host: {
                         class: 'mainLayout',

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

@@ -29,10 +29,10 @@ class MarkdownComponent {
         this.html = computed(() => renderMarkdown(this.content(), { headingLevel: this.headingLevel() }), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "html" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MarkdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: MarkdownComponent, isStandalone: true, selector: "lu-markdown", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '<lu-text-flow [innerHTML]="html()" />', isInline: true, dependencies: [{ kind: "component", type: TextFlowComponent, selector: "lu-text-flow" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MarkdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: MarkdownComponent, isStandalone: true, selector: "lu-markdown", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '<lu-text-flow [innerHTML]="html()" />', isInline: true, dependencies: [{ kind: "component", type: TextFlowComponent, selector: "lu-text-flow" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MarkdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MarkdownComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lu-markdown',

package/fesm2022/lucca-front-ng-mobile-push.mjs

@@ -107,10 +107,10 @@ class MobilePushComponent {
          */
         this.googlePlayLinkClicked = output();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MobilePushComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: MobilePushComponent, isStandalone: true, selector: "lu-mobile-push", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { appStoreLinkClicked: "appStoreLinkClicked", googlePlayLinkClicked: "googlePlayLinkClicked" }, ngImport: i0, template: "<div class=\"mobilePush-containerWrapper\">\n\t<div class=\"mobilePush\">\n\t\t<div class=\"mobilePush-icons\">\n\t\t\t<lu-icon class=\"mobilePush-icons-front\" icon=\"deviceMobile\" size=\"S\" />\n\t\t\t<img class=\"mobilePush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t\t</div>\n\t\t<div class=\"mobilePush-content\">\n\t\t\t<div class=\"mobilePush-content-description\"><ng-content /></div>\n\t\t\t<div class=\"mobilePush-content-downloadApps\">\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlAppStore\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"appStoreLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altAppStore\" [attr.src]=\"intl().srcAppStore\" />\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlGooglePlay\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"googlePlayLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altGooglePlay\" [attr.src]=\"intl().srcGooglePlay\" />\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mobilePush-containerWrapper{--components-mobilePush-flex-direction: row;--components-mobilePush-content-align-items: center;--components-mobilePush-icon-content-align-items: center;--components-mobilePush-align-gap: var(--pr-t-spacings-100);container:mobilePush/inline-size}.mobilePush{display:flex;align-items:var(--components-mobilePush-icon-content-align-items);gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);font:var(--pr-t-font-body-S);border:var(--commons-divider-width) var(--commons-divider-style) var(--palettes-brand-200);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-brand-50)}.mobilePush-icons{display:grid;grid-template:1fr/1fr;justify-items:center;align-items:center}.mobilePush-icons-front{grid-area:1/1;color:var(--palettes-brand-600);z-index:1;padding-inline-start:.0625rem;padding-block-end:var(--pr-t-spacings-25)}.mobilePush-icons-back{grid-area:1/1}.mobilePush-content{display:flex;flex-direction:var(--components-mobilePush-flex-direction);align-items:var(--components-mobilePush-content-align-items);justify-content:space-between;flex-grow:1;gap:var(--components-mobilePush-align-gap)}.mobilePush-content-downloadApps{display:flex;gap:var(--pr-t-spacings-50)}.mobilePush-content-downloadApps-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer}.mobilePush-content-downloadApps-link-badge{display:block;block-size:1.75rem}}@layer mods{@container mobilePush not (min-width: 30rem){.mobilePush-containerWrapper .mobilePush{--components-mobilePush-flex-direction: column;--components-mobilePush-content-align-items: flex-start;--components-mobilePush-icon-content-align-items: flex-start}}}@layer base{lu-mobile-push{display:contents}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MobilePushComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: MobilePushComponent, isStandalone: true, selector: "lu-mobile-push", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { appStoreLinkClicked: "appStoreLinkClicked", googlePlayLinkClicked: "googlePlayLinkClicked" }, ngImport: i0, template: "<div class=\"mobilePush-containerWrapper\">\n\t<div class=\"mobilePush\">\n\t\t<div class=\"mobilePush-icons\">\n\t\t\t<lu-icon class=\"mobilePush-icons-front\" icon=\"deviceMobile\" size=\"S\" />\n\t\t\t<img class=\"mobilePush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t\t</div>\n\t\t<div class=\"mobilePush-content\">\n\t\t\t<div class=\"mobilePush-content-description\"><ng-content /></div>\n\t\t\t<div class=\"mobilePush-content-downloadApps\">\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlAppStore\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"appStoreLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altAppStore\" [attr.src]=\"intl().srcAppStore\" />\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlGooglePlay\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"googlePlayLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altGooglePlay\" [attr.src]=\"intl().srcGooglePlay\" />\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mobilePush-containerWrapper{--components-mobilePush-flex-direction: row;--components-mobilePush-content-align-items: center;--components-mobilePush-icon-content-align-items: center;--components-mobilePush-align-gap: var(--pr-t-spacings-100);container:mobilePush/inline-size}.mobilePush{display:flex;align-items:var(--components-mobilePush-icon-content-align-items);gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);font:var(--pr-t-font-body-S);border:var(--commons-divider-width) var(--commons-divider-style) var(--palettes-brand-200);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-brand-50)}.mobilePush-icons{display:grid;grid-template:1fr/1fr;justify-items:center;align-items:center}.mobilePush-icons-front{grid-area:1/1;color:var(--palettes-brand-600);z-index:1;padding-inline-start:.0625rem;padding-block-end:var(--pr-t-spacings-25)}.mobilePush-icons-back{grid-area:1/1}.mobilePush-content{display:flex;flex-direction:var(--components-mobilePush-flex-direction);align-items:var(--components-mobilePush-content-align-items);justify-content:space-between;flex-grow:1;gap:var(--components-mobilePush-align-gap)}.mobilePush-content-downloadApps{display:flex;gap:var(--pr-t-spacings-50)}.mobilePush-content-downloadApps-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer}.mobilePush-content-downloadApps-link-badge{display:block;block-size:1.75rem}}@layer mods{@container mobilePush not (min-width: 30rem){.mobilePush-containerWrapper .mobilePush{--components-mobilePush-flex-direction: column;--components-mobilePush-content-align-items: flex-start;--components-mobilePush-icon-content-align-items: flex-start}}}@layer base{lu-mobile-push{display:contents}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MobilePushComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MobilePushComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-mobile-push', standalone: true, imports: [IconComponent, LuTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"mobilePush-containerWrapper\">\n\t<div class=\"mobilePush\">\n\t\t<div class=\"mobilePush-icons\">\n\t\t\t<lu-icon class=\"mobilePush-icons-front\" icon=\"deviceMobile\" size=\"S\" />\n\t\t\t<img class=\"mobilePush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t\t</div>\n\t\t<div class=\"mobilePush-content\">\n\t\t\t<div class=\"mobilePush-content-description\"><ng-content /></div>\n\t\t\t<div class=\"mobilePush-content-downloadApps\">\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlAppStore\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"appStoreLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altAppStore\" [attr.src]=\"intl().srcAppStore\" />\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlGooglePlay\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"googlePlayLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altGooglePlay\" [attr.src]=\"intl().srcGooglePlay\" />\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mobilePush-containerWrapper{--components-mobilePush-flex-direction: row;--components-mobilePush-content-align-items: center;--components-mobilePush-icon-content-align-items: center;--components-mobilePush-align-gap: var(--pr-t-spacings-100);container:mobilePush/inline-size}.mobilePush{display:flex;align-items:var(--components-mobilePush-icon-content-align-items);gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);font:var(--pr-t-font-body-S);border:var(--commons-divider-width) var(--commons-divider-style) var(--palettes-brand-200);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-brand-50)}.mobilePush-icons{display:grid;grid-template:1fr/1fr;justify-items:center;align-items:center}.mobilePush-icons-front{grid-area:1/1;color:var(--palettes-brand-600);z-index:1;padding-inline-start:.0625rem;padding-block-end:var(--pr-t-spacings-25)}.mobilePush-icons-back{grid-area:1/1}.mobilePush-content{display:flex;flex-direction:var(--components-mobilePush-flex-direction);align-items:var(--components-mobilePush-content-align-items);justify-content:space-between;flex-grow:1;gap:var(--components-mobilePush-align-gap)}.mobilePush-content-downloadApps{display:flex;gap:var(--pr-t-spacings-50)}.mobilePush-content-downloadApps-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer}.mobilePush-content-downloadApps-link-badge{display:block;block-size:1.75rem}}@layer mods{@container mobilePush not (min-width: 30rem){.mobilePush-containerWrapper .mobilePush{--components-mobilePush-flex-direction: column;--components-mobilePush-content-align-items: flex-start;--components-mobilePush-icon-content-align-items: flex-start}}}@layer base{lu-mobile-push{display:contents}}\n"] }]
         }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], appStoreLinkClicked: [{ type: i0.Output, args: ["appStoreLinkClicked"] }], googlePlayLinkClicked: [{ type: i0.Output, args: ["googlePlayLinkClicked"] }] } });

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

@@ -179,10 +179,10 @@ class ALuModalPanelComponent {
     listenComponentValue(selector) {
         return this.doCheck$.pipe(map(selector), distinctUntilChanged(), switchMap((value) => (isObservable(value) ? value : of(value))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ALuModalPanelComponent, deps: [{ token: ALuModalRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.4", type: ALuModalPanelComponent, isStandalone: true, viewQueries: [{ propertyName: "_containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ALuModalPanelComponent, deps: [{ token: ALuModalRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.2.1", type: ALuModalPanelComponent, isStandalone: true, viewQueries: [{ propertyName: "_containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ALuModalPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ALuModalPanelComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: ALuModalRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { _containerRef: [{ type: i0.ViewChild, args: ['container', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
 const panelImports = [A11yModule, AsyncPipe, LuTooltipModule, NgClass];
@@ -190,10 +190,10 @@ class LuModalPanelComponent extends ALuModalPanelComponent {
     constructor(_ref, _elementRef, _renderer) {
         super(_ref, _elementRef, _renderer);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuModalPanelComponent, deps: [{ token: ALuModalRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuModalPanelComponent, isStandalone: true, selector: "lu-modal-panel", host: { classAttribute: "lu-modal-panel" }, usesInheritance: true, ngImport: i0, template: "<div\n\tcdkTrapFocus=\"true\"\n\tcdkTrapFocusAutoCapture=\"true\"\n\trole=\"dialog\"\n\taria-modal=\"true\"\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\n\t[class]=\"modalClasses.panelInner\"\n>\n\t<div [class]=\"modalClasses.panelContainer\" role=\"document\">\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\n\t\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"pr-u-mask\">{{ closeLabel }}</span>\n\t\t\t</button>\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\n\t\t</div>\n\t\t<div class=\"lu-modal-content\">\n\t\t\t<ng-container #container />\n\t\t</div>\n\t\t<div class=\"lu-modal-footer\">\n\t\t\t@if (!isSubmitHidden) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\n\t\t\t\t\t[ngClass]=\"submitClass$ | async\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<label class=\"numericBadge palette-product\">{{ submitCounter$ | async }}</label>\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i3.LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuModalPanelComponent, deps: [{ token: ALuModalRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: LuModalPanelComponent, isStandalone: true, selector: "lu-modal-panel", host: { classAttribute: "lu-modal-panel" }, usesInheritance: true, ngImport: i0, template: "<div\n\tcdkTrapFocus=\"true\"\n\tcdkTrapFocusAutoCapture=\"true\"\n\trole=\"dialog\"\n\taria-modal=\"true\"\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\n\t[class]=\"modalClasses.panelInner\"\n>\n\t<div [class]=\"modalClasses.panelContainer\" role=\"document\">\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\n\t\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"pr-u-mask\">{{ closeLabel }}</span>\n\t\t\t</button>\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\n\t\t</div>\n\t\t<div class=\"lu-modal-content\">\n\t\t\t<ng-container #container />\n\t\t</div>\n\t\t<div class=\"lu-modal-footer\">\n\t\t\t@if (!isSubmitHidden) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\n\t\t\t\t\t[ngClass]=\"submitClass$ | async\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<label class=\"numericBadge palette-product\">{{ submitCounter$ | async }}</label>\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i3.LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuModalPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuModalPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-modal-panel', imports: panelImports, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'lu-modal-panel' }, template: "<div\n\tcdkTrapFocus=\"true\"\n\tcdkTrapFocusAutoCapture=\"true\"\n\trole=\"dialog\"\n\taria-modal=\"true\"\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\n\t[class]=\"modalClasses.panelInner\"\n>\n\t<div [class]=\"modalClasses.panelContainer\" role=\"document\">\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\n\t\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"pr-u-mask\">{{ closeLabel }}</span>\n\t\t\t</button>\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\n\t\t</div>\n\t\t<div class=\"lu-modal-content\">\n\t\t\t<ng-container #container />\n\t\t</div>\n\t\t<div class=\"lu-modal-footer\">\n\t\t\t@if (!isSubmitHidden) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\n\t\t\t\t\t[ngClass]=\"submitClass$ | async\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<label class=\"numericBadge palette-product\">{{ submitCounter$ | async }}</label>\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: ALuModalRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }] });
@@ -201,10 +201,10 @@ class LuModalPanelComponentDefaultCD extends ALuModalPanelComponent {
     constructor(_ref, _elementRef, _renderer) {
         super(_ref, _elementRef, _renderer);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuModalPanelComponentDefaultCD, deps: [{ token: ALuModalRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuModalPanelComponentDefaultCD, isStandalone: true, selector: "lu-modal-panel-default", host: { classAttribute: "lu-modal-panel" }, usesInheritance: true, ngImport: i0, template: "<div\n\tcdkTrapFocus=\"true\"\n\tcdkTrapFocusAutoCapture=\"true\"\n\trole=\"dialog\"\n\taria-modal=\"true\"\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\n\t[class]=\"modalClasses.panelInner\"\n>\n\t<div [class]=\"modalClasses.panelContainer\" role=\"document\">\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\n\t\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"pr-u-mask\">{{ closeLabel }}</span>\n\t\t\t</button>\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\n\t\t</div>\n\t\t<div class=\"lu-modal-content\">\n\t\t\t<ng-container #container />\n\t\t</div>\n\t\t<div class=\"lu-modal-footer\">\n\t\t\t@if (!isSubmitHidden) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\n\t\t\t\t\t[ngClass]=\"submitClass$ | async\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<label class=\"numericBadge palette-product\">{{ submitCounter$ | async }}</label>\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i3.LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuModalPanelComponentDefaultCD, deps: [{ token: ALuModalRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: LuModalPanelComponentDefaultCD, isStandalone: true, selector: "lu-modal-panel-default", host: { classAttribute: "lu-modal-panel" }, usesInheritance: true, ngImport: i0, template: "<div\n\tcdkTrapFocus=\"true\"\n\tcdkTrapFocusAutoCapture=\"true\"\n\trole=\"dialog\"\n\taria-modal=\"true\"\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\n\t[class]=\"modalClasses.panelInner\"\n>\n\t<div [class]=\"modalClasses.panelContainer\" role=\"document\">\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\n\t\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"pr-u-mask\">{{ closeLabel }}</span>\n\t\t\t</button>\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\n\t\t</div>\n\t\t<div class=\"lu-modal-content\">\n\t\t\t<ng-container #container />\n\t\t</div>\n\t\t<div class=\"lu-modal-footer\">\n\t\t\t@if (!isSubmitHidden) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\n\t\t\t\t\t[ngClass]=\"submitClass$ | async\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<label class=\"numericBadge palette-product\">{{ submitCounter$ | async }}</label>\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i3.LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuModalPanelComponentDefaultCD, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuModalPanelComponentDefaultCD, decorators: [{
             type: Component,
             args: [{ selector: 'lu-modal-panel-default', imports: panelImports, changeDetection: ChangeDetectionStrategy.Default, host: { class: 'lu-modal-panel' }, template: "<div\n\tcdkTrapFocus=\"true\"\n\tcdkTrapFocusAutoCapture=\"true\"\n\trole=\"dialog\"\n\taria-modal=\"true\"\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\n\t[class]=\"modalClasses.panelInner\"\n>\n\t<div [class]=\"modalClasses.panelContainer\" role=\"document\">\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\n\t\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"pr-u-mask\">{{ closeLabel }}</span>\n\t\t\t</button>\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\n\t\t</div>\n\t\t<div class=\"lu-modal-content\">\n\t\t\t<ng-container #container />\n\t\t</div>\n\t\t<div class=\"lu-modal-footer\">\n\t\t\t@if (!isSubmitHidden) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\n\t\t\t\t\t[ngClass]=\"submitClass$ | async\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<label class=\"numericBadge palette-product\">{{ submitCounter$ | async }}</label>\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: ALuModalRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }] });
@@ -270,10 +270,10 @@ class LuModalRefFactory {
     forge(component, config) {
         return new LuModalRef(this._overlay, this._injector, component, config, this._applicationRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuModalRefFactory, deps: [{ token: i1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuModalRefFactory }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuModalRefFactory, deps: [{ token: i1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuModalRefFactory }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuModalRefFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuModalRefFactory, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.Overlay }, { type: i0.Injector }] });
 
@@ -360,10 +360,10 @@ class DialogContentAdapterComponent {
         // The instance is now available: replay a check so the header/footer observables emit their first value.
         this.doCheck$.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DialogContentAdapterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: DialogContentAdapterComponent, isStandalone: true, selector: "lu-dialog-content-adapter", viewQueries: [{ propertyName: "contentProjectionRef", first: true, predicate: ["contentProjectionRef"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<lu-dialog>\n\t<lu-dialog-header\n\t\t><h1>{{ title$ | async }}</h1></lu-dialog-header\n\t>\n\t<lu-dialog-content>\n\t\t<ng-container #contentProjectionRef />\n\t</lu-dialog-content>\n\t<lu-dialog-footer>\n\t\t<div class=\"footer-actions\">\n\t\t\t@if (hasSubmit$ | async) {\n\t\t\t\t<button\n\t\t\t\t\tluButton\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t[palette]=\"submitPalette\"\n\t\t\t\t\t[disabled]=\"(submitDisabled$ | async) ?? false\"\n\t\t\t\t\t[class]=\"submitClass()\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<lu-numeric-badge disableTooltip palette=\"product\" [value]=\"(submitCounter$ | async) ?? 0\" />\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button luButton type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</lu-dialog-footer>\n</lu-dialog>\n", dependencies: [{ kind: "component", type: DialogComponent, selector: "lu-dialog", inputs: ["stacked", "fancyIllustration", "fancyIllustrationUrl"] }, { kind: "component", type: DialogHeaderComponent, selector: "lu-dialog-header", inputs: ["intl"] }, { kind: "component", type: DialogContentComponent, selector: "lu-dialog-content" }, { kind: "component", type: DialogFooterComponent, selector: "lu-dialog-footer" }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "disabled", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "component", type: NumericBadgeComponent, selector: "lu-numeric-badge,pr-numeric-badge", inputs: ["value", "size", "palette", "loading", "maxValue", "disableTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogContentAdapterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: DialogContentAdapterComponent, isStandalone: true, selector: "lu-dialog-content-adapter", viewQueries: [{ propertyName: "contentProjectionRef", first: true, predicate: ["contentProjectionRef"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<lu-dialog>\n\t<lu-dialog-header\n\t\t><h1>{{ title$ | async }}</h1></lu-dialog-header\n\t>\n\t<lu-dialog-content>\n\t\t<ng-container #contentProjectionRef />\n\t</lu-dialog-content>\n\t<lu-dialog-footer>\n\t\t<div class=\"footer-actions\">\n\t\t\t@if (hasSubmit$ | async) {\n\t\t\t\t<button\n\t\t\t\t\tluButton\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t[palette]=\"submitPalette\"\n\t\t\t\t\t[disabled]=\"(submitDisabled$ | async) ?? false\"\n\t\t\t\t\t[class]=\"submitClass()\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<lu-numeric-badge disableTooltip palette=\"product\" [value]=\"(submitCounter$ | async) ?? 0\" />\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button luButton type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</lu-dialog-footer>\n</lu-dialog>\n", dependencies: [{ kind: "component", type: DialogComponent, selector: "lu-dialog", inputs: ["stacked", "fancyIllustration", "fancyIllustrationUrl"] }, { kind: "component", type: DialogHeaderComponent, selector: "lu-dialog-header", inputs: ["intl"] }, { kind: "component", type: DialogContentComponent, selector: "lu-dialog-content" }, { kind: "component", type: DialogFooterComponent, selector: "lu-dialog-footer" }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "disabled", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "component", type: NumericBadgeComponent, selector: "lu-numeric-badge,pr-numeric-badge", inputs: ["value", "size", "palette", "loading", "maxValue", "disableTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: DialogContentAdapterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogContentAdapterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-dialog-content-adapter', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, imports: [DialogComponent, DialogHeaderComponent, DialogContentComponent, DialogFooterComponent, AsyncPipe, ButtonComponent, NumericBadgeComponent], template: "<lu-dialog>\n\t<lu-dialog-header\n\t\t><h1>{{ title$ | async }}</h1></lu-dialog-header\n\t>\n\t<lu-dialog-content>\n\t\t<ng-container #contentProjectionRef />\n\t</lu-dialog-content>\n\t<lu-dialog-footer>\n\t\t<div class=\"footer-actions\">\n\t\t\t@if (hasSubmit$ | async) {\n\t\t\t\t<button\n\t\t\t\t\tluButton\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t[palette]=\"submitPalette\"\n\t\t\t\t\t[disabled]=\"(submitDisabled$ | async) ?? false\"\n\t\t\t\t\t[class]=\"submitClass()\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<lu-numeric-badge disableTooltip palette=\"product\" [value]=\"(submitCounter$ | async) ?? 0\" />\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button luButton type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</lu-dialog-footer>\n</lu-dialog>\n" }]
         }], propDecorators: { contentProjectionRef: [{ type: i0.ViewChild, args: ['contentProjectionRef', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
@@ -417,10 +417,10 @@ class LuModal {
         ref.open(data);
         return ref;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuModal, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuModal }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuModal, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuModal }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuModal, decorators: [{
             type: Injectable
         }] });
 
@@ -435,11 +435,11 @@ function provideLuModal() {
  * @deprecated use `OverlayModule, DialogModule` imports && provide `provideLuModal(), LuDialogService` instead
  */
 class LuModalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuModalModule, imports: [OverlayModule, DialogModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuModalModule, providers: [provideLuModal(), LuDialogService], imports: [OverlayModule, DialogModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuModalModule, imports: [OverlayModule, DialogModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuModalModule, providers: [provideLuModal(), LuDialogService], imports: [OverlayModule, DialogModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuModalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuModalModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [OverlayModule, DialogModule],