@lucca-front/ng 21.1.3 → 21.2.0-rc.3

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

@@ -73,11 +73,11 @@ class LuSkipLinksComponent {
         this.#document.location.hash = hash;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LuSkipLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: LuSkipLinksComponent, isStandalone: true, selector: "lu-skip-links", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl().Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl().Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl().Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl().Goto_Content\n\t}}</a>\n</nav>\n", styles: ["@layer components{.skipLinks{position:fixed;list-style-type:none;justify-content:center;display:flex;margin:0;padding:0;z-index:9010;inset:var(--pr-t-spacings-150);inset-block-end:auto}.skipLinks-action{border:0;margin:0;border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-XS);font-weight:var(--pr-t-font-fontWeight-semibold);padding-block:var(--pr-t-spacings-50);padding-inline:var(--pr-t-spacings-100);transition:all var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-600);display:inline-block;position:relative;text-decoration:none;vertical-align:baseline;white-space:nowrap;color:var(--pr-t-color-text-reverse);cursor:pointer}.skipLinks-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.skipLinks-action:not(:focus-visible){border:0;clip: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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: LuSkipLinksComponent, isStandalone: true, selector: "lu-skip-links", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl().Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl().Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl().Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl().Goto_Content\n\t}}</a>\n</nav>\n", styles: ["@layer components{.skipLinks{position:fixed;list-style-type:none;justify-content:center;display:flex;margin:0;padding:0;z-index:9010;inset:var(--pr-t-spacings-150);inset-block-end:auto}.skipLinks-action{border:0;margin:0;border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-XS);font-weight:var(--pr-t-font-fontWeight-semibold);padding-block:var(--pr-t-spacings-50);padding-inline:var(--pr-t-spacings-100);transition:all var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-600);display:inline-block;position:relative;text-decoration:none;vertical-align:baseline;white-space:nowrap;color:var(--pr-t-color-text-reverse);cursor:pointer}.skipLinks-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.skipLinks-action:not(:focus-visible){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: "21.0.8", ngImport: i0, type: LuSkipLinksComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-skip-links', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl().Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl().Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl().Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl().Goto_Content\n\t}}</a>\n</nav>\n", styles: ["@layer components{.skipLinks{position:fixed;list-style-type:none;justify-content:center;display:flex;margin:0;padding:0;z-index:9010;inset:var(--pr-t-spacings-150);inset-block-end:auto}.skipLinks-action{border:0;margin:0;border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-XS);font-weight:var(--pr-t-font-fontWeight-semibold);padding-block:var(--pr-t-spacings-50);padding-inline:var(--pr-t-spacings-100);transition:all var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-600);display:inline-block;position:relative;text-decoration:none;vertical-align:baseline;white-space:nowrap;color:var(--pr-t-color-text-reverse);cursor:pointer}.skipLinks-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.skipLinks-action:not(:focus-visible){border:0;clip: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"] }]
+            args: [{ selector: 'lu-skip-links', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl().Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl().Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl().Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl().Goto_Content\n\t}}</a>\n</nav>\n", styles: ["@layer components{.skipLinks{position:fixed;list-style-type:none;justify-content:center;display:flex;margin:0;padding:0;z-index:9010;inset:var(--pr-t-spacings-150);inset-block-end:auto}.skipLinks-action{border:0;margin:0;border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-XS);font-weight:var(--pr-t-font-fontWeight-semibold);padding-block:var(--pr-t-spacings-50);padding-inline:var(--pr-t-spacings-100);transition:all var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-600);display:inline-block;position:relative;text-decoration:none;vertical-align:baseline;white-space:nowrap;color:var(--pr-t-color-text-reverse);cursor:pointer}.skipLinks-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.skipLinks-action:not(:focus-visible){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"] }]
         }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-a11y.mjs","sources":["../../../packages/ng/a11y/skip-links/translations.ts","../../../packages/ng/a11y/skip-links/skip-links.translate.ts","../../../packages/ng/a11y/skip-links/skip-links.component.ts","../../../packages/ng/a11y/skip-links/skip-links.component.html","../../../packages/ng/a11y/lucca-front-ng-a11y.ts"],"sourcesContent":["export const Translations = {\n\tpt: {\n\t\tGoto: 'Acesso rápido',\n\t\tGoto_Nav_Banner: 'Ir para a navegação principal',\n\t\tGoto_Nav_Navside: 'Ir para a navegação interna',\n\t\tGoto_Content: 'Ir para o conteúdo',\n\t},\n\t'nl-BE': {\n\t\tGoto: 'Snelle toegang',\n\t\tGoto_Nav_Banner: 'Ga naar hoofdnavigatie',\n\t\tGoto_Nav_Navside: 'Ga naar interne navigatie',\n\t\tGoto_Content: 'Ga naar inhoud',\n\t},\n\tnl: {\n\t\tGoto: 'Snelle toegang',\n\t\tGoto_Nav_Banner: 'Ga naar hoofdnavigatie',\n\t\tGoto_Nav_Navside: 'Ga naar interne navigatie',\n\t\tGoto_Content: 'Ga naar inhoud',\n\t},\n\tit: {\n\t\tGoto: 'Accesso rapido',\n\t\tGoto_Nav_Banner: 'Vai alla navigazione principale',\n\t\tGoto_Nav_Navside: 'Vai alla navigazione interna',\n\t\tGoto_Content: 'Vai al contenuto',\n\t},\n\tde: {\n\t\tGoto: 'Schnellzugriff',\n\t\tGoto_Nav_Banner: 'Zur Hauptnavigation',\n\t\tGoto_Nav_Navside: 'Zur internen Navigation',\n\t\tGoto_Content: 'Zum Inhalt',\n\t},\n\tfr: {\n\t\tGoto: 'Accès rapides',\n\t\tGoto_Nav_Banner: 'Aller à la navigation principale',\n\t\tGoto_Nav_Navside: 'Aller à la navigation interne',\n\t\tGoto_Content: 'Aller au contenu',\n\t},\n\tes: {\n\t\tGoto: 'Accesos rápidos',\n\t\tGoto_Nav_Banner: 'Ir a la navegación principal',\n\t\tGoto_Nav_Navside: 'Ir a la navegación interna',\n\t\tGoto_Content: 'Ir al contenido',\n\t},\n\ten: {\n\t\tGoto: 'Quick access',\n\t\tGoto_Nav_Banner: 'Go to the main navigation menu',\n\t\tGoto_Nav_Navside: 'Go to the internal navigation menu',\n\t\tGoto_Content: 'Go to content',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_SKIP_LINKS_TRANSLATIONS = new InjectionToken<LuTranslation<ILuSkipLinksLabel>>('LuModalTranslations', {\n\tfactory: () => luSkipLinksTranslations,\n});\n\nexport interface ILuSkipLinksLabel {\n\tGoto: string;\n\tGoto_Nav_Banner: string;\n\tGoto_Nav_Navside: string;\n\tGoto_Content: string;\n}\nexport abstract class ALuSkipLinksLabel {\n\tGoto: string;\n\tGoto_Nav_Banner: string;\n\tGoto_Nav_Navside: string;\n\tGoto_Content: string;\n}\n\nexport const luSkipLinksTranslations: LuTranslation<ILuSkipLinksLabel> = Translations;\n","import { DOCUMENT } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { LU_SKIP_LINKS_TRANSLATIONS } from './skip-links.translate';\n\n@Component({\n\tselector: 'lu-skip-links',\n\ttemplateUrl: './skip-links.component.html',\n\tstyleUrl: './skip-links.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class LuSkipLinksComponent {\n\t#document = inject(DOCUMENT);\n\n\treadonly intl = input(...intlInputOptions(LU_SKIP_LINKS_TRANSLATIONS));\n\n\tanchor(hash: string, e: Event) {\n\t\te.preventDefault();\n\t\tthis.#document.location.hash = '';\n\t\tthis.#document.location.hash = hash;\n\t}\n}\n","<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl().Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl().Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl().Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl().Goto_Content\n\t}}</a>\n</nav>\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-a11y.mjs","sources":["../../../packages/ng/a11y/skip-links/translations.ts","../../../packages/ng/a11y/skip-links/skip-links.translate.ts","../../../packages/ng/a11y/skip-links/skip-links.component.ts","../../../packages/ng/a11y/skip-links/skip-links.component.html","../../../packages/ng/a11y/lucca-front-ng-a11y.ts"],"sourcesContent":["export const Translations = {\n\tpt: {\n\t\tGoto: 'Acesso rápido',\n\t\tGoto_Nav_Banner: 'Ir para a navegação principal',\n\t\tGoto_Nav_Navside: 'Ir para a navegação interna',\n\t\tGoto_Content: 'Ir para o conteúdo',\n\t},\n\t'nl-BE': {\n\t\tGoto: 'Snelle toegang',\n\t\tGoto_Nav_Banner: 'Ga naar hoofdnavigatie',\n\t\tGoto_Nav_Navside: 'Ga naar interne navigatie',\n\t\tGoto_Content: 'Ga naar inhoud',\n\t},\n\tnl: {\n\t\tGoto: 'Snelle toegang',\n\t\tGoto_Nav_Banner: 'Ga naar hoofdnavigatie',\n\t\tGoto_Nav_Navside: 'Ga naar interne navigatie',\n\t\tGoto_Content: 'Ga naar inhoud',\n\t},\n\tit: {\n\t\tGoto: 'Accesso rapido',\n\t\tGoto_Nav_Banner: 'Vai alla navigazione principale',\n\t\tGoto_Nav_Navside: 'Vai alla navigazione interna',\n\t\tGoto_Content: 'Vai al contenuto',\n\t},\n\tde: {\n\t\tGoto: 'Schnellzugriff',\n\t\tGoto_Nav_Banner: 'Zur Hauptnavigation',\n\t\tGoto_Nav_Navside: 'Zur internen Navigation',\n\t\tGoto_Content: 'Zum Inhalt',\n\t},\n\tfr: {\n\t\tGoto: 'Accès rapides',\n\t\tGoto_Nav_Banner: 'Aller à la navigation principale',\n\t\tGoto_Nav_Navside: 'Aller à la navigation interne',\n\t\tGoto_Content: 'Aller au contenu',\n\t},\n\tes: {\n\t\tGoto: 'Accesos rápidos',\n\t\tGoto_Nav_Banner: 'Ir a la navegación principal',\n\t\tGoto_Nav_Navside: 'Ir a la navegación interna',\n\t\tGoto_Content: 'Ir al contenido',\n\t},\n\ten: {\n\t\tGoto: 'Quick access',\n\t\tGoto_Nav_Banner: 'Go to the main navigation menu',\n\t\tGoto_Nav_Navside: 'Go to the internal navigation menu',\n\t\tGoto_Content: 'Go to content',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_SKIP_LINKS_TRANSLATIONS = new InjectionToken<LuTranslation<ILuSkipLinksLabel>>('LuModalTranslations', {\n\tfactory: () => luSkipLinksTranslations,\n});\n\nexport interface ILuSkipLinksLabel {\n\tGoto: string;\n\tGoto_Nav_Banner: string;\n\tGoto_Nav_Navside: string;\n\tGoto_Content: string;\n}\nexport abstract class ALuSkipLinksLabel {\n\tGoto: string;\n\tGoto_Nav_Banner: string;\n\tGoto_Nav_Navside: string;\n\tGoto_Content: string;\n}\n\nexport const luSkipLinksTranslations: LuTranslation<ILuSkipLinksLabel> = Translations;\n","import { DOCUMENT } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { LU_SKIP_LINKS_TRANSLATIONS } from './skip-links.translate';\n\n@Component({\n\tselector: 'lu-skip-links',\n\ttemplateUrl: './skip-links.component.html',\n\tstyleUrl: './skip-links.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class LuSkipLinksComponent {\n\t#document = inject(DOCUMENT);\n\n\treadonly intl = input(...intlInputOptions(LU_SKIP_LINKS_TRANSLATIONS));\n\n\tanchor(hash: string, e: Event) {\n\t\te.preventDefault();\n\t\tthis.#document.location.hash = '';\n\t\tthis.#document.location.hash = hash;\n\t}\n}\n","<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl().Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl().Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl().Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl().Goto_Content\n\t}}</a>\n</nav>\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-activity-feed.mjs

@@ -0,0 +1,117 @@
+import { DatePipe, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, input, inject, LOCALE_ID, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, booleanAttribute } from '@angular/core';
+import { intlInputOptions, PortalDirective } from '@lucca-front/ng/core';
+import { LuUserPictureComponent } from '@lucca-front/ng/user';
+import { IconComponent } from '@lucca/prisme/icon';
+
+const Translations = {
+    'nl-BE': {
+        replaceByAlt: 'is vervangen door',
+        at: 'tot',
+    },
+    fr: {
+        replaceByAlt: 'à été remplacé par',
+        at: 'à',
+    },
+    de: {
+        replaceByAlt: 'wurde ersetzt durch',
+        at: 'in',
+    },
+    en: {
+        replaceByAlt: 'has been replaced by',
+        at: 'to',
+    },
+    es: {
+        replaceByAlt: 'ha sido sustituido por',
+        at: 'a',
+    },
+    it: {
+        replaceByAlt: 'è stato sostituito da',
+        at: 'a',
+    },
+    nl: {
+        replaceByAlt: 'is vervangen door',
+        at: 'tot',
+    },
+    pt: {
+        replaceByAlt: 'foi substituído por',
+        at: 'à',
+    },
+};
+
+const LU_ACTIVITY_FEED_TRANSLATIONS = new InjectionToken('luActivityFeedTranslations', {
+    factory: () => luActivityFeedTranslations,
+});
+const luActivityFeedTranslations = Translations;
+
+class ActivityFeedStepComponent {
+    constructor() {
+        this.intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : []));
+        this.#locale = inject(LOCALE_ID);
+        this.#intlDateTimeFormat = new Intl.DateTimeFormat(this.#locale, {
+            weekday: 'long',
+            year: 'numeric',
+            month: 'short',
+            day: 'numeric',
+            hour: 'numeric',
+            minute: 'numeric',
+        });
+        this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.user = input.required(...(ngDevMode ? [{ debugName: "user" }] : []));
+        this.date = input(...(ngDevMode ? [undefined, { debugName: "date" }] : []));
+        /**
+         * format given to the date pipe for display.
+         *
+         * See https://angular.dev/api/common/DatePipe#custom-format-options
+         */
+        this.datePipeFormat = input(...(ngDevMode ? [undefined, { debugName: "datePipeFormat" }] : []));
+        this.dateDisplay = computed(() => {
+            const formatted = this.#intlDateTimeFormat.format(this.date());
+            const parts = formatted.split(', ');
+            return `${parts[0].charAt(0).toUpperCase() + parts[0].slice(1)} ${this.intl().at} ${parts[1]}`;
+        }, ...(ngDevMode ? [{ debugName: "dateDisplay" }] : []));
+    }
+    #locale;
+    #intlDateTimeFormat;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ActivityFeedStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: ActivityFeedStepComponent, isStandalone: true, selector: "lu-activity-feed-step", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: true, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, datePipeFormat: { classPropertyName: "datePipeFormat", publicName: "datePipeFormat", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "activityFeed-step" }, ngImport: i0, template: "<div class=\"activityFeed-step-avatar\">\n\t<lu-user-picture size=\"S\" [user]=\"user()\" />\n</div>\n<div class=\"activityFeed-step-description\">\n\t<p class=\"activityFeed-step-description-content\">{{ label() }}</p>\n\t<time class=\"comment-infos-date\" [attr.datetime]=\"date().toISOString()\" class=\"activityFeed-step-description-time\">\n\t\t@if (datePipeFormat()) {\n\t\t\t{{ date() | date: datePipeFormat() }}\n\t\t} @else if (dateDisplay()) {\n\t\t\t<ng-container *luPortal=\"dateDisplay()\" />\n\t\t} @else {\n\t\t\t{{ date() | date: \"fullDate\" }} {{ intl().at }} {{ date() | date: \"shortTime\" }}\n\t\t}\n\t</time>\n\t<div class=\"activityFeed-content\">\n\t\t<ng-content />\n\t</div>\n</div>\n", dependencies: [{ kind: "component", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: ["displayFormat", "user", "AI", "size", "imageLoadingAttribute"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ActivityFeedStepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-activity-feed-step', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [LuUserPictureComponent, DatePipe, PortalDirective], host: {
+                        role: 'listitem',
+                        class: 'activityFeed-step',
+                    }, template: "<div class=\"activityFeed-step-avatar\">\n\t<lu-user-picture size=\"S\" [user]=\"user()\" />\n</div>\n<div class=\"activityFeed-step-description\">\n\t<p class=\"activityFeed-step-description-content\">{{ label() }}</p>\n\t<time class=\"comment-infos-date\" [attr.datetime]=\"date().toISOString()\" class=\"activityFeed-step-description-time\">\n\t\t@if (datePipeFormat()) {\n\t\t\t{{ date() | date: datePipeFormat() }}\n\t\t} @else if (dateDisplay()) {\n\t\t\t<ng-container *luPortal=\"dateDisplay()\" />\n\t\t} @else {\n\t\t\t{{ date() | date: \"fullDate\" }} {{ intl().at }} {{ date() | date: \"shortTime\" }}\n\t\t}\n\t</time>\n\t<div class=\"activityFeed-content\">\n\t\t<ng-content />\n\t</div>\n</div>\n" }]
+        }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], user: [{ type: i0.Input, args: [{ isSignal: true, alias: "user", required: true }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }], datePipeFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "datePipeFormat", required: false }] }] } });
+
+class ActivityFeedUpdateComponent {
+    constructor() {
+        this.intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : []));
+        this.strikethrough = input(false, { ...(ngDevMode ? { debugName: "strikethrough" } : {}), transform: booleanAttribute });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ActivityFeedUpdateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: ActivityFeedUpdateComponent, isStandalone: true, selector: "lu-activity-feed-update", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, strikethrough: { classPropertyName: "strikethrough", publicName: "strikethrough", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "activityFeed-content-update" }, ngImport: i0, template: "<div class=\"activityFeed-content-update-before\">\n\t@if (strikethrough()) {\n\t\t<s><ng-container *ngTemplateOutlet=\"content\" /></s>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t}\n</div>\n<lu-icon class=\"activityFeed-content-update-icon\" size=\"XS\" icon=\"arrowRight\" [alt]=\"intl().replaceByAlt\" />\n<div class=\"activityFeed-content-update-after\">\n\t<ng-content select=\"[activityFeedUpdateAfter]\" />\n</div>\n\n<ng-template #content>\n\t<ng-content select=\"[activityFeedUpdateBefore]\" />\n</ng-template>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { 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: "21.0.8", ngImport: i0, type: ActivityFeedUpdateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-activity-feed-update', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent, NgTemplateOutlet], host: {
+                        class: 'activityFeed-content-update',
+                    }, template: "<div class=\"activityFeed-content-update-before\">\n\t@if (strikethrough()) {\n\t\t<s><ng-container *ngTemplateOutlet=\"content\" /></s>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t}\n</div>\n<lu-icon class=\"activityFeed-content-update-icon\" size=\"XS\" icon=\"arrowRight\" [alt]=\"intl().replaceByAlt\" />\n<div class=\"activityFeed-content-update-after\">\n\t<ng-content select=\"[activityFeedUpdateAfter]\" />\n</div>\n\n<ng-template #content>\n\t<ng-content select=\"[activityFeedUpdateBefore]\" />\n</ng-template>\n" }]
+        }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], strikethrough: [{ type: i0.Input, args: [{ isSignal: true, alias: "strikethrough", required: false }] }] } });
+
+class ActivityFeedComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ActivityFeedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: ActivityFeedComponent, isStandalone: true, selector: "lu-activity-feed", ngImport: i0, template: "<ol class=\"activityFeed\">\n\t<ng-content />\n</ol>\n", styles: ["@layer components{.activityFeed{--components-activityFeed-content-update-display: flex;--components-activityFeed-content-update-icon-display: flex;list-style-type:\"\";padding:0;font:var(--pr-t-font-body-M);color:var(--pr-t-color-text)}.activityFeed-step{position:relative;display:flex;gap:var(--pr-t-spacings-100)}.activityFeed-step:not(:last-child){padding-block-end:var(--pr-t-spacings-200)}.activityFeed-step:not(:last-child):before{content:\"\";inline-size:var(--pr-t-spacings-25);background-color:var(--palettes-neutral-100);position:absolute;inset-block-end:0;border-radius:var(--pr-t-border-radius-full);inset-block-start:calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50));inset-inline-start:calc(var(--pr-t-spacings-200) - var(--pr-t-spacings-25) / 2)}.activityFeed-step-avatar{margin-block:var(--pr-t-spacings-75)}.activityFeed-step-description{flex-grow:1}.activityFeed-step-description-time{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:block}.activityFeed-content-update-icon{display:var(--components-activityFeed-content-update-icon-display)}.activityFeed-content-update{display:var(--components-activityFeed-content-update-display);align-items:center;gap:var(--pr-t-spacings-100)}.activityFeed-content-update-before,.activityFeed-content-update-after{display:flex}.activityFeed-content-update-before:empty,.activityFeed-content-update-after:empty{display:none}.activityFeed-content{margin-block-start:var(--pr-t-spacings-100);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);align-items:flex-start}.activityFeed-content:empty{display:none}}@layer mods{.activityFeed-step-avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}}@layer mods{.activityFeed-content-update:has(.activityFeed-content-update-before:empty,.activityFeed-content-update-after:empty){--components-activityFeed-content-update-icon-display: none}.activityFeed-content-update:has(.activityFeed-content-update-before:empty):has(.activityFeed-content-update-after:empty){--components-activityFeed-content-update-display: none}}lu-activity-feed{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ActivityFeedComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-activity-feed', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ol class=\"activityFeed\">\n\t<ng-content />\n</ol>\n", styles: ["@layer components{.activityFeed{--components-activityFeed-content-update-display: flex;--components-activityFeed-content-update-icon-display: flex;list-style-type:\"\";padding:0;font:var(--pr-t-font-body-M);color:var(--pr-t-color-text)}.activityFeed-step{position:relative;display:flex;gap:var(--pr-t-spacings-100)}.activityFeed-step:not(:last-child){padding-block-end:var(--pr-t-spacings-200)}.activityFeed-step:not(:last-child):before{content:\"\";inline-size:var(--pr-t-spacings-25);background-color:var(--palettes-neutral-100);position:absolute;inset-block-end:0;border-radius:var(--pr-t-border-radius-full);inset-block-start:calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50));inset-inline-start:calc(var(--pr-t-spacings-200) - var(--pr-t-spacings-25) / 2)}.activityFeed-step-avatar{margin-block:var(--pr-t-spacings-75)}.activityFeed-step-description{flex-grow:1}.activityFeed-step-description-time{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:block}.activityFeed-content-update-icon{display:var(--components-activityFeed-content-update-icon-display)}.activityFeed-content-update{display:var(--components-activityFeed-content-update-display);align-items:center;gap:var(--pr-t-spacings-100)}.activityFeed-content-update-before,.activityFeed-content-update-after{display:flex}.activityFeed-content-update-before:empty,.activityFeed-content-update-after:empty{display:none}.activityFeed-content{margin-block-start:var(--pr-t-spacings-100);display:flex;flex-direction:column;gap:var(--pr-t-spacings-100);align-items:flex-start}.activityFeed-content:empty{display:none}}@layer mods{.activityFeed-step-avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}}@layer mods{.activityFeed-content-update:has(.activityFeed-content-update-before:empty,.activityFeed-content-update-after:empty){--components-activityFeed-content-update-icon-display: none}.activityFeed-content-update:has(.activityFeed-content-update-before:empty):has(.activityFeed-content-update-after:empty){--components-activityFeed-content-update-display: none}}lu-activity-feed{display:contents}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActivityFeedComponent, ActivityFeedStepComponent, ActivityFeedUpdateComponent };
+//# sourceMappingURL=lucca-front-ng-activity-feed.mjs.map

package/fesm2022/lucca-front-ng-activity-feed.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucca-front-ng-activity-feed.mjs","sources":["../../../packages/ng/activity-feed/translations.ts","../../../packages/ng/activity-feed/activity-feed.translate.ts","../../../packages/ng/activity-feed/activity-feed-step/activity-feed-step.component.ts","../../../packages/ng/activity-feed/activity-feed-step/activity-feed-step.component.html","../../../packages/ng/activity-feed/activity-feed-update/activity-feed-update.component.ts","../../../packages/ng/activity-feed/activity-feed-update/activity-feed-update.component.html","../../../packages/ng/activity-feed/activity-feed.component.ts","../../../packages/ng/activity-feed/activity-feed.component.html","../../../packages/ng/activity-feed/lucca-front-ng-activity-feed.ts"],"sourcesContent":["export const Translations = {\n\t'nl-BE': {\n\t\treplaceByAlt: 'is vervangen door',\n\t\tat: 'tot',\n\t},\n\tfr: {\n\t\treplaceByAlt: 'à été remplacé par',\n\t\tat: 'à',\n\t},\n\tde: {\n\t\treplaceByAlt: 'wurde ersetzt durch',\n\t\tat: 'in',\n\t},\n\ten: {\n\t\treplaceByAlt: 'has been replaced by',\n\t\tat: 'to',\n\t},\n\tes: {\n\t\treplaceByAlt: 'ha sido sustituido por',\n\t\tat: 'a',\n\t},\n\tit: {\n\t\treplaceByAlt: 'è stato sostituito da',\n\t\tat: 'a',\n\t},\n\tnl: {\n\t\treplaceByAlt: 'is vervangen door',\n\t\tat: 'tot',\n\t},\n\tpt: {\n\t\treplaceByAlt: 'foi substituído por',\n\t\tat: 'à',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_ACTIVITY_FEED_TRANSLATIONS = new InjectionToken('luActivityFeedTranslations', {\n\tfactory: () => luActivityFeedTranslations,\n});\n\nexport interface ActivityFeedTranslate {\n\treplaceByAlt: string;\n\tat: string;\n}\n\nexport const luActivityFeedTranslations: LuTranslation<ActivityFeedTranslate> = Translations;\n","import { DatePipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, inject, input, LOCALE_ID, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions, PortalDirective } from '@lucca-front/ng/core';\nimport { ILuUser, LuUserPictureComponent } from '@lucca-front/ng/user';\nimport { LU_ACTIVITY_FEED_TRANSLATIONS } from '../activity-feed.translate';\n\n@Component({\n\tselector: 'lu-activity-feed-step',\n\ttemplateUrl: './activity-feed-step.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [LuUserPictureComponent, DatePipe, PortalDirective],\n\thost: {\n\t\trole: 'listitem',\n\t\tclass: 'activityFeed-step',\n\t},\n})\nexport class ActivityFeedStepComponent {\n\treadonly intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS));\n\t#locale = inject(LOCALE_ID);\n\t#intlDateTimeFormat = new Intl.DateTimeFormat(this.#locale, {\n\t\tweekday: 'long',\n\t\tyear: 'numeric',\n\t\tmonth: 'short',\n\t\tday: 'numeric',\n\t\thour: 'numeric',\n\t\tminute: 'numeric',\n\t});\n\n\treadonly label = input.required<string>();\n\n\treadonly user = input.required<ILuUser>();\n\n\treadonly date = input<Date>();\n\n\t/**\n\t * format given to the date pipe for display.\n\t *\n\t * See https://angular.dev/api/common/DatePipe#custom-format-options\n\t */\n\treadonly datePipeFormat = input<string>();\n\n\tprotected readonly dateDisplay = computed<string>(() => {\n\t\tconst formatted = this.#intlDateTimeFormat.format(this.date());\n\t\tconst parts = formatted.split(', ');\n\t\treturn `${parts[0].charAt(0).toUpperCase() + parts[0].slice(1)} ${this.intl().at} ${parts[1]}`;\n\t});\n}\n","<div class=\"activityFeed-step-avatar\">\n\t<lu-user-picture size=\"S\" [user]=\"user()\" />\n</div>\n<div class=\"activityFeed-step-description\">\n\t<p class=\"activityFeed-step-description-content\">{{ label() }}</p>\n\t<time class=\"comment-infos-date\" [attr.datetime]=\"date().toISOString()\" class=\"activityFeed-step-description-time\">\n\t\t@if (datePipeFormat()) {\n\t\t\t{{ date() | date: datePipeFormat() }}\n\t\t} @else if (dateDisplay()) {\n\t\t\t<ng-container *luPortal=\"dateDisplay()\" />\n\t\t} @else {\n\t\t\t{{ date() | date: \"fullDate\" }} {{ intl().at }} {{ date() | date: \"shortTime\" }}\n\t\t}\n\t</time>\n\t<div class=\"activityFeed-content\">\n\t\t<ng-content />\n\t</div>\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca/prisme/icon';\nimport { LU_ACTIVITY_FEED_TRANSLATIONS } from '../activity-feed.translate';\n\n@Component({\n\tselector: 'lu-activity-feed-update',\n\ttemplateUrl: './activity-feed-update.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [IconComponent, NgTemplateOutlet],\n\thost: {\n\t\tclass: 'activityFeed-content-update',\n\t},\n})\nexport class ActivityFeedUpdateComponent {\n\treadonly intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS));\n\n\treadonly strikethrough = input(false, { transform: booleanAttribute });\n}\n","<div class=\"activityFeed-content-update-before\">\n\t@if (strikethrough()) {\n\t\t<s><ng-container *ngTemplateOutlet=\"content\" /></s>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t}\n</div>\n<lu-icon class=\"activityFeed-content-update-icon\" size=\"XS\" icon=\"arrowRight\" [alt]=\"intl().replaceByAlt\" />\n<div class=\"activityFeed-content-update-after\">\n\t<ng-content select=\"[activityFeedUpdateAfter]\" />\n</div>\n\n<ng-template #content>\n\t<ng-content select=\"[activityFeedUpdateBefore]\" />\n</ng-template>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-activity-feed',\n\tstyleUrl: './activity-feed.component.scss',\n\ttemplateUrl: './activity-feed.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ActivityFeedComponent {}\n","<ol class=\"activityFeed\">\n\t<ng-content />\n</ol>\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-app-layout.mjs

@@ -6,14 +6,14 @@ class AppLayoutComponent {
         this.mobileNavSideBottom = input(false, { ...(ngDevMode ? { debugName: "mobileNavSideBottom" } : {}), transform: booleanAttribute });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AppLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: AppLayoutComponent, isStandalone: true, selector: "lu-app-layout", inputs: { mobileNavSideBottom: { classPropertyName: "mobileNavSideBottom", publicName: "mobileNavSideBottom", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-mobileNavSideBottom": "mobileNavSideBottom()" }, classAttribute: "appLayout" }, ngImport: i0, template: "<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n", styles: ["@layer components{.appLayout{--components-appLayout-blockSize: 100dvh;--components-appLayout-inlineSize: 100dvw;--components-appLayout-navSide-overflowX: hidden;--components-appLayout-navSide-overflowY: auto;--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"navSide\" auto \"main   \" 1fr;block-size:var(--components-appLayout-blockSize);inline-size:var(--components-appLayout-inlineSize);grid-template:var(--components-appLayout-gridTemplate);display:grid;isolation:isolate}.appLayout-banner{grid-area:banner}.appLayout-banner:empty{display:none}.appLayout-navSide{min-inline-size:0;grid-area:navSide;overflow-y:var(--components-appLayout-navSide-overflowX);overflow-x:var(--components-appLayout-navSide-overflowY)}.appLayout-navSide:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.appLayout-navSide:empty{display:none}.appLayout-main{grid-area:main;overflow:auto}.appLayout-main:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}@media(min-width:50em){.appLayout{--components-appLayout-gridTemplate: \"banner  banner\" var(--commons-banner-height) \"navSide main  \" 1fr / auto 1fr}}}@layer mods{@media not all and (min-width:50em){.appLayout.mod-mobileNavSideBottom{--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"main\" 1fr \"navSide\" auto;--components-appLayout-navSide-overflowX: visible;--components-appLayout-navSide-overflowY: visible}}.appLayout:has(.appLayout-banner:empty),.appLayout:not(:has(.appLayout-banner)){--commons-banner-height: 0px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: AppLayoutComponent, isStandalone: true, selector: "lu-app-layout", inputs: { mobileNavSideBottom: { classPropertyName: "mobileNavSideBottom", publicName: "mobileNavSideBottom", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-mobileNavSideBottom": "mobileNavSideBottom()" }, classAttribute: "appLayout" }, ngImport: i0, template: "<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n", styles: ["@layer components{.appLayout{--components-appLayout-blockSize: 100dvh;--components-appLayout-inlineSize: 100%;--components-appLayout-navSide-overflowX: hidden;--components-appLayout-navSide-overflowY: auto;--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"navSide\" auto \"main   \" 1fr;block-size:var(--components-appLayout-blockSize);inline-size:var(--components-appLayout-inlineSize);grid-template:var(--components-appLayout-gridTemplate);display:grid;isolation:isolate}.appLayout-banner{grid-area:banner}.appLayout-banner:empty{display:none}.appLayout-navSide{min-inline-size:0;grid-area:navSide;overflow-y:var(--components-appLayout-navSide-overflowX);overflow-x:var(--components-appLayout-navSide-overflowY)}.appLayout-navSide:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.appLayout-navSide:empty{display:none}.appLayout-main{grid-area:main;overflow:auto}.appLayout-main:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}@media(min-width:50em){.appLayout{--components-appLayout-gridTemplate: \"banner  banner\" var(--commons-banner-height) \"navSide main  \" 1fr / auto 1fr}}}@layer mods{@media not all and (min-width:50em){.appLayout.mod-mobileNavSideBottom{--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"main\" 1fr \"navSide\" auto;--components-appLayout-navSide-overflowX: visible;--components-appLayout-navSide-overflowY: visible}}.appLayout:has(.appLayout-banner:empty),.appLayout:not(:has(.appLayout-banner)){--commons-banner-height: 0px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: AppLayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-app-layout', encapsulation: ViewEncapsulation.None, host: {
                         class: 'appLayout',
                         '[class.mod-mobileNavSideBottom]': 'mobileNavSideBottom()',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n", styles: ["@layer components{.appLayout{--components-appLayout-blockSize: 100dvh;--components-appLayout-inlineSize: 100dvw;--components-appLayout-navSide-overflowX: hidden;--components-appLayout-navSide-overflowY: auto;--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"navSide\" auto \"main   \" 1fr;block-size:var(--components-appLayout-blockSize);inline-size:var(--components-appLayout-inlineSize);grid-template:var(--components-appLayout-gridTemplate);display:grid;isolation:isolate}.appLayout-banner{grid-area:banner}.appLayout-banner:empty{display:none}.appLayout-navSide{min-inline-size:0;grid-area:navSide;overflow-y:var(--components-appLayout-navSide-overflowX);overflow-x:var(--components-appLayout-navSide-overflowY)}.appLayout-navSide:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.appLayout-navSide:empty{display:none}.appLayout-main{grid-area:main;overflow:auto}.appLayout-main:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}@media(min-width:50em){.appLayout{--components-appLayout-gridTemplate: \"banner  banner\" var(--commons-banner-height) \"navSide main  \" 1fr / auto 1fr}}}@layer mods{@media not all and (min-width:50em){.appLayout.mod-mobileNavSideBottom{--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"main\" 1fr \"navSide\" auto;--components-appLayout-navSide-overflowX: visible;--components-appLayout-navSide-overflowY: visible}}.appLayout:has(.appLayout-banner:empty),.appLayout:not(:has(.appLayout-banner)){--commons-banner-height: 0px}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n", styles: ["@layer components{.appLayout{--components-appLayout-blockSize: 100dvh;--components-appLayout-inlineSize: 100%;--components-appLayout-navSide-overflowX: hidden;--components-appLayout-navSide-overflowY: auto;--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"navSide\" auto \"main   \" 1fr;block-size:var(--components-appLayout-blockSize);inline-size:var(--components-appLayout-inlineSize);grid-template:var(--components-appLayout-gridTemplate);display:grid;isolation:isolate}.appLayout-banner{grid-area:banner}.appLayout-banner:empty{display:none}.appLayout-navSide{min-inline-size:0;grid-area:navSide;overflow-y:var(--components-appLayout-navSide-overflowX);overflow-x:var(--components-appLayout-navSide-overflowY)}.appLayout-navSide:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.appLayout-navSide:empty{display:none}.appLayout-main{grid-area:main;overflow:auto}.appLayout-main:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}@media(min-width:50em){.appLayout{--components-appLayout-gridTemplate: \"banner  banner\" var(--commons-banner-height) \"navSide main  \" 1fr / auto 1fr}}}@layer mods{@media not all and (min-width:50em){.appLayout.mod-mobileNavSideBottom{--components-appLayout-gridTemplate: \"banner \" var(--commons-banner-height) \"main\" 1fr \"navSide\" auto;--components-appLayout-navSide-overflowX: visible;--components-appLayout-navSide-overflowY: visible}}.appLayout:has(.appLayout-banner:empty),.appLayout:not(:has(.appLayout-banner)){--commons-banner-height: 0px}}\n"] }]
         }], propDecorators: { mobileNavSideBottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileNavSideBottom", required: false }] }] } });
 
 /**

package/fesm2022/lucca-front-ng-app-layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-app-layout.mjs","sources":["../../../packages/ng/app-layout/app-layout.component.ts","../../../packages/ng/app-layout/app-layout.component.html","../../../packages/ng/app-layout/lucca-front-ng-app-layout.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-app-layout',\n\tstyleUrl: './app-layout.component.scss',\n\ttemplateUrl: './app-layout.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'appLayout',\n\t\t'[class.mod-mobileNavSideBottom]': 'mobileNavSideBottom()',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AppLayoutComponent {\n\treadonly mobileNavSideBottom = input(false, { transform: booleanAttribute });\n}\n","<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAaa,kBAAkB,CAAA;AAX/B,IAAA,WAAA,GAAA;QAYU,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAC,KAAK,gEAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAC5E,IAAA;8GAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,wWCb/B,8NAGA,EAAA,MAAA,EAAA,CAAA,2lDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDUa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,aAAA,EAGV,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACL,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,iCAAiC,EAAE,uBAAuB;qBAC1D,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8NAAA,EAAA,MAAA,EAAA,CAAA,2lDAAA,CAAA,EAAA;;;AEXhD;;AAEG;;;;"}
+{"version":3,"file":"lucca-front-ng-app-layout.mjs","sources":["../../../packages/ng/app-layout/app-layout.component.ts","../../../packages/ng/app-layout/app-layout.component.html","../../../packages/ng/app-layout/lucca-front-ng-app-layout.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-app-layout',\n\tstyleUrl: './app-layout.component.scss',\n\ttemplateUrl: './app-layout.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'appLayout',\n\t\t'[class.mod-mobileNavSideBottom]': 'mobileNavSideBottom()',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AppLayoutComponent {\n\treadonly mobileNavSideBottom = input(false, { transform: booleanAttribute });\n}\n","<div class=\"appLayout-banner\"><ng-content select=\"[appLayoutBanner]\" /></div>\n<div class=\"appLayout-navSide\"><ng-content select=\"[appLayoutNavSide]\" /></div>\n<div class=\"appLayout-main\"><ng-content /></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAaa,kBAAkB,CAAA;AAX/B,IAAA,WAAA,GAAA;QAYU,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAC,KAAK,gEAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAC5E,IAAA;8GAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,wWCb/B,8NAGA,EAAA,MAAA,EAAA,CAAA,ylDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDUa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,aAAA,EAGV,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACL,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,iCAAiC,EAAE,uBAAuB;qBAC1D,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8NAAA,EAAA,MAAA,EAAA,CAAA,ylDAAA,CAAA,EAAA;;;AEXhD;;AAEG;;;;"}

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

@@ -59,7 +59,7 @@ class BreadcrumbsComponent {
         this.id = `breadcrumbs-title-${nextId++}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: BreadcrumbsComponent, isStandalone: true, selector: "lu-breadcrumbs", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, disableCompact: { classPropertyName: "disableCompact", publicName: "disableCompact", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "isCompact() ? \"presentation\" : \"nav\"", "class.mod-compact": "isCompact()", "attr.aria-describedby": "id" }, classAttribute: "breadcrumbs" }, queries: [{ propertyName: "links", predicate: BreadcrumbsLinkDirective, isSignal: true }], ngImport: i0, template: "<p [attr.id]=\"id\" class=\"pr-u-mask\">{{ intl().breadcrumbs }}</p>\n<ol class=\"breadcrumbs-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"breadcrumbs-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ol>\n", styles: ["@charset \"UTF-8\";@layer components{.breadcrumbs{display:block}.breadcrumbs-list{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.breadcrumbs-list-item{font:var(--pr-t-font-body-S);align-items:center;display:flex}.breadcrumbs-list-item:not(:first-child):before{--icon-content: \"\\e926\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-700);font-size:var(--pr-t-font-body-XS-lineHeight);padding-block:0;padding-inline:var(--pr-t-spacings-50)}.breadcrumbs-list-item-action,.breadcrumbs-list-item>a{color:var(--pr-t-color-text-subtle);transition-duration:var(--commons-animations-durations-fast);transition-property:color;text-decoration:none;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer}.breadcrumbs-list-item-action:before,.breadcrumbs-list-item>a:before{color:var(--palettes-neutral-700)}.breadcrumbs-list-item-action:hover,.breadcrumbs-list-item>a:hover{color:var(--pr-t-color-text-subtle);text-decoration:underline}.breadcrumbs-list-item-action:focus-visible,.breadcrumbs-list-item>a:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-default)}}@layer mods{.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child:last-child,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child+.breadcrumbs-list-item:last-child{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child:first-child .breadcrumbs-list-item-action:before,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child:first-child .breadcrumbs-list-item>a:before,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child+.breadcrumbs-list-item:first-child .breadcrumbs-list-item-action:before,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child+.breadcrumbs-list-item:first-child .breadcrumbs-list-item>a:before{--icon-content: \"\\e9b4\";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;padding-inline-end:var(--pr-t-spacings-50);font-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);text-decoration:none;vertical-align:top}}@layer mods{.breadcrumbs-list-item-action.is-active,.breadcrumbs-list-item-action.active,.breadcrumbs-list-item-action[aria-current=page],.breadcrumbs-list-item>a.is-active,.breadcrumbs-list-item>a.active,.breadcrumbs-list-item>a[aria-current=page]{font-weight:var(--pr-t-font-fontWeight-semibold);text-decoration:none;cursor:default}.breadcrumbs-list-item-action.is-active:hover,.breadcrumbs-list-item-action.active:hover,.breadcrumbs-list-item-action[aria-current=page]:hover,.breadcrumbs-list-item>a.is-active:hover,.breadcrumbs-list-item>a.active:hover,.breadcrumbs-list-item>a[aria-current=page]:hover{outline:none}.breadcrumbs-list-item-action.is-active,.breadcrumbs-list-item-action.is-active:hover,.breadcrumbs-list-item-action.is-active:focus-visible,.breadcrumbs-list-item-action.active,.breadcrumbs-list-item-action.active:hover,.breadcrumbs-list-item-action.active:focus-visible,.breadcrumbs-list-item-action[aria-current=page],.breadcrumbs-list-item-action[aria-current=page]:hover,.breadcrumbs-list-item-action[aria-current=page]:focus-visible,.breadcrumbs-list-item>a.is-active,.breadcrumbs-list-item>a.is-active:hover,.breadcrumbs-list-item>a.is-active:focus-visible,.breadcrumbs-list-item>a.active,.breadcrumbs-list-item>a.active:hover,.breadcrumbs-list-item>a.active:focus-visible,.breadcrumbs-list-item>a[aria-current=page],.breadcrumbs-list-item>a[aria-current=page]:hover,.breadcrumbs-list-item>a[aria-current=page]:focus-visible{outline:none;color:var(--palettes-neutral-700)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: BreadcrumbsComponent, isStandalone: true, selector: "lu-breadcrumbs", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, disableCompact: { classPropertyName: "disableCompact", publicName: "disableCompact", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "isCompact() ? \"presentation\" : \"nav\"", "class.mod-compact": "isCompact()", "attr.aria-describedby": "id" }, classAttribute: "breadcrumbs" }, queries: [{ propertyName: "links", predicate: BreadcrumbsLinkDirective, isSignal: true }], ngImport: i0, template: "<p [attr.id]=\"id\" class=\"pr-u-mask\">{{ intl().breadcrumbs }}</p>\n<ol class=\"breadcrumbs-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"breadcrumbs-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ol>\n", styles: ["@charset \"UTF-8\";@layer components{.breadcrumbs{display:block}.breadcrumbs-list{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.breadcrumbs-list-item{font:var(--pr-t-font-body-S);align-items:center;display:flex}.breadcrumbs-list-item:not(:first-child):before{--icon-content: \"\\e926\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-700);font-size:var(--pr-t-font-body-XS-lineHeight);padding-block:0;padding-inline:var(--pr-t-spacings-50)}.breadcrumbs-list-item-action,.breadcrumbs-list-item>a{color:var(--pr-t-color-text-subtle);transition-duration:var(--commons-animations-durations-fast);transition-property:color;text-decoration:none;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer}.breadcrumbs-list-item-action:before,.breadcrumbs-list-item>a:before{color:var(--palettes-neutral-700)}.breadcrumbs-list-item-action:hover,.breadcrumbs-list-item>a:hover{color:var(--pr-t-color-text-subtle);text-decoration:underline}.breadcrumbs-list-item-action:focus-visible,.breadcrumbs-list-item>a:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-default)}}@layer mods{.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child:last-child,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child+.breadcrumbs-list-item:last-child{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}.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child:first-child .breadcrumbs-list-item-action:before,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child:first-child .breadcrumbs-list-item>a:before,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child+.breadcrumbs-list-item:first-child .breadcrumbs-list-item-action:before,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child+.breadcrumbs-list-item:first-child .breadcrumbs-list-item>a:before{--icon-content: \"\\e9b4\";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;padding-inline-end:var(--pr-t-spacings-50);font-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);text-decoration:none;vertical-align:top}}@layer mods{.breadcrumbs-list-item-action.active,.breadcrumbs-list-item-action.is-active,.breadcrumbs-list-item-action[aria-current=page],.breadcrumbs-list-item>a.active,.breadcrumbs-list-item>a.is-active,.breadcrumbs-list-item>a[aria-current=page]{font-weight:var(--pr-t-font-fontWeight-semibold);text-decoration:none;cursor:default}.breadcrumbs-list-item-action.active:hover,.breadcrumbs-list-item-action.is-active:hover,.breadcrumbs-list-item-action[aria-current=page]:hover,.breadcrumbs-list-item>a.active:hover,.breadcrumbs-list-item>a.is-active:hover,.breadcrumbs-list-item>a[aria-current=page]:hover{outline:none}.breadcrumbs-list-item-action.active,.breadcrumbs-list-item-action.active:hover,.breadcrumbs-list-item-action.active:focus-visible,.breadcrumbs-list-item-action.is-active,.breadcrumbs-list-item-action.is-active:hover,.breadcrumbs-list-item-action.is-active:focus-visible,.breadcrumbs-list-item-action[aria-current=page],.breadcrumbs-list-item-action[aria-current=page]:hover,.breadcrumbs-list-item-action[aria-current=page]:focus-visible,.breadcrumbs-list-item>a.active,.breadcrumbs-list-item>a.active:hover,.breadcrumbs-list-item>a.active:focus-visible,.breadcrumbs-list-item>a.is-active,.breadcrumbs-list-item>a.is-active:hover,.breadcrumbs-list-item>a.is-active:focus-visible,.breadcrumbs-list-item>a[aria-current=page],.breadcrumbs-list-item>a[aria-current=page]:hover,.breadcrumbs-list-item>a[aria-current=page]:focus-visible{outline:none;color:var(--palettes-neutral-700)}}\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: "21.0.8", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
             type: Component,
@@ -68,7 +68,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         '[attr.role]': 'isCompact() ? "presentation" : "nav"',
                         '[class.mod-compact]': 'isCompact()',
                         '[attr.aria-describedby]': 'id',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<p [attr.id]=\"id\" class=\"pr-u-mask\">{{ intl().breadcrumbs }}</p>\n<ol class=\"breadcrumbs-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"breadcrumbs-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ol>\n", styles: ["@charset \"UTF-8\";@layer components{.breadcrumbs{display:block}.breadcrumbs-list{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.breadcrumbs-list-item{font:var(--pr-t-font-body-S);align-items:center;display:flex}.breadcrumbs-list-item:not(:first-child):before{--icon-content: \"\\e926\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-700);font-size:var(--pr-t-font-body-XS-lineHeight);padding-block:0;padding-inline:var(--pr-t-spacings-50)}.breadcrumbs-list-item-action,.breadcrumbs-list-item>a{color:var(--pr-t-color-text-subtle);transition-duration:var(--commons-animations-durations-fast);transition-property:color;text-decoration:none;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer}.breadcrumbs-list-item-action:before,.breadcrumbs-list-item>a:before{color:var(--palettes-neutral-700)}.breadcrumbs-list-item-action:hover,.breadcrumbs-list-item>a:hover{color:var(--pr-t-color-text-subtle);text-decoration:underline}.breadcrumbs-list-item-action:focus-visible,.breadcrumbs-list-item>a:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-default)}}@layer mods{.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child:last-child,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child+.breadcrumbs-list-item:last-child{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child:first-child .breadcrumbs-list-item-action:before,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child:first-child .breadcrumbs-list-item>a:before,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child+.breadcrumbs-list-item:first-child .breadcrumbs-list-item-action:before,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child+.breadcrumbs-list-item:first-child .breadcrumbs-list-item>a:before{--icon-content: \"\\e9b4\";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;padding-inline-end:var(--pr-t-spacings-50);font-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);text-decoration:none;vertical-align:top}}@layer mods{.breadcrumbs-list-item-action.is-active,.breadcrumbs-list-item-action.active,.breadcrumbs-list-item-action[aria-current=page],.breadcrumbs-list-item>a.is-active,.breadcrumbs-list-item>a.active,.breadcrumbs-list-item>a[aria-current=page]{font-weight:var(--pr-t-font-fontWeight-semibold);text-decoration:none;cursor:default}.breadcrumbs-list-item-action.is-active:hover,.breadcrumbs-list-item-action.active:hover,.breadcrumbs-list-item-action[aria-current=page]:hover,.breadcrumbs-list-item>a.is-active:hover,.breadcrumbs-list-item>a.active:hover,.breadcrumbs-list-item>a[aria-current=page]:hover{outline:none}.breadcrumbs-list-item-action.is-active,.breadcrumbs-list-item-action.is-active:hover,.breadcrumbs-list-item-action.is-active:focus-visible,.breadcrumbs-list-item-action.active,.breadcrumbs-list-item-action.active:hover,.breadcrumbs-list-item-action.active:focus-visible,.breadcrumbs-list-item-action[aria-current=page],.breadcrumbs-list-item-action[aria-current=page]:hover,.breadcrumbs-list-item-action[aria-current=page]:focus-visible,.breadcrumbs-list-item>a.is-active,.breadcrumbs-list-item>a.is-active:hover,.breadcrumbs-list-item>a.is-active:focus-visible,.breadcrumbs-list-item>a.active,.breadcrumbs-list-item>a.active:hover,.breadcrumbs-list-item>a.active:focus-visible,.breadcrumbs-list-item>a[aria-current=page],.breadcrumbs-list-item>a[aria-current=page]:hover,.breadcrumbs-list-item>a[aria-current=page]:focus-visible{outline:none;color:var(--palettes-neutral-700)}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<p [attr.id]=\"id\" class=\"pr-u-mask\">{{ intl().breadcrumbs }}</p>\n<ol class=\"breadcrumbs-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"breadcrumbs-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ol>\n", styles: ["@charset \"UTF-8\";@layer components{.breadcrumbs{display:block}.breadcrumbs-list{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.breadcrumbs-list-item{font:var(--pr-t-font-body-S);align-items:center;display:flex}.breadcrumbs-list-item:not(:first-child):before{--icon-content: \"\\e926\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-700);font-size:var(--pr-t-font-body-XS-lineHeight);padding-block:0;padding-inline:var(--pr-t-spacings-50)}.breadcrumbs-list-item-action,.breadcrumbs-list-item>a{color:var(--pr-t-color-text-subtle);transition-duration:var(--commons-animations-durations-fast);transition-property:color;text-decoration:none;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer}.breadcrumbs-list-item-action:before,.breadcrumbs-list-item>a:before{color:var(--palettes-neutral-700)}.breadcrumbs-list-item-action:hover,.breadcrumbs-list-item>a:hover{color:var(--pr-t-color-text-subtle);text-decoration:underline}.breadcrumbs-list-item-action:focus-visible,.breadcrumbs-list-item>a:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-default)}}@layer mods{.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child:last-child,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child+.breadcrumbs-list-item:last-child{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}.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child:first-child .breadcrumbs-list-item-action:before,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child:first-child .breadcrumbs-list-item>a:before,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child+.breadcrumbs-list-item:first-child .breadcrumbs-list-item-action:before,.breadcrumbs.mod-compact .breadcrumbs-list-item:nth-last-child(2):first-child+.breadcrumbs-list-item:first-child .breadcrumbs-list-item>a:before{--icon-content: \"\\e9b4\";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;padding-inline-end:var(--pr-t-spacings-50);font-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);text-decoration:none;vertical-align:top}}@layer mods{.breadcrumbs-list-item-action.active,.breadcrumbs-list-item-action.is-active,.breadcrumbs-list-item-action[aria-current=page],.breadcrumbs-list-item>a.active,.breadcrumbs-list-item>a.is-active,.breadcrumbs-list-item>a[aria-current=page]{font-weight:var(--pr-t-font-fontWeight-semibold);text-decoration:none;cursor:default}.breadcrumbs-list-item-action.active:hover,.breadcrumbs-list-item-action.is-active:hover,.breadcrumbs-list-item-action[aria-current=page]:hover,.breadcrumbs-list-item>a.active:hover,.breadcrumbs-list-item>a.is-active:hover,.breadcrumbs-list-item>a[aria-current=page]:hover{outline:none}.breadcrumbs-list-item-action.active,.breadcrumbs-list-item-action.active:hover,.breadcrumbs-list-item-action.active:focus-visible,.breadcrumbs-list-item-action.is-active,.breadcrumbs-list-item-action.is-active:hover,.breadcrumbs-list-item-action.is-active:focus-visible,.breadcrumbs-list-item-action[aria-current=page],.breadcrumbs-list-item-action[aria-current=page]:hover,.breadcrumbs-list-item-action[aria-current=page]:focus-visible,.breadcrumbs-list-item>a.active,.breadcrumbs-list-item>a.active:hover,.breadcrumbs-list-item>a.active:focus-visible,.breadcrumbs-list-item>a.is-active,.breadcrumbs-list-item>a.is-active:hover,.breadcrumbs-list-item>a.is-active:focus-visible,.breadcrumbs-list-item>a[aria-current=page],.breadcrumbs-list-item>a[aria-current=page]:hover,.breadcrumbs-list-item>a[aria-current=page]:focus-visible{outline:none;color:var(--palettes-neutral-700)}}\n"] }]
         }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], disableCompact: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableCompact", required: false }] }], links: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => BreadcrumbsLinkDirective), { isSignal: true }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-breadcrumbs.mjs","sources":["../../../packages/ng/breadcrumbs/breadcrumbs-link.directive.ts","../../../packages/ng/breadcrumbs/translations.ts","../../../packages/ng/breadcrumbs/breadcrumbs.translate.ts","../../../packages/ng/breadcrumbs/breadcrumbs.component.ts","../../../packages/ng/breadcrumbs/breadcrumbs.component.html","../../../packages/ng/breadcrumbs/lucca-front-ng-breadcrumbs.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n\tselector: '[luBreadcrumbsLink]',\n})\nexport class BreadcrumbsLinkDirective {\n\tpublic template = inject(TemplateRef);\n}\n","export const Translations = {\n\ten: {\n\t\tbreadcrumbs: 'Breadcrumb navigation',\n\t},\n\tde: {\n\t\tbreadcrumbs: 'Roter Faden',\n\t},\n\tfr: {\n\t\tbreadcrumbs: 'Fil d’Ariane',\n\t},\n\tit: {\n\t\tbreadcrumbs: 'Filo di Arianna',\n\t},\n\tnl: {\n\t\tbreadcrumbs: 'Navigatiepad',\n\t},\n\t'nl-BE': {\n\t\tbreadcrumbs: 'Navigatiepad',\n\t},\n\tes: {\n\t\tbreadcrumbs: 'Hilo de Ariadna',\n\t},\n\tpt: {\n\t\tbreadcrumbs: 'Trilho de navegação',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_BREADCRUMBS_TRANSLATIONS = new InjectionToken('LuBreadcrumbsTranslations', {\n\tfactory: () => luBreadcrumbsTranslations,\n});\n\nexport interface LuBreadcrumbsLabel {\n\tbreadcrumbs: string;\n}\n\nexport const luBreadcrumbsTranslations: LuTranslation<LuBreadcrumbsLabel> = Translations;\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChildren, input, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { BreadcrumbsLinkDirective } from './breadcrumbs-link.directive';\nimport { LU_BREADCRUMBS_TRANSLATIONS } from './breadcrumbs.translate';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-breadcrumbs',\n\tstyleUrl: './breadcrumbs.component.scss',\n\ttemplateUrl: './breadcrumbs.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [NgTemplateOutlet],\n\thost: {\n\t\tclass: 'breadcrumbs',\n\t\t'[attr.role]': 'isCompact() ? \"presentation\" : \"nav\"',\n\t\t'[class.mod-compact]': 'isCompact()',\n\t\t'[attr.aria-describedby]': 'id',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbsComponent {\n\treadonly intl = input(...intlInputOptions(LU_BREADCRUMBS_TRANSLATIONS));\n\n\treadonly disableCompact = input(false, { transform: booleanAttribute });\n\n\treadonly links = contentChildren(BreadcrumbsLinkDirective);\n\n\treadonly isCompact = computed(() => this.links().length <= 2 && !this.disableCompact());\n\n\treadonly id = `breadcrumbs-title-${nextId++}`;\n}\n","<p [attr.id]=\"id\" class=\"pr-u-mask\">{{ intl().breadcrumbs }}</p>\n<ol class=\"breadcrumbs-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"breadcrumbs-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ol>\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-breadcrumbs.mjs","sources":["../../../packages/ng/breadcrumbs/breadcrumbs-link.directive.ts","../../../packages/ng/breadcrumbs/translations.ts","../../../packages/ng/breadcrumbs/breadcrumbs.translate.ts","../../../packages/ng/breadcrumbs/breadcrumbs.component.ts","../../../packages/ng/breadcrumbs/breadcrumbs.component.html","../../../packages/ng/breadcrumbs/lucca-front-ng-breadcrumbs.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n\tselector: '[luBreadcrumbsLink]',\n})\nexport class BreadcrumbsLinkDirective {\n\tpublic template = inject(TemplateRef);\n}\n","export const Translations = {\n\ten: {\n\t\tbreadcrumbs: 'Breadcrumb navigation',\n\t},\n\tde: {\n\t\tbreadcrumbs: 'Roter Faden',\n\t},\n\tfr: {\n\t\tbreadcrumbs: 'Fil d’Ariane',\n\t},\n\tit: {\n\t\tbreadcrumbs: 'Filo di Arianna',\n\t},\n\tnl: {\n\t\tbreadcrumbs: 'Navigatiepad',\n\t},\n\t'nl-BE': {\n\t\tbreadcrumbs: 'Navigatiepad',\n\t},\n\tes: {\n\t\tbreadcrumbs: 'Hilo de Ariadna',\n\t},\n\tpt: {\n\t\tbreadcrumbs: 'Trilho de navegação',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_BREADCRUMBS_TRANSLATIONS = new InjectionToken('LuBreadcrumbsTranslations', {\n\tfactory: () => luBreadcrumbsTranslations,\n});\n\nexport interface LuBreadcrumbsLabel {\n\tbreadcrumbs: string;\n}\n\nexport const luBreadcrumbsTranslations: LuTranslation<LuBreadcrumbsLabel> = Translations;\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChildren, input, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { BreadcrumbsLinkDirective } from './breadcrumbs-link.directive';\nimport { LU_BREADCRUMBS_TRANSLATIONS } from './breadcrumbs.translate';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-breadcrumbs',\n\tstyleUrl: './breadcrumbs.component.scss',\n\ttemplateUrl: './breadcrumbs.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [NgTemplateOutlet],\n\thost: {\n\t\tclass: 'breadcrumbs',\n\t\t'[attr.role]': 'isCompact() ? \"presentation\" : \"nav\"',\n\t\t'[class.mod-compact]': 'isCompact()',\n\t\t'[attr.aria-describedby]': 'id',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbsComponent {\n\treadonly intl = input(...intlInputOptions(LU_BREADCRUMBS_TRANSLATIONS));\n\n\treadonly disableCompact = input(false, { transform: booleanAttribute });\n\n\treadonly links = contentChildren(BreadcrumbsLinkDirective);\n\n\treadonly isCompact = computed(() => this.links().length <= 2 && !this.disableCompact());\n\n\treadonly id = `breadcrumbs-title-${nextId++}`;\n}\n","<p [attr.id]=\"id\" class=\"pr-u-mask\">{{ intl().breadcrumbs }}</p>\n<ol class=\"breadcrumbs-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"breadcrumbs-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ol>\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-callout.mjs

@@ -251,11 +251,11 @@ class CalloutPopoverComponent {
         }), ...(ngDevMode ? [{ debugName: "calloutOverlayHeadClasses" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: CalloutPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: CalloutPopoverComponent, isStandalone: true, selector: "lu-callout-popover", inputs: { openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, buttonAlt: { classPropertyName: "buttonAlt", publicName: "buttonAlt", isSignal: true, isRequired: false, transformFunction: null }, headingHiddenIfSingleItem: { classPropertyName: "headingHiddenIfSingleItem", publicName: "headingHiddenIfSingleItem", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "feedbackItems", predicate: CalloutFeedbackItemComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@let calloutIcon = state() | luCalloutIcon: icon();\n\n<button\n\ttype=\"button\"\n\tclass=\"calloutPopover\"\n\t[class]=\"calloutClasses()\"\n\t[luPopover2]=\"overlayContentRef\"\n\t[luPopoverTrigger]=\"'click+hover'\"\n\t[luPopoverOpenDelay]=\"openDelay()\"\n\t[luPopoverCloseDelay]=\"closeDelay()\"\n\t#overlayOriginRef\n>\n\t@if (calloutIcon) {\n\t\t<lu-icon class=\"calloutPopover-icon\" [icon]=\"calloutIcon\" />\n\t}\n\t<span class=\"calloutPopover-content\" aria-hidden=\"true\">{{ buttonLabel() }}</span>\n\t<span class=\"pr-u-mask\">{{ buttonAlt() || buttonLabel() }}</span>\n</button>\n<ng-template #overlayContentRef>\n\t<div class=\"lu-popover-content calloutPopover-overlay\" [class]=\"calloutOverlayClasses()\">\n\t\t@if (calloutIcon) {\n\t\t\t<div class=\"pr-u-flexShrink0\">\n\t\t\t\t<lu-icon class=\"calloutPopover-overlay-icon\" [class]=\"calloutOverlayHeadClasses()\" [icon]=\"calloutIcon\" />\n\t\t\t</div>\n\t\t}\n\t\t<div class=\"pr-u-flexGrow1\">\n\t\t\t@if (heading()) {\n\t\t\t\t@if (!headingHiddenIfSingleItem() || feedbackItems().length !== 1) {\n\t\t\t\t\t<div class=\"calloutPopover-overlay-head\">\n\t\t\t\t\t\t<strong class=\"calloutPopover-overlay-head-title\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"heading()\" />\n\t\t\t\t\t\t</strong>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t\t<div class=\"calloutPopover-overlay-content\">\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.calloutPopover{display:inline-flex;gap:var(--pr-t-spacings-75);align-items:center;padding:var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-50, var(--palettes-neutral-50));border:0;box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));cursor:pointer}.calloutPopover:hover{background-color:var(--palettes-100, var(--palettes-neutral-100))}.calloutPopover:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calloutPopover-content:empty{display:none}.calloutPopover-icon{color:var(--palettes-700, var(--palettes-neutral-700))}.calloutPopover-overlay{max-inline-size:100vw;display:flex;gap:var(--pr-t-spacings-100)}.calloutPopover-overlay:has(.calloutFeedbackList){inline-size:var(--components-calloutPopover-width)}.calloutPopover-overlay-head-title{display:block;font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);padding:0;margin:0;padding-block-end:var(--pr-t-spacings-100);margin-block-end:var(--pr-t-spacings-100);border-block-end:var(--commons-divider-width) solid var(--palettes-neutral-200)}.calloutPopover-overlay-icon{--icon-size: 1.5rem;color:var(--palettes-700, var(--palettes-neutral-700));display:block}.calloutPopover-overlay-content:has(.calloutFeedbackList){margin-block-end:var(--pr-t-spacings-100)}:root{--components-calloutPopover-width: 30rem}}@layer mods{.calloutPopover.mod-S{font:var(--pr-t-font-body-S);padding:var(--pr-t-spacings-75)}.calloutPopover.mod-S .calloutPopover-icon{--icon-size: 1.25rem}.calloutPopover.mod-XS{font:var(--pr-t-font-body-XS);padding-block:var(--pr-t-spacings-25);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-small)}.calloutPopover.mod-XS .calloutPopover-icon{--icon-size: 1rem}}@layer mods{.calloutPopover-overlay.mod-S{--components-calloutPopover-width: 20rem}.calloutPopover-overlay.mod-S .calloutPopover-overlay-icon{--icon-size: 1.25rem}.calloutPopover-overlay.mod-S .calloutPopover-overlay-head-title{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.calloutPopover-overlay.mod-S .calloutFeedbackList{--components-calloutFeedbackList-gap: var(--pr-t-spacings-100);--components-calloutFeedbackList-font: var(--pr-t-font-body-S)}.calloutPopover-overlay.mod-S .calloutFeedbackList .button{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.calloutPopover-overlay.mod-S .calloutFeedbackList .button .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.calloutPopover-overlay.mod-S .calloutFeedbackList .button{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.calloutPopover-overlay.mod-S .calloutFeedbackList{--components-calloutFeedbackList-fontSize: var(--pr-t-font-body-S-fontSize);--components-calloutFeedbackList-lineHeight: var(--pr-t-font-body-S-lineHeight)}.calloutPopover-overlay.mod-iconless .calloutPopover-overlay-icon{display:none}}@layer base{lu-callout-popover{display:inline-flex}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["intl", "luPopover2", "luPopoverPosition", "overlayScrollStrategy", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "pipe", type: CalloutIconPipe, name: "luCalloutIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: CalloutPopoverComponent, isStandalone: true, selector: "lu-callout-popover", inputs: { openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, buttonAlt: { classPropertyName: "buttonAlt", publicName: "buttonAlt", isSignal: true, isRequired: false, transformFunction: null }, headingHiddenIfSingleItem: { classPropertyName: "headingHiddenIfSingleItem", publicName: "headingHiddenIfSingleItem", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "feedbackItems", predicate: CalloutFeedbackItemComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@let calloutIcon = state() | luCalloutIcon: icon();\n\n<button\n\ttype=\"button\"\n\tclass=\"calloutPopover\"\n\t[class]=\"calloutClasses()\"\n\t[luPopover2]=\"overlayContentRef\"\n\t[luPopoverTrigger]=\"'click+hover'\"\n\t[luPopoverOpenDelay]=\"openDelay()\"\n\t[luPopoverCloseDelay]=\"closeDelay()\"\n\t#overlayOriginRef\n>\n\t@if (calloutIcon) {\n\t\t<lu-icon class=\"calloutPopover-icon\" [icon]=\"calloutIcon\" />\n\t}\n\t<span class=\"calloutPopover-content\" aria-hidden=\"true\">{{ buttonLabel() }}</span>\n\t<span class=\"pr-u-mask\">{{ buttonAlt() || buttonLabel() }}</span>\n</button>\n<ng-template #overlayContentRef>\n\t<div class=\"lu-popover-content calloutPopover-overlay\" [class]=\"calloutOverlayClasses()\">\n\t\t@if (calloutIcon) {\n\t\t\t<div class=\"pr-u-flexShrink0\">\n\t\t\t\t<lu-icon class=\"calloutPopover-overlay-icon\" [class]=\"calloutOverlayHeadClasses()\" [icon]=\"calloutIcon\" />\n\t\t\t</div>\n\t\t}\n\t\t<div class=\"pr-u-flexGrow1\">\n\t\t\t@if (heading()) {\n\t\t\t\t@if (!headingHiddenIfSingleItem() || feedbackItems().length !== 1) {\n\t\t\t\t\t<div class=\"calloutPopover-overlay-head\">\n\t\t\t\t\t\t<strong class=\"calloutPopover-overlay-head-title\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"heading()\" />\n\t\t\t\t\t\t</strong>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t\t<div class=\"calloutPopover-overlay-content\">\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.calloutPopover{display:inline-flex;gap:var(--pr-t-spacings-75);align-items:center;padding:var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-50, var(--palettes-neutral-50));border:0;box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));cursor:pointer}.calloutPopover:hover{background-color:var(--palettes-100, var(--palettes-neutral-100))}.calloutPopover:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calloutPopover-content:empty{display:none}.calloutPopover-icon{color:var(--palettes-700, var(--palettes-neutral-700))}.calloutPopover-overlay{inline-size:var(--components-calloutPopover-width);max-inline-size:100vw;display:flex;gap:var(--pr-t-spacings-100)}.calloutPopover-overlay-head-title{display:block;font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);padding:0;margin:0;padding-block-end:var(--pr-t-spacings-100);margin-block-end:var(--pr-t-spacings-100);border-block-end:var(--commons-divider-width) solid var(--palettes-neutral-200)}.calloutPopover-overlay-icon{--icon-size: 1.5rem;color:var(--palettes-700, var(--palettes-neutral-700))}.calloutPopover-overlay-content{margin-block-end:var(--pr-t-spacings-100)}:root{--components-calloutPopover-width: 30rem}}@layer mods{.calloutPopover.mod-S{font:var(--pr-t-font-body-S);padding:var(--pr-t-spacings-75)}.calloutPopover.mod-S .calloutPopover-icon{--icon-size: 1.25rem}.calloutPopover.mod-XS{font:var(--pr-t-font-body-XS);padding-block:var(--pr-t-spacings-25);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-small)}.calloutPopover.mod-XS .calloutPopover-icon{--icon-size: 1rem}}@layer mods{.calloutPopover-overlay.mod-S{--components-calloutPopover-width: 20rem}.calloutPopover-overlay.mod-S .calloutPopover-overlay-icon{--icon-size: 1.25rem}.calloutPopover-overlay.mod-S .calloutPopover-overlay-head-title{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.calloutPopover-overlay.mod-S .calloutFeedbackList{--components-calloutFeedbackList-gap: var(--pr-t-spacings-100);--components-calloutFeedbackList-font: var(--pr-t-font-body-S)}.calloutPopover-overlay.mod-S .calloutFeedbackList .button{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.calloutPopover-overlay.mod-S .calloutFeedbackList .button .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.calloutPopover-overlay.mod-S .calloutFeedbackList .button{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.calloutPopover-overlay.mod-S .calloutFeedbackList{--components-calloutFeedbackList-fontSize: var(--pr-t-font-body-S-fontSize);--components-calloutFeedbackList-lineHeight: var(--pr-t-font-body-S-lineHeight)}.calloutPopover-overlay.mod-iconless .calloutPopover-overlay-icon{display:none}}@layer base{lu-callout-popover{display:inline-flex}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["intl", "luPopover2", "luPopoverPosition", "overlayScrollStrategy", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "pipe", type: CalloutIconPipe, name: "luCalloutIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: CalloutPopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-callout-popover', imports: [IconComponent, PortalDirective, PopoverDirective, CalloutIconPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@let calloutIcon = state() | luCalloutIcon: icon();\n\n<button\n\ttype=\"button\"\n\tclass=\"calloutPopover\"\n\t[class]=\"calloutClasses()\"\n\t[luPopover2]=\"overlayContentRef\"\n\t[luPopoverTrigger]=\"'click+hover'\"\n\t[luPopoverOpenDelay]=\"openDelay()\"\n\t[luPopoverCloseDelay]=\"closeDelay()\"\n\t#overlayOriginRef\n>\n\t@if (calloutIcon) {\n\t\t<lu-icon class=\"calloutPopover-icon\" [icon]=\"calloutIcon\" />\n\t}\n\t<span class=\"calloutPopover-content\" aria-hidden=\"true\">{{ buttonLabel() }}</span>\n\t<span class=\"pr-u-mask\">{{ buttonAlt() || buttonLabel() }}</span>\n</button>\n<ng-template #overlayContentRef>\n\t<div class=\"lu-popover-content calloutPopover-overlay\" [class]=\"calloutOverlayClasses()\">\n\t\t@if (calloutIcon) {\n\t\t\t<div class=\"pr-u-flexShrink0\">\n\t\t\t\t<lu-icon class=\"calloutPopover-overlay-icon\" [class]=\"calloutOverlayHeadClasses()\" [icon]=\"calloutIcon\" />\n\t\t\t</div>\n\t\t}\n\t\t<div class=\"pr-u-flexGrow1\">\n\t\t\t@if (heading()) {\n\t\t\t\t@if (!headingHiddenIfSingleItem() || feedbackItems().length !== 1) {\n\t\t\t\t\t<div class=\"calloutPopover-overlay-head\">\n\t\t\t\t\t\t<strong class=\"calloutPopover-overlay-head-title\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"heading()\" />\n\t\t\t\t\t\t</strong>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t\t<div class=\"calloutPopover-overlay-content\">\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.calloutPopover{display:inline-flex;gap:var(--pr-t-spacings-75);align-items:center;padding:var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-50, var(--palettes-neutral-50));border:0;box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));cursor:pointer}.calloutPopover:hover{background-color:var(--palettes-100, var(--palettes-neutral-100))}.calloutPopover:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calloutPopover-content:empty{display:none}.calloutPopover-icon{color:var(--palettes-700, var(--palettes-neutral-700))}.calloutPopover-overlay{max-inline-size:100vw;display:flex;gap:var(--pr-t-spacings-100)}.calloutPopover-overlay:has(.calloutFeedbackList){inline-size:var(--components-calloutPopover-width)}.calloutPopover-overlay-head-title{display:block;font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);padding:0;margin:0;padding-block-end:var(--pr-t-spacings-100);margin-block-end:var(--pr-t-spacings-100);border-block-end:var(--commons-divider-width) solid var(--palettes-neutral-200)}.calloutPopover-overlay-icon{--icon-size: 1.5rem;color:var(--palettes-700, var(--palettes-neutral-700));display:block}.calloutPopover-overlay-content:has(.calloutFeedbackList){margin-block-end:var(--pr-t-spacings-100)}:root{--components-calloutPopover-width: 30rem}}@layer mods{.calloutPopover.mod-S{font:var(--pr-t-font-body-S);padding:var(--pr-t-spacings-75)}.calloutPopover.mod-S .calloutPopover-icon{--icon-size: 1.25rem}.calloutPopover.mod-XS{font:var(--pr-t-font-body-XS);padding-block:var(--pr-t-spacings-25);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-small)}.calloutPopover.mod-XS .calloutPopover-icon{--icon-size: 1rem}}@layer mods{.calloutPopover-overlay.mod-S{--components-calloutPopover-width: 20rem}.calloutPopover-overlay.mod-S .calloutPopover-overlay-icon{--icon-size: 1.25rem}.calloutPopover-overlay.mod-S .calloutPopover-overlay-head-title{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.calloutPopover-overlay.mod-S .calloutFeedbackList{--components-calloutFeedbackList-gap: var(--pr-t-spacings-100);--components-calloutFeedbackList-font: var(--pr-t-font-body-S)}.calloutPopover-overlay.mod-S .calloutFeedbackList .button{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.calloutPopover-overlay.mod-S .calloutFeedbackList .button .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.calloutPopover-overlay.mod-S .calloutFeedbackList .button{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.calloutPopover-overlay.mod-S .calloutFeedbackList{--components-calloutFeedbackList-fontSize: var(--pr-t-font-body-S-fontSize);--components-calloutFeedbackList-lineHeight: var(--pr-t-font-body-S-lineHeight)}.calloutPopover-overlay.mod-iconless .calloutPopover-overlay-icon{display:none}}@layer base{lu-callout-popover{display:inline-flex}}\n"] }]
+            args: [{ selector: 'lu-callout-popover', imports: [IconComponent, PortalDirective, PopoverDirective, CalloutIconPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@let calloutIcon = state() | luCalloutIcon: icon();\n\n<button\n\ttype=\"button\"\n\tclass=\"calloutPopover\"\n\t[class]=\"calloutClasses()\"\n\t[luPopover2]=\"overlayContentRef\"\n\t[luPopoverTrigger]=\"'click+hover'\"\n\t[luPopoverOpenDelay]=\"openDelay()\"\n\t[luPopoverCloseDelay]=\"closeDelay()\"\n\t#overlayOriginRef\n>\n\t@if (calloutIcon) {\n\t\t<lu-icon class=\"calloutPopover-icon\" [icon]=\"calloutIcon\" />\n\t}\n\t<span class=\"calloutPopover-content\" aria-hidden=\"true\">{{ buttonLabel() }}</span>\n\t<span class=\"pr-u-mask\">{{ buttonAlt() || buttonLabel() }}</span>\n</button>\n<ng-template #overlayContentRef>\n\t<div class=\"lu-popover-content calloutPopover-overlay\" [class]=\"calloutOverlayClasses()\">\n\t\t@if (calloutIcon) {\n\t\t\t<div class=\"pr-u-flexShrink0\">\n\t\t\t\t<lu-icon class=\"calloutPopover-overlay-icon\" [class]=\"calloutOverlayHeadClasses()\" [icon]=\"calloutIcon\" />\n\t\t\t</div>\n\t\t}\n\t\t<div class=\"pr-u-flexGrow1\">\n\t\t\t@if (heading()) {\n\t\t\t\t@if (!headingHiddenIfSingleItem() || feedbackItems().length !== 1) {\n\t\t\t\t\t<div class=\"calloutPopover-overlay-head\">\n\t\t\t\t\t\t<strong class=\"calloutPopover-overlay-head-title\">\n\t\t\t\t\t\t\t<ng-container *luPortal=\"heading()\" />\n\t\t\t\t\t\t</strong>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t\t<div class=\"calloutPopover-overlay-content\">\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.calloutPopover{display:inline-flex;gap:var(--pr-t-spacings-75);align-items:center;padding:var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-50, var(--palettes-neutral-50));border:0;box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));cursor:pointer}.calloutPopover:hover{background-color:var(--palettes-100, var(--palettes-neutral-100))}.calloutPopover:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calloutPopover-content:empty{display:none}.calloutPopover-icon{color:var(--palettes-700, var(--palettes-neutral-700))}.calloutPopover-overlay{inline-size:var(--components-calloutPopover-width);max-inline-size:100vw;display:flex;gap:var(--pr-t-spacings-100)}.calloutPopover-overlay-head-title{display:block;font:var(--pr-t-font-body-M);font-weight:var(--pr-t-font-fontWeight-semibold);padding:0;margin:0;padding-block-end:var(--pr-t-spacings-100);margin-block-end:var(--pr-t-spacings-100);border-block-end:var(--commons-divider-width) solid var(--palettes-neutral-200)}.calloutPopover-overlay-icon{--icon-size: 1.5rem;color:var(--palettes-700, var(--palettes-neutral-700))}.calloutPopover-overlay-content{margin-block-end:var(--pr-t-spacings-100)}:root{--components-calloutPopover-width: 30rem}}@layer mods{.calloutPopover.mod-S{font:var(--pr-t-font-body-S);padding:var(--pr-t-spacings-75)}.calloutPopover.mod-S .calloutPopover-icon{--icon-size: 1.25rem}.calloutPopover.mod-XS{font:var(--pr-t-font-body-XS);padding-block:var(--pr-t-spacings-25);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-small)}.calloutPopover.mod-XS .calloutPopover-icon{--icon-size: 1rem}}@layer mods{.calloutPopover-overlay.mod-S{--components-calloutPopover-width: 20rem}.calloutPopover-overlay.mod-S .calloutPopover-overlay-icon{--icon-size: 1.25rem}.calloutPopover-overlay.mod-S .calloutPopover-overlay-head-title{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold)}.calloutPopover-overlay.mod-S .calloutFeedbackList{--components-calloutFeedbackList-gap: var(--pr-t-spacings-100);--components-calloutFeedbackList-font: var(--pr-t-font-body-S)}.calloutPopover-overlay.mod-S .calloutFeedbackList .button{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.calloutPopover-overlay.mod-S .calloutFeedbackList .button .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.calloutPopover-overlay.mod-S .calloutFeedbackList .button{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.calloutPopover-overlay.mod-S .calloutFeedbackList{--components-calloutFeedbackList-fontSize: var(--pr-t-font-body-S-fontSize);--components-calloutFeedbackList-lineHeight: var(--pr-t-font-body-S-lineHeight)}.calloutPopover-overlay.mod-iconless .calloutPopover-overlay-icon{display:none}}@layer base{lu-callout-popover{display:inline-flex}}\n"] }]
         }], propDecorators: { openDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "openDelay", required: false }] }], closeDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeDelay", required: false }] }], buttonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonLabel", required: false }] }], buttonAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonAlt", required: false }] }], headingHiddenIfSingleItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingHiddenIfSingleItem", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], feedbackItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CalloutFeedbackItemComponent), { ...{ descendants: true }, isSignal: true }] }] } });
 
 const Translations = {