@tailng-ui/components 0.1.0

package/src/lib/navigation/index.js

@@ -0,0 +1,27 @@
+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

@@ -0,0 +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"]}

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

@@ -0,0 +1,15 @@
+import { TngMenu } from '@tailng-ui/primitives';
+type TngMenuTriggerKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key'>> & Readonly<{
+    preventDefault: () => void;
+}>;
+export declare class TngMenuTriggerFor {
+    readonly tngMenuTriggerFor: import("@angular/core").InputSignal<TngMenu>;
+    private readonly hostRef;
+    protected readonly ariaHasPopup: "menu";
+    constructor();
+    protected onClick(): void;
+    protected onKeydown(event: TngMenuTriggerKeyboardEvent): void;
+    private syncAriaState;
+}
+export {};
+//# sourceMappingURL=tng-menu-trigger-for.directive.d.ts.map

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

@@ -0,0 +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,qBAKa,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"}

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

@@ -0,0 +1,85 @@
+import { __decorate } from "tslib";
+import { Directive, ElementRef, HostBinding, HostListener, effect, inject, input } from '@angular/core';
+function resolveFocusActionForOpenKey(key) {
+    switch (key) {
+        case 'ArrowDown':
+            return 'first';
+        case 'ArrowUp':
+            return 'last';
+        case 'Enter':
+        case ' ':
+            return 'none';
+        default:
+            return null;
+    }
+}
+let TngMenuTriggerFor = class TngMenuTriggerFor {
+    tngMenuTriggerFor = input.required();
+    hostRef = inject(ElementRef);
+    ariaHasPopup = 'menu';
+    constructor() {
+        effect((onCleanup) => {
+            const menu = this.tngMenuTriggerFor();
+            const trigger = this.hostRef.nativeElement;
+            menu.setTriggerElement(trigger, () => this.syncAriaState());
+            menu.setRestoreFocusOnOutsideClick(false);
+            this.syncAriaState();
+            onCleanup(() => {
+                menu.clearTriggerLink(trigger);
+                trigger.removeAttribute('aria-controls');
+                trigger.removeAttribute('aria-expanded');
+            });
+        });
+    }
+    onClick() {
+        const menu = this.tngMenuTriggerFor();
+        if (menu.isDisabled()) {
+            return;
+        }
+        if (menu.isOpen()) {
+            menu.close(true);
+            return;
+        }
+        menu.open('none');
+    }
+    onKeydown(event) {
+        const menu = this.tngMenuTriggerFor();
+        if (menu.isDisabled()) {
+            return;
+        }
+        const focusAction = resolveFocusActionForOpenKey(event.key);
+        if (focusAction !== null) {
+            event.preventDefault();
+            menu.open(focusAction);
+            return;
+        }
+        if (event.key === 'Escape' && menu.isOpen()) {
+            event.preventDefault();
+            menu.close(true);
+        }
+    }
+    syncAriaState() {
+        const trigger = this.hostRef.nativeElement;
+        const menu = this.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',
+        standalone: true,
+    })
+], TngMenuTriggerFor);
+export { TngMenuTriggerFor };
+//# sourceMappingURL=tng-menu-trigger-for.directive.js.map

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

@@ -0,0 +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  standalone: true,\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

@@ -0,0 +1,13 @@
+export declare class TngMenuComponent {
+    private readonly hostRef;
+    private readonly primitive;
+    private lastOpenState;
+    private focusSyncQueued;
+    private focusSyncAttempts;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    protected get hostAriaLabel(): string;
+    ngDoCheck(): void;
+    private queueFocusSync;
+    private getDeepestOpenSubmenu;
+}
+//# sourceMappingURL=tng-menu.component.d.ts.map

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

@@ -0,0 +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,qBAca,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"}

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

@@ -0,0 +1,92 @@
+import { __decorate } from "tslib";
+import { Component, ElementRef, HostBinding, inject, input } from '@angular/core';
+import { TngMenu as TngMenuPrimitive } from '@tailng-ui/primitives';
+const MAX_FOCUS_SYNC_ATTEMPTS = 4;
+let TngMenuComponent = class TngMenuComponent {
+    hostRef = inject(ElementRef);
+    primitive = inject(TngMenuPrimitive);
+    lastOpenState = false;
+    focusSyncQueued = false;
+    focusSyncAttempts = 0;
+    ariaLabel = input('Menu');
+    get hostAriaLabel() {
+        return this.ariaLabel();
+    }
+    ngDoCheck() {
+        const isOpen = this.primitive.isOpen();
+        if (!isOpen) {
+            this.lastOpenState = false;
+            this.focusSyncAttempts = 0;
+            this.focusSyncQueued = false;
+            return;
+        }
+        const host = this.hostRef.nativeElement;
+        const activeElement = document.activeElement;
+        const deepestOpenSubmenu = this.getDeepestOpenSubmenu(host);
+        const hasFocusInDeepestOpenSubmenu = deepestOpenSubmenu !== null &&
+            activeElement instanceof Node &&
+            deepestOpenSubmenu.contains(activeElement);
+        const hasFocusInsideHost = activeElement instanceof Node && host.contains(activeElement);
+        const shouldSyncFocusToHostOrDeepestSubmenu = deepestOpenSubmenu !== null ? !hasFocusInDeepestOpenSubmenu : !hasFocusInsideHost;
+        if ((!this.lastOpenState || shouldSyncFocusToHostOrDeepestSubmenu) &&
+            this.focusSyncAttempts < MAX_FOCUS_SYNC_ATTEMPTS) {
+            this.queueFocusSync();
+        }
+        this.lastOpenState = true;
+    }
+    queueFocusSync() {
+        if (this.focusSyncQueued) {
+            return;
+        }
+        this.focusSyncQueued = true;
+        queueMicrotask(() => {
+            this.focusSyncQueued = false;
+            if (!this.primitive.isOpen()) {
+                return;
+            }
+            const host = this.hostRef.nativeElement;
+            const activeElement = document.activeElement;
+            const deepestOpenSubmenu = this.getDeepestOpenSubmenu(host);
+            if (deepestOpenSubmenu !== null) {
+                if (!(activeElement instanceof Node) || !deepestOpenSubmenu.contains(activeElement)) {
+                    this.focusSyncAttempts += 1;
+                    deepestOpenSubmenu.focus();
+                }
+                return;
+            }
+            if (activeElement instanceof Node && host.contains(activeElement)) {
+                return;
+            }
+            this.focusSyncAttempts += 1;
+            host.focus();
+        });
+    }
+    getDeepestOpenSubmenu(host) {
+        const openNestedMenus = Array.from(host.querySelectorAll('[data-slot="menu"][data-state="open"]')).filter((menuElement) => menuElement !== host);
+        if (openNestedMenus.length === 0) {
+            return null;
+        }
+        return openNestedMenus[openNestedMenus.length - 1] ?? null;
+    }
+};
+__decorate([
+    HostBinding('attr.aria-label')
+], TngMenuComponent.prototype, "hostAriaLabel", null);
+TngMenuComponent = __decorate([
+    Component({
+        selector: 'tng-menu',
+        standalone: true,
+        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 };
+//# sourceMappingURL=tng-menu.component.js.map

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

@@ -0,0 +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  standalone: true,\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"]}

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

@@ -0,0 +1,5 @@
+export declare class TngMenubarComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    protected get hostAriaLabel(): string;
+}
+//# sourceMappingURL=tng-menubar.component.d.ts.map

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

@@ -0,0 +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,qBAaa,mBAAmB;IAC9B,QAAQ,CAAC,SAAS,8CAA4B;IAG9C,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;CACF"}

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

@@ -0,0 +1,29 @@
+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');
+    get hostAriaLabel() {
+        return this.ariaLabel();
+    }
+};
+__decorate([
+    HostBinding('attr.aria-label')
+], TngMenubarComponent.prototype, "hostAriaLabel", null);
+TngMenubarComponent = __decorate([
+    Component({
+        selector: 'tng-menubar',
+        standalone: true,
+        hostDirectives: [
+            {
+                directive: TngMenubarPrimitive,
+                inputs: ['loop'],
+            },
+        ],
+        templateUrl: './tng-menubar.component.html',
+        styleUrl: './tng-menubar.component.css',
+        exportAs: 'tngMenubarComponent',
+    })
+], TngMenubarComponent);
+export { TngMenubarComponent };
+//# sourceMappingURL=tng-menubar.component.js.map

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

@@ -0,0 +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;AAenE,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;IAb/B,SAAS,CAAC;QACT,QAAQ,EAAE,aAAa;QACvB,UAAU,EAAE,IAAI;QAChB,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  standalone: true,\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"]}

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

@@ -0,0 +1,4 @@
+export declare class TngNavigationMenuComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+}
+//# sourceMappingURL=tng-navigation-menu.component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+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 };
+//# sourceMappingURL=tng-navigation-menu.component.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,5 @@
+export declare class TngTabsComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    protected get hostAriaLabel(): string;
+}
+//# sourceMappingURL=tng-tabs.component.d.ts.map

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

@@ -0,0 +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,qBAyBa,gBAAgB;IAC3B,QAAQ,CAAC,SAAS,8CAAyB;IAG3C,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;CACF"}

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

@@ -0,0 +1,41 @@
+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');
+    get hostAriaLabel() {
+        return this.ariaLabel();
+    }
+};
+__decorate([
+    HostBinding('attr.aria-label')
+], TngTabsComponent.prototype, "hostAriaLabel", null);
+TngTabsComponent = __decorate([
+    Component({
+        selector: 'tng-tabs',
+        standalone: true,
+        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 };
+//# sourceMappingURL=tng-tabs.component.js.map

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

@@ -0,0 +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;AA2B7D,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;IAzB5B,SAAS,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,IAAI;QAChB,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  standalone: true,\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"]}

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

@@ -0,0 +1,4 @@
+export declare class TngToolbarComponent {
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+}
+//# sourceMappingURL=tng-toolbar.component.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+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 };
+//# sourceMappingURL=tng-toolbar.component.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,43 @@
+import type { OnDestroy } from '@angular/core';
+export type TngDialogCloseReason = 'backdrop' | 'close-button' | 'escape' | 'programmatic';
+export type TngDialogSize = 'lg' | 'md' | 'sm';
+export declare class TngDialogComponent implements OnDestroy {
+    readonly closeOnBackdrop: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly closeOnEscape: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly description: import("@angular/core").InputSignal<string | null>;
+    readonly open: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly size: import("@angular/core").InputSignal<TngDialogSize>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly closed: import("@angular/core").OutputEmitterRef<TngDialogCloseReason>;
+    readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
+    protected readonly descriptionId: string;
+    protected readonly panelId: string;
+    protected readonly titleId: string;
+    private readonly documentRef;
+    private readonly injector;
+    private readonly panelRef;
+    private readonly scrollLock;
+    private readonly instanceId;
+    private isActive;
+    private isLayerRegistered;
+    private restoreFocusElement;
+    private readonly openStateEffect;
+    constructor();
+    close(): void;
+    ngOnDestroy(): void;
+    onCloseButtonClick(): void;
+    onPanelKeydown(event: unknown): void;
+    private activateDialog;
+    private deactivateDialog;
+    private handleOverlayDismiss;
+    private registerOverlayLayer;
+    private unregisterOverlayLayer;
+    private focusInitialElement;
+    private preventAndFocus;
+    private requestClose;
+    private resolveFocusTrapState;
+    private focusEdgeWhenOutsidePanel;
+    private wrapTabAtEdges;
+    private trapTabNavigation;
+}
+//# sourceMappingURL=tng-dialog.component.d.ts.map

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

@@ -0,0 +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"}