@lucca-front/ng 20.3.3-rc.3 → 20.3.3-rc.4

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

@@ -9,13 +9,14 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Router, ActivatedRoute, RouterOutlet } from '@angular/router';
 
 class DialogContentComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: DialogContentComponent, isStandalone: true, selector: "lu-dialog-content", host: { classAttribute: "dialog-inside-content" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: DialogContentComponent, isStandalone: true, selector: "lu-dialog-content", host: { classAttribute: "dialog-inside-content" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'lu-dialog-content',
+                    standalone: true,
                     template: '<ng-content />',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
@@ -26,12 +27,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
         }] });
 
 class DialogFooterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: DialogFooterComponent, isStandalone: true, selector: "lu-dialog-footer", host: { classAttribute: "dialog-inside-footer footer" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);background-color:var(--pr-t-elevation-surface-raised);padding-block:var(--pr-t-spacings-150);padding-inline:var(--components-footer-paddingInline);display:flex;justify-content:space-between;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);box-shadow:var(--pr-t-elevation-shadow-overflow);inset-block-end:0;position:var(--components-footer-position);flex-direction:var(--components-footer-direction)}.footer-content{flex-grow:1}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{display:flex;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);flex-grow:1;justify-content:space-between;flex-direction:var(--components-footer-direction);max-inline-size:var(--commons-container-maxWidth);padding:var(--commons-container-padding)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width: 30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media (min-width: 50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: DialogFooterComponent, isStandalone: true, selector: "lu-dialog-footer", host: { classAttribute: "dialog-inside-footer footer" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);background-color:var(--pr-t-elevation-surface-raised);padding-block:var(--pr-t-spacings-150);padding-inline:var(--components-footer-paddingInline);display:flex;justify-content:space-between;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);box-shadow:var(--pr-t-elevation-shadow-overflow);inset-block-end:0;position:var(--components-footer-position);flex-direction:var(--components-footer-direction)}.footer-content{flex-grow:1}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{display:flex;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);flex-grow:1;justify-content:space-between;flex-direction:var(--components-footer-direction);max-inline-size:var(--commons-container-maxWidth);padding:var(--commons-container-padding)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width: 30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media (min-width: 50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-dialog-footer', template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'lu-dialog-footer', standalone: true, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'dialog-inside-footer footer',
                     }, styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);background-color:var(--pr-t-elevation-surface-raised);padding-block:var(--pr-t-spacings-150);padding-inline:var(--components-footer-paddingInline);display:flex;justify-content:space-between;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);box-shadow:var(--pr-t-elevation-shadow-overflow);inset-block-end:0;position:var(--components-footer-position);flex-direction:var(--components-footer-direction)}.footer-content{flex-grow:1}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{display:flex;gap:var(--pr-t-spacings-200);align-items:var(--components-footer-alignItems);flex-grow:1;justify-content:space-between;flex-direction:var(--components-footer-direction);max-inline-size:var(--commons-container-maxWidth);padding:var(--commons-container-padding)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width: 30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width: 64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media (min-width: 50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}}\n"] }]
         }] });
@@ -107,29 +108,29 @@ function injectDialogRef() {
 }
 
 const Translations = {
-    'nl-BE': {
-        close: 'Sluiten',
+    en: {
+        close: 'Close',
     },
-    nl: {
-        close: 'Sluiten',
+    de: {
+        close: 'Schließen',
+    },
+    fr: {
+        close: 'Fermer',
     },
     it: {
         close: 'Chiudere',
     },
-    fr: {
-        close: 'Fermer',
+    nl: {
+        close: 'Sluiten',
     },
-    pt: {
-        close: 'Fechar',
+    'nl-BE': {
+        close: 'Sluiten',
     },
     es: {
         close: 'Cerrar',
     },
-    de: {
-        close: 'Schließen',
-    },
-    en: {
-        close: 'Close',
+    pt: {
+        close: 'Fechar',
     },
 };
 
@@ -140,10 +141,10 @@ const luDialogHeaderTranslations = Translations;
 
 let nextId = 0;
 class DialogHeaderAction {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogHeaderAction, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: DialogHeaderAction, isStandalone: true, selector: "[dialogHeaderAction]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogHeaderAction, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: DialogHeaderAction, isStandalone: true, selector: "[dialogHeaderAction]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogHeaderAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogHeaderAction, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -157,7 +158,7 @@ class DialogHeaderComponent {
         this.dismissible = !this.#ref.config.alert;
         this.#elementRef = inject(ElementRef);
         this.#renderer = inject(Renderer2);
-        this.optionalAction = contentChild(DialogHeaderAction);
+        this.optionalAction = contentChild(DialogHeaderAction, ...(ngDevMode ? [{ debugName: "optionalAction" }] : []));
     }
     #ref;
     #elementRef;
@@ -177,15 +178,15 @@ class DialogHeaderComponent {
             this.#ref.cdkRef.containerInstance?._addAriaLabelledBy(id);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: DialogHeaderComponent, isStandalone: true, selector: "lu-dialog-header", host: { classAttribute: "dialog-inside-header" }, queries: [{ propertyName: "optionalAction", first: true, predicate: DialogHeaderAction, descendants: true, isSignal: true }], ngImport: i0, template: "@if (dismissible) {\n\t<button class=\"dialog-inside-header-button button\" type=\"button\" (click)=\"close()\">\n\t\t<lu-icon icon=\"signClose\" [alt]=\"intl.close\" />\n\t</button>\n}\n@if (optionalAction()) {\n\t<div class=\"dialog-inside-header-actionOptional\"><ng-content select=\"[dialogHeaderAction]\" /></div>\n}\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: DialogHeaderComponent, isStandalone: true, selector: "lu-dialog-header", host: { classAttribute: "dialog-inside-header" }, queries: [{ propertyName: "optionalAction", first: true, predicate: DialogHeaderAction, descendants: true, isSignal: true }], ngImport: i0, template: "@if (dismissible) {\n\t<button class=\"dialog-inside-header-button button\" type=\"button\" (click)=\"close()\">\n\t\t<lu-icon icon=\"signClose\" [alt]=\"intl.close\" />\n\t</button>\n}\n@if (optionalAction()) {\n\t<div class=\"dialog-inside-header-actionOptional\"><ng-content select=\"[dialogHeaderAction]\" /></div>\n}\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-dialog-header', imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'lu-dialog-header', standalone: true, imports: [IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'dialog-inside-header',
                     }, template: "@if (dismissible) {\n\t<button class=\"dialog-inside-header-button button\" type=\"button\" (click)=\"close()\">\n\t\t<lu-icon icon=\"signClose\" [alt]=\"intl.close\" />\n\t</button>\n}\n@if (optionalAction()) {\n\t<div class=\"dialog-inside-header-actionOptional\"><ng-content select=\"[dialogHeaderAction]\" /></div>\n}\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content />\n</div>\n" }]
-        }] });
+        }], propDecorators: { optionalAction: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DialogHeaderAction), { isSignal: true }] }] } });
 
 class LuDialogService {
     #cdkDialog = inject(Dialog);
@@ -251,10 +252,10 @@ class LuDialogService {
         }
         return luDialogRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuDialogService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuDialogService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LuDialogService, decorators: [{
             type: Injectable
         }] });
 
@@ -283,14 +284,14 @@ class DialogComponent {
             focusable?.focus();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: DialogComponent, isStandalone: true, selector: "lu-dialog", host: { classAttribute: "dialog-inside" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container action close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto auto;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex!important;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;overflow:hidden}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form){display:contents}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto;flex-grow:1;min-block-size:0}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)){display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto;flex-grow:1;min-block-size:0}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}.dialog-inside-header-button.button:hover,.dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dialog-inside-header-actionOptional{margin-right:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer}.dialog-inside-footer.footer{background-color:transparent;position:relative;overflow:hidden}.dialog-inside-header{display:grid;padding-block:var(--pr-t-spacings-200);padding-inline:var(--pr-t-spacings-300);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--pr-t-spacings-200);position:relative;z-index:1;grid-area:header}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--pr-t-spacings-200);padding-inline:var(--pr-t-spacings-300);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:break-word}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200));--components-dialog-borderRadius: var(--pr-t-border-radius-structure) 0 0 var(--pr-t-border-radius-structure);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container ng-component{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: DialogComponent, isStandalone: true, selector: "lu-dialog", host: { classAttribute: "dialog-inside" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container action close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto auto;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex!important;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;overflow:hidden}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form){display:contents}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto;flex-grow:1;min-block-size:0}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)){display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto;flex-grow:1;min-block-size:0}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog-inside-header-button.button:hover,.dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog-inside-header-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}.dialog-inside-header-actionOptional{margin-right:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer}.dialog-inside-footer.footer{background-color:transparent;position:relative;overflow:hidden}.dialog-inside-header{display:grid;padding-block:var(--pr-t-spacings-200);padding-inline:var(--pr-t-spacings-300);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--pr-t-spacings-200);position:relative;z-index:1;grid-area:header}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--pr-t-spacings-200);padding-inline:var(--pr-t-spacings-300);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:break-word}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200));--components-dialog-borderRadius: var(--pr-t-border-radius-structure) 0 0 var(--pr-t-border-radius-structure);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container ng-component{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-dialog', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'lu-dialog', standalone: true, template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'dialog-inside',
-                    }, styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container action close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto auto;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex!important;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;overflow:hidden}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form){display:contents}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto;flex-grow:1;min-block-size:0}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)){display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto;flex-grow:1;min-block-size:0}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none;--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75);--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}.dialog-inside-header-button.button:hover,.dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dialog-inside-header-actionOptional{margin-right:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer}.dialog-inside-footer.footer{background-color:transparent;position:relative;overflow:hidden}.dialog-inside-header{display:grid;padding-block:var(--pr-t-spacings-200);padding-inline:var(--pr-t-spacings-300);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--pr-t-spacings-200);position:relative;z-index:1;grid-area:header}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--pr-t-spacings-200);padding-inline:var(--pr-t-spacings-300);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:break-word}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200));--components-dialog-borderRadius: var(--pr-t-border-radius-structure) 0 0 var(--pr-t-border-radius-structure);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container ng-component{display:contents}\n"] }]
+                    }, styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container action close\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto auto;--components-dialog-insideContent-background: transparent;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex!important;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;overflow:hidden}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form){display:contents}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form{display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto;flex-grow:1;min-block-size:0}.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)){display:grid;grid-template-areas:\"header\" \"overflow\" \"footer\";grid-template-rows:auto 1fr auto;flex-grow:1;min-block-size:0}.dialog-inside:not(:has(.dialog-inside-formOptional,.dialog-formOptional,.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-product-700);outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog-inside-header-button.button:hover,.dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog-inside-header-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight);--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}.dialog-inside-header-actionOptional{margin-right:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer}.dialog-inside-footer.footer{background-color:transparent;position:relative;overflow:hidden}.dialog-inside-header{display:grid;padding-block:var(--pr-t-spacings-200);padding-inline:var(--pr-t-spacings-300);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:0 1px 0 0 var(--palettes-neutral-100);gap:var(--pr-t-spacings-200);position:relative;z-index:1;grid-area:header}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--pr-t-spacings-200);padding-inline:var(--pr-t-spacings-300);grid-area:overflow;overflow:auto;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:break-word}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: 100%}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: 100%;--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200));--components-dialog-borderRadius: var(--pr-t-border-radius-structure) 0 0 var(--pr-t-border-radius-structure);--components-dialog-inset: 0 0 0 auto}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width: 30em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto 0 0 0;--components-dialog-borderRadius: var(--pr-t-border-radius-structure) var(--pr-t-border-radius-structure) 0 0;--components-dialog-width: 100%;--components-dialog-height: fit-content}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-size: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container ng-component{display:contents}\n"] }]
         }] });
 
 class DialogCloseDirective {
@@ -298,13 +299,14 @@ class DialogCloseDirective {
     close() {
         this.#ref.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: DialogCloseDirective, isStandalone: true, selector: "[luDialogClose]", host: { listeners: { "click": "close()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: DialogCloseDirective, isStandalone: true, selector: "[luDialogClose]", host: { listeners: { "click": "close()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogCloseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogCloseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luDialogClose]',
+                    standalone: true,
                 }]
         }], propDecorators: { close: [{
                 type: HostListener,
@@ -316,13 +318,14 @@ class DialogDismissDirective {
     close() {
         this.#ref.dismiss();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogDismissDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: DialogDismissDirective, isStandalone: true, selector: "[luDialogDismiss]", host: { listeners: { "click": "close()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogDismissDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: DialogDismissDirective, isStandalone: true, selector: "[luDialogDismiss]", host: { listeners: { "click": "close()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogDismissDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogDismissDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luDialogDismiss]',
+                    standalone: true,
                 }]
         }], propDecorators: { close: [{
                 type: HostListener,
@@ -337,13 +340,14 @@ class DialogOpenDirective {
             content: this.dialog,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogOpenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.2", type: DialogOpenDirective, isStandalone: true, selector: "[luDialogOpen]", inputs: { dialog: ["luDialogOpen", "dialog"], luDialogConfig: "luDialogConfig" }, host: { listeners: { "click": "click()" } }, providers: [provideLuDialog()], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogOpenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: DialogOpenDirective, isStandalone: true, selector: "[luDialogOpen]", inputs: { dialog: ["luDialogOpen", "dialog"], luDialogConfig: "luDialogConfig" }, host: { listeners: { "click": "click()" } }, providers: [provideLuDialog()], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogOpenDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogOpenDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luDialogOpen]',
+                    standalone: true,
                     providers: [provideLuDialog()],
                 }]
         }], propDecorators: { dialog: [{
@@ -370,12 +374,13 @@ function deferrableToObservable(deferrable) {
     return isObservable(deferrable) ? deferrable : deferrable instanceof Promise ? from(deferrable) : of(deferrable);
 }
 function createDialogRoute(dialogRouteConfig) {
-    const { dialogConfigFactory, dataFactory, ...baseRoute } = dialogRouteConfig;
+    const { dialogConfigFactory, dataFactory, canMatch, ...baseRoute } = dialogRouteConfig;
     const data = { dialogRouteConfig };
     return {
         path: dialogRouteConfig.path,
         component: DialogRoutingContainerComponent,
         data,
+        canMatch,
         children: [
             {
                 ...baseRoute,
@@ -482,7 +487,7 @@ class DialogRoutingContainerComponent {
         this.#dialog = inject(LuDialogService);
         this.injector = inject(Injector);
         this.config = this.#routeData.dialogRouteConfig;
-        this.dialogComponentInstance = signal(null);
+        this.dialogComponentInstance = signal(null, ...(ngDevMode ? [{ debugName: "dialogComponentInstance" }] : []));
         this.dialogTemplate = viewChild.required(TemplateRef);
     }
     #route;
@@ -597,8 +602,8 @@ class DialogRoutingContainerComponent {
         const resolved = runInInjectionContext(this.injector, resolveFn);
         return deferrableToPromise(resolved);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogRoutingContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.2", type: DialogRoutingContainerComponent, isStandalone: true, selector: "lu-dialog-routing-container", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogRoutingContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.12", type: DialogRoutingContainerComponent, isStandalone: true, selector: "lu-dialog-routing-container", providers: [
             provideLuDialog(),
             {
                 provide: DIALOG_ROUTE_CONFIG,
@@ -610,7 +615,7 @@ class DialogRoutingContainerComponent {
 		</ng-template>
 	`, isInline: true, styles: [":host{display:none}\n"], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: DialogRoutingContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogRoutingContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-dialog-routing-container', imports: [RouterOutlet], template: `
 		<ng-template>
@@ -623,7 +628,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
                             useFactory: () => inject(DialogRoutingContainerComponent).config,
                         },
                     ], styles: [":host{display:none}\n"] }]
-        }] });
+        }], propDecorators: { dialogTemplate: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.