@tailng-ui/components 0.17.0 → 0.18.0

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

@@ -1 +1 @@
-{"version":3,"file":"tng-breadcrumb.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  ContentChild,\n  ContentChildren,\n  computed,\n  effect,\n  input,\n  TemplateRef,\n  type AfterContentInit,\n  type QueryList,\n} from '@angular/core';\nimport { TngBreadcrumb as TngBreadcrumbPrimitive } from '@tailng-ui/primitives';\nimport { merge, Subscription } from 'rxjs';\nimport { TngBreadcrumbItemComponent, type TngBreadcrumbItemDisplayMode } from './tng-breadcrumb-item.component';\nimport { TngBreadcrumbListComponent } from './tng-breadcrumb-list.component';\nimport { TngBreadcrumbSeparatorTemplateDirective } from './tng-breadcrumb-separator-template.directive';\n\n@Component({\n  selector: 'tng-breadcrumb',\n  imports: [TngBreadcrumbPrimitive, TngBreadcrumbListComponent],\n  templateUrl: './tng-breadcrumb.component.html',\n  styleUrl: './tng-breadcrumb.component.css',\n})\nexport class TngBreadcrumbComponent implements AfterContentInit {\n  @ContentChildren(TngBreadcrumbItemComponent, { descendants: true })\n  private readonly breadcrumbItems?: QueryList<TngBreadcrumbItemComponent>;\n\n  @ContentChild(TngBreadcrumbSeparatorTemplateDirective, { read: TemplateRef })\n  private readonly separatorTemplate?: TemplateRef<unknown>;\n\n  public readonly ariaLabel = input<string | null>('Breadcrumb');\n  public readonly separator = input('/');\n  public readonly maxItems = input<number | null>(null);\n  public readonly itemsBeforeCollapse = input(1);\n  public readonly itemsAfterCollapse = input(2);\n  public readonly collapseLabel = input('More');\n\n  protected readonly resolvedAriaLabel = computed(() => {\n    const ariaLabel = this.ariaLabel();\n    if (ariaLabel === null) {\n      return 'Breadcrumb';\n    }\n\n    const trimmedAriaLabel = ariaLabel.trim();\n    return trimmedAriaLabel.length > 0 ? trimmedAriaLabel : 'Breadcrumb';\n  });\n\n  private itemStateSubscriptions = Subscription.EMPTY;\n  private readonly queryListSubscriptions = new Subscription();\n\n  public constructor() {\n    effect(() => {\n      this.separator();\n      this.maxItems();\n      this.itemsBeforeCollapse();\n      this.itemsAfterCollapse();\n      this.collapseLabel();\n      this.syncItems();\n    });\n  }\n\n  public ngAfterContentInit(): void {\n    this.rebindItemStateSubscriptions();\n    if (this.breadcrumbItems === undefined) {\n      return;\n    }\n\n    this.queryListSubscriptions.add(\n      this.breadcrumbItems.changes.subscribe(() => {\n        this.rebindItemStateSubscriptions();\n      }),\n    );\n  }\n\n  public ngOnDestroy(): void {\n    this.itemStateSubscriptions.unsubscribe();\n    this.queryListSubscriptions.unsubscribe();\n  }\n\n  private rebindItemStateSubscriptions(): void {\n    this.itemStateSubscriptions.unsubscribe();\n\n    const items = this.breadcrumbItems?.toArray() ?? [];\n    if (items.length === 0) {\n      this.syncItems();\n      return;\n    }\n\n    this.itemStateSubscriptions = merge(...items.map((item) => item.stateChanges)).subscribe(() => {\n      this.syncItems();\n    });\n\n    this.syncItems();\n  }\n\n  private syncItems(): void {\n    const items = this.breadcrumbItems?.toArray() ?? [];\n    if (items.length === 0) {\n      return;\n    }\n\n    const currentIndex = this.resolveCurrentIndex(items);\n    const displayModes = this.resolveDisplayModes(items, currentIndex);\n    const visibleIndices = this.resolveVisibleIndices(displayModes);\n\n    for (let index = 0; index < items.length; index += 1) {\n      const item = items[index];\n      const isVisible = displayModes[index] !== 'hidden';\n      const isLastVisibleItem = !visibleIndices.some((visibleIndex) => visibleIndex > index);\n\n      item.setResolvedCurrent(index === currentIndex);\n      item.setDisplayMode(displayModes[index], this.collapseLabel());\n      item.setSeparator(this.separator(), isVisible && !isLastVisibleItem, this.separatorTemplate ?? null);\n    }\n  }\n\n  private resolveCurrentIndex(items: readonly TngBreadcrumbItemComponent[]): number {\n    const explicitlyCurrentIndices = items.reduce<number[]>((accumulator, item, index) => {\n      if (item.current()) {\n        accumulator.push(index);\n      }\n      return accumulator;\n    }, []);\n\n    if (explicitlyCurrentIndices.length > 0) {\n      return explicitlyCurrentIndices[explicitlyCurrentIndices.length - 1];\n    }\n\n    if (items.length === 1) {\n      return 0;\n    }\n\n    return -1;\n  }\n\n  // eslint-disable-next-line complexity,max-lines-per-function\n  private resolveDisplayModes(\n    items: readonly TngBreadcrumbItemComponent[],\n    currentIndex: number,\n  ): readonly TngBreadcrumbItemDisplayMode[] {\n    const itemCount = items.length;\n    const maxItems = this.maxItems();\n    if (maxItems === null || maxItems < 1 || itemCount <= maxItems) {\n      return Array.from({ length: itemCount }, () => 'visible' as const);\n    }\n\n    const itemsBeforeCollapse = Math.max(1, Math.floor(this.itemsBeforeCollapse()));\n    const itemsAfterCollapse = Math.max(1, Math.floor(this.itemsAfterCollapse()));\n    const visibleIndices = new Set<number>();\n\n    for (let index = 0; index < Math.min(itemsBeforeCollapse, itemCount); index += 1) {\n      visibleIndices.add(index);\n    }\n\n    for (\n      let index = Math.max(itemCount - itemsAfterCollapse, 0);\n      index < itemCount;\n      index += 1\n    ) {\n      visibleIndices.add(index);\n    }\n\n    if (currentIndex >= 0) {\n      visibleIndices.add(currentIndex);\n    }\n\n    const hiddenIndices: number[] = [];\n    for (let index = 0; index < itemCount; index += 1) {\n      if (!visibleIndices.has(index)) {\n        hiddenIndices.push(index);\n      }\n    }\n\n    if (hiddenIndices.length === 0) {\n      return Array.from({ length: itemCount }, () => 'visible' as const);\n    }\n\n    const displayModes: TngBreadcrumbItemDisplayMode[] = Array.from(\n      { length: itemCount },\n      () => 'visible' as const,\n    );\n\n    for (const hiddenIndex of hiddenIndices) {\n      displayModes[hiddenIndex] = 'hidden';\n    }\n\n    // The first hidden item becomes the collapse marker so we avoid introducing a separate focusable node.\n    displayModes[hiddenIndices[0]] = 'ellipsis';\n    return displayModes;\n  }\n\n  private resolveVisibleIndices(displayModes: readonly TngBreadcrumbItemDisplayMode[]): readonly number[] {\n    const visibleIndices: number[] = [];\n    for (let index = 0; index < displayModes.length; index += 1) {\n      if (displayModes[index] !== 'hidden') {\n        visibleIndices.push(index);\n      }\n    }\n    return visibleIndices;\n  }\n}\n"]}
+{"version":3,"file":"tng-breadcrumb.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/navigation/breadcrumb/tng-breadcrumb.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  ContentChild,\n  ContentChildren,\n  computed,\n  effect,\n  input,\n  TemplateRef,\n  type AfterContentInit,\n  type QueryList,\n} from '@angular/core';\nimport { TngBreadcrumb as TngBreadcrumbPrimitive } from '@tailng-ui/primitives';\nimport { merge, Subscription } from 'rxjs';\nimport { TngBreadcrumbItemComponent, type TngBreadcrumbItemDisplayMode } from './tng-breadcrumb-item.component';\nimport { TngBreadcrumbListComponent } from './tng-breadcrumb-list.component';\nimport { TngBreadcrumbSeparatorTemplateDirective } from './tng-breadcrumb-separator-template.directive';\n\n@Component({\n  selector: 'tng-breadcrumb',\n  imports: [TngBreadcrumbPrimitive, TngBreadcrumbListComponent],\n  templateUrl: './tng-breadcrumb.component.html',\n  styleUrl: './tng-breadcrumb.component.css',\n})\nexport class TngBreadcrumbComponent implements AfterContentInit {\n  @ContentChildren(TngBreadcrumbItemComponent, { descendants: true })\n  private readonly breadcrumbItems?: QueryList<TngBreadcrumbItemComponent>;\n\n  @ContentChild(TngBreadcrumbSeparatorTemplateDirective, { read: TemplateRef })\n  private readonly separatorTemplate?: TemplateRef<unknown>;\n\n  public readonly ariaLabel = input<string | null>('Breadcrumb');\n  public readonly separator = input('/');\n  public readonly maxItems = input<number | null>(null);\n  public readonly itemsBeforeCollapse = input(1);\n  public readonly itemsAfterCollapse = input(2);\n  public readonly collapseLabel = input('More');\n\n  protected readonly resolvedAriaLabel = computed(() => {\n    const ariaLabel = this.ariaLabel();\n    if (ariaLabel === null) {\n      return 'Breadcrumb';\n    }\n\n    const trimmedAriaLabel = ariaLabel.trim();\n    return trimmedAriaLabel.length > 0 ? trimmedAriaLabel : 'Breadcrumb';\n  });\n\n  private itemStateSubscriptions = Subscription.EMPTY;\n  private readonly queryListSubscriptions = new Subscription();\n\n  public constructor() {\n    effect(() => {\n      this.separator();\n      this.maxItems();\n      this.itemsBeforeCollapse();\n      this.itemsAfterCollapse();\n      this.collapseLabel();\n      this.syncItems();\n    });\n  }\n\n  public ngAfterContentInit(): void {\n    this.rebindItemStateSubscriptions();\n    if (this.breadcrumbItems === undefined) {\n      return;\n    }\n\n    this.queryListSubscriptions.add(\n      this.breadcrumbItems.changes.subscribe(() => {\n        this.rebindItemStateSubscriptions();\n      }),\n    );\n  }\n\n  public ngOnDestroy(): void {\n    this.itemStateSubscriptions.unsubscribe();\n    this.queryListSubscriptions.unsubscribe();\n  }\n\n  private rebindItemStateSubscriptions(): void {\n    this.itemStateSubscriptions.unsubscribe();\n\n    const items = this.breadcrumbItems?.toArray() ?? [];\n    if (items.length === 0) {\n      this.syncItems();\n      return;\n    }\n\n    this.itemStateSubscriptions = merge(...items.map((item) => item.stateChanges)).subscribe(() => {\n      this.syncItems();\n    });\n\n    this.syncItems();\n  }\n\n  private syncItems(): void {\n    const items = this.breadcrumbItems?.toArray() ?? [];\n    if (items.length === 0) {\n      return;\n    }\n\n    const currentIndex = this.resolveCurrentIndex(items);\n    const displayModes = this.resolveDisplayModes(items, currentIndex);\n    const visibleIndices = this.resolveVisibleIndices(displayModes);\n\n    for (let index = 0; index < items.length; index += 1) {\n      const item = items[index];\n      const isVisible = displayModes[index] !== 'hidden';\n      const isLastVisibleItem = !visibleIndices.some((visibleIndex) => visibleIndex > index);\n\n      item.setResolvedCurrent(index === currentIndex);\n      item.setDisplayMode(displayModes[index], this.collapseLabel());\n      item.setSeparator(this.separator(), isVisible && !isLastVisibleItem, this.separatorTemplate ?? null);\n    }\n  }\n\n  private resolveCurrentIndex(items: readonly TngBreadcrumbItemComponent[]): number {\n    const explicitlyCurrentIndices = items.reduce<number[]>((accumulator, item, index) => {\n      if (item.current()) {\n        accumulator.push(index);\n      }\n      return accumulator;\n    }, []);\n\n    if (explicitlyCurrentIndices.length > 0) {\n      return explicitlyCurrentIndices[explicitlyCurrentIndices.length - 1];\n    }\n\n    if (items.length === 1) {\n      return 0;\n    }\n\n    return -1;\n  }\n\n  // eslint-disable-next-line complexity,max-lines-per-function\n  private resolveDisplayModes(\n    items: readonly TngBreadcrumbItemComponent[],\n    currentIndex: number,\n  ): readonly TngBreadcrumbItemDisplayMode[] {\n    const itemCount = items.length;\n    const maxItems = this.maxItems();\n    if (maxItems === null || maxItems < 1 || itemCount <= maxItems) {\n      return Array.from({ length: itemCount }, () => 'visible' as const);\n    }\n\n    const itemsBeforeCollapse = Math.max(1, Math.floor(this.itemsBeforeCollapse()));\n    const itemsAfterCollapse = Math.max(1, Math.floor(this.itemsAfterCollapse()));\n    const visibleIndices = new Set<number>();\n\n    for (let index = 0; index < Math.min(itemsBeforeCollapse, itemCount); index += 1) {\n      visibleIndices.add(index);\n    }\n\n    for (\n      let index = Math.max(itemCount - itemsAfterCollapse, 0);\n      index < itemCount;\n      index += 1\n    ) {\n      visibleIndices.add(index);\n    }\n\n    if (currentIndex >= 0) {\n      visibleIndices.add(currentIndex);\n    }\n\n    const hiddenIndices: number[] = [];\n    for (let index = 0; index < itemCount; index += 1) {\n      if (!visibleIndices.has(index)) {\n        hiddenIndices.push(index);\n      }\n    }\n\n    if (hiddenIndices.length === 0) {\n      return Array.from({ length: itemCount }, () => 'visible' as const);\n    }\n\n    const displayModes: TngBreadcrumbItemDisplayMode[] = Array.from(\n      { length: itemCount },\n      () => 'visible' as const,\n    );\n\n    for (const hiddenIndex of hiddenIndices) {\n      displayModes[hiddenIndex] = 'hidden';\n    }\n\n    // The first hidden item becomes the collapse marker so we avoid introducing a separate focusable node.\n    displayModes[hiddenIndices[0]] = 'ellipsis';\n    return displayModes;\n  }\n\n  private resolveVisibleIndices(displayModes: readonly TngBreadcrumbItemDisplayMode[]): readonly number[] {\n    const visibleIndices: number[] = [];\n    for (let index = 0; index < displayModes.length; index += 1) {\n      if (displayModes[index] !== 'hidden') {\n        visibleIndices.push(index);\n      }\n    }\n    return visibleIndices;\n  }\n}\nexport { TngBreadcrumbComponent as TngBreadcrumb };\n","<nav tngBreadcrumb class=\"tng-breadcrumb\" [attr.aria-label]=\"resolvedAriaLabel()\">\n  <tng-breadcrumb-list>\n    <ng-content />\n  </tng-breadcrumb-list>\n</nav>\n"]}

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

@@ -1,5 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
 export declare class TngContextMenuComponent {
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
     protected get hostAriaLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngContextMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngContextMenuComponent, "tng-context-menu", ["tngContextMenuComponent"], { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TngMenu; inputs: { "loop": "loop"; "disabled": "disabled"; "closeOnSelect": "closeOnSelect"; "dismissOnOutsideClick": "dismissOnOutsideClick"; "dismissOnFocusout": "dismissOnFocusout"; }; outputs: { "tngMenuOpened": "tngMenuOpened"; "tngMenuClosed": "tngMenuClosed"; "tngMenuSelect": "tngMenuSelect"; }; }, { directive: typeof i1.TngContextMenu; inputs: {}; outputs: {}; }]>;
 }
+export { TngContextMenuComponent as TngContextMenu };
 //# sourceMappingURL=tng-context-menu.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-context-menu.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/context-menu/tng-context-menu.component.ts"],"names":[],"mappings":"AAMA,qBAgBa,uBAAuB;IAClC,SAAgB,SAAS,8CAAiC;IAG1D,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;CACF"}
+{"version":3,"file":"tng-context-menu.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/context-menu/tng-context-menu.component.ts"],"names":[],"mappings":";;AAMA,qBAgBa,uBAAuB;IAClC,SAAgB,SAAS,8CAAiC;IAG1D,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;yCANU,uBAAuB;2CAAvB,uBAAuB;CAOnC;AACD,OAAO,EAAE,uBAAuB,IAAI,cAAc,EAAE,CAAC"}

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

@@ -1,32 +1,30 @@
-import { __decorate } from "tslib";
 import { Component, HostBinding, input } from '@angular/core';
 import { TngContextMenu as TngContextMenuPrimitive, TngMenu as TngMenuPrimitive, } from '@tailng-ui/primitives';
-let TngContextMenuComponent = class TngContextMenuComponent {
-    ariaLabel = input('Context menu');
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
+export class TngContextMenuComponent {
+    ariaLabel = input('Context menu', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
     get hostAriaLabel() {
         return this.ariaLabel();
     }
-};
-__decorate([
-    HostBinding('attr.aria-label')
-], TngContextMenuComponent.prototype, "hostAriaLabel", null);
-TngContextMenuComponent = __decorate([
-    Component({
-        selector: 'tng-context-menu',
-        hostDirectives: [
-            {
-                directive: TngMenuPrimitive,
-                inputs: ['loop', 'disabled', 'closeOnSelect', 'dismissOnOutsideClick', 'dismissOnFocusout'],
-                outputs: ['tngMenuOpened', 'tngMenuClosed', 'tngMenuSelect'],
-            },
-            {
-                directive: TngContextMenuPrimitive,
-            },
-        ],
-        templateUrl: './tng-context-menu.component.html',
-        styleUrl: './tng-context-menu.component.css',
-        exportAs: 'tngContextMenuComponent',
-    })
-], TngContextMenuComponent);
-export { TngContextMenuComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngContextMenuComponent, isStandalone: true, selector: "tng-context-menu", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "this.hostAriaLabel" } }, exportAs: ["tngContextMenuComponent"], hostDirectives: [{ directive: i1.TngMenu, inputs: ["loop", "loop", "disabled", "disabled", "closeOnSelect", "closeOnSelect", "dismissOnOutsideClick", "dismissOnOutsideClick", "dismissOnFocusout", "dismissOnFocusout"], outputs: ["tngMenuOpened", "tngMenuOpened", "tngMenuClosed", "tngMenuClosed", "tngMenuSelect", "tngMenuSelect"] }, { directive: i1.TngContextMenu }], ngImport: i0, template: "<ng-content />\n", styles: [":host {\n  background: var(--tng-semantic-background-canvas);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: block;\n  min-width: 14rem;\n  padding: 0.45rem;\n}\n\n:host[data-state='open'] {\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.22rem;\n}\n\n:host[hidden] {\n  display: none !important;\n}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngContextMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-context-menu', hostDirectives: [
+                        {
+                            directive: TngMenuPrimitive,
+                            inputs: ['loop', 'disabled', 'closeOnSelect', 'dismissOnOutsideClick', 'dismissOnFocusout'],
+                            outputs: ['tngMenuOpened', 'tngMenuClosed', 'tngMenuSelect'],
+                        },
+                        {
+                            directive: TngContextMenuPrimitive,
+                        },
+                    ], exportAs: 'tngContextMenuComponent', template: "<ng-content />\n", styles: [":host {\n  background: var(--tng-semantic-background-canvas);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  color: var(--tng-semantic-foreground-primary);\n  display: block;\n  min-width: 14rem;\n  padding: 0.45rem;\n}\n\n:host[data-state='open'] {\n  color: var(--tng-semantic-foreground-primary);\n  display: grid;\n  gap: 0.22rem;\n}\n\n:host[hidden] {\n  display: none !important;\n}\n"] }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], hostAriaLabel: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }] } });
+export { TngContextMenuComponent as TngContextMenu };
 //# sourceMappingURL=tng-context-menu.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-context-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/context-menu/tng-context-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EACL,cAAc,IAAI,uBAAuB,EACzC,OAAO,IAAI,gBAAgB,GAC5B,MAAM,uBAAuB,CAAC;AAkBxB,IAAM,uBAAuB,GAA7B,MAAM,uBAAuB;IAClB,SAAS,GAAG,KAAK,CAAS,cAAc,CAAC,CAAC;IAG1D,IAAc,aAAa;QACzB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;CACF,CAAA;AAHC;IADC,WAAW,CAAC,iBAAiB,CAAC;4DAG9B;AANU,uBAAuB;IAhBnC,SAAS,CAAC;QACT,QAAQ,EAAE,kBAAkB;QAC5B,cAAc,EAAE;YACd;gBACE,SAAS,EAAE,gBAAgB;gBAC3B,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,uBAAuB,EAAE,mBAAmB,CAAC;gBAC3F,OAAO,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC;aAC7D;YACD;gBACE,SAAS,EAAE,uBAAuB;aACnC;SACF;QACD,WAAW,EAAE,mCAAmC;QAChD,QAAQ,EAAE,kCAAkC;QAC5C,QAAQ,EAAE,yBAAyB;KACpC,CAAC;GACW,uBAAuB,CAOnC","sourcesContent":["import { Component, HostBinding, input } from '@angular/core';\nimport {\n  TngContextMenu as TngContextMenuPrimitive,\n  TngMenu as TngMenuPrimitive,\n} from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-context-menu',\n  hostDirectives: [\n    {\n      directive: TngMenuPrimitive,\n      inputs: ['loop', 'disabled', 'closeOnSelect', 'dismissOnOutsideClick', 'dismissOnFocusout'],\n      outputs: ['tngMenuOpened', 'tngMenuClosed', 'tngMenuSelect'],\n    },\n    {\n      directive: TngContextMenuPrimitive,\n    },\n  ],\n  templateUrl: './tng-context-menu.component.html',\n  styleUrl: './tng-context-menu.component.css',\n  exportAs: 'tngContextMenuComponent',\n})\nexport class TngContextMenuComponent {\n  public readonly ariaLabel = input<string>('Context menu');\n\n  @HostBinding('attr.aria-label')\n  protected get hostAriaLabel(): string {\n    return this.ariaLabel();\n  }\n}\n"]}
+{"version":3,"file":"tng-context-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/context-menu/tng-context-menu.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/navigation/context-menu/tng-context-menu.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EACL,cAAc,IAAI,uBAAuB,EACzC,OAAO,IAAI,gBAAgB,GAC5B,MAAM,uBAAuB,CAAC;;;AAkB/B,MAAM,OAAO,uBAAuB;IAClB,SAAS,GAAG,KAAK,CAAS,cAAc,qDAAC,CAAC;IAE1D,IACc,aAAa;QACzB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;uGANU,uBAAuB;2FAAvB,uBAAuB,srBCtBpC,kBACA;;2FDqBa,uBAAuB;kBAhBnC,SAAS;+BACE,kBAAkB,kBACZ;wBACd;4BACE,SAAS,EAAE,gBAAgB;4BAC3B,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,uBAAuB,EAAE,mBAAmB,CAAC;4BAC3F,OAAO,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC;yBAC7D;wBACD;4BACE,SAAS,EAAE,uBAAuB;yBACnC;qBACF,YAGS,yBAAyB;;sBAKlC,WAAW;uBAAC,iBAAiB;;AAKhC,OAAO,EAAE,uBAAuB,IAAI,cAAc,EAAE,CAAC","sourcesContent":["import { Component, HostBinding, input } from '@angular/core';\nimport {\n  TngContextMenu as TngContextMenuPrimitive,\n  TngMenu as TngMenuPrimitive,\n} from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-context-menu',\n  hostDirectives: [\n    {\n      directive: TngMenuPrimitive,\n      inputs: ['loop', 'disabled', 'closeOnSelect', 'dismissOnOutsideClick', 'dismissOnFocusout'],\n      outputs: ['tngMenuOpened', 'tngMenuClosed', 'tngMenuSelect'],\n    },\n    {\n      directive: TngContextMenuPrimitive,\n    },\n  ],\n  templateUrl: './tng-context-menu.component.html',\n  styleUrl: './tng-context-menu.component.css',\n  exportAs: 'tngContextMenuComponent',\n})\nexport class TngContextMenuComponent {\n  public readonly ariaLabel = input<string>('Context menu');\n\n  @HostBinding('attr.aria-label')\n  protected get hostAriaLabel(): string {\n    return this.ariaLabel();\n  }\n}\nexport { TngContextMenuComponent as TngContextMenu };\n","<ng-content />\n"]}

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

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare class TngDropdownMenuComponent {
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
     readonly label: import("@angular/core").InputSignal<string>;
@@ -6,5 +7,8 @@ export declare class TngDropdownMenuComponent {
     protected onDocumentClick(event: unknown): void;
     protected onEscapeKeydown(): void;
     protected toggleOpen(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngDropdownMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngDropdownMenuComponent, "tng-dropdown-menu", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
+export { TngDropdownMenuComponent as TngDropdownMenu };
 //# sourceMappingURL=tng-dropdown-menu.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-dropdown-menu.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/dropdown-menu/tng-dropdown-menu.component.ts"],"names":[],"mappings":"AAWA,qBAMa,wBAAwB;IACnC,SAAgB,QAAQ,8EAErB;IACH,SAAgB,KAAK,8CAA4B;IAEjD,SAAS,CAAC,QAAQ,CAAC,IAAI,kDAAiB;IAExC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA+C;IAGvE,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAoB/C,SAAS,CAAC,eAAe,IAAI,IAAI;IAQjC,SAAS,CAAC,UAAU,IAAI,IAAI;CAO7B"}
+{"version":3,"file":"tng-dropdown-menu.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/dropdown-menu/tng-dropdown-menu.component.ts"],"names":[],"mappings":";AAWA,qBAMa,wBAAwB;IACnC,SAAgB,QAAQ,8EAErB;IACH,SAAgB,KAAK,8CAA4B;IAEjD,SAAS,CAAC,QAAQ,CAAC,IAAI,kDAAiB;IAExC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA+C;IAGvE,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAoB/C,SAAS,CAAC,eAAe,IAAI,IAAI;IAQjC,SAAS,CAAC,UAAU,IAAI,IAAI;yCAvCjB,wBAAwB;2CAAxB,wBAAwB;CA8CpC;AACD,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,CAAC"}

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

@@ -1,12 +1,10 @@
-import { __decorate } from "tslib";
 import { Component, ElementRef, HostListener, booleanAttribute, inject, input, signal, } from '@angular/core';
 import { TngDropdownMenu as TngDropdownMenuPrimitive } from '@tailng-ui/primitives';
-let TngDropdownMenuComponent = class TngDropdownMenuComponent {
-    disabled = input(false, {
-        transform: booleanAttribute,
-    });
-    label = input('Actions');
-    open = signal(false);
+import * as i0 from "@angular/core";
+export class TngDropdownMenuComponent {
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    label = input('Actions', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
     hostRef = inject(ElementRef);
     onDocumentClick(event) {
         if (!(event instanceof Event)) {
@@ -35,20 +33,18 @@ let TngDropdownMenuComponent = class TngDropdownMenuComponent {
         }
         this.open.set(!this.open());
     }
-};
-__decorate([
-    HostListener('document:click', ['$event'])
-], TngDropdownMenuComponent.prototype, "onDocumentClick", null);
-__decorate([
-    HostListener('document:keydown.escape')
-], TngDropdownMenuComponent.prototype, "onEscapeKeydown", null);
-TngDropdownMenuComponent = __decorate([
-    Component({
-        selector: 'tng-dropdown-menu',
-        imports: [TngDropdownMenuPrimitive],
-        templateUrl: './tng-dropdown-menu.component.html',
-        styleUrl: './tng-dropdown-menu.component.css',
-    })
-], TngDropdownMenuComponent);
-export { TngDropdownMenuComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDropdownMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngDropdownMenuComponent, isStandalone: true, selector: "tng-dropdown-menu", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:keydown.escape": "onEscapeKeydown()" } }, ngImport: i0, template: "<div tngDropdownMenu class=\"tng-dropdown-menu\">\n  <button\n    type=\"button\"\n    class=\"tng-dropdown-menu__trigger\"\n    [disabled]=\"disabled()\"\n    [attr.aria-expanded]=\"open()\"\n    [attr.aria-haspopup]=\"'menu'\"\n    (click)=\"toggleOpen()\"\n  >\n    {{ label() }}\n  </button>\n\n  @if (open()) {\n    <ul role=\"menu\" class=\"tng-dropdown-menu__panel\">\n      <ng-content />\n    </ul>\n  }\n</div>\n", styles: [":host {\n  display: inline-block;\n}\n\n.tng-dropdown-menu {\n  display: inline-grid;\n  gap: 0.45rem;\n  position: relative;\n}\n\n.tng-dropdown-menu__trigger {\n  align-items: center;\n  background: var(--tng-semantic-background-surface);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.6rem;\n  color: var(--tng-semantic-foreground-primary);\n  cursor: pointer;\n  display: inline-flex;\n  font: inherit;\n  min-height: 2.35rem;\n  padding: 0 0.85rem;\n}\n\n.tng-dropdown-menu__trigger:focus-visible {\n  outline: 2px solid var(--tng-semantic-focus-ring);\n  outline-offset: 1px;\n}\n\n.tng-dropdown-menu__panel {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  box-shadow: 0 16px 34px color-mix(in srgb, var(--tng-semantic-foreground-primary) 18%, transparent);\n  display: grid;\n  gap: 0.25rem;\n  list-style: none;\n  margin: 0;\n  min-width: 12rem;\n  padding: 0.45rem;\n  position: absolute;\n  top: calc(100% + 0.25rem);\n  z-index: 10;\n}\n\n.tng-dropdown-menu__panel :where([role='menuitem']) {\n  border-radius: 0.45rem;\n  cursor: pointer;\n  min-height: 2rem;\n  padding: 0.35rem 0.6rem;\n}\n\n.tng-dropdown-menu__panel :where([role='menuitem']:hover, [role='menuitem']:focus-visible) {\n  background: var(--tng-semantic-background-muted);\n  outline: none;\n}\n"], dependencies: [{ kind: "directive", type: TngDropdownMenuPrimitive, selector: "[tngDropdownMenu]", exportAs: ["tngDropdownMenu"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngDropdownMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-dropdown-menu', imports: [TngDropdownMenuPrimitive], template: "<div tngDropdownMenu class=\"tng-dropdown-menu\">\n  <button\n    type=\"button\"\n    class=\"tng-dropdown-menu__trigger\"\n    [disabled]=\"disabled()\"\n    [attr.aria-expanded]=\"open()\"\n    [attr.aria-haspopup]=\"'menu'\"\n    (click)=\"toggleOpen()\"\n  >\n    {{ label() }}\n  </button>\n\n  @if (open()) {\n    <ul role=\"menu\" class=\"tng-dropdown-menu__panel\">\n      <ng-content />\n    </ul>\n  }\n</div>\n", styles: [":host {\n  display: inline-block;\n}\n\n.tng-dropdown-menu {\n  display: inline-grid;\n  gap: 0.45rem;\n  position: relative;\n}\n\n.tng-dropdown-menu__trigger {\n  align-items: center;\n  background: var(--tng-semantic-background-surface);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.6rem;\n  color: var(--tng-semantic-foreground-primary);\n  cursor: pointer;\n  display: inline-flex;\n  font: inherit;\n  min-height: 2.35rem;\n  padding: 0 0.85rem;\n}\n\n.tng-dropdown-menu__trigger:focus-visible {\n  outline: 2px solid var(--tng-semantic-focus-ring);\n  outline-offset: 1px;\n}\n\n.tng-dropdown-menu__panel {\n  background: var(--tng-semantic-background-base);\n  border: 1px solid var(--tng-semantic-border-subtle);\n  border-radius: 0.75rem;\n  box-shadow: 0 16px 34px color-mix(in srgb, var(--tng-semantic-foreground-primary) 18%, transparent);\n  display: grid;\n  gap: 0.25rem;\n  list-style: none;\n  margin: 0;\n  min-width: 12rem;\n  padding: 0.45rem;\n  position: absolute;\n  top: calc(100% + 0.25rem);\n  z-index: 10;\n}\n\n.tng-dropdown-menu__panel :where([role='menuitem']) {\n  border-radius: 0.45rem;\n  cursor: pointer;\n  min-height: 2rem;\n  padding: 0.35rem 0.6rem;\n}\n\n.tng-dropdown-menu__panel :where([role='menuitem']:hover, [role='menuitem']:focus-visible) {\n  background: var(--tng-semantic-background-muted);\n  outline: none;\n}\n"] }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }], onEscapeKeydown: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+export { TngDropdownMenuComponent as TngDropdownMenu };
 //# sourceMappingURL=tng-dropdown-menu.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-dropdown-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/dropdown-menu/tng-dropdown-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,IAAI,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAQ7E,IAAM,wBAAwB,GAA9B,MAAM,wBAAwB;IACnB,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,KAAK,GAAG,KAAK,CAAS,SAAS,CAAC,CAAC;IAE9B,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEvB,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IAG7D,eAAe,CAAC,KAAc;QACtC,IAAI,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,IAAI,CAAC,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACjD,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAGS,eAAe;QACvB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IAES,UAAU;QAClB,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9B,CAAC;CACF,CAAA;AAnCW;IADT,YAAY,CAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC,CAAC;+DAkB1C;AAGS;IADT,YAAY,CAAC,yBAAyB,CAAC;+DAOvC;AArCU,wBAAwB;IANpC,SAAS,CAAC;QACT,QAAQ,EAAE,mBAAmB;QAC7B,OAAO,EAAE,CAAC,wBAAwB,CAAC;QACnC,WAAW,EAAE,oCAAoC;QACjD,QAAQ,EAAE,mCAAmC;KAC9C,CAAC;GACW,wBAAwB,CA8CpC","sourcesContent":["import {\n  Component,\n  ElementRef,\n  HostListener,\n  booleanAttribute,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { TngDropdownMenu as TngDropdownMenuPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-dropdown-menu',\n  imports: [TngDropdownMenuPrimitive],\n  templateUrl: './tng-dropdown-menu.component.html',\n  styleUrl: './tng-dropdown-menu.component.css',\n})\nexport class TngDropdownMenuComponent {\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly label = input<string>('Actions');\n\n  protected readonly open = signal(false);\n\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  @HostListener('document:click', ['$event'])\n  protected onDocumentClick(event: unknown): void {\n    if (!(event instanceof Event)) {\n      return;\n    }\n\n    if (!this.open()) {\n      return;\n    }\n\n    const target = event.target;\n    if (!(target instanceof Node)) {\n      return;\n    }\n\n    if (!this.hostRef.nativeElement.contains(target)) {\n      this.open.set(false);\n    }\n  }\n\n  @HostListener('document:keydown.escape')\n  protected onEscapeKeydown(): void {\n    if (!this.open()) {\n      return;\n    }\n\n    this.open.set(false);\n  }\n\n  protected toggleOpen(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.open.set(!this.open());\n  }\n}\n"]}
+{"version":3,"file":"tng-dropdown-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/dropdown-menu/tng-dropdown-menu.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/navigation/dropdown-menu/tng-dropdown-menu.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,IAAI,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;;AAQpF,MAAM,OAAO,wBAAwB;IACnB,QAAQ,GAAG,KAAK,CAA4B,KAAK,qDAC/D,SAAS,EAAE,gBAAgB,GAC3B,CAAC;IACa,KAAK,GAAG,KAAK,CAAS,SAAS,iDAAC,CAAC;IAE9B,IAAI,GAAG,MAAM,CAAC,KAAK,gDAAC,CAAC;IAEvB,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IAG7D,eAAe,CAAC,KAAc;QACtC,IAAI,CAAC,CAAC,KAAK,YAAY,KAAK,CAAC,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,IAAI,CAAC,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACjD,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAGS,eAAe;QACvB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IAES,UAAU;QAClB,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9B,CAAC;uGA7CU,wBAAwB;2FAAxB,wBAAwB,wcCjBrC,waAkBA,66CDLY,wBAAwB;;2FAIvB,wBAAwB;kBANpC,SAAS;+BACE,mBAAmB,WACpB,CAAC,wBAAwB,CAAC;;sBAclC,YAAY;uBAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC;;sBAoBzC,YAAY;uBAAC,yBAAyB;;AAiBzC,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,CAAC","sourcesContent":["import {\n  Component,\n  ElementRef,\n  HostListener,\n  booleanAttribute,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { TngDropdownMenu as TngDropdownMenuPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n  selector: 'tng-dropdown-menu',\n  imports: [TngDropdownMenuPrimitive],\n  templateUrl: './tng-dropdown-menu.component.html',\n  styleUrl: './tng-dropdown-menu.component.css',\n})\nexport class TngDropdownMenuComponent {\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly label = input<string>('Actions');\n\n  protected readonly open = signal(false);\n\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  @HostListener('document:click', ['$event'])\n  protected onDocumentClick(event: unknown): void {\n    if (!(event instanceof Event)) {\n      return;\n    }\n\n    if (!this.open()) {\n      return;\n    }\n\n    const target = event.target;\n    if (!(target instanceof Node)) {\n      return;\n    }\n\n    if (!this.hostRef.nativeElement.contains(target)) {\n      this.open.set(false);\n    }\n  }\n\n  @HostListener('document:keydown.escape')\n  protected onEscapeKeydown(): void {\n    if (!this.open()) {\n      return;\n    }\n\n    this.open.set(false);\n  }\n\n  protected toggleOpen(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.open.set(!this.open());\n  }\n}\nexport { TngDropdownMenuComponent as TngDropdownMenu };\n","<div tngDropdownMenu class=\"tng-dropdown-menu\">\n  <button\n    type=\"button\"\n    class=\"tng-dropdown-menu__trigger\"\n    [disabled]=\"disabled()\"\n    [attr.aria-expanded]=\"open()\"\n    [attr.aria-haspopup]=\"'menu'\"\n    (click)=\"toggleOpen()\"\n  >\n    {{ label() }}\n  </button>\n\n  @if (open()) {\n    <ul role=\"menu\" class=\"tng-dropdown-menu__panel\">\n      <ng-content />\n    </ul>\n  }\n</div>\n"]}

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

@@ -1,27 +1,15 @@
 export * from './breadcrumb/tng-breadcrumb.component';
-export { TngBreadcrumbComponent as TngBreadcrumb } from './breadcrumb/tng-breadcrumb.component';
 export * from './breadcrumb/tng-breadcrumb-item.component';
-export { TngBreadcrumbItemComponent as TngBreadcrumbItem } from './breadcrumb/tng-breadcrumb-item.component';
 export * from './breadcrumb/tng-breadcrumb-link.component';
-export { TngBreadcrumbLinkComponent as TngBreadcrumbLink } from './breadcrumb/tng-breadcrumb-link.component';
 export * from './breadcrumb/tng-breadcrumb-list.component';
-export { TngBreadcrumbListComponent as TngBreadcrumbList } from './breadcrumb/tng-breadcrumb-list.component';
 export * from './breadcrumb/tng-breadcrumb-separator.component';
-export { TngBreadcrumbSeparatorComponent as TngBreadcrumbSeparator, } from './breadcrumb/tng-breadcrumb-separator.component';
 export * from './breadcrumb/tng-breadcrumb-separator-template.directive';
 export * from './context-menu/tng-context-menu.component';
-export { TngContextMenuComponent as TngContextMenu } from './context-menu/tng-context-menu.component';
 export * from './dropdown-menu/tng-dropdown-menu.component';
-export { TngDropdownMenuComponent as TngDropdownMenu } from './dropdown-menu/tng-dropdown-menu.component';
 export * from './menu/tng-menu.component';
-export { TngMenuComponent as TngMenu } from './menu/tng-menu.component';
 export * from './menu/tng-menu-trigger-for.directive';
 export * from './menubar/tng-menubar.component';
-export { TngMenubarComponent as TngMenubar } from './menubar/tng-menubar.component';
 export * from './navigation-menu/tng-navigation-menu.component';
-export { TngNavigationMenuComponent as TngNavigationMenu } from './navigation-menu/tng-navigation-menu.component';
 export * from './tabs/tng-tabs.component';
-export { TngTabsComponent as TngTabs } from './tabs/tng-tabs.component';
 export * from './toolbar/tng-toolbar.component';
-export { TngToolbarComponent as TngToolbar } from './toolbar/tng-toolbar.component';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,sBAAsB,IAAI,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAChG,cAAc,4CAA4C,CAAC;AAC3D,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC7G,cAAc,4CAA4C,CAAC;AAC3D,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC7G,cAAc,4CAA4C,CAAC;AAC3D,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC7G,cAAc,iDAAiD,CAAC;AAChE,OAAO,EACL,+BAA+B,IAAI,sBAAsB,GAC1D,MAAM,iDAAiD,CAAC;AACzD,cAAc,0DAA0D,CAAC;AACzE,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,uBAAuB,IAAI,cAAc,EAAE,MAAM,2CAA2C,CAAC;AACtG,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAC1G,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACxE,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACpF,cAAc,iDAAiD,CAAC;AAChE,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AAClH,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACxE,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/navigation/index.ts"],"names":[],"mappings":"AAKA,cAAc,uCAAuC,CAAC;AACtD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,iDAAiD,CAAC;AAChE,cAAc,0DAA0D,CAAC;AACzE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC"}

package/src/lib/navigation/index.js

@@ -1,27 +1,19 @@
+// Navigation 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 './breadcrumb/tng-breadcrumb.component';
-export { TngBreadcrumbComponent as TngBreadcrumb } from './breadcrumb/tng-breadcrumb.component';
 export * from './breadcrumb/tng-breadcrumb-item.component';
-export { TngBreadcrumbItemComponent as TngBreadcrumbItem } from './breadcrumb/tng-breadcrumb-item.component';
 export * from './breadcrumb/tng-breadcrumb-link.component';
-export { TngBreadcrumbLinkComponent as TngBreadcrumbLink } from './breadcrumb/tng-breadcrumb-link.component';
 export * from './breadcrumb/tng-breadcrumb-list.component';
-export { TngBreadcrumbListComponent as TngBreadcrumbList } from './breadcrumb/tng-breadcrumb-list.component';
 export * from './breadcrumb/tng-breadcrumb-separator.component';
-export { TngBreadcrumbSeparatorComponent as TngBreadcrumbSeparator, } from './breadcrumb/tng-breadcrumb-separator.component';
 export * from './breadcrumb/tng-breadcrumb-separator-template.directive';
 export * from './context-menu/tng-context-menu.component';
-export { TngContextMenuComponent as TngContextMenu } from './context-menu/tng-context-menu.component';
 export * from './dropdown-menu/tng-dropdown-menu.component';
-export { TngDropdownMenuComponent as TngDropdownMenu } from './dropdown-menu/tng-dropdown-menu.component';
 export * from './menu/tng-menu.component';
-export { TngMenuComponent as TngMenu } from './menu/tng-menu.component';
 export * from './menu/tng-menu-trigger-for.directive';
 export * from './menubar/tng-menubar.component';
-export { TngMenubarComponent as TngMenubar } from './menubar/tng-menubar.component';
 export * from './navigation-menu/tng-navigation-menu.component';
-export { TngNavigationMenuComponent as TngNavigationMenu } from './navigation-menu/tng-navigation-menu.component';
 export * from './tabs/tng-tabs.component';
-export { TngTabsComponent as TngTabs } from './tabs/tng-tabs.component';
 export * from './toolbar/tng-toolbar.component';
-export { TngToolbarComponent as TngToolbar } from './toolbar/tng-toolbar.component';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,sBAAsB,IAAI,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAChG,cAAc,4CAA4C,CAAC;AAC3D,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC7G,cAAc,4CAA4C,CAAC;AAC3D,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC7G,cAAc,4CAA4C,CAAC;AAC3D,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC7G,cAAc,iDAAiD,CAAC;AAChE,OAAO,EACL,+BAA+B,IAAI,sBAAsB,GAC1D,MAAM,iDAAiD,CAAC;AACzD,cAAc,0DAA0D,CAAC;AACzE,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,uBAAuB,IAAI,cAAc,EAAE,MAAM,2CAA2C,CAAC;AACtG,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,wBAAwB,IAAI,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAC1G,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACxE,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACpF,cAAc,iDAAiD,CAAC;AAChE,OAAO,EAAE,0BAA0B,IAAI,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AAClH,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACxE,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC","sourcesContent":["export * from './breadcrumb/tng-breadcrumb.component';\nexport { TngBreadcrumbComponent as TngBreadcrumb } from './breadcrumb/tng-breadcrumb.component';\nexport * from './breadcrumb/tng-breadcrumb-item.component';\nexport { TngBreadcrumbItemComponent as TngBreadcrumbItem } from './breadcrumb/tng-breadcrumb-item.component';\nexport * from './breadcrumb/tng-breadcrumb-link.component';\nexport { TngBreadcrumbLinkComponent as TngBreadcrumbLink } from './breadcrumb/tng-breadcrumb-link.component';\nexport * from './breadcrumb/tng-breadcrumb-list.component';\nexport { TngBreadcrumbListComponent as TngBreadcrumbList } from './breadcrumb/tng-breadcrumb-list.component';\nexport * from './breadcrumb/tng-breadcrumb-separator.component';\nexport {\n  TngBreadcrumbSeparatorComponent as TngBreadcrumbSeparator,\n} from './breadcrumb/tng-breadcrumb-separator.component';\nexport * from './breadcrumb/tng-breadcrumb-separator-template.directive';\nexport * from './context-menu/tng-context-menu.component';\nexport { TngContextMenuComponent as TngContextMenu } from './context-menu/tng-context-menu.component';\nexport * from './dropdown-menu/tng-dropdown-menu.component';\nexport { TngDropdownMenuComponent as TngDropdownMenu } from './dropdown-menu/tng-dropdown-menu.component';\nexport * from './menu/tng-menu.component';\nexport { TngMenuComponent as TngMenu } from './menu/tng-menu.component';\nexport * from './menu/tng-menu-trigger-for.directive';\nexport * from './menubar/tng-menubar.component';\nexport { TngMenubarComponent as TngMenubar } from './menubar/tng-menubar.component';\nexport * from './navigation-menu/tng-navigation-menu.component';\nexport { TngNavigationMenuComponent as TngNavigationMenu } from './navigation-menu/tng-navigation-menu.component';\nexport * from './tabs/tng-tabs.component';\nexport { TngTabsComponent as TngTabs } from './tabs/tng-tabs.component';\nexport * from './toolbar/tng-toolbar.component';\nexport { TngToolbarComponent as TngToolbar } from './toolbar/tng-toolbar.component';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/navigation/index.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,EAAE;AACF,+FAA+F;AAC/F,4CAA4C;AAE5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,iDAAiD,CAAC;AAChE,cAAc,0DAA0D,CAAC;AACzE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iDAAiD,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC","sourcesContent":["// Navigation 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 './breadcrumb/tng-breadcrumb.component';\nexport * from './breadcrumb/tng-breadcrumb-item.component';\nexport * from './breadcrumb/tng-breadcrumb-link.component';\nexport * from './breadcrumb/tng-breadcrumb-list.component';\nexport * from './breadcrumb/tng-breadcrumb-separator.component';\nexport * from './breadcrumb/tng-breadcrumb-separator-template.directive';\nexport * from './context-menu/tng-context-menu.component';\nexport * from './dropdown-menu/tng-dropdown-menu.component';\nexport * from './menu/tng-menu.component';\nexport * from './menu/tng-menu-trigger-for.directive';\nexport * from './menubar/tng-menubar.component';\nexport * from './navigation-menu/tng-navigation-menu.component';\nexport * from './tabs/tng-tabs.component';\nexport * from './toolbar/tng-toolbar.component';\n"]}

package/src/lib/navigation/menu/tng-menu-trigger-for.directive.d.ts

@@ -1,4 +1,5 @@
 import { TngMenu } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
 type TngMenuTriggerKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> & Readonly<{
     preventDefault: () => void;
 }>;
@@ -10,6 +11,8 @@ export declare class TngMenuTriggerFor {
     protected onClick(): void;
     protected onKeydown(event: TngMenuTriggerKeyboardEvent): void;
     private syncAriaState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngMenuTriggerFor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngMenuTriggerFor, "[tngMenuTriggerFor]", ["tngMenuTriggerFor"], { "tngMenuTriggerFor": { "alias": "tngMenuTriggerFor"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export {};
 //# sourceMappingURL=tng-menu-trigger-for.directive.d.ts.map

package/src/lib/navigation/menu/tng-menu-trigger-for.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-menu-trigger-for.directive.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menu/tng-menu-trigger-for.directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,KAAK,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,GACrE,QAAQ,CAAC;IAAE,cAAc,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAC;AAkB3C,qBAIa,iBAAiB;IAC5B,QAAQ,CAAC,iBAAiB,+CAA6B;IAEvD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA+C;IAGvE,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAG,MAAM,CAAU;;IAmBlD,SAAS,CAAC,OAAO,IAAI,IAAI;IAezB,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,2BAA2B,GAAG,IAAI;IAmB7D,OAAO,CAAC,aAAa;CAOtB"}
+{"version":3,"file":"tng-menu-trigger-for.directive.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menu/tng-menu-trigger-for.directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;;AAEhD,KAAK,2BAA2B,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,GACrE,QAAQ,CAAC;IAAE,cAAc,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAC;AAkB3C,qBAIa,iBAAiB;IAC5B,QAAQ,CAAC,iBAAiB,+CAA6B;IAEvD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA+C;IAGvE,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAG,MAAM,CAAU;;IAmBlD,SAAS,CAAC,OAAO,IAAI,IAAI;IAezB,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,2BAA2B,GAAG,IAAI;IAmB7D,OAAO,CAAC,aAAa;yCA3DV,iBAAiB;2CAAjB,iBAAiB;CAkE7B"}

package/src/lib/navigation/menu/tng-menu-trigger-for.directive.js

@@ -1,5 +1,5 @@
-import { __decorate } from "tslib";
 import { Directive, ElementRef, HostBinding, HostListener, effect, inject, input } from '@angular/core';
+import * as i0 from "@angular/core";
 function resolveFocusActionForOpenKey(key) {
     switch (key) {
         case 'ArrowDown':
@@ -13,8 +13,8 @@ function resolveFocusActionForOpenKey(key) {
             return null;
     }
 }
-let TngMenuTriggerFor = class TngMenuTriggerFor {
-    tngMenuTriggerFor = input.required();
+export class TngMenuTriggerFor {
+    tngMenuTriggerFor = input.required(...(ngDevMode ? [{ debugName: "tngMenuTriggerFor" }] : []));
     hostRef = inject(ElementRef);
     ariaHasPopup = 'menu';
     constructor() {
@@ -64,21 +64,23 @@ let TngMenuTriggerFor = class TngMenuTriggerFor {
         trigger.setAttribute('aria-controls', menu.id);
         trigger.setAttribute('aria-expanded', menu.isOpen() ? 'true' : 'false');
     }
-};
-__decorate([
-    HostBinding('attr.aria-haspopup')
-], TngMenuTriggerFor.prototype, "ariaHasPopup", void 0);
-__decorate([
-    HostListener('click')
-], TngMenuTriggerFor.prototype, "onClick", null);
-__decorate([
-    HostListener('keydown', ['$event'])
-], TngMenuTriggerFor.prototype, "onKeydown", null);
-TngMenuTriggerFor = __decorate([
-    Directive({
-        selector: '[tngMenuTriggerFor]',
-        exportAs: 'tngMenuTriggerFor',
-    })
-], TngMenuTriggerFor);
-export { TngMenuTriggerFor };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuTriggerFor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngMenuTriggerFor, isStandalone: true, selector: "[tngMenuTriggerFor]", inputs: { tngMenuTriggerFor: { classPropertyName: "tngMenuTriggerFor", publicName: "tngMenuTriggerFor", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "attr.aria-haspopup": "this.ariaHasPopup" } }, exportAs: ["tngMenuTriggerFor"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuTriggerFor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngMenuTriggerFor]',
+                    exportAs: 'tngMenuTriggerFor',
+                }]
+        }], ctorParameters: () => [], propDecorators: { tngMenuTriggerFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngMenuTriggerFor", required: true }] }], ariaHasPopup: [{
+                type: HostBinding,
+                args: ['attr.aria-haspopup']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 //# sourceMappingURL=tng-menu-trigger-for.directive.js.map

package/src/lib/navigation/menu/tng-menu-trigger-for.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-menu-trigger-for.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menu/tng-menu-trigger-for.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, ElementRef, HostBinding, HostListener, effect, inject, input } from '@angular/core';\nimport { TngMenu } from '@tailng-ui/primitives';\n\ntype TngMenuTriggerKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> &\n  Readonly<{ preventDefault: () => void }>;\n\ntype TngMenuOpenFocusAction = 'none' | 'first' | 'last';\n\nfunction resolveFocusActionForOpenKey(key: string): TngMenuOpenFocusAction | null {\n  switch (key) {\n    case 'ArrowDown':\n      return 'first';\n    case 'ArrowUp':\n      return 'last';\n    case 'Enter':\n    case ' ':\n      return 'none';\n    default:\n      return null;\n  }\n}\n\n@Directive({\n  selector: '[tngMenuTriggerFor]',\n  exportAs: 'tngMenuTriggerFor',\n})\nexport class TngMenuTriggerFor {\n  readonly tngMenuTriggerFor = input.required<TngMenu>();\n\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  @HostBinding('attr.aria-haspopup')\n  protected readonly ariaHasPopup = 'menu' as const;\n\n  public constructor() {\n    effect((onCleanup): void => {\n      const menu = this.tngMenuTriggerFor();\n      const trigger = this.hostRef.nativeElement;\n      menu.setTriggerElement(trigger, () => this.syncAriaState());\n      menu.setRestoreFocusOnOutsideClick(false);\n      this.syncAriaState();\n\n      onCleanup((): void => {\n        menu.clearTriggerLink(trigger);\n        trigger.removeAttribute('aria-controls');\n        trigger.removeAttribute('aria-expanded');\n      });\n    });\n  }\n\n  @HostListener('click')\n  protected onClick(): void {\n    const menu = this.tngMenuTriggerFor();\n    if (menu.isDisabled()) {\n      return;\n    }\n\n    if (menu.isOpen()) {\n      menu.close(true);\n      return;\n    }\n\n    menu.open('none');\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected onKeydown(event: TngMenuTriggerKeyboardEvent): void {\n    const menu = this.tngMenuTriggerFor();\n    if (menu.isDisabled()) {\n      return;\n    }\n\n    const focusAction = resolveFocusActionForOpenKey(event.key);\n    if (focusAction !== null) {\n      event.preventDefault();\n      menu.open(focusAction);\n      return;\n    }\n\n    if (event.key === 'Escape' && menu.isOpen()) {\n      event.preventDefault();\n      menu.close(true);\n    }\n  }\n\n  private syncAriaState(): void {\n    const trigger = this.hostRef.nativeElement;\n    const menu = this.tngMenuTriggerFor();\n\n    trigger.setAttribute('aria-controls', menu.id);\n    trigger.setAttribute('aria-expanded', menu.isOpen() ? 'true' : 'false');\n  }\n}\n"]}
+{"version":3,"file":"tng-menu-trigger-for.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menu/tng-menu-trigger-for.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, ElementRef, HostBinding, HostListener, effect, inject, input } from '@angular/core';\nimport { TngMenu } from '@tailng-ui/primitives';\n\ntype TngMenuTriggerKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> &\n  Readonly<{ preventDefault: () => void }>;\n\ntype TngMenuOpenFocusAction = 'none' | 'first' | 'last';\n\nfunction resolveFocusActionForOpenKey(key: string): TngMenuOpenFocusAction | null {\n  switch (key) {\n    case 'ArrowDown':\n      return 'first';\n    case 'ArrowUp':\n      return 'last';\n    case 'Enter':\n    case ' ':\n      return 'none';\n    default:\n      return null;\n  }\n}\n\n@Directive({\n  selector: '[tngMenuTriggerFor]',\n  exportAs: 'tngMenuTriggerFor',\n})\nexport class TngMenuTriggerFor {\n  readonly tngMenuTriggerFor = input.required<TngMenu>();\n\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  @HostBinding('attr.aria-haspopup')\n  protected readonly ariaHasPopup = 'menu' as const;\n\n  public constructor() {\n    effect((onCleanup): void => {\n      const menu = this.tngMenuTriggerFor();\n      const trigger = this.hostRef.nativeElement;\n      menu.setTriggerElement(trigger, () => this.syncAriaState());\n      menu.setRestoreFocusOnOutsideClick(false);\n      this.syncAriaState();\n\n      onCleanup((): void => {\n        menu.clearTriggerLink(trigger);\n        trigger.removeAttribute('aria-controls');\n        trigger.removeAttribute('aria-expanded');\n      });\n    });\n  }\n\n  @HostListener('click')\n  protected onClick(): void {\n    const menu = this.tngMenuTriggerFor();\n    if (menu.isDisabled()) {\n      return;\n    }\n\n    if (menu.isOpen()) {\n      menu.close(true);\n      return;\n    }\n\n    menu.open('none');\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected onKeydown(event: TngMenuTriggerKeyboardEvent): void {\n    const menu = this.tngMenuTriggerFor();\n    if (menu.isDisabled()) {\n      return;\n    }\n\n    const focusAction = resolveFocusActionForOpenKey(event.key);\n    if (focusAction !== null) {\n      event.preventDefault();\n      menu.open(focusAction);\n      return;\n    }\n\n    if (event.key === 'Escape' && menu.isOpen()) {\n      event.preventDefault();\n      menu.close(true);\n    }\n  }\n\n  private syncAriaState(): void {\n    const trigger = this.hostRef.nativeElement;\n    const menu = this.tngMenuTriggerFor();\n\n    trigger.setAttribute('aria-controls', menu.id);\n    trigger.setAttribute('aria-expanded', menu.isOpen() ? 'true' : 'false');\n  }\n}\n"]}

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

@@ -1,3 +1,5 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
 export declare class TngMenuComponent {
     private readonly hostRef;
     private readonly primitive;
@@ -9,5 +11,8 @@ export declare class TngMenuComponent {
     ngDoCheck(): void;
     private queueFocusSync;
     private getDeepestOpenSubmenu;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TngMenuComponent, "tng-menu", ["tngMenuComponent"], { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TngMenu; inputs: { "loop": "loop"; "disabled": "disabled"; "closeOnSelect": "closeOnSelect"; "dismissOnOutsideClick": "dismissOnOutsideClick"; "dismissOnFocusout": "dismissOnFocusout"; }; outputs: { "tngMenuOpened": "tngMenuOpened"; "tngMenuClosed": "tngMenuClosed"; "tngMenuSelect": "tngMenuSelect"; }; }]>;
 }
+export { TngMenuComponent as TngMenu };
 //# sourceMappingURL=tng-menu.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-menu.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menu/tng-menu.component.ts"],"names":[],"mappings":"AAKA,qBAaa,gBAAgB;IAC3B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA+C;IACvE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA8C;IACxE,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,iBAAiB,CAAK;IAE9B,QAAQ,CAAC,SAAS,8CAAyB;IAG3C,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;IAED,SAAS,IAAI,IAAI;IA+BjB,OAAO,CAAC,cAAc;IAkCtB,OAAO,CAAC,qBAAqB;CAW9B"}
+{"version":3,"file":"tng-menu.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menu/tng-menu.component.ts"],"names":[],"mappings":";;AAKA,qBAaa,gBAAgB;IAC3B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA+C;IACvE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA8C;IACxE,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,iBAAiB,CAAK;IAE9B,QAAQ,CAAC,SAAS,8CAAyB;IAG3C,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;IAED,SAAS,IAAI,IAAI;IA+BjB,OAAO,CAAC,cAAc;IAkCtB,OAAO,CAAC,qBAAqB;yCA/ElB,gBAAgB;2CAAhB,gBAAgB;CA0F5B;AACD,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,CAAC"}

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

@@ -1,14 +1,15 @@
-import { __decorate } from "tslib";
 import { Component, ElementRef, HostBinding, inject, input } from '@angular/core';
 import { TngMenu as TngMenuPrimitive } from '@tailng-ui/primitives';
+import * as i0 from "@angular/core";
+import * as i1 from "@tailng-ui/primitives";
 const MAX_FOCUS_SYNC_ATTEMPTS = 4;
-let TngMenuComponent = class TngMenuComponent {
+export class TngMenuComponent {
     hostRef = inject(ElementRef);
     primitive = inject(TngMenuPrimitive);
     lastOpenState = false;
     focusSyncQueued = false;
     focusSyncAttempts = 0;
-    ariaLabel = input('Menu');
+    ariaLabel = input('Menu', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
     get hostAriaLabel() {
         return this.ariaLabel();
     }
@@ -68,24 +69,21 @@ let TngMenuComponent = class TngMenuComponent {
         }
         return openNestedMenus[openNestedMenus.length - 1] ?? null;
     }
-};
-__decorate([
-    HostBinding('attr.aria-label')
-], TngMenuComponent.prototype, "hostAriaLabel", null);
-TngMenuComponent = __decorate([
-    Component({
-        selector: 'tng-menu',
-        hostDirectives: [
-            {
-                directive: TngMenuPrimitive,
-                inputs: ['loop', 'disabled', 'closeOnSelect', 'dismissOnOutsideClick', 'dismissOnFocusout'],
-                outputs: ['tngMenuOpened', 'tngMenuClosed', 'tngMenuSelect'],
-            },
-        ],
-        templateUrl: './tng-menu.component.html',
-        styleUrl: './tng-menu.component.css',
-        exportAs: 'tngMenuComponent',
-    })
-], TngMenuComponent);
-export { TngMenuComponent };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: TngMenuComponent, isStandalone: true, selector: "tng-menu", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "this.hostAriaLabel" } }, exportAs: ["tngMenuComponent"], hostDirectives: [{ directive: i1.TngMenu, inputs: ["loop", "loop", "disabled", "disabled", "closeOnSelect", "closeOnSelect", "dismissOnOutsideClick", "dismissOnOutsideClick", "dismissOnFocusout", "dismissOnFocusout"], outputs: ["tngMenuOpened", "tngMenuOpened", "tngMenuClosed", "tngMenuClosed", "tngMenuSelect", "tngMenuSelect"] }], ngImport: i0, template: "<ng-content />\n", styles: [":host {}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tng-menu', hostDirectives: [
+                        {
+                            directive: TngMenuPrimitive,
+                            inputs: ['loop', 'disabled', 'closeOnSelect', 'dismissOnOutsideClick', 'dismissOnFocusout'],
+                            outputs: ['tngMenuOpened', 'tngMenuClosed', 'tngMenuSelect'],
+                        },
+                    ], exportAs: 'tngMenuComponent', 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 { TngMenuComponent as TngMenu };
 //# sourceMappingURL=tng-menu.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tng-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menu/tng-menu.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ElementRef, HostBinding, inject, input } from '@angular/core';\nimport { TngMenu as TngMenuPrimitive } from '@tailng-ui/primitives';\n\nconst MAX_FOCUS_SYNC_ATTEMPTS = 4;\n\n@Component({\n  selector: 'tng-menu',\n  hostDirectives: [\n    {\n      directive: TngMenuPrimitive,\n      inputs: ['loop', 'disabled', 'closeOnSelect', 'dismissOnOutsideClick', 'dismissOnFocusout'],\n      outputs: ['tngMenuOpened', 'tngMenuClosed', 'tngMenuSelect'],\n    },\n  ],\n  templateUrl: './tng-menu.component.html',\n  styleUrl: './tng-menu.component.css',\n  exportAs: 'tngMenuComponent',\n})\nexport class TngMenuComponent {\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly primitive = inject<TngMenuPrimitive>(TngMenuPrimitive);\n  private lastOpenState = false;\n  private focusSyncQueued = false;\n  private focusSyncAttempts = 0;\n\n  readonly ariaLabel = input<string>('Menu');\n\n  @HostBinding('attr.aria-label')\n  protected get hostAriaLabel(): string {\n    return this.ariaLabel();\n  }\n\n  ngDoCheck(): void {\n    const isOpen = this.primitive.isOpen();\n    if (!isOpen) {\n      this.lastOpenState = false;\n      this.focusSyncAttempts = 0;\n      this.focusSyncQueued = false;\n      return;\n    }\n\n    const host = this.hostRef.nativeElement;\n    const activeElement = document.activeElement;\n    const deepestOpenSubmenu = this.getDeepestOpenSubmenu(host);\n    const hasFocusInDeepestOpenSubmenu =\n      deepestOpenSubmenu !== null &&\n      activeElement instanceof Node &&\n      deepestOpenSubmenu.contains(activeElement);\n    const hasFocusInsideHost = activeElement instanceof Node && host.contains(activeElement);\n\n    const shouldSyncFocusToHostOrDeepestSubmenu =\n      deepestOpenSubmenu !== null ? !hasFocusInDeepestOpenSubmenu : !hasFocusInsideHost;\n\n    if (\n      (!this.lastOpenState || shouldSyncFocusToHostOrDeepestSubmenu) &&\n      this.focusSyncAttempts < MAX_FOCUS_SYNC_ATTEMPTS\n    ) {\n      this.queueFocusSync();\n    }\n\n    this.lastOpenState = true;\n  }\n\n  private queueFocusSync(): void {\n    if (this.focusSyncQueued) {\n      return;\n    }\n\n    this.focusSyncQueued = true;\n    queueMicrotask((): void => {\n      this.focusSyncQueued = false;\n\n      if (!this.primitive.isOpen()) {\n        return;\n      }\n\n      const host = this.hostRef.nativeElement;\n      const activeElement = document.activeElement;\n      const deepestOpenSubmenu = this.getDeepestOpenSubmenu(host);\n\n      if (deepestOpenSubmenu !== null) {\n        if (!(activeElement instanceof Node) || !deepestOpenSubmenu.contains(activeElement)) {\n          this.focusSyncAttempts += 1;\n          deepestOpenSubmenu.focus();\n        }\n        return;\n      }\n\n      if (activeElement instanceof Node && host.contains(activeElement)) {\n        return;\n      }\n\n      this.focusSyncAttempts += 1;\n      host.focus();\n    });\n  }\n\n  private getDeepestOpenSubmenu(host: HTMLElement): HTMLElement | null {\n    const openNestedMenus = Array.from(\n      host.querySelectorAll<HTMLElement>('[data-slot=\"menu\"][data-state=\"open\"]'),\n    ).filter((menuElement) => menuElement !== host);\n\n    if (openNestedMenus.length === 0) {\n      return null;\n    }\n\n    return openNestedMenus[openNestedMenus.length - 1] ?? null;\n  }\n}\n"]}
+{"version":3,"file":"tng-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menu/tng-menu.component.ts","../../../../../../../../libs/tailng-ui/components/src/lib/navigation/menu/tng-menu.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, ElementRef, HostBinding, inject, input } from '@angular/core';\nimport { TngMenu as TngMenuPrimitive } from '@tailng-ui/primitives';\n\nconst MAX_FOCUS_SYNC_ATTEMPTS = 4;\n\n@Component({\n  selector: 'tng-menu',\n  hostDirectives: [\n    {\n      directive: TngMenuPrimitive,\n      inputs: ['loop', 'disabled', 'closeOnSelect', 'dismissOnOutsideClick', 'dismissOnFocusout'],\n      outputs: ['tngMenuOpened', 'tngMenuClosed', 'tngMenuSelect'],\n    },\n  ],\n  templateUrl: './tng-menu.component.html',\n  styleUrl: './tng-menu.component.css',\n  exportAs: 'tngMenuComponent',\n})\nexport class TngMenuComponent {\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly primitive = inject<TngMenuPrimitive>(TngMenuPrimitive);\n  private lastOpenState = false;\n  private focusSyncQueued = false;\n  private focusSyncAttempts = 0;\n\n  readonly ariaLabel = input<string>('Menu');\n\n  @HostBinding('attr.aria-label')\n  protected get hostAriaLabel(): string {\n    return this.ariaLabel();\n  }\n\n  ngDoCheck(): void {\n    const isOpen = this.primitive.isOpen();\n    if (!isOpen) {\n      this.lastOpenState = false;\n      this.focusSyncAttempts = 0;\n      this.focusSyncQueued = false;\n      return;\n    }\n\n    const host = this.hostRef.nativeElement;\n    const activeElement = document.activeElement;\n    const deepestOpenSubmenu = this.getDeepestOpenSubmenu(host);\n    const hasFocusInDeepestOpenSubmenu =\n      deepestOpenSubmenu !== null &&\n      activeElement instanceof Node &&\n      deepestOpenSubmenu.contains(activeElement);\n    const hasFocusInsideHost = activeElement instanceof Node && host.contains(activeElement);\n\n    const shouldSyncFocusToHostOrDeepestSubmenu =\n      deepestOpenSubmenu !== null ? !hasFocusInDeepestOpenSubmenu : !hasFocusInsideHost;\n\n    if (\n      (!this.lastOpenState || shouldSyncFocusToHostOrDeepestSubmenu) &&\n      this.focusSyncAttempts < MAX_FOCUS_SYNC_ATTEMPTS\n    ) {\n      this.queueFocusSync();\n    }\n\n    this.lastOpenState = true;\n  }\n\n  private queueFocusSync(): void {\n    if (this.focusSyncQueued) {\n      return;\n    }\n\n    this.focusSyncQueued = true;\n    queueMicrotask((): void => {\n      this.focusSyncQueued = false;\n\n      if (!this.primitive.isOpen()) {\n        return;\n      }\n\n      const host = this.hostRef.nativeElement;\n      const activeElement = document.activeElement;\n      const deepestOpenSubmenu = this.getDeepestOpenSubmenu(host);\n\n      if (deepestOpenSubmenu !== null) {\n        if (!(activeElement instanceof Node) || !deepestOpenSubmenu.contains(activeElement)) {\n          this.focusSyncAttempts += 1;\n          deepestOpenSubmenu.focus();\n        }\n        return;\n      }\n\n      if (activeElement instanceof Node && host.contains(activeElement)) {\n        return;\n      }\n\n      this.focusSyncAttempts += 1;\n      host.focus();\n    });\n  }\n\n  private getDeepestOpenSubmenu(host: HTMLElement): HTMLElement | null {\n    const openNestedMenus = Array.from(\n      host.querySelectorAll<HTMLElement>('[data-slot=\"menu\"][data-state=\"open\"]'),\n    ).filter((menuElement) => menuElement !== host);\n\n    if (openNestedMenus.length === 0) {\n      return null;\n    }\n\n    return openNestedMenus[openNestedMenus.length - 1] ?? null;\n  }\n}\nexport { TngMenuComponent as TngMenu };\n","<ng-content />\n"]}