@tailng-ui/primitives 0.11.0 → 0.13.0

package/src/lib/overlay/dialog/tng-dialog.js

@@ -1,7 +1,7 @@
-import { __decorate } from "tslib";
 import { Directive, ElementRef, HostBinding, HostListener, afterNextRender, booleanAttribute, effect, inject, Injector, input, output, signal, } from '@angular/core';
 import { createOverlayFocusHandoffController, createModalIsolationManager, createOverlayScrollLockManager, resolveFirstFocusableElement, resolveFocusableElements, createTngIdFactory, } from '@tailng-ui/cdk';
 import { tngPrimitiveOverlayRuntime } from '../tng-overlay-runtime';
+import * as i0 from "@angular/core";
 const createDialogId = createTngIdFactory('tng-dialog');
 const createDialogPanelId = createTngIdFactory('tng-dialog-panel');
 const createDialogTitleId = createTngIdFactory('tng-dialog-title');
@@ -77,46 +77,26 @@ function resolveFirstFocusableWithin(container) {
 function isDialogCloseReason(value) {
     return value === 'backdrop' || value === 'close-button' || value === 'escape' || value === 'programmatic';
 }
-let TngDialog = class TngDialog {
-    openInput = input(undefined, {
-        alias: 'open',
-        transform: normalizeOptionalBooleanInput,
-    });
-    defaultOpen = input(false, {
-        transform: booleanAttribute,
-    });
-    disabled = input(false, {
-        transform: booleanAttribute,
-    });
-    dismissible = input(true, {
-        transform: booleanAttribute,
-    });
-    closeOnBackdropClick = input(true, {
-        transform: booleanAttribute,
-    });
-    closeOnEscape = input(true, {
-        transform: booleanAttribute,
-    });
-    restoreFocus = input(true, {
-        transform: booleanAttribute,
-    });
-    autoFocus = input('first-focusable', {
-        transform: (value) => {
+export class TngDialog {
+    openInput = input(undefined, { ...(ngDevMode ? { debugName: "openInput" } : {}), alias: 'open',
+        transform: normalizeOptionalBooleanInput });
+    defaultOpen = input(false, { ...(ngDevMode ? { debugName: "defaultOpen" } : {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    dismissible = input(true, { ...(ngDevMode ? { debugName: "dismissible" } : {}), transform: booleanAttribute });
+    closeOnBackdropClick = input(true, { ...(ngDevMode ? { debugName: "closeOnBackdropClick" } : {}), transform: booleanAttribute });
+    closeOnEscape = input(true, { ...(ngDevMode ? { debugName: "closeOnEscape" } : {}), transform: booleanAttribute });
+    restoreFocus = input(true, { ...(ngDevMode ? { debugName: "restoreFocus" } : {}), transform: booleanAttribute });
+    autoFocus = input('first-focusable', { ...(ngDevMode ? { debugName: "autoFocus" } : {}), transform: (value) => {
             return value === 'none' || value === 'dialog' || value === 'first-focusable'
                 ? value
                 : 'first-focusable';
-        },
-    });
-    trapFocus = input(true, {
-        transform: booleanAttribute,
-    });
-    lockScroll = input(true, {
-        transform: booleanAttribute,
-    });
-    ariaLabel = input(null);
-    ariaLabelledby = input(null);
-    ariaDescribedby = input(null);
-    size = input('md');
+        } });
+    trapFocus = input(true, { ...(ngDevMode ? { debugName: "trapFocus" } : {}), transform: booleanAttribute });
+    lockScroll = input(true, { ...(ngDevMode ? { debugName: "lockScroll" } : {}), transform: booleanAttribute });
+    ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    ariaLabelledby = input(null, ...(ngDevMode ? [{ debugName: "ariaLabelledby" }] : []));
+    ariaDescribedby = input(null, ...(ngDevMode ? [{ debugName: "ariaDescribedby" }] : []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
     openChange = output();
     closed = output();
     hostRef = inject(ElementRef);
@@ -126,7 +106,7 @@ let TngDialog = class TngDialog {
     scrollLock = createOverlayScrollLockManager({
         documentRef: toScrollLockDocument(this.documentRef),
     });
-    uncontrolledOpen = signal(false);
+    uncontrolledOpen = signal(false, ...(ngDevMode ? [{ debugName: "uncontrolledOpen" }] : []));
     openStateEffect = effect(() => {
         if (!this.initialized) {
             return;
@@ -136,7 +116,7 @@ let TngDialog = class TngDialog {
             return;
         }
         this.deactivateDialog();
-    });
+    }, ...(ngDevMode ? [{ debugName: "openStateEffect" }] : []));
     initialized = false;
     isActive = false;
     isFocusLayerRegistered = false;
@@ -504,31 +484,33 @@ let TngDialog = class TngDialog {
         const element = this.documentRef.getElementById(id);
         return element instanceof HTMLElement ? element : null;
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngDialog.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.data-open')
-], TngDialog.prototype, "dataOpenAttr", null);
-__decorate([
-    HostBinding('attr.data-state')
-], TngDialog.prototype, "dataStateAttr", null);
-__decorate([
-    HostBinding('attr.data-disabled')
-], TngDialog.prototype, "dataDisabledAttr", null);
-__decorate([
-    HostBinding('attr.data-size')
-], TngDialog.prototype, "dataSizeAttr", null);
-TngDialog = __decorate([
-    Directive({
-        selector: '[tngDialog]',
-        exportAs: 'tngDialog',
-        standalone: true,
-    })
-], TngDialog);
-export { TngDialog };
-let TngDialogPanel = class TngDialogPanel {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialog, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngDialog, isStandalone: true, selector: "[tngDialog]", inputs: { openInput: { classPropertyName: "openInput", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, trapFocus: { classPropertyName: "trapFocus", publicName: "trapFocus", isSignal: true, isRequired: false, transformFunction: null }, lockScroll: { classPropertyName: "lockScroll", publicName: "lockScroll", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "ariaDescribedby", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange", closed: "closed" }, host: { properties: { "attr.data-slot": "this.dataSlot", "attr.data-open": "this.dataOpenAttr", "attr.data-state": "this.dataStateAttr", "attr.data-disabled": "this.dataDisabledAttr", "attr.data-size": "this.dataSizeAttr" } }, exportAs: ["tngDialog"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialog, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngDialog]',
+                    exportAs: 'tngDialog',
+                    standalone: true,
+                }]
+        }], propDecorators: { openInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], closeOnBackdropClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdropClick", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], restoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreFocus", required: false }] }], autoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFocus", required: false }] }], trapFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "trapFocus", required: false }] }], lockScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "lockScroll", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledby", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedby", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], openChange: [{ type: i0.Output, args: ["openChange"] }], closed: [{ type: i0.Output, args: ["closed"] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], dataOpenAttr: [{
+                type: HostBinding,
+                args: ['attr.data-open']
+            }], dataStateAttr: [{
+                type: HostBinding,
+                args: ['attr.data-state']
+            }], dataDisabledAttr: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], dataSizeAttr: [{
+                type: HostBinding,
+                args: ['attr.data-size']
+            }] } });
+export class TngDialogPanel {
     dialog = inject(TngDialog);
     hostRef = inject(ElementRef);
     resolvedId = this.hostRef.nativeElement.id.trim().length > 0
@@ -579,58 +561,60 @@ let TngDialogPanel = class TngDialogPanel {
     onFocusIn(target) {
         this.dialog.recordFocusedElement(target);
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngDialogPanel.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.data-open')
-], TngDialogPanel.prototype, "dataOpenAttr", null);
-__decorate([
-    HostBinding('attr.data-size')
-], TngDialogPanel.prototype, "dataSizeAttr", null);
-__decorate([
-    HostBinding('attr.data-state')
-], TngDialogPanel.prototype, "dataStateAttr", null);
-__decorate([
-    HostBinding('attr.hidden')
-], TngDialogPanel.prototype, "hiddenAttr", null);
-__decorate([
-    HostBinding('attr.id')
-], TngDialogPanel.prototype, "idAttr", null);
-__decorate([
-    HostBinding('attr.role')
-], TngDialogPanel.prototype, "roleAttr", void 0);
-__decorate([
-    HostBinding('attr.tabindex')
-], TngDialogPanel.prototype, "tabindexAttr", void 0);
-__decorate([
-    HostBinding('attr.aria-describedby')
-], TngDialogPanel.prototype, "ariaDescribedByAttr", null);
-__decorate([
-    HostBinding('attr.aria-label')
-], TngDialogPanel.prototype, "ariaLabelAttr", null);
-__decorate([
-    HostBinding('attr.aria-labelledby')
-], TngDialogPanel.prototype, "ariaLabelledByAttr", null);
-__decorate([
-    HostBinding('attr.aria-modal')
-], TngDialogPanel.prototype, "ariaModalAttr", null);
-__decorate([
-    HostListener('keydown', ['$event'])
-], TngDialogPanel.prototype, "onKeydown", null);
-__decorate([
-    HostListener('focusin', ['$event.target'])
-], TngDialogPanel.prototype, "onFocusIn", null);
-TngDialogPanel = __decorate([
-    Directive({
-        selector: '[tngDialogPanel]',
-        exportAs: 'tngDialogPanel',
-        standalone: true,
-    })
-], TngDialogPanel);
-export { TngDialogPanel };
-let TngDialogBackdrop = class TngDialogBackdrop {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngDialogPanel, isStandalone: true, selector: "[tngDialogPanel]", host: { listeners: { "keydown": "onKeydown($event)", "focusin": "onFocusIn($event.target)" }, properties: { "attr.data-slot": "this.dataSlot", "attr.data-open": "this.dataOpenAttr", "attr.data-size": "this.dataSizeAttr", "attr.data-state": "this.dataStateAttr", "attr.hidden": "this.hiddenAttr", "attr.id": "this.idAttr", "attr.role": "this.roleAttr", "attr.tabindex": "this.tabindexAttr", "attr.aria-describedby": "this.ariaDescribedByAttr", "attr.aria-label": "this.ariaLabelAttr", "attr.aria-labelledby": "this.ariaLabelledByAttr", "attr.aria-modal": "this.ariaModalAttr" } }, exportAs: ["tngDialogPanel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogPanel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngDialogPanel]',
+                    exportAs: 'tngDialogPanel',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], dataOpenAttr: [{
+                type: HostBinding,
+                args: ['attr.data-open']
+            }], dataSizeAttr: [{
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], dataStateAttr: [{
+                type: HostBinding,
+                args: ['attr.data-state']
+            }], hiddenAttr: [{
+                type: HostBinding,
+                args: ['attr.hidden']
+            }], idAttr: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], roleAttr: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], tabindexAttr: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], ariaDescribedByAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-describedby']
+            }], ariaLabelAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }], ariaLabelledByAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-labelledby']
+            }], ariaModalAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-modal']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['focusin', ['$event.target']]
+            }] } });
+export class TngDialogBackdrop {
     dialog = inject(TngDialog);
     dataSlot = 'dialog-backdrop';
     get dataOpenAttr() {
@@ -645,35 +629,35 @@ let TngDialogBackdrop = class TngDialogBackdrop {
     onPointerDown(event) {
         this.dialog.onBackdropPointerDown(event);
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngDialogBackdrop.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.data-open')
-], TngDialogBackdrop.prototype, "dataOpenAttr", null);
-__decorate([
-    HostBinding('attr.data-state')
-], TngDialogBackdrop.prototype, "dataStateAttr", null);
-__decorate([
-    HostBinding('attr.hidden')
-], TngDialogBackdrop.prototype, "hiddenAttr", null);
-__decorate([
-    HostListener('pointerdown', ['$event'])
-], TngDialogBackdrop.prototype, "onPointerDown", null);
-TngDialogBackdrop = __decorate([
-    Directive({
-        selector: '[tngDialogBackdrop]',
-        exportAs: 'tngDialogBackdrop',
-        standalone: true,
-    })
-], TngDialogBackdrop);
-export { TngDialogBackdrop };
-let TngDialogTrigger = class TngDialogTrigger {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogBackdrop, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngDialogBackdrop, isStandalone: true, selector: "[tngDialogBackdrop]", host: { listeners: { "pointerdown": "onPointerDown($event)" }, properties: { "attr.data-slot": "this.dataSlot", "attr.data-open": "this.dataOpenAttr", "attr.data-state": "this.dataStateAttr", "attr.hidden": "this.hiddenAttr" } }, exportAs: ["tngDialogBackdrop"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogBackdrop, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngDialogBackdrop]',
+                    exportAs: 'tngDialogBackdrop',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], dataOpenAttr: [{
+                type: HostBinding,
+                args: ['attr.data-open']
+            }], dataStateAttr: [{
+                type: HostBinding,
+                args: ['attr.data-state']
+            }], hiddenAttr: [{
+                type: HostBinding,
+                args: ['attr.hidden']
+            }], onPointerDown: [{
+                type: HostListener,
+                args: ['pointerdown', ['$event']]
+            }] } });
+export class TngDialogTrigger {
     parentDialog = inject(TngDialog, { optional: true });
-    dialogFor = input(null, {
-        alias: 'tngDialogTrigger',
-    });
+    dialogFor = input(null, { ...(ngDevMode ? { debugName: "dialogFor" } : {}), alias: 'tngDialogTrigger' });
     ariaHasPopupAttr = 'dialog';
     get ariaControlsAttr() {
         return this.resolveDialog()?.getPanelId() ?? null;
@@ -697,40 +681,42 @@ let TngDialogTrigger = class TngDialogTrigger {
     resolveDialog() {
         return this.dialogFor() ?? this.parentDialog;
     }
-};
-__decorate([
-    HostBinding('attr.aria-haspopup')
-], TngDialogTrigger.prototype, "ariaHasPopupAttr", void 0);
-__decorate([
-    HostBinding('attr.aria-controls')
-], TngDialogTrigger.prototype, "ariaControlsAttr", null);
-__decorate([
-    HostBinding('attr.aria-expanded')
-], TngDialogTrigger.prototype, "ariaExpandedAttr", null);
-__decorate([
-    HostBinding('attr.data-slot')
-], TngDialogTrigger.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.data-open')
-], TngDialogTrigger.prototype, "dataOpenAttr", null);
-__decorate([
-    HostBinding('attr.data-state')
-], TngDialogTrigger.prototype, "dataStateAttr", null);
-__decorate([
-    HostBinding('attr.data-disabled')
-], TngDialogTrigger.prototype, "dataDisabledAttr", null);
-__decorate([
-    HostListener('click')
-], TngDialogTrigger.prototype, "onClick", null);
-TngDialogTrigger = __decorate([
-    Directive({
-        selector: '[tngDialogTrigger]',
-        exportAs: 'tngDialogTrigger',
-        standalone: true,
-    })
-], TngDialogTrigger);
-export { TngDialogTrigger };
-let TngDialogTitle = class TngDialogTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngDialogTrigger, isStandalone: true, selector: "[tngDialogTrigger]", inputs: { dialogFor: { classPropertyName: "dialogFor", publicName: "tngDialogTrigger", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-haspopup": "this.ariaHasPopupAttr", "attr.aria-controls": "this.ariaControlsAttr", "attr.aria-expanded": "this.ariaExpandedAttr", "attr.data-slot": "this.dataSlot", "attr.data-open": "this.dataOpenAttr", "attr.data-state": "this.dataStateAttr", "attr.data-disabled": "this.dataDisabledAttr" } }, exportAs: ["tngDialogTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngDialogTrigger]',
+                    exportAs: 'tngDialogTrigger',
+                    standalone: true,
+                }]
+        }], propDecorators: { dialogFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngDialogTrigger", required: false }] }], ariaHasPopupAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-haspopup']
+            }], ariaControlsAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-controls']
+            }], ariaExpandedAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-expanded']
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], dataOpenAttr: [{
+                type: HostBinding,
+                args: ['attr.data-open']
+            }], dataStateAttr: [{
+                type: HostBinding,
+                args: ['attr.data-state']
+            }], dataDisabledAttr: [{
+                type: HostBinding,
+                args: ['attr.data-disabled']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+export class TngDialogTitle {
     dialog = inject(TngDialog);
     hostRef = inject(ElementRef);
     resolvedId = this.hostRef.nativeElement.id.trim().length > 0
@@ -746,22 +732,24 @@ let TngDialogTitle = class TngDialogTitle {
     ngOnDestroy() {
         this.dialog.unregisterTitle(this.resolvedId);
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngDialogTitle.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.id')
-], TngDialogTitle.prototype, "idAttr", null);
-TngDialogTitle = __decorate([
-    Directive({
-        selector: '[tngDialogTitle]',
-        exportAs: 'tngDialogTitle',
-        standalone: true,
-    })
-], TngDialogTitle);
-export { TngDialogTitle };
-let TngDialogDescription = class TngDialogDescription {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngDialogTitle, isStandalone: true, selector: "[tngDialogTitle]", host: { properties: { "attr.data-slot": "this.dataSlot", "attr.id": "this.idAttr" } }, exportAs: ["tngDialogTitle"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngDialogTitle]',
+                    exportAs: 'tngDialogTitle',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], idAttr: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }] } });
+export class TngDialogDescription {
     dialog = inject(TngDialog);
     hostRef = inject(ElementRef);
     resolvedId = this.hostRef.nativeElement.id.trim().length > 0
@@ -777,54 +765,58 @@ let TngDialogDescription = class TngDialogDescription {
     ngOnDestroy() {
         this.dialog.unregisterDescription(this.resolvedId);
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngDialogDescription.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.id')
-], TngDialogDescription.prototype, "idAttr", null);
-TngDialogDescription = __decorate([
-    Directive({
-        selector: '[tngDialogDescription]',
-        exportAs: 'tngDialogDescription',
-        standalone: true,
-    })
-], TngDialogDescription);
-export { TngDialogDescription };
-let TngDialogContent = class TngDialogContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngDialogDescription, isStandalone: true, selector: "[tngDialogDescription]", host: { properties: { "attr.data-slot": "this.dataSlot", "attr.id": "this.idAttr" } }, exportAs: ["tngDialogDescription"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngDialogDescription]',
+                    exportAs: 'tngDialogDescription',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], idAttr: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }] } });
+export class TngDialogContent {
     dataSlot = 'dialog-content';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngDialogContent.prototype, "dataSlot", void 0);
-TngDialogContent = __decorate([
-    Directive({
-        selector: '[tngDialogContent]',
-        exportAs: 'tngDialogContent',
-        standalone: true,
-    })
-], TngDialogContent);
-export { TngDialogContent };
-let TngDialogActions = class TngDialogActions {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngDialogContent, isStandalone: true, selector: "[tngDialogContent]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngDialogContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngDialogContent]',
+                    exportAs: 'tngDialogContent',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
+export class TngDialogActions {
     dataSlot = 'dialog-actions';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngDialogActions.prototype, "dataSlot", void 0);
-TngDialogActions = __decorate([
-    Directive({
-        selector: '[tngDialogActions]',
-        exportAs: 'tngDialogActions',
-        standalone: true,
-    })
-], TngDialogActions);
-export { TngDialogActions };
-let TngDialogClose = class TngDialogClose {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngDialogActions, isStandalone: true, selector: "[tngDialogActions]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngDialogActions"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogActions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngDialogActions]',
+                    exportAs: 'tngDialogActions',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
+export class TngDialogClose {
     dialog = inject(TngDialog);
-    closeReason = input(null, {
-        alias: 'tngDialogClose',
-    });
+    closeReason = input(null, { ...(ngDevMode ? { debugName: "closeReason" } : {}), alias: 'tngDialogClose' });
     dataSlot = 'dialog-close';
     onClick() {
         this.dialog.requestClose(this.resolveCloseReason());
@@ -836,19 +828,21 @@ let TngDialogClose = class TngDialogClose {
         }
         return isDialogCloseReason(raw) ? raw : 'close-button';
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngDialogClose.prototype, "dataSlot", void 0);
-__decorate([
-    HostListener('click')
-], TngDialogClose.prototype, "onClick", null);
-TngDialogClose = __decorate([
-    Directive({
-        selector: '[tngDialogClose]',
-        exportAs: 'tngDialogClose',
-        standalone: true,
-    })
-], TngDialogClose);
-export { TngDialogClose };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngDialogClose, isStandalone: true, selector: "[tngDialogClose]", inputs: { closeReason: { classPropertyName: "closeReason", publicName: "tngDialogClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngDialogClose"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogClose, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngDialogClose]',
+                    exportAs: 'tngDialogClose',
+                    standalone: true,
+                }]
+        }], propDecorators: { closeReason: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngDialogClose", required: false }] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
 //# sourceMappingURL=tng-dialog.js.map