@tailng-ui/components 0.17.0 → 0.18.0

package/src/lib/navigation/menubar/tng-menubar.component.d.ts

@@ -1,5 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
 export declare class TngMenubarComponent {
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
     protected get hostAriaLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngMenubarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngMenubarComponent, "tng-menubar", ["tngMenubarComponent"], { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TngMenubar; inputs: { "loop": "loop"; }; outputs: {}; }]>;
 }
+export { TngMenubarComponent as TngMenubar };
 //# sourceMappingURL=tng-menubar.component.d.ts.map

package/src/lib/navigation/menubar/tng-menubar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-menubar.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menubar/tng-menubar.component.ts"],"names":[],"mappings":"AAGA,qBAYa,mBAAmB;IAC9B,QAAQ,CAAC,SAAS,8CAA4B;IAG9C,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;CACF"}
+{"version":3,"file":"tng-menubar.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menubar/tng-menubar.component.ts"],"names":[],"mappings":";;AAGA,qBAYa,mBAAmB;IAC9B,QAAQ,CAAC,SAAS,8CAA4B;IAG9C,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;yCANU,mBAAmB;2CAAnB,mBAAmB;CAO/B;AACD,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,CAAC"}

package/src/lib/navigation/menubar/tng-menubar.component.js

@@ -1,28 +1,26 @@
-import { __decorate } from "tslib";
 import { Component, HostBinding, input } from '@angular/core';
 import { TngMenubar as TngMenubarPrimitive } from '@tailng-ui/primitives';
-let TngMenubarComponent = class TngMenubarComponent {
-    ariaLabel = input('Menubar');
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
+export class TngMenubarComponent {
+    ariaLabel = input('Menubar', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
     get hostAriaLabel() {
         return this.ariaLabel();
     }
-};
-__decorate([
-    HostBinding('attr.aria-label')
-], TngMenubarComponent.prototype, "hostAriaLabel", null);
-TngMenubarComponent = __decorate([
-    Component({
-        selector: 'tng-menubar',
-        hostDirectives: [
-            {
-                directive: TngMenubarPrimitive,
-                inputs: ['loop'],
-            },
-        ],
-        templateUrl: './tng-menubar.component.html',
-        styleUrl: './tng-menubar.component.css',
-        exportAs: 'tngMenubarComponent',
-    })
-], TngMenubarComponent);
-export { TngMenubarComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenubarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngMenubarComponent, isStandalone: true, selector: "tng-menubar", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "this.hostAriaLabel" } }, exportAs: ["tngMenubarComponent"], hostDirectives: [{ directive: i1.TngMenubar, inputs: ["loop", "loop"] }], ngImport: i0, template: "<ng-content />\n", styles: [":host {}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenubarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-menubar', hostDirectives: [
+                        {
+                            directive: TngMenubarPrimitive,
+                            inputs: ['loop'],
+                        },
+                    ], exportAs: 'tngMenubarComponent', template: "<ng-content />\n", styles: [":host {}\n"] }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], hostAriaLabel: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }] } });
+export { TngMenubarComponent as TngMenubar };
 //# sourceMappingURL=tng-menubar.component.js.map

package/src/lib/navigation/menubar/tng-menubar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-menubar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menubar/tng-menubar.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAcnE,IAAM,mBAAmB,GAAzB,MAAM,mBAAmB;IACrB,SAAS,GAAG,KAAK,CAAS,SAAS,CAAC,CAAC;IAG9C,IAAc,aAAa;QACzB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;CACF,CAAA;AAHC;IADC,WAAW,CAAC,iBAAiB,CAAC;wDAG9B;AANU,mBAAmB;IAZ/B,SAAS,CAAC;QACT,QAAQ,EAAE,aAAa;QACvB,cAAc,EAAE;YACd;gBACE,SAAS,EAAE,mBAAmB;gBAC9B,MAAM,EAAE,CAAC,MAAM,CAAC;aACjB;SACF;QACD,WAAW,EAAE,8BAA8B;QAC3C,QAAQ,EAAE,6BAA6B;QACvC,QAAQ,EAAE,qBAAqB;KAChC,CAAC;GACW,mBAAmB,CAO/B","sourcesContent":["import { Component, HostBinding, input } from '@angular/core';\nimport { TngMenubar as TngMenubarPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-menubar',\n  hostDirectives: [\n    {\n      directive: TngMenubarPrimitive,\n      inputs: ['loop'],\n    },\n  ],\n  templateUrl: './tng-menubar.component.html',\n  styleUrl: './tng-menubar.component.css',\n  exportAs: 'tngMenubarComponent',\n})\nexport class TngMenubarComponent {\n  readonly ariaLabel = input<string>('Menubar');\n\n  @HostBinding('attr.aria-label')\n  protected get hostAriaLabel(): string {\n    return this.ariaLabel();\n  }\n}\n"]}
+{"version":3,"file":"tng-menubar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menubar/tng-menubar.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menubar/tng-menubar.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;AAc1E,MAAM,OAAO,mBAAmB;IACrB,SAAS,GAAG,KAAK,CAAS,SAAS,qDAAC,CAAC;IAE9C,IACc,aAAa;QACzB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;uGANU,mBAAmB;2FAAnB,mBAAmB,uYCfhC,kBACA;;2FDca,mBAAmB;kBAZ/B,SAAS;+BACE,aAAa,kBACP;wBACd;4BACE,SAAS,EAAE,mBAAmB;4BAC9B,MAAM,EAAE,CAAC,MAAM,CAAC;yBACjB;qBACF,YAGS,qBAAqB;;sBAK9B,WAAW;uBAAC,iBAAiB;;AAKhC,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,CAAC","sourcesContent":["import { Component, HostBinding, input } from '@angular/core';\nimport { TngMenubar as TngMenubarPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-menubar',\n  hostDirectives: [\n    {\n      directive: TngMenubarPrimitive,\n      inputs: ['loop'],\n    },\n  ],\n  templateUrl: './tng-menubar.component.html',\n  styleUrl: './tng-menubar.component.css',\n  exportAs: 'tngMenubarComponent',\n})\nexport class TngMenubarComponent {\n  readonly ariaLabel = input<string>('Menubar');\n\n  @HostBinding('attr.aria-label')\n  protected get hostAriaLabel(): string {\n    return this.ariaLabel();\n  }\n}\nexport { TngMenubarComponent as TngMenubar };\n","<ng-content />\n"]}

package/src/lib/navigation/navigation-menu/tng-navigation-menu.component.d.ts

@@ -1,4 +1,8 @@
+import * as i0 from "@angular/core";
 export declare class TngNavigationMenuComponent {
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngNavigationMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngNavigationMenuComponent, "tng-navigation-menu", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
+export { TngNavigationMenuComponent as TngNavigationMenu };
 //# sourceMappingURL=tng-navigation-menu.component.d.ts.map

package/src/lib/navigation/navigation-menu/tng-navigation-menu.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-navigation-menu.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/navigation-menu/tng-navigation-menu.component.ts"],"names":[],"mappings":"AAGA,qBAMa,0BAA0B;IACrC,SAAgB,SAAS,8CAAoC;CAC9D"}
+{"version":3,"file":"tng-navigation-menu.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/navigation-menu/tng-navigation-menu.component.ts"],"names":[],"mappings":";AAGA,qBAMa,0BAA0B;IACrC,SAAgB,SAAS,8CAAoC;yCADlD,0BAA0B;2CAA1B,0BAA0B;CAEtC;AACD,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,CAAC"}

package/src/lib/navigation/navigation-menu/tng-navigation-menu.component.js

@@ -1,16 +1,14 @@
-import { __decorate } from "tslib";
 import { Component, input } from '@angular/core';
 import { TngNavigationMenu as TngNavigationMenuPrimitive } from '@tailng-ui/primitives';
-let TngNavigationMenuComponent = class TngNavigationMenuComponent {
-    ariaLabel = input('Navigation Menu');
-};
-TngNavigationMenuComponent = __decorate([
-    Component({
-        selector: 'tng-navigation-menu',
-        imports: [TngNavigationMenuPrimitive],
-        templateUrl: './tng-navigation-menu.component.html',
-        styleUrl: './tng-navigation-menu.component.css',
-    })
-], TngNavigationMenuComponent);
-export { TngNavigationMenuComponent };
+import * as i0 from "@angular/core";
+export class TngNavigationMenuComponent {
+    ariaLabel = input('Navigation Menu', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngNavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngNavigationMenuComponent, isStandalone: true, selector: "tng-navigation-menu", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section tngNavigationMenu class=\"tng-navigation-menu\" [attr.aria-label]=\"ariaLabel()\">\n  <ng-content />\n</section>\n", styles: [":host {\n  display: block;\n}\n\n.tng-navigation-menu {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.5rem;\n  padding: 0.9rem 1rem;\n}\n"], dependencies: [{ kind: "directive", type: TngNavigationMenuPrimitive, selector: "[tngNavigationMenu]", exportAs: ["tngNavigationMenu"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngNavigationMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-navigation-menu', imports: [TngNavigationMenuPrimitive], template: "<section tngNavigationMenu class=\"tng-navigation-menu\" [attr.aria-label]=\"ariaLabel()\">\n  <ng-content />\n</section>\n", styles: [":host {\n  display: block;\n}\n\n.tng-navigation-menu {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.5rem;\n  padding: 0.9rem 1rem;\n}\n"] }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+export { TngNavigationMenuComponent as TngNavigationMenu };
 //# sourceMappingURL=tng-navigation-menu.component.js.map

package/src/lib/navigation/navigation-menu/tng-navigation-menu.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-navigation-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/navigation-menu/tng-navigation-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,iBAAiB,IAAI,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAQjF,IAAM,0BAA0B,GAAhC,MAAM,0BAA0B;IACrB,SAAS,GAAG,KAAK,CAAS,iBAAiB,CAAC,CAAC;CAC9D,CAAA;AAFY,0BAA0B;IANtC,SAAS,CAAC;QACT,QAAQ,EAAE,qBAAqB;QAC/B,OAAO,EAAE,CAAC,0BAA0B,CAAC;QACrC,WAAW,EAAE,sCAAsC;QACnD,QAAQ,EAAE,qCAAqC;KAChD,CAAC;GACW,0BAA0B,CAEtC","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngNavigationMenu as TngNavigationMenuPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-navigation-menu',\n  imports: [TngNavigationMenuPrimitive],\n  templateUrl: './tng-navigation-menu.component.html',\n  styleUrl: './tng-navigation-menu.component.css',\n})\nexport class TngNavigationMenuComponent {\n  public readonly ariaLabel = input<string>('Navigation Menu');\n}\n"]}
+{"version":3,"file":"tng-navigation-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/navigation-menu/tng-navigation-menu.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/navigation/navigation-menu/tng-navigation-menu.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,iBAAiB,IAAI,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;;AAQxF,MAAM,OAAO,0BAA0B;IACrB,SAAS,GAAG,KAAK,CAAS,iBAAiB,qDAAC,CAAC;uGADlD,0BAA0B;2FAA1B,0BAA0B,+NCTvC,6HAGA,0WDEY,0BAA0B;;2FAIzB,0BAA0B;kBANtC,SAAS;+BACE,qBAAqB,WACtB,CAAC,0BAA0B,CAAC;;AAOvC,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,CAAC","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngNavigationMenu as TngNavigationMenuPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-navigation-menu',\n  imports: [TngNavigationMenuPrimitive],\n  templateUrl: './tng-navigation-menu.component.html',\n  styleUrl: './tng-navigation-menu.component.css',\n})\nexport class TngNavigationMenuComponent {\n  public readonly ariaLabel = input<string>('Navigation Menu');\n}\nexport { TngNavigationMenuComponent as TngNavigationMenu };\n","<section tngNavigationMenu class=\"tng-navigation-menu\" [attr.aria-label]=\"ariaLabel()\">\n  <ng-content />\n</section>\n"]}

package/src/lib/navigation/tabs/tng-tabs.component.d.ts

@@ -1,5 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
 export declare class TngTabsComponent {
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
     protected get hostAriaLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngTabsComponent, "tng-tabs", ["tngTabsComponent"], { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TngTabs; inputs: { "value": "value"; "defaultValue": "defaultValue"; "activation": "activation"; "orientation": "orientation"; "scrollButtons": "scrollButtons"; "loop": "loop"; "dir": "dir"; "disabled": "disabled"; "lazy": "lazy"; "keepAlive": "keepAlive"; }; outputs: { "valueChange": "valueChange"; "tabChange": "tabChange"; "focusChange": "focusChange"; }; }]>;
 }
+export { TngTabsComponent as TngTabs };
 //# sourceMappingURL=tng-tabs.component.d.ts.map

package/src/lib/navigation/tabs/tng-tabs.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-tabs.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/tabs/tng-tabs.component.ts"],"names":[],"mappings":"AAGA,qBAwBa,gBAAgB;IAC3B,QAAQ,CAAC,SAAS,8CAAyB;IAG3C,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;CACF"}
+{"version":3,"file":"tng-tabs.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/tabs/tng-tabs.component.ts"],"names":[],"mappings":";;AAGA,qBAwBa,gBAAgB;IAC3B,QAAQ,CAAC,SAAS,8CAAyB;IAG3C,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;yCANU,gBAAgB;2CAAhB,gBAAgB;CAO5B;AACD,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,CAAC"}

package/src/lib/navigation/tabs/tng-tabs.component.js

@@ -1,40 +1,38 @@
-import { __decorate } from "tslib";
 import { Component, HostBinding, input } from '@angular/core';
 import { TngTabs as TngTabsPrimitive } from '@tailng-ui/primitives';
-let TngTabsComponent = class TngTabsComponent {
-    ariaLabel = input('Tabs');
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
+export class TngTabsComponent {
+    ariaLabel = input('Tabs', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
     get hostAriaLabel() {
         return this.ariaLabel();
     }
-};
-__decorate([
-    HostBinding('attr.aria-label')
-], TngTabsComponent.prototype, "hostAriaLabel", null);
-TngTabsComponent = __decorate([
-    Component({
-        selector: 'tng-tabs',
-        hostDirectives: [
-            {
-                directive: TngTabsPrimitive,
-                inputs: [
-                    'value',
-                    'defaultValue',
-                    'activation',
-                    'orientation',
-                    'scrollButtons',
-                    'loop',
-                    'dir',
-                    'disabled',
-                    'lazy',
-                    'keepAlive',
-                ],
-                outputs: ['valueChange', 'tabChange', 'focusChange'],
-            },
-        ],
-        templateUrl: './tng-tabs.component.html',
-        styleUrl: './tng-tabs.component.css',
-        exportAs: 'tngTabsComponent',
-    })
-], TngTabsComponent);
-export { TngTabsComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngTabsComponent, isStandalone: true, selector: "tng-tabs", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "this.hostAriaLabel" } }, exportAs: ["tngTabsComponent"], hostDirectives: [{ directive: i1.TngTabs, inputs: ["value", "value", "defaultValue", "defaultValue", "activation", "activation", "orientation", "orientation", "scrollButtons", "scrollButtons", "loop", "loop", "dir", "dir", "disabled", "disabled", "lazy", "lazy", "keepAlive", "keepAlive"], outputs: ["valueChange", "valueChange", "tabChange", "tabChange", "focusChange", "focusChange"] }], ngImport: i0, template: "<section class=\"tng-tabs\">\n  <ng-content />\n</section>\n", styles: [":host {\n  display: block;\n}\n\n.tng-tabs {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.5rem;\n  padding: 0.9rem 1rem;\n}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-tabs', hostDirectives: [
+                        {
+                            directive: TngTabsPrimitive,
+                            inputs: [
+                                'value',
+                                'defaultValue',
+                                'activation',
+                                'orientation',
+                                'scrollButtons',
+                                'loop',
+                                'dir',
+                                'disabled',
+                                'lazy',
+                                'keepAlive',
+                            ],
+                            outputs: ['valueChange', 'tabChange', 'focusChange'],
+                        },
+                    ], exportAs: 'tngTabsComponent', template: "<section class=\"tng-tabs\">\n  <ng-content />\n</section>\n", styles: [":host {\n  display: block;\n}\n\n.tng-tabs {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.5rem;\n  padding: 0.9rem 1rem;\n}\n"] }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], hostAriaLabel: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }] } });
+export { TngTabsComponent as TngTabs };
 //# sourceMappingURL=tng-tabs.component.js.map

package/src/lib/navigation/tabs/tng-tabs.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-tabs.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/tabs/tng-tabs.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AA0B7D,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;IAClB,SAAS,GAAG,KAAK,CAAS,MAAM,CAAC,CAAC;IAG3C,IAAc,aAAa;QACzB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;CACF,CAAA;AAHC;IADC,WAAW,CAAC,iBAAiB,CAAC;qDAG9B;AANU,gBAAgB;IAxB5B,SAAS,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE;YACd;gBACE,SAAS,EAAE,gBAAgB;gBAC3B,MAAM,EAAE;oBACN,OAAO;oBACP,cAAc;oBACd,YAAY;oBACZ,aAAa;oBACb,eAAe;oBACf,MAAM;oBACN,KAAK;oBACL,UAAU;oBACV,MAAM;oBACN,WAAW;iBACZ;gBACD,OAAO,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,aAAa,CAAC;aACrD;SACF;QACD,WAAW,EAAE,2BAA2B;QACxC,QAAQ,EAAE,0BAA0B;QACpC,QAAQ,EAAE,kBAAkB;KAC7B,CAAC;GACW,gBAAgB,CAO5B","sourcesContent":["import { Component, HostBinding, input } from '@angular/core';\nimport { TngTabs as TngTabsPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-tabs',\n  hostDirectives: [\n    {\n      directive: TngTabsPrimitive,\n      inputs: [\n        'value',\n        'defaultValue',\n        'activation',\n        'orientation',\n        'scrollButtons',\n        'loop',\n        'dir',\n        'disabled',\n        'lazy',\n        'keepAlive',\n      ],\n      outputs: ['valueChange', 'tabChange', 'focusChange'],\n    },\n  ],\n  templateUrl: './tng-tabs.component.html',\n  styleUrl: './tng-tabs.component.css',\n  exportAs: 'tngTabsComponent',\n})\nexport class TngTabsComponent {\n  readonly ariaLabel = input<string>('Tabs');\n\n  @HostBinding('attr.aria-label')\n  protected get hostAriaLabel(): string {\n    return this.ariaLabel();\n  }\n}\n"]}
+{"version":3,"file":"tng-tabs.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/tabs/tng-tabs.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/navigation/tabs/tng-tabs.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;;;AA0BpE,MAAM,OAAO,gBAAgB;IAClB,SAAS,GAAG,KAAK,CAAS,MAAM,qDAAC,CAAC;IAE3C,IACc,aAAa;QACzB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;uGANU,gBAAgB;2FAAhB,gBAAgB,6rBC3B7B,8DAGA;;2FDwBa,gBAAgB;kBAxB5B,SAAS;+BACE,UAAU,kBACJ;wBACd;4BACE,SAAS,EAAE,gBAAgB;4BAC3B,MAAM,EAAE;gCACN,OAAO;gCACP,cAAc;gCACd,YAAY;gCACZ,aAAa;gCACb,eAAe;gCACf,MAAM;gCACN,KAAK;gCACL,UAAU;gCACV,MAAM;gCACN,WAAW;6BACZ;4BACD,OAAO,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,aAAa,CAAC;yBACrD;qBACF,YAGS,kBAAkB;;sBAK3B,WAAW;uBAAC,iBAAiB;;AAKhC,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,CAAC","sourcesContent":["import { Component, HostBinding, input } from '@angular/core';\nimport { TngTabs as TngTabsPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-tabs',\n  hostDirectives: [\n    {\n      directive: TngTabsPrimitive,\n      inputs: [\n        'value',\n        'defaultValue',\n        'activation',\n        'orientation',\n        'scrollButtons',\n        'loop',\n        'dir',\n        'disabled',\n        'lazy',\n        'keepAlive',\n      ],\n      outputs: ['valueChange', 'tabChange', 'focusChange'],\n    },\n  ],\n  templateUrl: './tng-tabs.component.html',\n  styleUrl: './tng-tabs.component.css',\n  exportAs: 'tngTabsComponent',\n})\nexport class TngTabsComponent {\n  readonly ariaLabel = input<string>('Tabs');\n\n  @HostBinding('attr.aria-label')\n  protected get hostAriaLabel(): string {\n    return this.ariaLabel();\n  }\n}\nexport { TngTabsComponent as TngTabs };\n","<section class=\"tng-tabs\">\n  <ng-content />\n</section>\n"]}

package/src/lib/navigation/toolbar/tng-toolbar.component.d.ts

@@ -1,4 +1,8 @@
+import * as i0 from "@angular/core";
 export declare class TngToolbarComponent {
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngToolbarComponent, "tng-toolbar", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
+export { TngToolbarComponent as TngToolbar };
 //# sourceMappingURL=tng-toolbar.component.d.ts.map

package/src/lib/navigation/toolbar/tng-toolbar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-toolbar.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/toolbar/tng-toolbar.component.ts"],"names":[],"mappings":"AAGA,qBAMa,mBAAmB;IAC9B,SAAgB,SAAS,8CAA4B;CACtD"}
+{"version":3,"file":"tng-toolbar.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/toolbar/tng-toolbar.component.ts"],"names":[],"mappings":";AAGA,qBAMa,mBAAmB;IAC9B,SAAgB,SAAS,8CAA4B;yCAD1C,mBAAmB;2CAAnB,mBAAmB;CAE/B;AACD,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,CAAC"}

package/src/lib/navigation/toolbar/tng-toolbar.component.js

@@ -1,16 +1,14 @@
-import { __decorate } from "tslib";
 import { Component, input } from '@angular/core';
 import { TngToolbar as TngToolbarPrimitive } from '@tailng-ui/primitives';
-let TngToolbarComponent = class TngToolbarComponent {
-    ariaLabel = input('Toolbar');
-};
-TngToolbarComponent = __decorate([
-    Component({
-        selector: 'tng-toolbar',
-        imports: [TngToolbarPrimitive],
-        templateUrl: './tng-toolbar.component.html',
-        styleUrl: './tng-toolbar.component.css',
-    })
-], TngToolbarComponent);
-export { TngToolbarComponent };
+import * as i0 from "@angular/core";
+export class TngToolbarComponent {
+    ariaLabel = input('Toolbar', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngToolbarComponent, isStandalone: true, selector: "tng-toolbar", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section tngToolbar class=\"tng-toolbar\" [attr.aria-label]=\"ariaLabel()\">\n  <ng-content />\n</section>\n", styles: [":host {\n  display: block;\n}\n\n.tng-toolbar {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.5rem;\n  padding: 0.9rem 1rem;\n}\n"], dependencies: [{ kind: "directive", type: TngToolbarPrimitive, selector: "[tngToolbar]", exportAs: ["tngToolbar"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-toolbar', imports: [TngToolbarPrimitive], template: "<section tngToolbar class=\"tng-toolbar\" [attr.aria-label]=\"ariaLabel()\">\n  <ng-content />\n</section>\n", styles: [":host {\n  display: block;\n}\n\n.tng-toolbar {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.5rem;\n  padding: 0.9rem 1rem;\n}\n"] }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+export { TngToolbarComponent as TngToolbar };
 //# sourceMappingURL=tng-toolbar.component.js.map

package/src/lib/navigation/toolbar/tng-toolbar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-toolbar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/toolbar/tng-toolbar.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAQnE,IAAM,mBAAmB,GAAzB,MAAM,mBAAmB;IACd,SAAS,GAAG,KAAK,CAAS,SAAS,CAAC,CAAC;CACtD,CAAA;AAFY,mBAAmB;IAN/B,SAAS,CAAC;QACT,QAAQ,EAAE,aAAa;QACvB,OAAO,EAAE,CAAC,mBAAmB,CAAC;QAC9B,WAAW,EAAE,8BAA8B;QAC3C,QAAQ,EAAE,6BAA6B;KACxC,CAAC;GACW,mBAAmB,CAE/B","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngToolbar as TngToolbarPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-toolbar',\n  imports: [TngToolbarPrimitive],\n  templateUrl: './tng-toolbar.component.html',\n  styleUrl: './tng-toolbar.component.css',\n})\nexport class TngToolbarComponent {\n  public readonly ariaLabel = input<string>('Toolbar');\n}\n"]}
+{"version":3,"file":"tng-toolbar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/toolbar/tng-toolbar.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/navigation/toolbar/tng-toolbar.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAQ1E,MAAM,OAAO,mBAAmB;IACd,SAAS,GAAG,KAAK,CAAS,SAAS,qDAAC,CAAC;uGAD1C,mBAAmB;2FAAnB,mBAAmB,uNCThC,8GAGA,kWDEY,mBAAmB;;2FAIlB,mBAAmB;kBAN/B,SAAS;+BACE,aAAa,WACd,CAAC,mBAAmB,CAAC;;AAOhC,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,CAAC","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngToolbar as TngToolbarPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-toolbar',\n  imports: [TngToolbarPrimitive],\n  templateUrl: './tng-toolbar.component.html',\n  styleUrl: './tng-toolbar.component.css',\n})\nexport class TngToolbarComponent {\n  public readonly ariaLabel = input<string>('Toolbar');\n}\nexport { TngToolbarComponent as TngToolbar };\n","<section tngToolbar class=\"tng-toolbar\" [attr.aria-label]=\"ariaLabel()\">\n  <ng-content />\n</section>\n"]}

package/src/lib/overlay/dialog/tng-dialog.component.d.ts

@@ -1,4 +1,5 @@
 import type { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
 export type TngDialogCloseReason = 'backdrop' | 'close-button' | 'escape' | 'programmatic';
 export type TngDialogSize = 'lg' | 'md' | 'sm';
 export declare class TngDialogComponent implements OnDestroy {
@@ -39,5 +40,8 @@ export declare class TngDialogComponent implements OnDestroy {
     private focusEdgeWhenOutsidePanel;
     private wrapTabAtEdges;
     private trapTabNavigation;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngDialogComponent, "tng-dialog", never, { "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "openChange": "openChange"; }, never, ["*"], true, never>;
 }
+export { TngDialogComponent as TngDialog };
 //# sourceMappingURL=tng-dialog.component.d.ts.map

package/src/lib/overlay/dialog/tng-dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-dialog.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/overlay/dialog/tng-dialog.component.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,eAAe,CAAC;AA2B3D,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,cAAc,GAAG,QAAQ,GAAG,cAAc,CAAC;AAC3F,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAwE/C,qBAKa,kBAAmB,YAAW,SAAS;IAClD,SAAgB,eAAe,8EAE5B;IACH,SAAgB,aAAa,8EAE1B;IACH,SAAgB,WAAW,qDAA8B;IACzD,SAAgB,IAAI,8EAEjB;IACH,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,KAAK,8CAA2B;IAEhD,SAAgB,MAAM,iEAAkC;IACxD,SAAgB,UAAU,oDAAqB;IAE/C,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IACzC,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACnC,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAEnC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAqD;IACjF,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAC7C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkD;IAC3E,OAAO,CAAC,QAAQ,CAAC,UAAU,CAExB;IACH,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAoB;IAC/C,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,mBAAmB,CAA4B;IAEvD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAO7B;;IAQI,KAAK,IAAI,IAAI;IAIb,WAAW,IAAI,IAAI;IAKnB,kBAAkB,IAAI,IAAI;IAI1B,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAW3C,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,oBAAoB;IA8B5B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,mBAAmB;IAqB3B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,qBAAqB;IAmB7B,OAAO,CAAC,yBAAyB;IAiBjC,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,iBAAiB;CAkB1B"}
+{"version":3,"file":"tng-dialog.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/overlay/dialog/tng-dialog.component.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,eAAe,CAAC;;AA2B3D,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,cAAc,GAAG,QAAQ,GAAG,cAAc,CAAC;AAC3F,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAwE/C,qBAKa,kBAAmB,YAAW,SAAS;IAClD,SAAgB,eAAe,8EAE5B;IACH,SAAgB,aAAa,8EAE1B;IACH,SAAgB,WAAW,qDAA8B;IACzD,SAAgB,IAAI,8EAEjB;IACH,SAAgB,IAAI,qDAA8B;IAClD,SAAgB,KAAK,8CAA2B;IAEhD,SAAgB,MAAM,iEAAkC;IACxD,SAAgB,UAAU,oDAAqB;IAE/C,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IACzC,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACnC,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAEnC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAqD;IACjF,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAC7C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkD;IAC3E,OAAO,CAAC,QAAQ,CAAC,UAAU,CAExB;IACH,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAoB;IAC/C,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,mBAAmB,CAA4B;IAEvD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAO7B;;IAQI,KAAK,IAAI,IAAI;IAIb,WAAW,IAAI,IAAI;IAKnB,kBAAkB,IAAI,IAAI;IAI1B,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAW3C,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,oBAAoB;IA8B5B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,mBAAmB;IAqB3B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,qBAAqB;IAmB7B,OAAO,CAAC,yBAAyB;IAiBjC,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,iBAAiB;yCA7Od,kBAAkB;2CAAlB,kBAAkB;CA+P9B;AACD,OAAO,EAAE,kBAAkB,IAAI,SAAS,EAAE,CAAC"}

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

@@ -1,7 +1,7 @@
-import { __decorate } from "tslib";
 import { afterNextRender, booleanAttribute, Component, effect, inject, Injector, input, output, viewChild, } from '@angular/core';
 import { createOverlayScrollLockManager, createTngIdFactory, } from '@tailng-ui/cdk';
 import { tngOverlayRuntime } from '../tng-overlay-runtime';
+import * as i0 from "@angular/core";
 const createDialogId = createTngIdFactory('tng-dialog');
 const focusableSelector = [
     'a[href]',
@@ -65,19 +65,13 @@ function toDialogCloseReason(reason) {
     }
     return null;
 }
-let TngDialogComponent = class TngDialogComponent {
-    closeOnBackdrop = input(true, {
-        transform: booleanAttribute,
-    });
-    closeOnEscape = input(true, {
-        transform: booleanAttribute,
-    });
-    description = input(null);
-    open = input(false, {
-        transform: booleanAttribute,
-    });
-    size = input('md');
-    title = input('Dialog');
+export class TngDialogComponent {
+    closeOnBackdrop = input(true, { ...(ngDevMode ? { debugName: "closeOnBackdrop" } : {}), transform: booleanAttribute });
+    closeOnEscape = input(true, { ...(ngDevMode ? { debugName: "closeOnEscape" } : {}), transform: booleanAttribute });
+    description = input(null, ...(ngDevMode ? [{ debugName: "description" }] : []));
+    open = input(false, { ...(ngDevMode ? { debugName: "open" } : {}), transform: booleanAttribute });
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    title = input('Dialog', ...(ngDevMode ? [{ debugName: "title" }] : []));
     closed = output();
     openChange = output();
     descriptionId;
@@ -85,7 +79,7 @@ let TngDialogComponent = class TngDialogComponent {
     titleId;
     documentRef = typeof document === 'undefined' ? null : document;
     injector = inject(Injector);
-    panelRef = viewChild('panelRef');
+    panelRef = viewChild('panelRef', ...(ngDevMode ? [{ debugName: "panelRef" }] : []));
     scrollLock = createOverlayScrollLockManager({
         documentRef: toScrollLockDocument(this.documentRef),
     });
@@ -99,7 +93,7 @@ let TngDialogComponent = class TngDialogComponent {
             return;
         }
         this.deactivateDialog();
-    });
+    }, ...(ngDevMode ? [{ debugName: "openStateEffect" }] : []));
     constructor() {
         this.descriptionId = `${this.instanceId}-description`;
         this.panelId = `${this.instanceId}-panel`;
@@ -274,13 +268,12 @@ let TngDialogComponent = class TngDialogComponent {
         }
         this.wrapTabAtEdges(event, focusState);
     }
-};
-TngDialogComponent = __decorate([
-    Component({
-        selector: 'tng-dialog',
-        templateUrl: './tng-dialog.component.html',
-        styleUrl: './tng-dialog.component.css',
-    })
-], TngDialogComponent);
-export { TngDialogComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngDialogComponent, isStandalone: true, selector: "tng-dialog", inputs: { closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", openChange: "openChange" }, viewQueries: [{ propertyName: "panelRef", first: true, predicate: ["panelRef"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (open()) {\n  <div class=\"tng-dialog-backdrop\">\n    <section\n      #panelRef\n      [id]=\"panelId\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      class=\"tng-dialog-panel\"\n      [attr.data-size]=\"size()\"\n      [attr.aria-labelledby]=\"titleId\"\n      [attr.aria-describedby]=\"description() ? descriptionId : null\"\n      tabindex=\"-1\"\n      (keydown)=\"onPanelKeydown($event)\"\n    >\n      <header class=\"tng-dialog-header\">\n        <div class=\"tng-dialog-heading\">\n          <h2 [id]=\"titleId\" class=\"tng-dialog-title\">{{ title() }}</h2>\n          @if (description()) {\n            <p [id]=\"descriptionId\" class=\"tng-dialog-description\">{{ description() }}</p>\n          }\n        </div>\n\n        <button type=\"button\" class=\"tng-dialog-close\" aria-label=\"Close dialog\" (click)=\"onCloseButtonClick()\">\n          \u00D7\n        </button>\n      </header>\n\n      <div class=\"tng-dialog-content\">\n        <ng-content />\n      </div>\n    </section>\n  </div>\n}\n", styles: [":host {\n  display: contents;\n}\n\n.tng-dialog-backdrop {\n  align-items: center;\n  background: color-mix(in srgb, var(--tng-semantic-foreground-primary) 28%, transparent);\n  display: flex;\n  inset: 0;\n  justify-content: center;\n  padding: 1rem;\n  position: fixed;\n  z-index: 70;\n}\n\n.tng-dialog-panel {\n  background: var(--tng-semantic-background-surface);\n  border: 1px solid var(--tng-semantic-border-strong);\n  border-radius: 1rem;\n  box-shadow: 0 20px 45px color-mix(in srgb, var(--tng-semantic-foreground-primary) 35%, transparent);\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 1rem;\n  max-height: calc(100vh - 2rem);\n  overflow: auto;\n  width: min(92vw, 34rem);\n}\n\n.tng-dialog-panel[data-size='sm'] {\n  width: min(92vw, 26rem);\n}\n\n.tng-dialog-panel[data-size='lg'] {\n  width: min(92vw, 48rem);\n}\n\n.tng-dialog-header {\n  align-items: flex-start;\n  display: flex;\n  gap: 1rem;\n  justify-content: space-between;\n  padding: 1.2rem 1.2rem 0;\n}\n\n.tng-dialog-heading {\n  display: grid;\n  gap: 0.35rem;\n}\n\n.tng-dialog-title {\n  font-size: 1.1rem;\n  font-weight: 700;\n  line-height: 1.3;\n  margin: 0;\n}\n\n.tng-dialog-description {\n  color: var(--tng-semantic-foreground-muted);\n  font-size: 0.92rem;\n  line-height: 1.4;\n  margin: 0;\n}\n\n.tng-dialog-close {\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 1px solid var(--tng-semantic-border-strong);\n  border-radius: 999px;\n  color: inherit;\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n  font-size: 1.2rem;\n  height: 2rem;\n  justify-content: center;\n  line-height: 1;\n  width: 2rem;\n}\n\n.tng-dialog-close:focus-visible {\n  box-shadow: 0 0 0 3px var(--tng-semantic-focus-ring);\n  outline: none;\n}\n\n.tng-dialog-content {\n  display: grid;\n  gap: 1rem;\n  padding: 0 1.2rem 1.2rem;\n}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-dialog', template: "@if (open()) {\n  <div class=\"tng-dialog-backdrop\">\n    <section\n      #panelRef\n      [id]=\"panelId\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      class=\"tng-dialog-panel\"\n      [attr.data-size]=\"size()\"\n      [attr.aria-labelledby]=\"titleId\"\n      [attr.aria-describedby]=\"description() ? descriptionId : null\"\n      tabindex=\"-1\"\n      (keydown)=\"onPanelKeydown($event)\"\n    >\n      <header class=\"tng-dialog-header\">\n        <div class=\"tng-dialog-heading\">\n          <h2 [id]=\"titleId\" class=\"tng-dialog-title\">{{ title() }}</h2>\n          @if (description()) {\n            <p [id]=\"descriptionId\" class=\"tng-dialog-description\">{{ description() }}</p>\n          }\n        </div>\n\n        <button type=\"button\" class=\"tng-dialog-close\" aria-label=\"Close dialog\" (click)=\"onCloseButtonClick()\">\n          \u00D7\n        </button>\n      </header>\n\n      <div class=\"tng-dialog-content\">\n        <ng-content />\n      </div>\n    </section>\n  </div>\n}\n", styles: [":host {\n  display: contents;\n}\n\n.tng-dialog-backdrop {\n  align-items: center;\n  background: color-mix(in srgb, var(--tng-semantic-foreground-primary) 28%, transparent);\n  display: flex;\n  inset: 0;\n  justify-content: center;\n  padding: 1rem;\n  position: fixed;\n  z-index: 70;\n}\n\n.tng-dialog-panel {\n  background: var(--tng-semantic-background-surface);\n  border: 1px solid var(--tng-semantic-border-strong);\n  border-radius: 1rem;\n  box-shadow: 0 20px 45px color-mix(in srgb, var(--tng-semantic-foreground-primary) 35%, transparent);\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 1rem;\n  max-height: calc(100vh - 2rem);\n  overflow: auto;\n  width: min(92vw, 34rem);\n}\n\n.tng-dialog-panel[data-size='sm'] {\n  width: min(92vw, 26rem);\n}\n\n.tng-dialog-panel[data-size='lg'] {\n  width: min(92vw, 48rem);\n}\n\n.tng-dialog-header {\n  align-items: flex-start;\n  display: flex;\n  gap: 1rem;\n  justify-content: space-between;\n  padding: 1.2rem 1.2rem 0;\n}\n\n.tng-dialog-heading {\n  display: grid;\n  gap: 0.35rem;\n}\n\n.tng-dialog-title {\n  font-size: 1.1rem;\n  font-weight: 700;\n  line-height: 1.3;\n  margin: 0;\n}\n\n.tng-dialog-description {\n  color: var(--tng-semantic-foreground-muted);\n  font-size: 0.92rem;\n  line-height: 1.4;\n  margin: 0;\n}\n\n.tng-dialog-close {\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 1px solid var(--tng-semantic-border-strong);\n  border-radius: 999px;\n  color: inherit;\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n  font-size: 1.2rem;\n  height: 2rem;\n  justify-content: center;\n  line-height: 1;\n  width: 2rem;\n}\n\n.tng-dialog-close:focus-visible {\n  box-shadow: 0 0 0 3px var(--tng-semantic-focus-ring);\n  outline: none;\n}\n\n.tng-dialog-content {\n  display: grid;\n  gap: 1rem;\n  padding: 0 1.2rem 1.2rem;\n}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], openChange: [{ type: i0.Output, args: ["openChange"] }], panelRef: [{ type: i0.ViewChild, args: ['panelRef', { isSignal: true }] }] } });
+export { TngDialogComponent as TngDialog };
 //# sourceMappingURL=tng-dialog.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-dialog.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/overlay/dialog/tng-dialog.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  afterNextRender,\n  booleanAttribute,\n  Component,\n  effect,\n  inject,\n  Injector,\n  input,\n  output,\n  viewChild,\n} from '@angular/core';\nimport type { ElementRef, OnDestroy } from '@angular/core';\nimport {\n  createOverlayScrollLockManager,\n  createTngIdFactory,\n  type TngOverlayDismissReason,\n} from '@tailng-ui/cdk';\nimport type { TngScrollLockDocument } from '@tailng-ui/cdk/overlay';\nimport { tngOverlayRuntime } from '../tng-overlay-runtime';\n\nconst createDialogId = createTngIdFactory('tng-dialog');\n\nconst focusableSelector = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\ntype TngFocusTrapState = Readonly<{\n  activeElement: HTMLElement | null;\n  first: HTMLElement;\n  last: HTMLElement;\n  panel: HTMLElement;\n}>;\n\nexport type TngDialogCloseReason = 'backdrop' | 'close-button' | 'escape' | 'programmatic';\nexport type TngDialogSize = 'lg' | 'md' | 'sm';\n\nfunction readKeyboardEvent(event: unknown): KeyboardEvent | null {\n  return event instanceof KeyboardEvent ? event : null;\n}\n\nfunction resolveActiveElement(documentRef: unknown): HTMLElement | null {\n  if (!(documentRef instanceof Document)) {\n    return null;\n  }\n\n  const activeElement = documentRef.activeElement;\n  return activeElement instanceof HTMLElement ? activeElement : null;\n}\n\nfunction resolveFocusableElements(container: unknown): readonly HTMLElement[] {\n  if (!(container instanceof HTMLElement)) {\n    return [];\n  }\n\n  const candidates = Array.from(container.querySelectorAll<HTMLElement>(focusableSelector));\n  const focusableElements: HTMLElement[] = [];\n  for (const candidate of candidates) {\n    if (!candidate.hasAttribute('disabled')) {\n      focusableElements.push(candidate);\n    }\n  }\n\n  return focusableElements;\n}\n\nfunction resolveFirstFocusableWithin(container: unknown): HTMLElement | null {\n  return resolveFocusableElements(container)[0] ?? null;\n}\n\nfunction resolveMarkedInitialElement(container: unknown): HTMLElement | null {\n  if (!(container instanceof HTMLElement)) {\n    return null;\n  }\n\n  const markedInitial = container.querySelector<HTMLElement>('[data-tng-dialog-initial-focus]');\n  if (markedInitial === null) {\n    return null;\n  }\n\n  if (resolveFocusableElements(container).includes(markedInitial)) {\n    return markedInitial;\n  }\n\n  return resolveFirstFocusableWithin(markedInitial);\n}\n\nfunction toScrollLockDocument(documentRef: unknown): TngScrollLockDocument | null {\n  if (!(documentRef instanceof Document)) {\n    return null;\n  }\n\n  return documentRef as unknown as TngScrollLockDocument;\n}\n\nfunction toDialogCloseReason(reason: TngOverlayDismissReason): TngDialogCloseReason | null {\n  if (reason === 'escape-key') {\n    return 'escape';\n  }\n\n  if (reason === 'outside-pointer') {\n    return 'backdrop';\n  }\n\n  return null;\n}\n\n@Component({\n  selector: 'tng-dialog',\n  templateUrl: './tng-dialog.component.html',\n  styleUrl: './tng-dialog.component.css',\n})\nexport class TngDialogComponent implements OnDestroy {\n  public readonly closeOnBackdrop = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly closeOnEscape = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly description = input<string | null>(null);\n  public readonly open = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly size = input<TngDialogSize>('md');\n  public readonly title = input<string>('Dialog');\n\n  public readonly closed = output<TngDialogCloseReason>();\n  public readonly openChange = output<boolean>();\n\n  protected readonly descriptionId: string;\n  protected readonly panelId: string;\n  protected readonly titleId: string;\n\n  private readonly documentRef = typeof document === 'undefined' ? null : document;\n  private readonly injector = inject(Injector);\n  private readonly panelRef = viewChild<ElementRef<HTMLElement>>('panelRef');\n  private readonly scrollLock = createOverlayScrollLockManager({\n    documentRef: toScrollLockDocument(this.documentRef),\n  });\n  private readonly instanceId = createDialogId();\n  private isActive = false;\n  private isLayerRegistered = false;\n  private restoreFocusElement: HTMLElement | null = null;\n\n  private readonly openStateEffect = effect((): void => {\n    if (this.open()) {\n      this.activateDialog();\n      return;\n    }\n\n    this.deactivateDialog();\n  });\n\n  public constructor() {\n    this.descriptionId = `${this.instanceId}-description`;\n    this.panelId = `${this.instanceId}-panel`;\n    this.titleId = `${this.instanceId}-title`;\n  }\n\n  public close(): void {\n    this.requestClose('programmatic');\n  }\n\n  public ngOnDestroy(): void {\n    this.openStateEffect.destroy();\n    this.deactivateDialog();\n  }\n\n  public onCloseButtonClick(): void {\n    this.requestClose('close-button');\n  }\n\n  public onPanelKeydown(event: unknown): void {\n    const keyboardEvent = readKeyboardEvent(event);\n    if (keyboardEvent === null) {\n      return;\n    }\n\n    if (keyboardEvent.key === 'Tab') {\n      this.trapTabNavigation(event);\n    }\n  }\n\n  private activateDialog(): void {\n    if (this.isActive) {\n      return;\n    }\n\n    this.isActive = true;\n    this.registerOverlayLayer();\n    this.restoreFocusElement = resolveActiveElement(this.documentRef);\n    this.scrollLock.acquire(this.instanceId);\n    afterNextRender(\n      (): void => {\n        this.focusInitialElement();\n      },\n      { injector: this.injector },\n    );\n  }\n\n  private deactivateDialog(): void {\n    if (!this.isActive) {\n      return;\n    }\n\n    this.isActive = false;\n    this.unregisterOverlayLayer();\n    this.scrollLock.release(this.instanceId);\n    this.restoreFocusElement?.focus();\n    this.restoreFocusElement = null;\n  }\n\n  private handleOverlayDismiss(reason: TngOverlayDismissReason): void {\n    const closeReason = toDialogCloseReason(reason);\n    if (closeReason === null) {\n      return;\n    }\n\n    this.requestClose(closeReason);\n  }\n\n  private registerOverlayLayer(): void {\n    if (this.isLayerRegistered) {\n      return;\n    }\n\n    this.isLayerRegistered = true;\n    tngOverlayRuntime.registerLayer({\n      containsTarget: (target: unknown, path: readonly unknown[]): boolean => {\n        const panel = this.panelRef()?.nativeElement;\n        if (panel === undefined) {\n          return false;\n        }\n\n        if (path.includes(panel)) {\n          return true;\n        }\n\n        return target instanceof Node ? panel.contains(target) : false;\n      },\n      dismissOnEscape: this.closeOnEscape(),\n      dismissOnOutsidePointer: this.closeOnBackdrop(),\n      id: this.instanceId,\n      modal: true,\n      onDismiss: (reason: TngOverlayDismissReason): void => {\n        this.handleOverlayDismiss(reason);\n      },\n      priority: 100,\n    });\n  }\n\n  private unregisterOverlayLayer(): void {\n    if (!this.isLayerRegistered) {\n      return;\n    }\n\n    this.isLayerRegistered = false;\n    tngOverlayRuntime.unregisterLayer(this.instanceId);\n  }\n\n  private focusInitialElement(): void {\n    const panel = this.panelRef()?.nativeElement;\n    if (panel === undefined) {\n      return;\n    }\n\n    const markedInitial = resolveMarkedInitialElement(panel);\n    if (markedInitial !== null) {\n      markedInitial.focus();\n      return;\n    }\n\n    const firstFocusable = resolveFirstFocusableWithin(panel);\n    if (firstFocusable !== null) {\n      firstFocusable.focus();\n      return;\n    }\n\n    panel.focus();\n  }\n\n  private preventAndFocus(event: unknown, target: unknown): void {\n    const keyboardEvent = readKeyboardEvent(event);\n    if (keyboardEvent === null || !(target instanceof HTMLElement)) {\n      return;\n    }\n\n    keyboardEvent.preventDefault();\n    target.focus();\n  }\n\n  private requestClose(reason: TngDialogCloseReason): void {\n    this.closed.emit(reason);\n    this.openChange.emit(false);\n  }\n\n  private resolveFocusTrapState(panel: unknown): TngFocusTrapState | null {\n    if (!(panel instanceof HTMLElement)) {\n      return null;\n    }\n\n    const focusableElements = resolveFocusableElements(panel);\n    const first = focusableElements[0];\n    if (first === undefined) {\n      return null;\n    }\n\n    return {\n      activeElement: resolveActiveElement(this.documentRef),\n      first,\n      last: focusableElements[focusableElements.length - 1] ?? first,\n      panel,\n    };\n  }\n\n  private focusEdgeWhenOutsidePanel(event: unknown, focusState: unknown): boolean {\n    const state = focusState as TngFocusTrapState;\n    const activeElement = state.activeElement;\n    if (activeElement !== null && state.panel.contains(activeElement)) {\n      return false;\n    }\n\n    const keyboardEvent = readKeyboardEvent(event);\n    if (keyboardEvent === null) {\n      return true;\n    }\n\n    const edge = keyboardEvent.shiftKey ? state.last : state.first;\n    this.preventAndFocus(keyboardEvent, edge);\n    return true;\n  }\n\n  private wrapTabAtEdges(event: unknown, focusState: unknown): void {\n    const state = focusState as TngFocusTrapState;\n    const keyboardEvent = readKeyboardEvent(event);\n    if (keyboardEvent === null) {\n      return;\n    }\n\n    if (keyboardEvent.shiftKey && state.activeElement === state.first) {\n      this.preventAndFocus(keyboardEvent, state.last);\n      return;\n    }\n\n    if (!keyboardEvent.shiftKey && state.activeElement === state.last) {\n      this.preventAndFocus(keyboardEvent, state.first);\n    }\n  }\n\n  private trapTabNavigation(event: unknown): void {\n    const panel = this.panelRef()?.nativeElement;\n    if (panel === undefined) {\n      return;\n    }\n\n    const focusState = this.resolveFocusTrapState(panel);\n    if (focusState === null) {\n      this.preventAndFocus(event, panel);\n      return;\n    }\n\n    if (this.focusEdgeWhenOutsidePanel(event, focusState)) {\n      return;\n    }\n\n    this.wrapTabAtEdges(event, focusState);\n  }\n}\n"]}
+{"version":3,"file":"tng-dialog.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/overlay/dialog/tng-dialog.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/overlay/dialog/tng-dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  afterNextRender,\n  booleanAttribute,\n  Component,\n  effect,\n  inject,\n  Injector,\n  input,\n  output,\n  viewChild,\n} from '@angular/core';\nimport type { ElementRef, OnDestroy } from '@angular/core';\nimport {\n  createOverlayScrollLockManager,\n  createTngIdFactory,\n  type TngOverlayDismissReason,\n} from '@tailng-ui/cdk';\nimport type { TngScrollLockDocument } from '@tailng-ui/cdk/overlay';\nimport { tngOverlayRuntime } from '../tng-overlay-runtime';\n\nconst createDialogId = createTngIdFactory('tng-dialog');\n\nconst focusableSelector = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\ntype TngFocusTrapState = Readonly<{\n  activeElement: HTMLElement | null;\n  first: HTMLElement;\n  last: HTMLElement;\n  panel: HTMLElement;\n}>;\n\nexport type TngDialogCloseReason = 'backdrop' | 'close-button' | 'escape' | 'programmatic';\nexport type TngDialogSize = 'lg' | 'md' | 'sm';\n\nfunction readKeyboardEvent(event: unknown): KeyboardEvent | null {\n  return event instanceof KeyboardEvent ? event : null;\n}\n\nfunction resolveActiveElement(documentRef: unknown): HTMLElement | null {\n  if (!(documentRef instanceof Document)) {\n    return null;\n  }\n\n  const activeElement = documentRef.activeElement;\n  return activeElement instanceof HTMLElement ? activeElement : null;\n}\n\nfunction resolveFocusableElements(container: unknown): readonly HTMLElement[] {\n  if (!(container instanceof HTMLElement)) {\n    return [];\n  }\n\n  const candidates = Array.from(container.querySelectorAll<HTMLElement>(focusableSelector));\n  const focusableElements: HTMLElement[] = [];\n  for (const candidate of candidates) {\n    if (!candidate.hasAttribute('disabled')) {\n      focusableElements.push(candidate);\n    }\n  }\n\n  return focusableElements;\n}\n\nfunction resolveFirstFocusableWithin(container: unknown): HTMLElement | null {\n  return resolveFocusableElements(container)[0] ?? null;\n}\n\nfunction resolveMarkedInitialElement(container: unknown): HTMLElement | null {\n  if (!(container instanceof HTMLElement)) {\n    return null;\n  }\n\n  const markedInitial = container.querySelector<HTMLElement>('[data-tng-dialog-initial-focus]');\n  if (markedInitial === null) {\n    return null;\n  }\n\n  if (resolveFocusableElements(container).includes(markedInitial)) {\n    return markedInitial;\n  }\n\n  return resolveFirstFocusableWithin(markedInitial);\n}\n\nfunction toScrollLockDocument(documentRef: unknown): TngScrollLockDocument | null {\n  if (!(documentRef instanceof Document)) {\n    return null;\n  }\n\n  return documentRef as unknown as TngScrollLockDocument;\n}\n\nfunction toDialogCloseReason(reason: TngOverlayDismissReason): TngDialogCloseReason | null {\n  if (reason === 'escape-key') {\n    return 'escape';\n  }\n\n  if (reason === 'outside-pointer') {\n    return 'backdrop';\n  }\n\n  return null;\n}\n\n@Component({\n  selector: 'tng-dialog',\n  templateUrl: './tng-dialog.component.html',\n  styleUrl: './tng-dialog.component.css',\n})\nexport class TngDialogComponent implements OnDestroy {\n  public readonly closeOnBackdrop = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly closeOnEscape = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly description = input<string | null>(null);\n  public readonly open = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly size = input<TngDialogSize>('md');\n  public readonly title = input<string>('Dialog');\n\n  public readonly closed = output<TngDialogCloseReason>();\n  public readonly openChange = output<boolean>();\n\n  protected readonly descriptionId: string;\n  protected readonly panelId: string;\n  protected readonly titleId: string;\n\n  private readonly documentRef = typeof document === 'undefined' ? null : document;\n  private readonly injector = inject(Injector);\n  private readonly panelRef = viewChild<ElementRef<HTMLElement>>('panelRef');\n  private readonly scrollLock = createOverlayScrollLockManager({\n    documentRef: toScrollLockDocument(this.documentRef),\n  });\n  private readonly instanceId = createDialogId();\n  private isActive = false;\n  private isLayerRegistered = false;\n  private restoreFocusElement: HTMLElement | null = null;\n\n  private readonly openStateEffect = effect((): void => {\n    if (this.open()) {\n      this.activateDialog();\n      return;\n    }\n\n    this.deactivateDialog();\n  });\n\n  public constructor() {\n    this.descriptionId = `${this.instanceId}-description`;\n    this.panelId = `${this.instanceId}-panel`;\n    this.titleId = `${this.instanceId}-title`;\n  }\n\n  public close(): void {\n    this.requestClose('programmatic');\n  }\n\n  public ngOnDestroy(): void {\n    this.openStateEffect.destroy();\n    this.deactivateDialog();\n  }\n\n  public onCloseButtonClick(): void {\n    this.requestClose('close-button');\n  }\n\n  public onPanelKeydown(event: unknown): void {\n    const keyboardEvent = readKeyboardEvent(event);\n    if (keyboardEvent === null) {\n      return;\n    }\n\n    if (keyboardEvent.key === 'Tab') {\n      this.trapTabNavigation(event);\n    }\n  }\n\n  private activateDialog(): void {\n    if (this.isActive) {\n      return;\n    }\n\n    this.isActive = true;\n    this.registerOverlayLayer();\n    this.restoreFocusElement = resolveActiveElement(this.documentRef);\n    this.scrollLock.acquire(this.instanceId);\n    afterNextRender(\n      (): void => {\n        this.focusInitialElement();\n      },\n      { injector: this.injector },\n    );\n  }\n\n  private deactivateDialog(): void {\n    if (!this.isActive) {\n      return;\n    }\n\n    this.isActive = false;\n    this.unregisterOverlayLayer();\n    this.scrollLock.release(this.instanceId);\n    this.restoreFocusElement?.focus();\n    this.restoreFocusElement = null;\n  }\n\n  private handleOverlayDismiss(reason: TngOverlayDismissReason): void {\n    const closeReason = toDialogCloseReason(reason);\n    if (closeReason === null) {\n      return;\n    }\n\n    this.requestClose(closeReason);\n  }\n\n  private registerOverlayLayer(): void {\n    if (this.isLayerRegistered) {\n      return;\n    }\n\n    this.isLayerRegistered = true;\n    tngOverlayRuntime.registerLayer({\n      containsTarget: (target: unknown, path: readonly unknown[]): boolean => {\n        const panel = this.panelRef()?.nativeElement;\n        if (panel === undefined) {\n          return false;\n        }\n\n        if (path.includes(panel)) {\n          return true;\n        }\n\n        return target instanceof Node ? panel.contains(target) : false;\n      },\n      dismissOnEscape: this.closeOnEscape(),\n      dismissOnOutsidePointer: this.closeOnBackdrop(),\n      id: this.instanceId,\n      modal: true,\n      onDismiss: (reason: TngOverlayDismissReason): void => {\n        this.handleOverlayDismiss(reason);\n      },\n      priority: 100,\n    });\n  }\n\n  private unregisterOverlayLayer(): void {\n    if (!this.isLayerRegistered) {\n      return;\n    }\n\n    this.isLayerRegistered = false;\n    tngOverlayRuntime.unregisterLayer(this.instanceId);\n  }\n\n  private focusInitialElement(): void {\n    const panel = this.panelRef()?.nativeElement;\n    if (panel === undefined) {\n      return;\n    }\n\n    const markedInitial = resolveMarkedInitialElement(panel);\n    if (markedInitial !== null) {\n      markedInitial.focus();\n      return;\n    }\n\n    const firstFocusable = resolveFirstFocusableWithin(panel);\n    if (firstFocusable !== null) {\n      firstFocusable.focus();\n      return;\n    }\n\n    panel.focus();\n  }\n\n  private preventAndFocus(event: unknown, target: unknown): void {\n    const keyboardEvent = readKeyboardEvent(event);\n    if (keyboardEvent === null || !(target instanceof HTMLElement)) {\n      return;\n    }\n\n    keyboardEvent.preventDefault();\n    target.focus();\n  }\n\n  private requestClose(reason: TngDialogCloseReason): void {\n    this.closed.emit(reason);\n    this.openChange.emit(false);\n  }\n\n  private resolveFocusTrapState(panel: unknown): TngFocusTrapState | null {\n    if (!(panel instanceof HTMLElement)) {\n      return null;\n    }\n\n    const focusableElements = resolveFocusableElements(panel);\n    const first = focusableElements[0];\n    if (first === undefined) {\n      return null;\n    }\n\n    return {\n      activeElement: resolveActiveElement(this.documentRef),\n      first,\n      last: focusableElements[focusableElements.length - 1] ?? first,\n      panel,\n    };\n  }\n\n  private focusEdgeWhenOutsidePanel(event: unknown, focusState: unknown): boolean {\n    const state = focusState as TngFocusTrapState;\n    const activeElement = state.activeElement;\n    if (activeElement !== null && state.panel.contains(activeElement)) {\n      return false;\n    }\n\n    const keyboardEvent = readKeyboardEvent(event);\n    if (keyboardEvent === null) {\n      return true;\n    }\n\n    const edge = keyboardEvent.shiftKey ? state.last : state.first;\n    this.preventAndFocus(keyboardEvent, edge);\n    return true;\n  }\n\n  private wrapTabAtEdges(event: unknown, focusState: unknown): void {\n    const state = focusState as TngFocusTrapState;\n    const keyboardEvent = readKeyboardEvent(event);\n    if (keyboardEvent === null) {\n      return;\n    }\n\n    if (keyboardEvent.shiftKey && state.activeElement === state.first) {\n      this.preventAndFocus(keyboardEvent, state.last);\n      return;\n    }\n\n    if (!keyboardEvent.shiftKey && state.activeElement === state.last) {\n      this.preventAndFocus(keyboardEvent, state.first);\n    }\n  }\n\n  private trapTabNavigation(event: unknown): void {\n    const panel = this.panelRef()?.nativeElement;\n    if (panel === undefined) {\n      return;\n    }\n\n    const focusState = this.resolveFocusTrapState(panel);\n    if (focusState === null) {\n      this.preventAndFocus(event, panel);\n      return;\n    }\n\n    if (this.focusEdgeWhenOutsidePanel(event, focusState)) {\n      return;\n    }\n\n    this.wrapTabAtEdges(event, focusState);\n  }\n}\nexport { TngDialogComponent as TngDialog };\n","@if (open()) {\n  <div class=\"tng-dialog-backdrop\">\n    <section\n      #panelRef\n      [id]=\"panelId\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      class=\"tng-dialog-panel\"\n      [attr.data-size]=\"size()\"\n      [attr.aria-labelledby]=\"titleId\"\n      [attr.aria-describedby]=\"description() ? descriptionId : null\"\n      tabindex=\"-1\"\n      (keydown)=\"onPanelKeydown($event)\"\n    >\n      <header class=\"tng-dialog-header\">\n        <div class=\"tng-dialog-heading\">\n          <h2 [id]=\"titleId\" class=\"tng-dialog-title\">{{ title() }}</h2>\n          @if (description()) {\n            <p [id]=\"descriptionId\" class=\"tng-dialog-description\">{{ description() }}</p>\n          }\n        </div>\n\n        <button type=\"button\" class=\"tng-dialog-close\" aria-label=\"Close dialog\" (click)=\"onCloseButtonClick()\">\n          ×\n        </button>\n      </header>\n\n      <div class=\"tng-dialog-content\">\n        <ng-content />\n      </div>\n    </section>\n  </div>\n}\n"]}

package/src/lib/overlay/index.d.ts

@@ -1,7 +1,4 @@
 export * from './dialog/tng-dialog.component';
-export { TngDialogComponent as TngDialog } from './dialog/tng-dialog.component';
 export * from './popover/tng-popover.component';
-export { TngPopoverComponent as TngPopover } from './popover/tng-popover.component';
 export * from './tooltip/tng-tooltip.component';
-export { TngTooltipComponent as TngTooltip } from './tooltip/tng-tooltip.component';
 //# sourceMappingURL=index.d.ts.map

package/src/lib/overlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/overlay/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAChF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACpF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/overlay/index.ts"],"names":[],"mappings":"AAKA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC"}

package/src/lib/overlay/index.js

@@ -1,7 +1,8 @@
+// Overlay components
+//
+// Note: keep exports aligned with `src/index.ts` (root barrel) so the public API stays stable.
+// The root barrel will re-export this file.
 export * from './dialog/tng-dialog.component';
-export { TngDialogComponent as TngDialog } from './dialog/tng-dialog.component';
 export * from './popover/tng-popover.component';
-export { TngPopoverComponent as TngPopover } from './popover/tng-popover.component';
 export * from './tooltip/tng-tooltip.component';
-export { TngTooltipComponent as TngTooltip } from './tooltip/tng-tooltip.component';
 //# sourceMappingURL=index.js.map

package/src/lib/overlay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/overlay/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAChF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACpF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC","sourcesContent":["export * from './dialog/tng-dialog.component';\nexport { TngDialogComponent as TngDialog } from './dialog/tng-dialog.component';\nexport * from './popover/tng-popover.component';\nexport { TngPopoverComponent as TngPopover } from './popover/tng-popover.component';\nexport * from './tooltip/tng-tooltip.component';\nexport { TngTooltipComponent as TngTooltip } from './tooltip/tng-tooltip.component';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/overlay/index.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,EAAE;AACF,+FAA+F;AAC/F,4CAA4C;AAE5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC","sourcesContent":["// Overlay components\n//\n// Note: keep exports aligned with `src/index.ts` (root barrel) so the public API stays stable.\n// The root barrel will re-export this file.\n\nexport * from './dialog/tng-dialog.component';\nexport * from './popover/tng-popover.component';\nexport * from './tooltip/tng-tooltip.component';\n"]}

package/src/lib/overlay/popover/tng-popover.component.d.ts

@@ -1,4 +1,5 @@
 import { TngPopover as TngPopoverPrimitive, type TngPopoverAlign, type TngPopoverAriaHasPopup, type TngPopoverAutoFocus, type TngPopoverCloseReason, type TngPopoverPanelRole, type TngPopoverSide } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
 export type { TngPopoverAlign, TngPopoverAriaHasPopup, TngPopoverAutoFocus, TngPopoverCloseReason, TngPopoverPanelRole, TngPopoverSide, } from '@tailng-ui/primitives';
 type OptionalBooleanInput = boolean | null | string | undefined;
 export declare class TngPopoverComponent {
@@ -19,5 +20,8 @@ export declare class TngPopoverComponent {
     readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
     protected readonly popoverRef: import("@angular/core").Signal<TngPopoverPrimitive>;
     close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngPopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngPopoverComponent, "tng-popover", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "closeOnOutsidePointer": { "alias": "closeOnOutsidePointer"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "panelRole": { "alias": "panelRole"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "openChange": "openChange"; }, never, ["*"], true, never>;
 }
+export { TngPopoverComponent as TngPopover };
 //# sourceMappingURL=tng-popover.component.d.ts.map