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

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

@@ -1,8 +1,117 @@
-import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { signal, computed, untracked, Injectable, inject, ElementRef, Renderer2, input, linkedSignal, effect, Directive, InjectionToken, DOCUMENT, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 import { intlInputOptions } from '@lucca-front/ng/core';
 
+class SkipLinksService {
+    constructor() {
+        this.#links = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#links" }] : /* istanbul ignore next */ []));
+        this.links = computed(() => {
+            return [...this.#links()].sort((a, b) => {
+                const pos = a.host.compareDocumentPosition(b.host);
+                if (pos & Node.DOCUMENT_POSITION_PRECEDING)
+                    return 1;
+                if (pos & Node.DOCUMENT_POSITION_FOLLOWING)
+                    return -1;
+                return 0;
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "links" }] : /* istanbul ignore next */ []));
+    }
+    #links;
+    register(link) {
+        this.#links.set([...untracked(this.links), link]);
+    }
+    unregister(link) {
+        this.#links.set(untracked(this.#links).filter((l) => l.id !== link.id));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SkipLinksService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SkipLinksService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SkipLinksService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+let nextId = 0;
+class SkipLinkDirective {
+    #service;
+    #host;
+    #renderer;
+    #link;
+    #registeredLink;
+    ngOnDestroy() {
+        if (this.#registeredLink) {
+            this.#service.unregister(this.#registeredLink);
+        }
+    }
+    constructor() {
+        this.#service = inject(SkipLinksService);
+        this.#host = inject(ElementRef);
+        this.#renderer = inject(Renderer2);
+        this.luSkipLinkLabel = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "luSkipLinkLabel" }] : /* istanbul ignore next */ []));
+        this.luSkipLinkTarget = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "luSkipLinkTarget" }] : /* istanbul ignore next */ []));
+        this.linkTarget = linkedSignal(() => this.luSkipLinkTarget(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "linkTarget" }] : /* istanbul ignore next */ []));
+        this.#link = computed(() => {
+            return {
+                label: this.luSkipLinkLabel(),
+                id: this.linkTarget(),
+                host: this.#host.nativeElement,
+            };
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#link" }] : /* istanbul ignore next */ []));
+        this.#registeredLink = null;
+        effect(() => {
+            const link = this.#link();
+            const currentId = this.#host.nativeElement.id;
+            this.#host.nativeElement.classList.add('skipLinks_target');
+            const isFocusable = this.#host.nativeElement.matches('button, a[href], input:not([type="hidden"]), textarea, select, [tabindex]');
+            if (!isFocusable) {
+                this.#renderer.setAttribute(this.#host.nativeElement, 'tabindex', '-1');
+            }
+            if (!currentId && !link.id) {
+                const id = `skipLink${++nextId}`;
+                this.#renderer.setAttribute(this.#host.nativeElement, 'id', id);
+                this.linkTarget.set(id);
+                return;
+            }
+            if (!currentId) {
+                this.#renderer.setAttribute(this.#host.nativeElement, 'id', link.id);
+                if (this.#registeredLink) {
+                    this.#service.unregister(this.#registeredLink);
+                }
+                this.#registeredLink = link;
+                this.#service.register(this.#registeredLink);
+                return;
+            }
+            if (!link.id) {
+                this.linkTarget.set(currentId);
+                return;
+            }
+            if (link.id !== currentId) {
+                console.warn('The ID passed as a parameter to luSkipLinkTarget will overwrite the existing ID on the element.');
+                this.#renderer.setAttribute(this.#host.nativeElement, 'id', link.id);
+            }
+            if (this.#registeredLink) {
+                this.#service.unregister(this.#registeredLink);
+            }
+            this.#registeredLink = link;
+            this.#service.register(this.#registeredLink);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SkipLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: SkipLinkDirective, isStandalone: true, selector: "[luSkipLinkTarget]", inputs: { luSkipLinkLabel: { classPropertyName: "luSkipLinkLabel", publicName: "luSkipLinkLabel", isSignal: true, isRequired: true, transformFunction: null }, luSkipLinkTarget: { classPropertyName: "luSkipLinkTarget", publicName: "luSkipLinkTarget", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SkipLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[luSkipLinkTarget]',
+                }]
+        }], ctorParameters: () => [], propDecorators: { luSkipLinkLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "luSkipLinkLabel", required: true }] }], luSkipLinkTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "luSkipLinkTarget", required: false }] }] } });
+
 const Translations = {
     pt: {
         Goto: 'Acesso rápido',
@@ -52,6 +161,12 @@ const Translations = {
         Goto_Nav_Navside: 'Go to the internal navigation menu',
         Goto_Content: 'Go to content',
     },
+    pl: {
+        Goto: 'Szybki dostęp',
+        Goto_Nav_Banner: 'Przejdź do głównej nawigacji',
+        Goto_Nav_Navside: 'Przejdź do nawigacji wewnętrznej',
+        Goto_Content: 'Przejdź do treści',
+    },
 };
 
 const LU_SKIP_LINKS_TRANSLATIONS = new InjectionToken('LuModalTranslations', {
@@ -63,8 +178,10 @@ const luSkipLinksTranslations = Translations;
 
 class LuSkipLinksComponent {
     constructor() {
+        this.skipLinksService = inject(SkipLinksService);
+        this.intl = input(...intlInputOptions(LU_SKIP_LINKS_TRANSLATIONS), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
         this.#document = inject(DOCUMENT);
-        this.intl = input(...intlInputOptions(LU_SKIP_LINKS_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
     }
     #document;
     anchor(hash, e) {
@@ -72,17 +189,17 @@ class LuSkipLinksComponent {
         this.#document.location.hash = '';
         this.#document.location.hash = hash;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuSkipLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: LuSkipLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", 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 class=\"skipLinks-action\" href=\"#lucca-banner-solutions-container\" (click)=\"anchor('#lucca-banner-solutions-container', $event)\">{{\n\t\tintl().Goto_Nav_Banner\n\t}}</a>\n\t<a class=\"skipLinks-action\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl().Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{ intl().Goto_Content }}</a>\n\n\t@for (link of skipLinksService.links(); track link.id) {\n\t\t<a class=\"skipLinks-action\" [attr.href]=\"`#${link.id}`\" (click)=\"anchor(`#${link.id}`, $event)\">{{ link.label }}</a>\n\t}\n</nav>\n", styles: ["@layer components{.skipLinks{position:fixed;list-style-type:none;justify-content:center;display:flex;flex-direction:column;align-items:center;gap:var(--pr-t-spacings-100);margin:0;padding:0;z-index:9010;inset:var(--pr-t-spacings-150);inset-block-end:auto}.skipLinks_target:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.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.2.14", ngImport: i0, type: LuSkipLinksComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", 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-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"] }]
+            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 class=\"skipLinks-action\" href=\"#lucca-banner-solutions-container\" (click)=\"anchor('#lucca-banner-solutions-container', $event)\">{{\n\t\tintl().Goto_Nav_Banner\n\t}}</a>\n\t<a class=\"skipLinks-action\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl().Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{ intl().Goto_Content }}</a>\n\n\t@for (link of skipLinksService.links(); track link.id) {\n\t\t<a class=\"skipLinks-action\" [attr.href]=\"`#${link.id}`\" (click)=\"anchor(`#${link.id}`, $event)\">{{ link.label }}</a>\n\t}\n</nav>\n", styles: ["@layer components{.skipLinks{position:fixed;list-style-type:none;justify-content:center;display:flex;flex-direction:column;align-items:center;gap:var(--pr-t-spacings-100);margin:0;padding:0;z-index:9010;inset:var(--pr-t-spacings-150);inset-block-end:auto}.skipLinks_target:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.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 }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ALuSkipLinksLabel, LU_SKIP_LINKS_TRANSLATIONS, LuSkipLinksComponent, luSkipLinksTranslations };
+export { ALuSkipLinksLabel, LU_SKIP_LINKS_TRANSLATIONS, LuSkipLinksComponent, SkipLinkDirective, SkipLinksService, luSkipLinksTranslations };
 //# sourceMappingURL=lucca-front-ng-a11y.mjs.map

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/skip-links.service.ts","../../../packages/ng/a11y/skip-links/skip-link.directive.ts","../../../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":["import { computed, Injectable, signal, untracked } from '@angular/core';\nimport { LuSkipLink } from './skip-link';\n\n@Injectable({ providedIn: 'root' })\nexport class SkipLinksService {\n\treadonly #links = signal<LuSkipLink[]>([]);\n\n\treadonly links = computed(() => {\n\t\treturn [...this.#links()].sort((a, b) => {\n\t\t\tconst pos = a.host.compareDocumentPosition(b.host);\n\t\t\tif (pos & Node.DOCUMENT_POSITION_PRECEDING) return 1;\n\t\t\tif (pos & Node.DOCUMENT_POSITION_FOLLOWING) return -1;\n\t\t\treturn 0;\n\t\t});\n\t});\n\n\tregister(link: LuSkipLink) {\n\t\tthis.#links.set([...untracked(this.links), link]);\n\t}\n\n\tunregister(link: LuSkipLink) {\n\t\tthis.#links.set(untracked(this.#links).filter((l) => l.id !== link.id));\n\t}\n}\n","import { computed, Directive, effect, ElementRef, inject, input, linkedSignal, OnDestroy, Renderer2 } from '@angular/core';\nimport { LuSkipLink } from './skip-link';\nimport { SkipLinksService } from './skip-links.service';\n\nlet nextId = 0;\n\n@Directive({\n\tselector: '[luSkipLinkTarget]',\n})\nexport class SkipLinkDirective implements OnDestroy {\n\t#service = inject(SkipLinksService);\n\t#host = inject<ElementRef<HTMLElement>>(ElementRef);\n\t#renderer = inject(Renderer2);\n\n\tlink: LuSkipLink;\n\n\treadonly luSkipLinkLabel = input.required<string>();\n\treadonly luSkipLinkTarget = input<string>('');\n\n\treadonly linkTarget = linkedSignal(() => this.luSkipLinkTarget());\n\n\treadonly #link = computed(() => {\n\t\treturn {\n\t\t\tlabel: this.luSkipLinkLabel(),\n\t\t\tid: this.linkTarget(),\n\t\t\thost: this.#host.nativeElement,\n\t\t};\n\t});\n\n\t#registeredLink: LuSkipLink | null = null;\n\n\tngOnDestroy(): void {\n\t\tif (this.#registeredLink) {\n\t\t\tthis.#service.unregister(this.#registeredLink);\n\t\t}\n\t}\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tconst link = this.#link();\n\t\t\tconst currentId = this.#host.nativeElement.id;\n\n\t\t\tthis.#host.nativeElement.classList.add('skipLinks_target');\n\n\t\t\tconst isFocusable = this.#host.nativeElement.matches('button, a[href], input:not([type=\"hidden\"]), textarea, select, [tabindex]');\n\n\t\t\tif (!isFocusable) {\n\t\t\t\tthis.#renderer.setAttribute(this.#host.nativeElement, 'tabindex', '-1');\n\t\t\t}\n\n\t\t\tif (!currentId && !link.id) {\n\t\t\t\tconst id = `skipLink${++nextId}`;\n\n\t\t\t\tthis.#renderer.setAttribute(this.#host.nativeElement, 'id', id);\n\t\t\t\tthis.linkTarget.set(id);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!currentId) {\n\t\t\t\tthis.#renderer.setAttribute(this.#host.nativeElement, 'id', link.id);\n\n\t\t\t\tif (this.#registeredLink) {\n\t\t\t\t\tthis.#service.unregister(this.#registeredLink);\n\t\t\t\t}\n\t\t\t\tthis.#registeredLink = link;\n\t\t\t\tthis.#service.register(this.#registeredLink);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!link.id) {\n\t\t\t\tthis.linkTarget.set(currentId);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (link.id !== currentId) {\n\t\t\t\tconsole.warn('The ID passed as a parameter to luSkipLinkTarget will overwrite the existing ID on the element.');\n\t\t\t\tthis.#renderer.setAttribute(this.#host.nativeElement, 'id', link.id);\n\t\t\t}\n\n\t\t\tif (this.#registeredLink) {\n\t\t\t\tthis.#service.unregister(this.#registeredLink);\n\t\t\t}\n\n\t\t\tthis.#registeredLink = link;\n\t\t\tthis.#service.register(this.#registeredLink);\n\t\t});\n\t}\n}\n","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\tpl: {\n\t\tGoto: 'Szybki dostęp',\n\t\tGoto_Nav_Banner: 'Przejdź do głównej nawigacji',\n\t\tGoto_Nav_Navside: 'Przejdź do nawigacji wewnętrznej',\n\t\tGoto_Content: 'Przejdź do treści',\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 { ChangeDetectionStrategy, Component, DOCUMENT, inject, input, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { SkipLinksService } from './skip-links.service';\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\tskipLinksService = inject(SkipLinksService);\n\n\treadonly intl = input(...intlInputOptions(LU_SKIP_LINKS_TRANSLATIONS));\n\n\t#document = inject(DOCUMENT);\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 class=\"skipLinks-action\" href=\"#lucca-banner-solutions-container\" (click)=\"anchor('#lucca-banner-solutions-container', $event)\">{{\n\t\tintl().Goto_Nav_Banner\n\t}}</a>\n\t<a class=\"skipLinks-action\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl().Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{ intl().Goto_Content }}</a>\n\n\t@for (link of skipLinksService.links(); track link.id) {\n\t\t<a class=\"skipLinks-action\" [attr.href]=\"`#${link.id}`\" (click)=\"anchor(`#${link.id}`, $event)\">{{ link.label }}</a>\n\t}\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAIa,gBAAgB,CAAA;AAD7B,IAAA,WAAA,GAAA;QAEU,IAAA,CAAA,MAAM,GAAG,MAAM,CAAe,EAAE;mFAAC;AAEjC,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;AAC9B,YAAA,OAAO,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACvC,gBAAA,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC;AAClD,gBAAA,IAAI,GAAG,GAAG,IAAI,CAAC,2BAA2B;AAAE,oBAAA,OAAO,CAAC;AACpD,gBAAA,IAAI,GAAG,GAAG,IAAI,CAAC,2BAA2B;oBAAE,OAAO,CAAC,CAAC;AACrD,gBAAA,OAAO,CAAC;AACT,YAAA,CAAC,CAAC;QACH,CAAC;kFAAC;AASF,IAAA;AAlBS,IAAA,MAAM;AAWf,IAAA,QAAQ,CAAC,IAAgB,EAAA;AACxB,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAClD;AAEA,IAAA,UAAU,CAAC,IAAgB,EAAA;AAC1B,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;IACxE;8GAlBY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cADH,MAAM,EAAA,CAAA,CAAA;;2FACnB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACClC,IAAI,MAAM,GAAG,CAAC;MAKD,iBAAiB,CAAA;AAC7B,IAAA,QAAQ;AACR,IAAA,KAAK;AACL,IAAA,SAAS;AASA,IAAA,KAAK;AAQd,IAAA,eAAe;IAEf,WAAW,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;YACzB,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;QAC/C;IACD;AAEA,IAAA,WAAA,GAAA;AA3BA,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACnC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAA0B,UAAU,CAAC;AACnD,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QAIpB,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,QAAQ;4FAAU;QAC1C,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAS,EAAE;6FAAC;QAEpC,IAAA,CAAA,UAAU,GAAG,YAAY,CAAC,MAAM,IAAI,CAAC,gBAAgB,EAAE;uFAAC;AAExD,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;YAC9B,OAAO;AACN,gBAAA,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE;AAC7B,gBAAA,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE;AACrB,gBAAA,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa;aAC9B;QACF,CAAC;kFAAC;QAEF,IAAA,CAAA,eAAe,GAAsB,IAAI;QASxC,MAAM,CAAC,MAAK;AACX,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;YACzB,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;YAE7C,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC;AAE1D,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,2EAA2E,CAAC;YAEjI,IAAI,CAAC,WAAW,EAAE;AACjB,gBAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,UAAU,EAAE,IAAI,CAAC;YACxE;YAEA,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;AAC3B,gBAAA,MAAM,EAAE,GAAG,CAAA,QAAA,EAAW,EAAE,MAAM,EAAE;AAEhC,gBAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,IAAI,EAAE,EAAE,CAAC;AAC/D,gBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBACvB;YACD;YAEA,IAAI,CAAC,SAAS,EAAE;AACf,gBAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;AAEpE,gBAAA,IAAI,IAAI,CAAC,eAAe,EAAE;oBACzB,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;gBAC/C;AACA,gBAAA,IAAI,CAAC,eAAe,GAAG,IAAI;gBAC3B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC;gBAC5C;YACD;AAEA,YAAA,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;AACb,gBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC;gBAC9B;YACD;AAEA,YAAA,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,EAAE;AAC1B,gBAAA,OAAO,CAAC,IAAI,CAAC,iGAAiG,CAAC;AAC/G,gBAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;YACrE;AAEA,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE;gBACzB,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;YAC/C;AAEA,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI;YAC3B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC;AAC7C,QAAA,CAAC,CAAC;IACH;8GA7EY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,iBAAA;;;ACRM,MAAM,YAAY,GAAG;AAC3B,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,eAAe,EAAE,+BAA+B;AAChD,QAAA,gBAAgB,EAAE,6BAA6B;AAC/C,QAAA,YAAY,EAAE,oBAAoB;AAClC,KAAA;AACD,IAAA,OAAO,EAAE;AACR,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,eAAe,EAAE,wBAAwB;AACzC,QAAA,gBAAgB,EAAE,2BAA2B;AAC7C,QAAA,YAAY,EAAE,gBAAgB;AAC9B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,eAAe,EAAE,wBAAwB;AACzC,QAAA,gBAAgB,EAAE,2BAA2B;AAC7C,QAAA,YAAY,EAAE,gBAAgB;AAC9B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,eAAe,EAAE,iCAAiC;AAClD,QAAA,gBAAgB,EAAE,8BAA8B;AAChD,QAAA,YAAY,EAAE,kBAAkB;AAChC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,eAAe,EAAE,qBAAqB;AACtC,QAAA,gBAAgB,EAAE,yBAAyB;AAC3C,QAAA,YAAY,EAAE,YAAY;AAC1B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,eAAe,EAAE,kCAAkC;AACnD,QAAA,gBAAgB,EAAE,+BAA+B;AACjD,QAAA,YAAY,EAAE,kBAAkB;AAChC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,iBAAiB;AACvB,QAAA,eAAe,EAAE,8BAA8B;AAC/C,QAAA,gBAAgB,EAAE,4BAA4B;AAC9C,QAAA,YAAY,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,eAAe,EAAE,gCAAgC;AACjD,QAAA,gBAAgB,EAAE,oCAAoC;AACtD,QAAA,YAAY,EAAE,eAAe;AAC7B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,eAAe,EAAE,8BAA8B;AAC/C,QAAA,gBAAgB,EAAE,kCAAkC;AACpD,QAAA,YAAY,EAAE,mBAAmB;AACjC,KAAA;CACD;;MCnDY,0BAA0B,GAAG,IAAI,cAAc,CAAmC,qBAAqB,EAAE;AACrH,IAAA,OAAO,EAAE,MAAM,uBAAuB;AACtC,CAAA;MAQqB,iBAAiB,CAAA;AAKtC;AAEM,MAAM,uBAAuB,GAAqC;;MCT5D,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;AAQC,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAElC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,GAAG,gBAAgB,CAAC,0BAA0B,CAAC;iFAAC;AAEtE,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAO5B,IAAA;AAPA,IAAA,SAAS;IAET,MAAM,CAAC,IAAY,EAAE,CAAQ,EAAA;QAC5B,CAAC,CAAC,cAAc,EAAE;QAClB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,GAAG,EAAE;QACjC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI;IACpC;8GAXY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,0MCZjC,4tBAWA,EAAA,MAAA,EAAA,CAAA,wqCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDCa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,mBAGR,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,4tBAAA,EAAA,MAAA,EAAA,CAAA,wqCAAA,CAAA,EAAA;;;AEVtC;;AAEG;;;;"}

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

@@ -1,10 +1,15 @@
-import { DatePipe, NgTemplateOutlet } from '@angular/common';
+import { DatePipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, input, inject, LOCALE_ID, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { intlInputOptions, PortalDirective } from '@lucca-front/ng/core';
 import { LuUserPictureComponent } from '@lucca-front/ng/user';
 import { IconComponent } from '@lucca/prisme/icon';
 
+/**
+ * Available ActivityFeedComponent Types
+ */
+const ACTIVITY_FEED_STEP_STATUS = ['success', 'critical', 'pending'];
+
 const Translations = {
     'nl-BE': {
         replaceByAlt: 'is vervangen door',
@@ -16,10 +21,10 @@ const Translations = {
         replaceByAlt: 'wurde ersetzt durch',
     },
     en: {
-        replaceByAlt: 'has been replaced by',
+        replaceByAlt: 'was replaced by',
     },
     es: {
-        replaceByAlt: 'ha sido sustituido por',
+        replaceByAlt: 'se ha sustituido por',
     },
     it: {
         replaceByAlt: 'è stato sostituito da',
@@ -30,6 +35,9 @@ const Translations = {
     pt: {
         replaceByAlt: 'foi substituído por',
     },
+    pl: {
+        replaceByAlt: 'został zastąpiony przez',
+    },
 };
 
 const LU_ACTIVITY_FEED_TRANSLATIONS = new InjectionToken('luActivityFeedTranslations', {
@@ -39,7 +47,8 @@ const luActivityFeedTranslations = Translations;
 
 class ActivityFeedStepComponent {
     constructor() {
-        this.intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
+        this.intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
         this.#locale = inject(LOCALE_ID);
         this.#intlDateTimeFormat = new Intl.DateTimeFormat(this.#locale, {
             weekday: 'long',
@@ -49,37 +58,44 @@ class ActivityFeedStepComponent {
             hour: 'numeric',
             minute: 'numeric',
         });
-        this.label = input(null, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        this.user = input(null, ...(ngDevMode ? [{ debugName: "user" }] : /* istanbul ignore next */ []));
-        this.status = input(null, ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
-        this.date = input(null, ...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
+        this.label = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.user = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "user" }] : /* istanbul ignore next */ []));
+        this.status = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+        this.date = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
         this.preparedDate = computed(() => {
             const date = this.date();
             if (typeof date === 'string') {
                 return new Date(date);
             }
             return date;
-        }, ...(ngDevMode ? [{ debugName: "preparedDate" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "preparedDate" }] : /* istanbul ignore next */ []));
         /**
          * 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" }] : /* istanbul ignore next */ []));
+        this.datePipeFormat = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "datePipeFormat" }] : /* istanbul ignore next */ []));
         this.dateDisplay = computed(() => {
             const date = this.preparedDate();
             if (!date) {
                 return null;
             }
             return this.#intlDateTimeFormat.format(date);
-        }, ...(ngDevMode ? [{ debugName: "dateDisplay" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dateDisplay" }] : /* istanbul ignore next */ []));
     }
     #locale;
     #intlDateTimeFormat;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ActivityFeedStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", 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: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, 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" }, properties: { "class.mod-pending": "status() === \"pending\"" }, classAttribute: "activityFeed-step" }, ngImport: i0, template: "@if (status() === \"critical\" || status() === \"success\") {\n\t<div class=\"activityFeed-step-state\" [class.mod-critical]=\"status() === 'critical'\" [class.mod-success]=\"status() === 'success'\"></div>\n} @else {\n\t@if (user()) {\n\t\t<div class=\"activityFeed-step-avatar\">\n\t\t\t<lu-user-picture size=\"S\" [user]=\"user()\" />\n\t\t</div>\n\t}\n}\n<div class=\"activityFeed-step-description\">\n\t@if (label()) {\n\t\t<p class=\"activityFeed-step-description-content\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t</p>\n\t}\n\t@if (date()) {\n\t\t<time class=\"comment-infos-date activityFeed-step-description-time\" [attr.datetime]=\"preparedDate().toISOString()\">\n\t\t\t@if (datePipeFormat()) {\n\t\t\t\t{{ date() | date: datePipeFormat() }}\n\t\t\t} @else {\n\t\t\t\t{{ dateDisplay() }}\n\t\t\t}\n\t\t</time>\n\t}\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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ActivityFeedStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", 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: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, 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" }, properties: { "class.mod-pending": "status() === \"pending\"" }, classAttribute: "activityFeed-step" }, ngImport: i0, template: "@if (status() === \"critical\" || status() === \"success\") {\n\t<div class=\"activityFeed-step-state\" [class.mod-critical]=\"status() === 'critical'\" [class.mod-success]=\"status() === 'success'\"></div>\n} @else {\n\t@if (user()) {\n\t\t<div class=\"activityFeed-step-avatar\">\n\t\t\t<lu-user-picture size=\"S\" [user]=\"user()\" />\n\t\t</div>\n\t}\n}\n<div class=\"activityFeed-step-description\">\n\t@if (label()) {\n\t\t<p class=\"activityFeed-step-description-content\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t</p>\n\t}\n\t@if (date()) {\n\t\t<time class=\"comment-infos-date activityFeed-step-description-time\" [attr.datetime]=\"preparedDate().toISOString()\">\n\t\t\t@if (datePipeFormat()) {\n\t\t\t\t{{ date() | date: datePipeFormat() }}\n\t\t\t} @else {\n\t\t\t\t{{ dateDisplay() }}\n\t\t\t}\n\t\t</time>\n\t}\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", "placeholder", "softRounded", "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.2.14", ngImport: i0, type: ActivityFeedStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", 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',
@@ -88,32 +104,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     }, template: "@if (status() === \"critical\" || status() === \"success\") {\n\t<div class=\"activityFeed-step-state\" [class.mod-critical]=\"status() === 'critical'\" [class.mod-success]=\"status() === 'success'\"></div>\n} @else {\n\t@if (user()) {\n\t\t<div class=\"activityFeed-step-avatar\">\n\t\t\t<lu-user-picture size=\"S\" [user]=\"user()\" />\n\t\t</div>\n\t}\n}\n<div class=\"activityFeed-step-description\">\n\t@if (label()) {\n\t\t<p class=\"activityFeed-step-description-content\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t</p>\n\t}\n\t@if (date()) {\n\t\t<time class=\"comment-infos-date activityFeed-step-description-time\" [attr.datetime]=\"preparedDate().toISOString()\">\n\t\t\t@if (datePipeFormat()) {\n\t\t\t\t{{ date() | date: datePipeFormat() }}\n\t\t\t} @else {\n\t\t\t\t{{ dateDisplay() }}\n\t\t\t}\n\t\t</time>\n\t}\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: false }] }], user: [{ type: i0.Input, args: [{ isSignal: true, alias: "user", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }], datePipeFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "datePipeFormat", required: false }] }] } });
 
-class ActivityFeedUpdateComponent {
+class ActivityFeedUpdateItemComponent {
     constructor() {
-        this.intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
+        this.#locale = inject(LOCALE_ID);
+        this.intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
+        this.label = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.colonDisplay = computed(() => {
+            if (this.#locale === 'fr') {
+                return ' :';
+            }
+            return ':';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "colonDisplay" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ActivityFeedUpdateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: ActivityFeedUpdateComponent, isStandalone: true, selector: "lu-activity-feed-update", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "activityFeed-content-update" }, ngImport: i0, template: "<div class=\"activityFeed-content-update-before\">\n\t<ng-container *ngTemplateOutlet=\"content\" />\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 }); }
+    #locale;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ActivityFeedUpdateItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: ActivityFeedUpdateItemComponent, isStandalone: true, selector: "lu-activity-feed-update-item", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "listitem" }, classAttribute: "activityFeed-content-update-item" }, ngImport: i0, template: "<div class=\"activityFeed-content-update-item-object\">\n\t{{ label() }}\n\t{{ colonDisplay() }}\n</div>\n<div class=\"activityFeed-content-update-item-before\">\n\t<ng-content select=\"[activityFeedUpdateBefore]\" />\n</div>\n<lu-icon class=\"activityFeed-content-update-item-icon\" size=\"XS\" icon=\"arrowRight\" [alt]=\"intl().replaceByAlt\" />\n<div class=\"activityFeed-content-update-item-after\">\n\t<ng-content select=\"[activityFeedUpdateAfter]\" />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ActivityFeedUpdateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ActivityFeedUpdateItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-activity-feed-update', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent, NgTemplateOutlet], host: {
+            args: [{ selector: 'lu-activity-feed-update-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], host: {
+                        role: 'listitem',
+                        class: 'activityFeed-content-update-item',
+                    }, template: "<div class=\"activityFeed-content-update-item-object\">\n\t{{ label() }}\n\t{{ colonDisplay() }}\n</div>\n<div class=\"activityFeed-content-update-item-before\">\n\t<ng-content select=\"[activityFeedUpdateBefore]\" />\n</div>\n<lu-icon class=\"activityFeed-content-update-item-icon\" size=\"XS\" icon=\"arrowRight\" [alt]=\"intl().replaceByAlt\" />\n<div class=\"activityFeed-content-update-item-after\">\n\t<ng-content select=\"[activityFeedUpdateAfter]\" />\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 }] }] } });
+
+class ActivityFeedUpdateComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ActivityFeedUpdateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: ActivityFeedUpdateComponent, isStandalone: true, selector: "lu-activity-feed-update", host: { attributes: { "role": "list" }, classAttribute: "activityFeed-content-update" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ActivityFeedUpdateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lu-activity-feed-update',
+                    template: '<ng-content />',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
                         class: 'activityFeed-content-update',
-                    }, template: "<div class=\"activityFeed-content-update-before\">\n\t<ng-container *ngTemplateOutlet=\"content\" />\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 }] }] } });
+                        role: 'list',
+                    },
+                }]
+        }] });
 
 class ActivityFeedComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ActivityFeedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: ActivityFeedComponent, isStandalone: true, selector: "lu-activity-feed", ngImport: i0, template: "<ol class=\"activityFeed\">\n\t<ng-content />\n</ol>\n", styles: ["@charset \"UTF-8\";@layer components{.activityFeed{--components-activityFeed-content-update-display: flex;--components-activityFeed-content-update-icon-display: flex;--components-activityFeed-step-description-alignSelf: auto;--components-activityFeed-step-description-fontStyle: normal;--components-activityFeed-step-description-color: inherit;--components-activityFeed-step-description-lineHeight: inherit;--components-activityFeed-step-before-insetBlockStart: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50));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:var(--components-activityFeed-step-before-insetBlockStart);inset-inline-start:calc(var(--pr-t-spacings-200) - var(--pr-t-spacings-25) / 2)}.activityFeed-step-state,.activityFeed-step-avatar{margin-block:var(--pr-t-spacings-75)}.activityFeed-step-state{inline-size:var(--pr-t-spacings-400);block-size:var(--pr-t-spacings-400);border-radius:var(--pr-t-border-radius-full);position:relative;background-color:var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-step-state:before{color:var(--palettes-700, var(--palettes-neutral-700));font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute;text-align:center}.activityFeed-step-description{flex-grow:1;align-self:var(--components-activityFeed-step-description-alignSelf);font-style:var(--components-activityFeed-step-description-fontStyle);color:var(--components-activityFeed-step-description-color);line-height:var(--components-activityFeed-step-description-lineHeight)}.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 .readMore{--components-readMore-link-insetBlockEnd: 0;--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-sunken)}}@layer mods{.activityFeed-content>.button:only-child{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.activityFeed-content>.button:only-child:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.activityFeed-content>.button:only-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-content>.button:only-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.activityFeed-content>.button:only-child:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.activityFeed-step-avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.activityFeed-step-state.mod-success{--palettes-text: var(--palettes-success-text);--palettes-0: var(--palettes-success-0);--palettes-25: var(--palettes-success-25);--palettes-50: var(--palettes-success-50);--palettes-100: var(--palettes-success-100);--palettes-200: var(--palettes-success-200);--palettes-300: var(--palettes-success-300);--palettes-400: var(--palettes-success-400);--palettes-500: var(--palettes-success-500);--palettes-600: var(--palettes-success-600);--palettes-700: var(--palettes-success-700);--palettes-800: var(--palettes-success-800);--palettes-900: var(--palettes-success-900)}.activityFeed-step-state.mod-success:before{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}.activityFeed-step-state.mod-critical{--palettes-text: var(--palettes-critical-text);--palettes-0: var(--palettes-critical-0);--palettes-25: var(--palettes-critical-25);--palettes-50: var(--palettes-critical-50);--palettes-100: var(--palettes-critical-100);--palettes-200: var(--palettes-critical-200);--palettes-300: var(--palettes-critical-300);--palettes-400: var(--palettes-critical-400);--palettes-500: var(--palettes-critical-500);--palettes-600: var(--palettes-critical-600);--palettes-700: var(--palettes-critical-700);--palettes-800: var(--palettes-critical-800);--palettes-900: var(--palettes-critical-900)}.activityFeed-step-state.mod-critical:before{--icon-content: \"\\e9bf\";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}.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}.activityFeed-step.mod-pending{--components-activityFeed-step-description-alignSelf: center;--components-activityFeed-step-description-fontStyle: italic;--components-activityFeed-step-description-color: var(--pr-t-color-text-subtle);--components-activityFeed-step-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.activityFeed-step:has(.activityFeed-content>.button:only-child){--components-activityFeed-step-before-insetBlockStart: var(--pr-t-spacings-700)}}lu-activity-feed{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ActivityFeedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: ActivityFeedComponent, isStandalone: true, selector: "lu-activity-feed", ngImport: i0, template: "<ol class=\"activityFeed\">\n\t<ng-content />\n</ol>\n", styles: ["@charset \"UTF-8\";@layer components{.activityFeed{--components-activityFeed-content-update-item-display: flex;--components-activityFeed-content-update-item-icon-display: flex;--components-activityFeed-step-description-alignSelf: auto;--components-activityFeed-step-description-fontStyle: normal;--components-activityFeed-step-description-color: inherit;--components-activityFeed-step-description-lineHeight: inherit;--components-activityFeed-step-before-insetBlockStart: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50));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:var(--components-activityFeed-step-before-insetBlockStart);inset-inline-start:calc(var(--pr-t-spacings-200) - var(--pr-t-spacings-25) / 2)}.activityFeed-step-state,.activityFeed-step-avatar{margin-block:var(--pr-t-spacings-75)}.activityFeed-step-state{inline-size:var(--pr-t-spacings-400);block-size:var(--pr-t-spacings-400);border-radius:var(--pr-t-border-radius-full);position:relative;background-color:var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-step-state:before{color:var(--palettes-700, var(--palettes-neutral-700));font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute;text-align:center}.activityFeed-step-description{flex-grow:1;align-self:var(--components-activityFeed-step-description-alignSelf);font-style:var(--components-activityFeed-step-description-fontStyle);color:var(--components-activityFeed-step-description-color);line-height:var(--components-activityFeed-step-description-lineHeight)}.activityFeed-step-description-time{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:block}.activityFeed-content-update-item-icon{display:var(--components-activityFeed-content-update-item-icon-display)}.activityFeed-content-update{margin:0;padding:0;list-style-type:none;padding:var(--pr-t-spacings-100) var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-structure);border:1px solid var(--pr-t-color-input-border);display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.activityFeed-content-update-item{display:var(--components-activityFeed-content-update-item-display);align-items:center;gap:var(--pr-t-spacings-75);min-block-size:var(--pr-t-spacings-300)}.activityFeed-content-update-item-object{margin-inline-end:calc(var(--pr-t-spacings-75) * -1);color:var(--pr-t-color-text-subtle);display:flex}.activityFeed-content-update-item-object:after{content:\"\\a0\"}.activityFeed-content-update-item-object:empty{display:none}.activityFeed-content-update-item-before,.activityFeed-content-update-item-after{display:flex}.activityFeed-content-update-item-before:empty,.activityFeed-content-update-item-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 .readMore{--components-readMore-link-insetBlockEnd: 0;--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-sunken)}}@layer mods{.activityFeed-content>.button:only-child{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.activityFeed-content>.button:only-child:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.activityFeed-content>.button:only-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-content>.button:only-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.activityFeed-content>.button:only-child:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.activityFeed-step-avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.activityFeed-step-state.mod-success{--palettes-text: var(--palettes-success-text);--palettes-0: var(--palettes-success-0);--palettes-25: var(--palettes-success-25);--palettes-50: var(--palettes-success-50);--palettes-100: var(--palettes-success-100);--palettes-200: var(--palettes-success-200);--palettes-300: var(--palettes-success-300);--palettes-400: var(--palettes-success-400);--palettes-500: var(--palettes-success-500);--palettes-600: var(--palettes-success-600);--palettes-700: var(--palettes-success-700);--palettes-800: var(--palettes-success-800);--palettes-900: var(--palettes-success-900)}.activityFeed-step-state.mod-success:before{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}.activityFeed-step-state.mod-critical{--palettes-text: var(--palettes-critical-text);--palettes-0: var(--palettes-critical-0);--palettes-25: var(--palettes-critical-25);--palettes-50: var(--palettes-critical-50);--palettes-100: var(--palettes-critical-100);--palettes-200: var(--palettes-critical-200);--palettes-300: var(--palettes-critical-300);--palettes-400: var(--palettes-critical-400);--palettes-500: var(--palettes-critical-500);--palettes-600: var(--palettes-critical-600);--palettes-700: var(--palettes-critical-700);--palettes-800: var(--palettes-critical-800);--palettes-900: var(--palettes-critical-900)}.activityFeed-step-state.mod-critical:before{--icon-content: \"\\e9bf\";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}.activityFeed-content-update-item:has(.activityFeed-content-update-item-before:empty,.activityFeed-content-update-item-after:empty){--components-activityFeed-content-update-item-icon-display: none}.activityFeed-content-update-item:has(.activityFeed-content-update-item-before:empty):has(.activityFeed-content-update-item-after:empty){--components-activityFeed-content-update-item-display: none}.activityFeed-step.mod-pending{--components-activityFeed-step-description-alignSelf: center;--components-activityFeed-step-description-fontStyle: italic;--components-activityFeed-step-description-color: var(--pr-t-color-text-subtle);--components-activityFeed-step-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.activityFeed-step:has(.activityFeed-content>.button:only-child){--components-activityFeed-step-before-insetBlockStart: var(--pr-t-spacings-700)}}lu-activity-feed{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ActivityFeedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", 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: ["@charset \"UTF-8\";@layer components{.activityFeed{--components-activityFeed-content-update-display: flex;--components-activityFeed-content-update-icon-display: flex;--components-activityFeed-step-description-alignSelf: auto;--components-activityFeed-step-description-fontStyle: normal;--components-activityFeed-step-description-color: inherit;--components-activityFeed-step-description-lineHeight: inherit;--components-activityFeed-step-before-insetBlockStart: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50));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:var(--components-activityFeed-step-before-insetBlockStart);inset-inline-start:calc(var(--pr-t-spacings-200) - var(--pr-t-spacings-25) / 2)}.activityFeed-step-state,.activityFeed-step-avatar{margin-block:var(--pr-t-spacings-75)}.activityFeed-step-state{inline-size:var(--pr-t-spacings-400);block-size:var(--pr-t-spacings-400);border-radius:var(--pr-t-border-radius-full);position:relative;background-color:var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-step-state:before{color:var(--palettes-700, var(--palettes-neutral-700));font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute;text-align:center}.activityFeed-step-description{flex-grow:1;align-self:var(--components-activityFeed-step-description-alignSelf);font-style:var(--components-activityFeed-step-description-fontStyle);color:var(--components-activityFeed-step-description-color);line-height:var(--components-activityFeed-step-description-lineHeight)}.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 .readMore{--components-readMore-link-insetBlockEnd: 0;--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-sunken)}}@layer mods{.activityFeed-content>.button:only-child{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.activityFeed-content>.button:only-child:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.activityFeed-content>.button:only-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-content>.button:only-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.activityFeed-content>.button:only-child:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.activityFeed-step-avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.activityFeed-step-state.mod-success{--palettes-text: var(--palettes-success-text);--palettes-0: var(--palettes-success-0);--palettes-25: var(--palettes-success-25);--palettes-50: var(--palettes-success-50);--palettes-100: var(--palettes-success-100);--palettes-200: var(--palettes-success-200);--palettes-300: var(--palettes-success-300);--palettes-400: var(--palettes-success-400);--palettes-500: var(--palettes-success-500);--palettes-600: var(--palettes-success-600);--palettes-700: var(--palettes-success-700);--palettes-800: var(--palettes-success-800);--palettes-900: var(--palettes-success-900)}.activityFeed-step-state.mod-success:before{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}.activityFeed-step-state.mod-critical{--palettes-text: var(--palettes-critical-text);--palettes-0: var(--palettes-critical-0);--palettes-25: var(--palettes-critical-25);--palettes-50: var(--palettes-critical-50);--palettes-100: var(--palettes-critical-100);--palettes-200: var(--palettes-critical-200);--palettes-300: var(--palettes-critical-300);--palettes-400: var(--palettes-critical-400);--palettes-500: var(--palettes-critical-500);--palettes-600: var(--palettes-critical-600);--palettes-700: var(--palettes-critical-700);--palettes-800: var(--palettes-critical-800);--palettes-900: var(--palettes-critical-900)}.activityFeed-step-state.mod-critical:before{--icon-content: \"\\e9bf\";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}.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}.activityFeed-step.mod-pending{--components-activityFeed-step-description-alignSelf: center;--components-activityFeed-step-description-fontStyle: italic;--components-activityFeed-step-description-color: var(--pr-t-color-text-subtle);--components-activityFeed-step-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.activityFeed-step:has(.activityFeed-content>.button:only-child){--components-activityFeed-step-before-insetBlockStart: var(--pr-t-spacings-700)}}lu-activity-feed{display:contents}\n"] }]
+            args: [{ selector: 'lu-activity-feed', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ol class=\"activityFeed\">\n\t<ng-content />\n</ol>\n", styles: ["@charset \"UTF-8\";@layer components{.activityFeed{--components-activityFeed-content-update-item-display: flex;--components-activityFeed-content-update-item-icon-display: flex;--components-activityFeed-step-description-alignSelf: auto;--components-activityFeed-step-description-fontStyle: normal;--components-activityFeed-step-description-color: inherit;--components-activityFeed-step-description-lineHeight: inherit;--components-activityFeed-step-before-insetBlockStart: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50));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:var(--components-activityFeed-step-before-insetBlockStart);inset-inline-start:calc(var(--pr-t-spacings-200) - var(--pr-t-spacings-25) / 2)}.activityFeed-step-state,.activityFeed-step-avatar{margin-block:var(--pr-t-spacings-75)}.activityFeed-step-state{inline-size:var(--pr-t-spacings-400);block-size:var(--pr-t-spacings-400);border-radius:var(--pr-t-border-radius-full);position:relative;background-color:var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-step-state:before{color:var(--palettes-700, var(--palettes-neutral-700));font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute;text-align:center}.activityFeed-step-description{flex-grow:1;align-self:var(--components-activityFeed-step-description-alignSelf);font-style:var(--components-activityFeed-step-description-fontStyle);color:var(--components-activityFeed-step-description-color);line-height:var(--components-activityFeed-step-description-lineHeight)}.activityFeed-step-description-time{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:block}.activityFeed-content-update-item-icon{display:var(--components-activityFeed-content-update-item-icon-display)}.activityFeed-content-update{margin:0;padding:0;list-style-type:none;padding:var(--pr-t-spacings-100) var(--pr-t-spacings-150);border-radius:var(--pr-t-border-radius-structure);border:1px solid var(--pr-t-color-input-border);display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.activityFeed-content-update-item{display:var(--components-activityFeed-content-update-item-display);align-items:center;gap:var(--pr-t-spacings-75);min-block-size:var(--pr-t-spacings-300)}.activityFeed-content-update-item-object{margin-inline-end:calc(var(--pr-t-spacings-75) * -1);color:var(--pr-t-color-text-subtle);display:flex}.activityFeed-content-update-item-object:after{content:\"\\a0\"}.activityFeed-content-update-item-object:empty{display:none}.activityFeed-content-update-item-before,.activityFeed-content-update-item-after{display:flex}.activityFeed-content-update-item-before:empty,.activityFeed-content-update-item-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 .readMore{--components-readMore-link-insetBlockEnd: 0;--components-readMore-link-backgroudColor: var(--pr-t-elevation-surface-sunken)}}@layer mods{.activityFeed-content>.button:only-child{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.activityFeed-content>.button:only-child:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.activityFeed-content>.button:only-child:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.activityFeed-content>.button:only-child:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.activityFeed-content>.button:only-child:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.activityFeed-step-avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.activityFeed-step-state.mod-success{--palettes-text: var(--palettes-success-text);--palettes-0: var(--palettes-success-0);--palettes-25: var(--palettes-success-25);--palettes-50: var(--palettes-success-50);--palettes-100: var(--palettes-success-100);--palettes-200: var(--palettes-success-200);--palettes-300: var(--palettes-success-300);--palettes-400: var(--palettes-success-400);--palettes-500: var(--palettes-success-500);--palettes-600: var(--palettes-success-600);--palettes-700: var(--palettes-success-700);--palettes-800: var(--palettes-success-800);--palettes-900: var(--palettes-success-900)}.activityFeed-step-state.mod-success:before{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none}.activityFeed-step-state.mod-critical{--palettes-text: var(--palettes-critical-text);--palettes-0: var(--palettes-critical-0);--palettes-25: var(--palettes-critical-25);--palettes-50: var(--palettes-critical-50);--palettes-100: var(--palettes-critical-100);--palettes-200: var(--palettes-critical-200);--palettes-300: var(--palettes-critical-300);--palettes-400: var(--palettes-critical-400);--palettes-500: var(--palettes-critical-500);--palettes-600: var(--palettes-critical-600);--palettes-700: var(--palettes-critical-700);--palettes-800: var(--palettes-critical-800);--palettes-900: var(--palettes-critical-900)}.activityFeed-step-state.mod-critical:before{--icon-content: \"\\e9bf\";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}.activityFeed-content-update-item:has(.activityFeed-content-update-item-before:empty,.activityFeed-content-update-item-after:empty){--components-activityFeed-content-update-item-icon-display: none}.activityFeed-content-update-item:has(.activityFeed-content-update-item-before:empty):has(.activityFeed-content-update-item-after:empty){--components-activityFeed-content-update-item-display: none}.activityFeed-step.mod-pending{--components-activityFeed-step-description-alignSelf: center;--components-activityFeed-step-description-fontStyle: italic;--components-activityFeed-step-description-color: var(--pr-t-color-text-subtle);--components-activityFeed-step-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.activityFeed-step:has(.activityFeed-content>.button:only-child){--components-activityFeed-step-before-insetBlockStart: var(--pr-t-spacings-700)}}lu-activity-feed{display:contents}\n"] }]
         }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ActivityFeedComponent, ActivityFeedStepComponent, ActivityFeedUpdateComponent };
+export { ACTIVITY_FEED_STEP_STATUS, ActivityFeedComponent, ActivityFeedStepComponent, ActivityFeedUpdateComponent, ActivityFeedUpdateItemComponent };
 //# sourceMappingURL=lucca-front-ng-activity-feed.mjs.map

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

@@ -1 +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},\n\tfr: {\n\t\treplaceByAlt: 'à été remplacé par',\n\t},\n\tde: {\n\t\treplaceByAlt: 'wurde ersetzt durch',\n\t},\n\ten: {\n\t\treplaceByAlt: 'has been replaced by',\n\t},\n\tes: {\n\t\treplaceByAlt: 'ha sido sustituido por',\n\t},\n\tit: {\n\t\treplaceByAlt: 'è stato sostituito da',\n\t},\n\tnl: {\n\t\treplaceByAlt: 'is vervangen door',\n\t},\n\tpt: {\n\t\treplaceByAlt: 'foi substituído por',\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}\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, PortalContent, 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\t'[class.mod-pending]': 'status() === \"pending\"',\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<PortalContent | null>(null);\n\n\treadonly user = input<ILuUser | null>(null);\n\n\treadonly status = input<'success' | 'critical' | 'pending' | null>(null);\n\n\treadonly date = input<Date | string | null>(null);\n\n\tprotected readonly preparedDate = computed(() => {\n\t\tconst date = this.date();\n\t\tif (typeof date === 'string') {\n\t\t\treturn new Date(date);\n\t\t}\n\t\treturn date;\n\t});\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 | null>(() => {\n\t\tconst date = this.preparedDate();\n\t\tif (!date) {\n\t\t\treturn null;\n\t\t}\n\t\treturn this.#intlDateTimeFormat.format(date);\n\t});\n}\n","@if (status() === \"critical\" || status() === \"success\") {\n\t<div class=\"activityFeed-step-state\" [class.mod-critical]=\"status() === 'critical'\" [class.mod-success]=\"status() === 'success'\"></div>\n} @else {\n\t@if (user()) {\n\t\t<div class=\"activityFeed-step-avatar\">\n\t\t\t<lu-user-picture size=\"S\" [user]=\"user()\" />\n\t\t</div>\n\t}\n}\n<div class=\"activityFeed-step-description\">\n\t@if (label()) {\n\t\t<p class=\"activityFeed-step-description-content\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t</p>\n\t}\n\t@if (date()) {\n\t\t<time class=\"comment-infos-date activityFeed-step-description-time\" [attr.datetime]=\"preparedDate().toISOString()\">\n\t\t\t@if (datePipeFormat()) {\n\t\t\t\t{{ date() | date: datePipeFormat() }}\n\t\t\t} @else {\n\t\t\t\t{{ dateDisplay() }}\n\t\t\t}\n\t\t</time>\n\t}\n\t<div class=\"activityFeed-content\">\n\t\t<ng-content />\n\t</div>\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { 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","<div class=\"activityFeed-content-update-before\">\n\t<ng-container *ngTemplateOutlet=\"content\" />\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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"}
+{"version":3,"file":"lucca-front-ng-activity-feed.mjs","sources":["../../../packages/ng/activity-feed/activity-feed-step.type.ts","../../../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-item/activity-feed-update-item.component.ts","../../../packages/ng/activity-feed/activity-feed-update-item/activity-feed-update-item.component.html","../../../packages/ng/activity-feed/activity-feed-update/activity-feed-update.component.ts","../../../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":["/**\n * Available ActivityFeedComponent Types\n */\n\nexport const ACTIVITY_FEED_STEP_STATUS = ['success', 'critical', 'pending'] as const;\nexport type ActivityFeedStepStatus = (typeof ACTIVITY_FEED_STEP_STATUS)[number];\n","export const Translations = {\n\t'nl-BE': {\n\t\treplaceByAlt: 'is vervangen door',\n\t},\n\tfr: {\n\t\treplaceByAlt: 'à été remplacé par',\n\t},\n\tde: {\n\t\treplaceByAlt: 'wurde ersetzt durch',\n\t},\n\ten: {\n\t\treplaceByAlt: 'was replaced by',\n\t},\n\tes: {\n\t\treplaceByAlt: 'se ha sustituido por',\n\t},\n\tit: {\n\t\treplaceByAlt: 'è stato sostituito da',\n\t},\n\tnl: {\n\t\treplaceByAlt: 'is vervangen door',\n\t},\n\tpt: {\n\t\treplaceByAlt: 'foi substituído por',\n\t},\n\tpl: {\n\t\treplaceByAlt: 'został zastąpiony przez',\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}\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, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { ILuUser, LuUserPictureComponent } from '@lucca-front/ng/user';\nimport { ActivityFeedStepStatus } from '../activity-feed-step.type';\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\t'[class.mod-pending]': 'status() === \"pending\"',\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<PortalContent | null>(null);\n\n\treadonly user = input<ILuUser | null>(null);\n\n\treadonly status = input<ActivityFeedStepStatus | null>(null);\n\n\treadonly date = input<Date | string | null>(null);\n\n\tprotected readonly preparedDate = computed(() => {\n\t\tconst date = this.date();\n\t\tif (typeof date === 'string') {\n\t\t\treturn new Date(date);\n\t\t}\n\t\treturn date;\n\t});\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 | null>(() => {\n\t\tconst date = this.preparedDate();\n\t\tif (!date) {\n\t\t\treturn null;\n\t\t}\n\t\treturn this.#intlDateTimeFormat.format(date);\n\t});\n}\n","@if (status() === \"critical\" || status() === \"success\") {\n\t<div class=\"activityFeed-step-state\" [class.mod-critical]=\"status() === 'critical'\" [class.mod-success]=\"status() === 'success'\"></div>\n} @else {\n\t@if (user()) {\n\t\t<div class=\"activityFeed-step-avatar\">\n\t\t\t<lu-user-picture size=\"S\" [user]=\"user()\" />\n\t\t</div>\n\t}\n}\n<div class=\"activityFeed-step-description\">\n\t@if (label()) {\n\t\t<p class=\"activityFeed-step-description-content\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t</p>\n\t}\n\t@if (date()) {\n\t\t<time class=\"comment-infos-date activityFeed-step-description-time\" [attr.datetime]=\"preparedDate().toISOString()\">\n\t\t\t@if (datePipeFormat()) {\n\t\t\t\t{{ date() | date: datePipeFormat() }}\n\t\t\t} @else {\n\t\t\t\t{{ dateDisplay() }}\n\t\t\t}\n\t\t</time>\n\t}\n\t<div class=\"activityFeed-content\">\n\t\t<ng-content />\n\t</div>\n</div>\n","import { ChangeDetectionStrategy, Component, computed, inject, input, LOCALE_ID, 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-item',\n\ttemplateUrl: './activity-feed-update-item.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\timports: [IconComponent],\n\thost: {\n\t\trole: 'listitem',\n\t\tclass: 'activityFeed-content-update-item',\n\t},\n})\nexport class ActivityFeedUpdateItemComponent {\n\t#locale = inject(LOCALE_ID);\n\n\treadonly intl = input(...intlInputOptions(LU_ACTIVITY_FEED_TRANSLATIONS));\n\n\treadonly label = input.required<string>();\n\n\treadonly colonDisplay = computed(() => {\n\t\tif (this.#locale === 'fr') {\n\t\t\treturn ' :';\n\t\t}\n\t\treturn ':';\n\t});\n}\n","<div class=\"activityFeed-content-update-item-object\">\n\t{{ label() }}\n\t{{ colonDisplay() }}\n</div>\n<div class=\"activityFeed-content-update-item-before\">\n\t<ng-content select=\"[activityFeedUpdateBefore]\" />\n</div>\n<lu-icon class=\"activityFeed-content-update-item-icon\" size=\"XS\" icon=\"arrowRight\" [alt]=\"intl().replaceByAlt\" />\n<div class=\"activityFeed-content-update-item-after\">\n\t<ng-content select=\"[activityFeedUpdateAfter]\" />\n</div>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-activity-feed-update',\n\ttemplate: '<ng-content />',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'activityFeed-content-update',\n\t\trole: 'list',\n\t},\n})\nexport class ActivityFeedUpdateComponent {}\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":";;;;;;;AAAA;;AAEG;AAEI,MAAM,yBAAyB,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS;;ACJnE,MAAM,YAAY,GAAG;AAC3B,IAAA,OAAO,EAAE;AACR,QAAA,YAAY,EAAE,mBAAmB;AACjC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,YAAY,EAAE,oBAAoB;AAClC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,YAAY,EAAE,qBAAqB;AACnC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,YAAY,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,YAAY,EAAE,sBAAsB;AACpC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,YAAY,EAAE,uBAAuB;AACrC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,YAAY,EAAE,mBAAmB;AACjC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,YAAY,EAAE,qBAAqB;AACnC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,YAAY,EAAE,yBAAyB;AACvC,KAAA;CACD;;ACxBM,MAAM,6BAA6B,GAAG,IAAI,cAAc,CAAC,4BAA4B,EAAE;AAC7F,IAAA,OAAO,EAAE,MAAM,0BAA0B;AACzC,CAAA,CAAC;AAMK,MAAM,0BAA0B,GAAyC,YAAY;;MCO/E,yBAAyB,CAAA;AAZtC,IAAA,WAAA,GAAA;AAaU,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,GAAG,gBAAgB,CAAC,6BAA6B,CAAC;iFAAC;AACzE,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC;QAC3B,IAAA,CAAA,mBAAmB,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE;AAC3D,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,MAAM,EAAE,SAAS;AACjB,SAAA,CAAC;QAEO,IAAA,CAAA,KAAK,GAAG,KAAK,CAAuB,IAAI;kFAAC;QAEzC,IAAA,CAAA,IAAI,GAAG,KAAK,CAAiB,IAAI;iFAAC;QAElC,IAAA,CAAA,MAAM,GAAG,KAAK,CAAgC,IAAI;mFAAC;QAEnD,IAAA,CAAA,IAAI,GAAG,KAAK,CAAuB,IAAI;iFAAC;AAE9B,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AAC/C,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACxB,YAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAC7B,gBAAA,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC;YACtB;AACA,YAAA,OAAO,IAAI;QACZ,CAAC;yFAAC;AAEF;;;;AAIG;AACM,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK;sGAAU;AAEtB,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAgB,MAAK;AAC7D,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE;YAChC,IAAI,CAAC,IAAI,EAAE;AACV,gBAAA,OAAO,IAAI;YACZ;YACA,OAAO,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,IAAI,CAAC;QAC7C,CAAC;wFAAC;AACF,IAAA;AAxCA,IAAA,OAAO;AACP,IAAA,mBAAmB;8GAHP,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,s9BCnBtC,s5BA4BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDhBW,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,MAAA,EAAA,IAAA,EAAA,aAAA,EAAA,aAAA,EAAA,MAAA,EAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAY,eAAe,2FAAzB,QAAQ,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAO9B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAZrC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,iBAElB,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,sBAAsB,EAAE,QAAQ,EAAE,eAAe,CAAC,EAAA,IAAA,EACtD;AACL,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,KAAK,EAAE,mBAAmB;AAC1B,wBAAA,qBAAqB,EAAE,wBAAwB;AAC/C,qBAAA,EAAA,QAAA,EAAA,s5BAAA,EAAA;;;MEDW,+BAA+B,CAAA;AAX5C,IAAA,WAAA,GAAA;AAYC,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC;AAElB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,GAAG,gBAAgB,CAAC,6BAA6B,CAAC;iFAAC;QAEhE,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ;kFAAU;AAEhC,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AACrC,YAAA,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE;AAC1B,gBAAA,OAAO,IAAI;YACZ;AACA,YAAA,OAAO,GAAG;QACX,CAAC;yFAAC;AACF,IAAA;AAZA,IAAA,OAAO;8GADK,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,kCAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChB5C,udAWA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDDW,aAAa,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,IAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMX,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAX3C,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,8BAA8B,EAAA,aAAA,EAEzB,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,aAAa,CAAC,EAAA,IAAA,EAClB;AACL,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,KAAK,EAAE,kCAAkC;AACzC,qBAAA,EAAA,QAAA,EAAA,udAAA,EAAA;;;MEFW,2BAA2B,CAAA;8GAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,4KAR7B,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAQd,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAVvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,QAAQ,EAAE,gBAAgB;oBAC1B,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACL,wBAAA,KAAK,EAAE,6BAA6B;AACpC,wBAAA,IAAI,EAAE,MAAM;AACZ,qBAAA;AACD,iBAAA;;;MCFY,qBAAqB,CAAA;8GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,4ECTlC,wDAGA,EAAA,MAAA,EAAA,CAAA,29OAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDMa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,iBAGb,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,29OAAA,CAAA,EAAA;;;AEPhD;;AAEG;;;;"}