@tailng-ui/primitives 0.1.0

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

@@ -0,0 +1,159 @@
+import { __decorate } from "tslib";
+import { Directive, ElementRef, HostBinding, HostListener, inject, input, } from '@angular/core';
+import { createTngIdFactory } from '@tailng-ui/cdk';
+import { TngMenu } from '../menu/tng-menu';
+const createContextMenuTriggerId = createTngIdFactory('tng-context-menu-trigger');
+let TngContextMenu = class TngContextMenu {
+    menu = inject(TngMenu, { optional: true, host: true });
+    anchorType = null;
+    pointerAnchor = null;
+    isDisabled() {
+        return this.menu?.isDisabled() ?? true;
+    }
+    openFromPointer(target, pointerAnchor, triggerStateSync) {
+        const menu = this.menu;
+        if (menu === null) {
+            return;
+        }
+        if (menu.isOpen()) {
+            menu.close(false);
+        }
+        this.anchorType = 'pointer';
+        this.pointerAnchor = pointerAnchor;
+        menu.setTriggerElement(target, triggerStateSync);
+        menu.setRestoreFocusOnOutsideClick(true);
+        menu.open();
+    }
+    openFromKeyboard(target, triggerStateSync) {
+        const menu = this.menu;
+        if (menu === null) {
+            return;
+        }
+        if (menu.isOpen()) {
+            menu.close(false);
+        }
+        this.anchorType = 'element';
+        this.pointerAnchor = null;
+        menu.setTriggerElement(target, triggerStateSync);
+        menu.setRestoreFocusOnOutsideClick(true);
+        menu.open();
+    }
+    isOpen() {
+        return this.menu?.isOpen() ?? false;
+    }
+    close(restoreFocus) {
+        this.menu?.close(restoreFocus);
+    }
+    detachFromTarget(target) {
+        this.menu?.clearTriggerLink(target);
+    }
+    getMenuId() {
+        return this.menu?.id ?? null;
+    }
+    getAnchorType() {
+        return this.anchorType;
+    }
+    getPointerAnchor() {
+        return this.pointerAnchor;
+    }
+};
+TngContextMenu = __decorate([
+    Directive({
+        selector: '[tngContextMenu]',
+        exportAs: 'tngContextMenu',
+        standalone: true,
+    })
+], TngContextMenu);
+export { TngContextMenu };
+let TngContextMenuTrigger = class TngContextMenuTrigger {
+    hostRef = inject(ElementRef);
+    resolvedId = this.hostRef.nativeElement.getAttribute('id') ?? createContextMenuTriggerId();
+    contextMenu = input(null, {
+        alias: 'tngContextMenuTrigger',
+    });
+    dataSlot = 'context-menu-trigger';
+    id = this.resolvedId;
+    ariaHaspopup = 'menu';
+    get ariaControls() {
+        return this.contextMenu()?.getMenuId() ?? null;
+    }
+    ngOnInit() {
+        this.syncAriaExpanded();
+    }
+    ngOnDestroy() {
+        const contextMenu = this.contextMenu();
+        if (contextMenu === null) {
+            return;
+        }
+        contextMenu.detachFromTarget(this.hostRef.nativeElement);
+        if (contextMenu.isOpen()) {
+            contextMenu.close(false);
+        }
+    }
+    onContextMenu(event) {
+        if (this.isDisabled()) {
+            return;
+        }
+        const contextMenu = this.contextMenu();
+        if (contextMenu === null || contextMenu.isDisabled()) {
+            return;
+        }
+        event.preventDefault();
+        contextMenu.openFromPointer(this.hostRef.nativeElement, {
+            x: event.clientX,
+            y: event.clientY,
+        }, () => this.syncAriaExpanded());
+    }
+    onKeydown(event) {
+        if (this.isDisabled()) {
+            return;
+        }
+        const contextMenu = this.contextMenu();
+        if (contextMenu === null || contextMenu.isDisabled()) {
+            return;
+        }
+        if (event.key === 'ContextMenu' || (event.key === 'F10' && event.shiftKey)) {
+            event.preventDefault();
+            contextMenu.openFromKeyboard(this.hostRef.nativeElement, () => this.syncAriaExpanded());
+        }
+    }
+    syncAriaExpanded() {
+        const contextMenu = this.contextMenu();
+        if (contextMenu === null) {
+            this.hostRef.nativeElement.removeAttribute('aria-expanded');
+            return;
+        }
+        this.hostRef.nativeElement.setAttribute('aria-expanded', contextMenu.isOpen() ? 'true' : 'false');
+    }
+    isDisabled() {
+        const element = this.hostRef.nativeElement;
+        return element.disabled || element.hasAttribute('disabled') || element.getAttribute('aria-disabled') === 'true';
+    }
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngContextMenuTrigger.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.id')
+], TngContextMenuTrigger.prototype, "id", void 0);
+__decorate([
+    HostBinding('attr.aria-haspopup')
+], TngContextMenuTrigger.prototype, "ariaHaspopup", void 0);
+__decorate([
+    HostBinding('attr.aria-controls')
+], TngContextMenuTrigger.prototype, "ariaControls", null);
+__decorate([
+    HostListener('contextmenu', ['$event'])
+], TngContextMenuTrigger.prototype, "onContextMenu", null);
+__decorate([
+    HostListener('keydown', ['$event'])
+], TngContextMenuTrigger.prototype, "onKeydown", null);
+TngContextMenuTrigger = __decorate([
+    Directive({
+        selector: '[tngContextMenuTrigger]',
+        exportAs: 'tngContextMenuTrigger',
+        standalone: true,
+    })
+], TngContextMenuTrigger);
+export { TngContextMenuTrigger };
+//# sourceMappingURL=tng-context-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-context-menu.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/context-menu/tng-context-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  inject,\n  input,\n} from '@angular/core';\nimport { createTngIdFactory } from '@tailng-ui/cdk';\n\nimport { TngMenu } from '../menu/tng-menu';\n\ntype TngContextMenuAnchorType = 'pointer' | 'element' | null;\n\nexport type TngContextMenuPointerAnchor = Readonly<{\n  x: number;\n  y: number;\n}>;\n\nconst createContextMenuTriggerId = createTngIdFactory('tng-context-menu-trigger');\n\n@Directive({\n  selector: '[tngContextMenu]',\n  exportAs: 'tngContextMenu',\n  standalone: true,\n})\nexport class TngContextMenu {\n  private readonly menu = inject(TngMenu, { optional: true, host: true });\n  private anchorType: TngContextMenuAnchorType = null;\n  private pointerAnchor: TngContextMenuPointerAnchor | null = null;\n\n  isDisabled(): boolean {\n    return this.menu?.isDisabled() ?? true;\n  }\n\n  openFromPointer(\n    target: HTMLElement,\n    pointerAnchor: TngContextMenuPointerAnchor,\n    triggerStateSync?: () => void,\n  ): void {\n    const menu = this.menu;\n    if (menu === null) {\n      return;\n    }\n\n    if (menu.isOpen()) {\n      menu.close(false);\n    }\n\n    this.anchorType = 'pointer';\n    this.pointerAnchor = pointerAnchor;\n    menu.setTriggerElement(target, triggerStateSync);\n    menu.setRestoreFocusOnOutsideClick(true);\n    menu.open();\n  }\n\n  openFromKeyboard(target: HTMLElement, triggerStateSync?: () => void): void {\n    const menu = this.menu;\n    if (menu === null) {\n      return;\n    }\n\n    if (menu.isOpen()) {\n      menu.close(false);\n    }\n\n    this.anchorType = 'element';\n    this.pointerAnchor = null;\n    menu.setTriggerElement(target, triggerStateSync);\n    menu.setRestoreFocusOnOutsideClick(true);\n    menu.open();\n  }\n\n  isOpen(): boolean {\n    return this.menu?.isOpen() ?? false;\n  }\n\n  close(restoreFocus: boolean): void {\n    this.menu?.close(restoreFocus);\n  }\n\n  detachFromTarget(target: HTMLElement): void {\n    this.menu?.clearTriggerLink(target);\n  }\n\n  getMenuId(): string | null {\n    return this.menu?.id ?? null;\n  }\n\n  getAnchorType(): TngContextMenuAnchorType {\n    return this.anchorType;\n  }\n\n  getPointerAnchor(): TngContextMenuPointerAnchor | null {\n    return this.pointerAnchor;\n  }\n}\n\n@Directive({\n  selector: '[tngContextMenuTrigger]',\n  exportAs: 'tngContextMenuTrigger',\n  standalone: true,\n})\nexport class TngContextMenuTrigger {\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly resolvedId =\n    this.hostRef.nativeElement.getAttribute('id') ?? createContextMenuTriggerId();\n\n  readonly contextMenu = input<TngContextMenu | null>(null, {\n    alias: 'tngContextMenuTrigger',\n  });\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'context-menu-trigger' as const;\n\n  @HostBinding('attr.id')\n  protected readonly id = this.resolvedId;\n\n  @HostBinding('attr.aria-haspopup')\n  protected readonly ariaHaspopup = 'menu' as const;\n\n  @HostBinding('attr.aria-controls')\n  protected get ariaControls(): string | null {\n    return this.contextMenu()?.getMenuId() ?? null;\n  }\n\n  ngOnInit(): void {\n    this.syncAriaExpanded();\n  }\n\n  ngOnDestroy(): void {\n    const contextMenu = this.contextMenu();\n    if (contextMenu === null) {\n      return;\n    }\n\n    contextMenu.detachFromTarget(this.hostRef.nativeElement);\n\n    if (contextMenu.isOpen()) {\n      contextMenu.close(false);\n    }\n  }\n\n  @HostListener('contextmenu', ['$event'])\n  protected onContextMenu(event: MouseEvent): void {\n    if (this.isDisabled()) {\n      return;\n    }\n\n    const contextMenu = this.contextMenu();\n    if (contextMenu === null || contextMenu.isDisabled()) {\n      return;\n    }\n\n    event.preventDefault();\n    contextMenu.openFromPointer(\n      this.hostRef.nativeElement,\n      {\n        x: event.clientX,\n        y: event.clientY,\n      },\n      () => this.syncAriaExpanded(),\n    );\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected onKeydown(event: KeyboardEvent): void {\n    if (this.isDisabled()) {\n      return;\n    }\n\n    const contextMenu = this.contextMenu();\n    if (contextMenu === null || contextMenu.isDisabled()) {\n      return;\n    }\n\n    if (event.key === 'ContextMenu' || (event.key === 'F10' && event.shiftKey)) {\n      event.preventDefault();\n      contextMenu.openFromKeyboard(this.hostRef.nativeElement, () => this.syncAriaExpanded());\n    }\n  }\n\n  private syncAriaExpanded(): void {\n    const contextMenu = this.contextMenu();\n    if (contextMenu === null) {\n      this.hostRef.nativeElement.removeAttribute('aria-expanded');\n      return;\n    }\n\n    this.hostRef.nativeElement.setAttribute('aria-expanded', contextMenu.isOpen() ? 'true' : 'false');\n  }\n\n  private isDisabled(): boolean {\n    const element = this.hostRef.nativeElement as HTMLElement & {\n      disabled?: boolean;\n    };\n\n    return element.disabled || element.hasAttribute('disabled') || element.getAttribute('aria-disabled') === 'true';\n  }\n}\n"]}

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

@@ -0,0 +1,4 @@
+export declare class TngDropdownMenu {
+    protected readonly dataSlot: "dropdown-menu";
+}
+//# sourceMappingURL=tng-dropdown-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/dropdown-menu/tng-dropdown-menu.ts"],"names":[],"mappings":"AAEA,qBAIa,eAAe;IAE1B,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,eAAe,CAAU;CACxD"}

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

@@ -0,0 +1,16 @@
+import { __decorate } from "tslib";
+import { Directive, HostBinding } from '@angular/core';
+let TngDropdownMenu = class TngDropdownMenu {
+    dataSlot = 'dropdown-menu';
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngDropdownMenu.prototype, "dataSlot", void 0);
+TngDropdownMenu = __decorate([
+    Directive({
+        selector: '[tngDropdownMenu]',
+        exportAs: 'tngDropdownMenu',
+    })
+], TngDropdownMenu);
+export { TngDropdownMenu };
+//# sourceMappingURL=tng-dropdown-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-dropdown-menu.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/dropdown-menu/tng-dropdown-menu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAMhD,IAAM,eAAe,GAArB,MAAM,eAAe;IAEP,QAAQ,GAAG,eAAwB,CAAC;CACxD,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;iDACyB;AAF5C,eAAe;IAJ3B,SAAS,CAAC;QACT,QAAQ,EAAE,mBAAmB;QAC7B,QAAQ,EAAE,iBAAiB;KAC5B,CAAC;GACW,eAAe,CAG3B","sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  selector: '[tngDropdownMenu]',\n  exportAs: 'tngDropdownMenu',\n})\nexport class TngDropdownMenu {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'dropdown-menu' as const;\n}\n"]}

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

@@ -0,0 +1,173 @@
+type TngMenuOpenFocusAction = 'first' | 'last' | 'none';
+type TngMenuSelectTrigger = 'keyboard' | 'pointer';
+type TngMenuItemRole = 'menuitem' | 'menuitemcheckbox' | 'menuitemradio';
+type TngMenuKeyboardEvent = Readonly<Pick<KeyboardEvent, 'key' | 'shiftKey' | 'target'>> & Readonly<{
+    preventDefault: () => void;
+}>;
+type TngMenubarArrowHandler = (key: 'ArrowRight' | 'ArrowLeft') => void;
+type TngMenubarTabHandler = (shiftKey: boolean) => boolean;
+export type TngMenuSelectEvent = Readonly<{
+    value: unknown;
+    itemId: string;
+    trigger: TngMenuSelectTrigger;
+}>;
+export declare class TngMenu {
+    private static openRootMenu;
+    private readonly changeDetectorRef;
+    private readonly hostRef;
+    private readonly ngZone;
+    private readonly resolvedId;
+    private readonly itemsById;
+    private outsidePointerdownCleanup;
+    private typeaheadResetHandle;
+    private menubarArrowHandler;
+    private menubarTabHandler;
+    private restoreFocusOnOutsideClick;
+    private triggerStateSync;
+    private triggerElement;
+    private activeItemId;
+    private parentMenu;
+    private parentMenuItem;
+    private openSubmenu;
+    private openState;
+    private typeaheadBuffer;
+    readonly loop: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly closeOnSelect: import("@angular/core").InputSignal<boolean>;
+    readonly dismissOnOutsideClick: import("@angular/core").InputSignal<boolean>;
+    readonly dismissOnFocusout: import("@angular/core").InputSignal<boolean>;
+    readonly tngMenuOpened: import("@angular/core").OutputEmitterRef<void>;
+    readonly tngMenuClosed: import("@angular/core").OutputEmitterRef<void>;
+    readonly tngMenuSelect: import("@angular/core").OutputEmitterRef<Readonly<{
+        value: unknown;
+        itemId: string;
+        trigger: TngMenuSelectTrigger;
+    }>>;
+    protected readonly dataSlot: "menu";
+    protected readonly role: "menu";
+    readonly id: string;
+    protected get tabIndex(): string;
+    protected get dataState(): 'open' | 'closed';
+    protected get hidden(): '' | null;
+    protected get ariaActiveDescendant(): string | null;
+    setTriggerElement(triggerElement: HTMLElement, triggerStateSync?: () => void): void;
+    clearTriggerLink(triggerElement?: HTMLElement): void;
+    setRestoreFocusOnOutsideClick(restoreFocusOnOutsideClick: boolean): void;
+    setMenubarArrowHandler(menubarArrowHandler: TngMenubarArrowHandler | null): void;
+    setMenubarTabHandler(menubarTabHandler: TngMenubarTabHandler | null): void;
+    setParentMenu(parentMenu: TngMenu, parentMenuItem: TngMenuItem): void;
+    focusPanel(): void;
+    focusPanelAndMoveActiveItem(action: 'next' | 'prev'): void;
+    isOpen(): boolean;
+    isDisabled(): boolean;
+    isItemActive(itemId: string): boolean;
+    registerItem(item: TngMenuItem): void;
+    unregisterItem(item: TngMenuItem): void;
+    onItemDisabledStateChange(item: TngMenuItem): void;
+    onItemNavigabilityStateChange(item: TngMenuItem): void;
+    open(focusAction?: TngMenuOpenFocusAction): void;
+    close(restoreFocus: boolean): void;
+    ngOnDestroy(): void;
+    requestSelect(item: TngMenuItem, trigger: TngMenuSelectTrigger): void;
+    setActiveItem(item: TngMenuItem): void;
+    setSelectedRadioItem(selectedItem: TngMenuItem): void;
+    openChildSubmenu(submenu: TngMenu): void;
+    notifySubmenuClosed(submenu: TngMenu): void;
+    private closeSelfAndAncestorMenus;
+    private getEnabledMenuItems;
+    private resolveAdjacentEnabledItemId;
+    private resolveAdjacentEnabledItemIdFromRegisteredItems;
+    private isNavigableItemElement;
+    private onDocumentPointerdown;
+    private isTargetInsideOpenMenuTree;
+    protected onFocusout(event: FocusEvent): void;
+    private attachOutsidePointerdownListener;
+    private syncAriaLabelledby;
+    private detachOutsidePointerdownListener;
+    private moveActiveItem;
+    private syncOpenSubmenuWithActiveItem;
+    private moveActiveItemByTypeahead;
+    private findTypeaheadMatch;
+    private resetTypeaheadBuffer;
+    private clearTypeaheadBuffer;
+    private isEventFromNestedMenu;
+    protected onKeydown(event: TngMenuKeyboardEvent): void;
+}
+export declare class TngMenuItem {
+    private readonly hostRef;
+    private readonly menu;
+    private readonly resolvedId;
+    private lastDisabledState;
+    private lastNavigableState;
+    private lastCheckedInput;
+    private checkedOverride;
+    readonly value: import("@angular/core").InputSignal<unknown>;
+    readonly itemRole: import("@angular/core").InputSignal<TngMenuItemRole>;
+    readonly checked: import("@angular/core").InputSignal<boolean>;
+    readonly submenu: import("@angular/core").InputSignal<TngMenu | null>;
+    constructor();
+    ngOnInit(): void;
+    protected readonly dataSlot: "menu-item";
+    protected get role(): TngMenuItemRole;
+    protected readonly id: string;
+    protected readonly tabIndex = -1;
+    protected get ariaDisabled(): 'true' | null;
+    protected get ariaChecked(): 'true' | 'false' | null;
+    protected get dataActive(): '' | null;
+    protected get ariaHaspopup(): 'menu' | null;
+    protected get ariaControls(): string | null;
+    protected onClick(event: MouseEvent): void;
+    ngOnDestroy(): void;
+    ngDoCheck(): void;
+    getItemId(): string;
+    getValue(): unknown;
+    getOwnedSubmenu(): TngMenu | null;
+    getRole(): TngMenuItemRole;
+    isDisabled(): boolean;
+    isNavigable(): boolean;
+    select(trigger: TngMenuSelectTrigger): void;
+    isChecked(): boolean;
+    setCheckedState(checked: boolean): void;
+    applySelectionState(): void;
+    openOwnedSubmenu(focusAction: TngMenuOpenFocusAction): void;
+    private syncOwnedSubmenuLink;
+    private syncHostId;
+    private syncSubmenuState;
+    private shouldIgnoreNestedInteractiveClick;
+    private isHiddenOrInert;
+}
+export declare class TngMenuSeparator {
+    protected readonly dataSlot: "menu-separator";
+    protected readonly role: "separator";
+}
+export declare class TngMenuGroupLabel {
+    protected readonly dataSlot: "menu-group-label";
+    protected readonly role: "presentation";
+}
+export declare class TngMenuBackdrop {
+    readonly menu: import("@angular/core").InputSignal<TngMenu | null>;
+    protected readonly dataSlot: "menu-backdrop";
+    protected onClick(): void;
+}
+export declare class TngMenuTrigger {
+    private readonly hostRef;
+    private readonly resolvedId;
+    private linkedMenu;
+    readonly menu: import("@angular/core").InputSignal<TngMenu | null>;
+    protected readonly dataSlot: "menu-trigger";
+    protected readonly id: string;
+    protected readonly ariaHaspopup: "menu";
+    protected get ariaControls(): string | null;
+    ngOnInit(): void;
+    ngDoCheck(): void;
+    ngOnDestroy(): void;
+    protected onClick(): void;
+    protected onKeydown(event: TngMenuKeyboardEvent): void;
+    private openMenu;
+    private syncAriaExpanded;
+    private syncHostId;
+    private isDisabled;
+    private syncMenuLink;
+}
+export {};
+//# sourceMappingURL=tng-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-menu.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/menu/tng-menu.ts"],"names":[],"mappings":"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"}