@cdevhub/ngx-tw 0.2.1 → 0.3.0

package/fesm2022/cdevhub-ngx-tw-tab-nav.mjs

@@ -1,6 +1,8 @@
 import * as i0 from '@angular/core';
-import { input, signal, ChangeDetectionStrategy, Component, contentChildren, contentChild, computed, inject, effect, untracked, ElementRef, Directive } from '@angular/core';
+import { input, signal, ChangeDetectionStrategy, Component, contentChildren, contentChild, computed, inject, DestroyRef, effect, untracked, ElementRef, Directive } from '@angular/core';
 import { LiveAnnouncer, FocusKeyManager } from '@angular/cdk/a11y';
+import { Directionality } from '@angular/cdk/bidi';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { tv } from 'tailwind-variants';
 import { twMerge } from 'tailwind-merge';
 import { tabTriggerVariants, getActiveTriggerClasses, getInactiveTriggerClasses } from '@cdevhub/ngx-tw/core';
@@ -35,13 +37,15 @@ const tabNavLayoutVariants = tv({
 let nextPanelId = 0;
 class TabNavPanel {
     /** Unique id for this panel. Referenced by the active link's `aria-controls`. Auto-generated when not provided. */
-    id = input(`tw-tab-nav-panel-${nextPanelId++}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    id = input(`tw-tab-nav-panel-${nextPanelId++}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     /** @internal Id of the active link — set by the associated TabNavComponent. */
-    activeTabId = signal(undefined, ...(ngDevMode ? [{ debugName: "activeTabId" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TabNavPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: TabNavPanel, isStandalone: true, selector: "tw-tab-nav-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tabpanel", "tabindex": "0" }, properties: { "attr.id": "id()", "attr.aria-labelledby": "activeTabId()" } }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    activeTabId = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeTabId" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: TabNavPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: TabNavPanel, isStandalone: true, selector: "tw-tab-nav-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tabpanel", "tabindex": "0" }, properties: { "attr.id": "id()", "attr.aria-labelledby": "activeTabId()" } }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TabNavPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: TabNavPanel, decorators: [{
             type: Component,
             args: [{
                     selector: 'tw-tab-nav-panel',
@@ -58,55 +62,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
 // ── TabNavComponent ──
 class TabNavComponent {
     /** Visual style of the tab strip. Defaults to `'underline'`. */
-    variant = input('underline', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    variant = input('underline', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     /** Semantic color used for the active link indicator and text. Defaults to `'primary'`. */
-    color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    color = input('primary', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
     /** Controls padding and font size of tab links. Defaults to `'md'`. */
-    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    size = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     /** When true, tab links stretch to fill available width equally. Defaults to `false`. */
-    fitted = input(false, ...(ngDevMode ? [{ debugName: "fitted" }] : /* istanbul ignore next */ []));
+    fitted = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fitted" }] : /* istanbul ignore next */ []));
     /** Associated panel element. When provided, the nav follows the ARIA tabs pattern (role=tablist). When omitted, it uses the standard navigation landmark pattern with `aria-current="page"` on the active link. A panel projected as a child of the `<nav>` is auto-discovered. */
-    tabPanel = input(undefined, ...(ngDevMode ? [{ debugName: "tabPanel" }] : /* istanbul ignore next */ []));
+    tabPanel = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabPanel" }] : /* istanbul ignore next */ []));
     /** Additional classes merged onto the `<nav>` host. Useful for layout tweaks or borders that the default tv() config does not cover. */
-    navClass = input('', ...(ngDevMode ? [{ debugName: "navClass" }] : /* istanbul ignore next */ []));
+    navClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "navClass" }] : /* istanbul ignore next */ []));
     /** Additional classes merged onto every tab link. Applied after base/active/disabled classes so consumer styles always win the cascade. */
-    linkClass = input('', ...(ngDevMode ? [{ debugName: "linkClass" }] : /* istanbul ignore next */ []));
+    linkClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "linkClass" }] : /* istanbul ignore next */ []));
     /** Optional label overrides for screen-reader announcements. Only used in the ARIA tabs pattern (i.e. when a panel is associated). */
-    labels = input({}, ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
+    labels = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
     /** @internal Tab links discovered via content projection. */
     links = contentChildren(TabLinkDirective, { ...(ngDevMode ? { debugName: "links" } : /* istanbul ignore next */ {}), descendants: true });
     /** @internal Panel discovered as a content child of the nav. */
-    projectedPanel = contentChild(TabNavPanel, ...(ngDevMode ? [{ debugName: "projectedPanel" }] : /* istanbul ignore next */ []));
+    projectedPanel = contentChild(TabNavPanel, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "projectedPanel" }] : /* istanbul ignore next */ []));
     /** @internal Resolved panel — explicit `tabPanel` input wins, falls back to a projected `<tw-tab-nav-panel>` inside the nav. */
-    resolvedPanel = computed(() => this.tabPanel() ?? this.projectedPanel(), ...(ngDevMode ? [{ debugName: "resolvedPanel" }] : /* istanbul ignore next */ []));
+    resolvedPanel = computed(() => this.tabPanel() ?? this.projectedPanel(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedPanel" }] : /* istanbul ignore next */ []));
     liveAnnouncer = inject(LiveAnnouncer);
+    directionality = inject(Directionality, { optional: true });
+    destroyRef = inject(DestroyRef);
+    /**
+     * Live layout direction. Hardcoding 'ltr' inverts ArrowLeft/ArrowRight in RTL
+     * locales — the arrow moves to the next link in DOM order but the previous
+     * one visually. Mirrored into a signal so the key manager rebuilds on change.
+     */
+    layoutDirection = signal(this.directionality?.value ?? 'ltr', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "layoutDirection" }] : /* istanbul ignore next */ []));
     /** Tracks the previously-announced active link id so we only announce on actual changes. `null` = before the first sync. */
-    previousActiveLinkId = signal(null, ...(ngDevMode ? [{ debugName: "previousActiveLinkId" }] : /* istanbul ignore next */ []));
+    previousActiveLinkId = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "previousActiveLinkId" }] : /* istanbul ignore next */ []));
     layoutResult = computed(() => tabNavLayoutVariants({
         variant: this.variant(),
-    }), ...(ngDevMode ? [{ debugName: "layoutResult" }] : /* istanbul ignore next */ []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "layoutResult" }] : /* istanbul ignore next */ []));
     triggerResult = computed(() => tabTriggerVariants({
         variant: this.variant(),
         color: this.color(),
         size: this.size(),
         fitted: this.fitted(),
-    }), ...(ngDevMode ? [{ debugName: "triggerResult" }] : /* istanbul ignore next */ []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "triggerResult" }] : /* istanbul ignore next */ []));
     /** @internal Combined classes applied to the `<nav>` host. */
-    navClasses = computed(() => twMerge(this.layoutResult().nav(), this.navClass()), ...(ngDevMode ? [{ debugName: "navClasses" }] : /* istanbul ignore next */ []));
+    navClasses = computed(() => twMerge(this.layoutResult().nav(), this.navClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "navClasses" }] : /* istanbul ignore next */ []));
     /** @internal Base trigger classes (without active/inactive state). `no-underline` is appended because anchors need to override the default browser underline — tabs (which uses `<div role="tab">`) doesn't need it. */
-    linkBaseClasses = computed(() => twMerge(this.triggerResult().trigger(), 'no-underline'), ...(ngDevMode ? [{ debugName: "linkBaseClasses" }] : /* istanbul ignore next */ []));
+    linkBaseClasses = computed(() => twMerge(this.triggerResult().trigger(), 'no-underline'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "linkBaseClasses" }] : /* istanbul ignore next */ []));
     /** @internal ARIA role — `tablist` when a tabPanel is associated, otherwise inherited from `<nav>`. */
-    role = computed(() => (this.resolvedPanel() ? 'tablist' : null), ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
+    role = computed(() => (this.resolvedPanel() ? 'tablist' : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
     /** @internal ARIA orientation — only set in the tabs pattern. */
-    ariaOrientation = computed(() => (this.resolvedPanel() ? 'horizontal' : null), ...(ngDevMode ? [{ debugName: "ariaOrientation" }] : /* istanbul ignore next */ []));
+    ariaOrientation = computed(() => (this.resolvedPanel() ? 'horizontal' : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaOrientation" }] : /* istanbul ignore next */ []));
     /** @internal Classes applied to the active state of a link, based on current variant and color. tab-nav is horizontal-only, so the orientation argument is hard-coded. */
-    activeLinkClasses = computed(() => getActiveTriggerClasses(this.variant(), this.color(), 'horizontal'), ...(ngDevMode ? [{ debugName: "activeLinkClasses" }] : /* istanbul ignore next */ []));
+    activeLinkClasses = computed(() => getActiveTriggerClasses(this.variant(), this.color(), 'horizontal'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeLinkClasses" }] : /* istanbul ignore next */ []));
     /** @internal Classes applied to the inactive state of a link, based on current variant. */
-    inactiveLinkClasses = computed(() => getInactiveTriggerClasses(this.variant()), ...(ngDevMode ? [{ debugName: "inactiveLinkClasses" }] : /* istanbul ignore next */ []));
+    inactiveLinkClasses = computed(() => getInactiveTriggerClasses(this.variant()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inactiveLinkClasses" }] : /* istanbul ignore next */ []));
     // Typed as FocusableOption because TabLinkDirective's `disabled` InputSignal
     // is structurally incompatible with FocusableOption.disabled (boolean).
     keyManager = null;
     constructor() {
+        // Rebuild the key manager when the app flips `dir` at runtime.
+        this.directionality?.change
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((dir) => this.layoutDirection.set(dir));
         // Keep the associated panel's aria-labelledby in sync with the active link
         // and announce route changes to screen readers when in the ARIA tabs pattern.
         effect(() => {
@@ -149,7 +185,7 @@ class TabNavComponent {
             const manager = (new FocusKeyManager(focusable)
                 .withWrap()
                 .withHomeAndEnd()
-                .withHorizontalOrientation('ltr'));
+                .withHorizontalOrientation(this.layoutDirection()));
             // The `disabled` field on TabLinkDirective is an InputSignal (always
             // truthy as a function), so we cannot rely on FocusKeyManager's default
             // disabled check. Resolve the signal explicitly here.
@@ -181,10 +217,10 @@ class TabNavComponent {
         }
         this.keyManager.onKeydown(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TabNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.14", type: TabNavComponent, isStandalone: true, selector: "nav[twTabNav]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fitted: { classPropertyName: "fitted", publicName: "fitted", isSignal: true, isRequired: false, transformFunction: null }, tabPanel: { classPropertyName: "tabPanel", publicName: "tabPanel", isSignal: true, isRequired: false, transformFunction: null }, navClass: { classPropertyName: "navClass", publicName: "navClass", isSignal: true, isRequired: false, transformFunction: null }, linkClass: { classPropertyName: "linkClass", publicName: "linkClass", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "navClasses()", "attr.role": "role()", "attr.aria-orientation": "ariaOrientation()" } }, queries: [{ propertyName: "links", predicate: TabLinkDirective, descendants: true, isSignal: true }, { propertyName: "projectedPanel", first: true, predicate: TabNavPanel, descendants: true, isSignal: true }], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: TabNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: TabNavComponent, isStandalone: true, selector: "nav[twTabNav]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fitted: { classPropertyName: "fitted", publicName: "fitted", isSignal: true, isRequired: false, transformFunction: null }, tabPanel: { classPropertyName: "tabPanel", publicName: "tabPanel", isSignal: true, isRequired: false, transformFunction: null }, navClass: { classPropertyName: "navClass", publicName: "navClass", isSignal: true, isRequired: false, transformFunction: null }, linkClass: { classPropertyName: "linkClass", publicName: "linkClass", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "navClasses()", "attr.role": "role()", "attr.aria-orientation": "ariaOrientation()" } }, queries: [{ propertyName: "links", predicate: TabLinkDirective, descendants: true, isSignal: true }, { propertyName: "projectedPanel", first: true, predicate: TabNavPanel, descendants: true, isSignal: true }], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TabNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: TabNavComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'nav[twTabNav]',
@@ -213,34 +249,42 @@ class TabLinkDirective {
     elementRef = inject(ElementRef);
     parent = inject(TabNavComponent);
     /** Whether the link represents the current active page/tab. Typically bound to router state. Defaults to `false`. */
-    active = input(false, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    active = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
     /** When true, the link is visually disabled and cannot be activated by click or keyboard. Defaults to `false`. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     /** Unique id for this link. Referenced by the panel's `aria-labelledby` when the link is active. Auto-generated when not provided. */
-    linkId = input(`tw-tab-link-${nextLinkId++}`, ...(ngDevMode ? [{ debugName: "linkId" }] : /* istanbul ignore next */ []));
+    linkId = input(`tw-tab-link-${nextLinkId++}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "linkId" }] : /* istanbul ignore next */ []));
     /**
      * @internal ARIA role — `'tab'` when the nav is wired to a panel (APG
      * tablist pattern requires `role="tab"` on every link); `null` otherwise so
      * the anchor's native `role="link"` wins. Do NOT collapse to a single
      * branch — both are meaningful.
      */
-    linkRole = computed(() => (this.parent.resolvedPanel() ? 'tab' : null), ...(ngDevMode ? [{ debugName: "linkRole" }] : /* istanbul ignore next */ []));
+    linkRole = computed(() => (this.parent.resolvedPanel() ? 'tab' : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "linkRole" }] : /* istanbul ignore next */ []));
     /** @internal `aria-current="page"` on the active link when no tabPanel is associated. */
     ariaCurrent = computed(() => {
         if (this.parent.resolvedPanel())
             return null;
         return this.active() ? 'page' : null;
-    }, ...(ngDevMode ? [{ debugName: "ariaCurrent" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaCurrent" }] : /* istanbul ignore next */ []));
     /** @internal `aria-selected` applied only in the tabs pattern. */
     ariaSelected = computed(() => {
         if (!this.parent.resolvedPanel())
             return null;
         return this.active() ? 'true' : 'false';
-    }, ...(ngDevMode ? [{ debugName: "ariaSelected" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaSelected" }] : /* istanbul ignore next */ []));
     /** @internal `aria-controls` points to the associated panel id. */
-    ariaControls = computed(() => this.parent.resolvedPanel()?.id() ?? null, ...(ngDevMode ? [{ debugName: "ariaControls" }] : /* istanbul ignore next */ []));
+    ariaControls = computed(() => this.parent.resolvedPanel()?.id() ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaControls" }] : /* istanbul ignore next */ []));
     /** @internal */
-    ariaDisabled = computed(() => (this.disabled() ? 'true' : null), ...(ngDevMode ? [{ debugName: "ariaDisabled" }] : /* istanbul ignore next */ []));
+    ariaDisabled = computed(() => (this.disabled() ? 'true' : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaDisabled" }] : /* istanbul ignore next */ []));
     /** @internal Tabindex — roving in the tabs pattern, default for navigation links, always -1 when disabled. */
     tabIndex = computed(() => {
         if (this.disabled())
@@ -248,7 +292,8 @@ class TabLinkDirective {
         if (!this.parent.resolvedPanel())
             return null;
         return this.active() ? 0 : -1;
-    }, ...(ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []));
     /** @internal Combined classes: base + active/inactive state + disabled modifiers + consumer overrides. */
     classes = computed(() => {
         const base = this.parent.linkBaseClasses();
@@ -259,7 +304,8 @@ class TabLinkDirective {
             ? 'opacity-50 pointer-events-none cursor-not-allowed'
             : '';
         return twMerge(base, state, disabled, this.parent.linkClass());
-    }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     /** Programmatically focus this link. */
     focus() {
         this.elementRef.nativeElement.focus();
@@ -285,10 +331,10 @@ class TabLinkDirective {
             this.elementRef.nativeElement.click();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TabLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: TabLinkDirective, isStandalone: true, selector: "a[twTabLink]", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, linkId: { classPropertyName: "linkId", publicName: "linkId", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeydown($event)" }, properties: { "attr.id": "linkId()", "attr.role": "linkRole()", "attr.aria-current": "ariaCurrent()", "attr.aria-selected": "ariaSelected()", "attr.aria-controls": "ariaControls()", "attr.aria-disabled": "ariaDisabled()", "attr.tabindex": "tabIndex()", "class": "classes()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: TabLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: TabLinkDirective, isStandalone: true, selector: "a[twTabLink]", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, linkId: { classPropertyName: "linkId", publicName: "linkId", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeydown($event)" }, properties: { "attr.id": "linkId()", "attr.role": "linkRole()", "attr.aria-current": "ariaCurrent()", "attr.aria-selected": "ariaSelected()", "attr.aria-controls": "ariaControls()", "attr.aria-disabled": "ariaDisabled()", "attr.tabindex": "tabIndex()", "class": "classes()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TabLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: TabLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'a[twTabLink]',

package/fesm2022/cdevhub-ngx-tw-tab-nav.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cdevhub-ngx-tw-tab-nav.mjs","sources":["../../../projects/ngx-tw/tab-nav/tab-nav.ts","../../../projects/ngx-tw/tab-nav/cdevhub-ngx-tw-tab-nav.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ElementRef,\n  computed,\n  contentChild,\n  contentChildren,\n  effect,\n  inject,\n  input,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { type FocusableOption, FocusKeyManager, LiveAnnouncer } from '@angular/cdk/a11y';\nimport { tv } from 'tailwind-variants';\nimport { twMerge } from 'tailwind-merge';\nimport {\n  getActiveTriggerClasses,\n  getInactiveTriggerClasses,\n  tabTriggerVariants,\n  type TabTriggerVariant,\n  type TwColor,\n  type TwSize,\n} from '@cdevhub/ngx-tw/core';\n\n/** Visual style of the tab navigation strip. */\nexport type TabNavVariant = TabTriggerVariant;\n\n/** Optional label overrides for screen-reader announcements emitted by `TabNavComponent`. */\nexport interface TabNavLabels {\n  /** Formatter for the LiveAnnouncer message emitted when the active link changes in the ARIA tabs pattern. Receives the link's visible text, its 1-based index, and the total link count. */\n  activeTabAnnouncement?: (label: string, index: number, total: number) => string;\n}\n\n// ── tv() config — nav-shell-only slots (trigger config is shared in core) ──\n\nconst tabNavLayoutVariants = tv(\n  {\n    slots: {\n      nav: 'relative flex shrink-0 items-stretch',\n      list: 'flex overflow-x-auto items-stretch',\n    },\n    variants: {\n      variant: {\n        underline: {\n          nav: 'border-b border-border',\n          list: 'gap-0',\n        },\n        enclosed: {\n          nav: 'border-b border-border',\n          list: 'gap-0',\n        },\n        pill: {\n          nav: 'bg-surface-muted rounded-xl p-1',\n          list: 'gap-1',\n        },\n      },\n    },\n    defaultVariants: {\n      variant: 'underline',\n    },\n  },\n  { twMerge: true },\n);\n\n// ── TabNavPanel ──\n\nlet nextPanelId = 0;\n\n@Component({\n  selector: 'tw-tab-nav-panel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content />',\n  host: {\n    role: 'tabpanel',\n    tabindex: '0',\n    '[attr.id]': 'id()',\n    '[attr.aria-labelledby]': 'activeTabId()',\n  },\n})\nexport class TabNavPanel {\n  /** Unique id for this panel. Referenced by the active link's `aria-controls`. Auto-generated when not provided. */\n  readonly id = input(`tw-tab-nav-panel-${nextPanelId++}`);\n\n  /** @internal Id of the active link — set by the associated TabNavComponent. */\n  readonly activeTabId = signal<string | undefined>(undefined);\n}\n\n// ── TabNavComponent ──\n\n@Component({\n  selector: 'nav[twTabNav]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content />',\n  host: {\n    '[class]': 'navClasses()',\n    '[attr.role]': 'role()',\n    '[attr.aria-orientation]': 'ariaOrientation()',\n    '(keydown)': 'onKeydown($event)',\n  },\n})\nexport class TabNavComponent {\n  /** Visual style of the tab strip. Defaults to `'underline'`. */\n  readonly variant = input<TabNavVariant>('underline');\n\n  /** Semantic color used for the active link indicator and text. Defaults to `'primary'`. */\n  readonly color = input<TwColor>('primary');\n\n  /** Controls padding and font size of tab links. Defaults to `'md'`. */\n  readonly size = input<TwSize>('md');\n\n  /** When true, tab links stretch to fill available width equally. Defaults to `false`. */\n  readonly fitted = input(false);\n\n  /** Associated panel element. When provided, the nav follows the ARIA tabs pattern (role=tablist). When omitted, it uses the standard navigation landmark pattern with `aria-current=\"page\"` on the active link. A panel projected as a child of the `<nav>` is auto-discovered. */\n  readonly tabPanel = input<TabNavPanel | undefined>(undefined);\n\n  /** Additional classes merged onto the `<nav>` host. Useful for layout tweaks or borders that the default tv() config does not cover. */\n  readonly navClass = input<string>('');\n\n  /** Additional classes merged onto every tab link. Applied after base/active/disabled classes so consumer styles always win the cascade. */\n  readonly linkClass = input<string>('');\n\n  /** Optional label overrides for screen-reader announcements. Only used in the ARIA tabs pattern (i.e. when a panel is associated). */\n  readonly labels = input<TabNavLabels>({});\n\n  /** @internal Tab links discovered via content projection. */\n  readonly links = contentChildren(TabLinkDirective, { descendants: true });\n\n  /** @internal Panel discovered as a content child of the nav. */\n  readonly projectedPanel = contentChild(TabNavPanel);\n\n  /** @internal Resolved panel — explicit `tabPanel` input wins, falls back to a projected `<tw-tab-nav-panel>` inside the nav. */\n  readonly resolvedPanel = computed(() => this.tabPanel() ?? this.projectedPanel());\n\n  private readonly liveAnnouncer = inject(LiveAnnouncer);\n\n  /** Tracks the previously-announced active link id so we only announce on actual changes. `null` = before the first sync. */\n  private readonly previousActiveLinkId = signal<string | null | undefined>(null);\n\n  private readonly layoutResult = computed(() =>\n    tabNavLayoutVariants({\n      variant: this.variant(),\n    }),\n  );\n\n  private readonly triggerResult = computed(() =>\n    tabTriggerVariants({\n      variant: this.variant(),\n      color: this.color(),\n      size: this.size(),\n      fitted: this.fitted(),\n    }),\n  );\n\n  /** @internal Combined classes applied to the `<nav>` host. */\n  readonly navClasses = computed(() =>\n    twMerge(this.layoutResult().nav(), this.navClass()),\n  );\n\n  /** @internal Base trigger classes (without active/inactive state). `no-underline` is appended because anchors need to override the default browser underline — tabs (which uses `<div role=\"tab\">`) doesn't need it. */\n  readonly linkBaseClasses = computed(() =>\n    twMerge(this.triggerResult().trigger(), 'no-underline'),\n  );\n\n  /** @internal ARIA role — `tablist` when a tabPanel is associated, otherwise inherited from `<nav>`. */\n  readonly role = computed(() => (this.resolvedPanel() ? 'tablist' : null));\n\n  /** @internal ARIA orientation — only set in the tabs pattern. */\n  readonly ariaOrientation = computed(() => (this.resolvedPanel() ? 'horizontal' : null));\n\n  /** @internal Classes applied to the active state of a link, based on current variant and color. tab-nav is horizontal-only, so the orientation argument is hard-coded. */\n  readonly activeLinkClasses = computed(() =>\n    getActiveTriggerClasses(this.variant(), this.color(), 'horizontal'),\n  );\n\n  /** @internal Classes applied to the inactive state of a link, based on current variant. */\n  readonly inactiveLinkClasses = computed(() => getInactiveTriggerClasses(this.variant()));\n\n  // Typed as FocusableOption because TabLinkDirective's `disabled` InputSignal\n  // is structurally incompatible with FocusableOption.disabled (boolean).\n  private keyManager: FocusKeyManager<FocusableOption> | null = null;\n\n  constructor() {\n    // Keep the associated panel's aria-labelledby in sync with the active link\n    // and announce route changes to screen readers when in the ARIA tabs pattern.\n    effect(() => {\n      const panel = this.resolvedPanel();\n      if (!panel) {\n        // Reset so the next time a panel is associated we don't fire a stale announcement.\n        untracked(() => this.previousActiveLinkId.set(null));\n        return;\n      }\n      const links = this.links();\n      const activeLink = links.find((link) => link.active());\n      const activeLinkId = activeLink?.linkId() ?? undefined;\n      panel.activeTabId.set(activeLinkId);\n\n      const prev = untracked(() => this.previousActiveLinkId());\n      untracked(() => this.previousActiveLinkId.set(activeLinkId));\n      if (prev === null || prev === activeLinkId || !activeLink) {\n        return;\n      }\n\n      const idx = links.indexOf(activeLink);\n      const label = activeLink.elementRef.nativeElement.textContent?.trim() ?? '';\n      const formatter = this.labels().activeTabAnnouncement;\n      const message = formatter\n        ? formatter(label, idx + 1, links.length)\n        : `${label}, tab ${idx + 1} of ${links.length}`;\n      this.liveAnnouncer.announce(message);\n    });\n\n    // Rebuild FocusKeyManager whenever the link set changes. tab-nav is\n    // horizontal-only, so we always configure horizontal orientation.\n    effect((onCleanup) => {\n      const links = this.links();\n      if (links.length === 0) {\n        this.keyManager = null;\n        return;\n      }\n      // Cast through unknown because `disabled` on TabLinkDirective is an\n      // InputSignal — structurally incompatible with FocusableOption's\n      // `disabled?: boolean`. FocusKeyManager only calls `focus()` (which we\n      // provide) and the disabled check, which we override via skipPredicate.\n      const focusable = links as unknown as readonly FocusableOption[];\n      const manager = (new FocusKeyManager(focusable)\n        .withWrap()\n        .withHomeAndEnd()\n        .withHorizontalOrientation('ltr')) as FocusKeyManager<FocusableOption>;\n      // The `disabled` field on TabLinkDirective is an InputSignal (always\n      // truthy as a function), so we cannot rely on FocusKeyManager's default\n      // disabled check. Resolve the signal explicitly here.\n      manager.skipPredicate((link) => (link as unknown as TabLinkDirective).disabled());\n      this.keyManager = manager;\n\n      onCleanup(() => {\n        manager.destroy();\n      });\n    });\n  }\n\n  /** @internal Handles arrow-key navigation in the ARIA tabs pattern via CDK FocusKeyManager. Manual activation: focus moves, but the link is only activated on Enter/Space (handled by the anchor itself). */\n  onKeydown(event: KeyboardEvent): void {\n    if (!this.resolvedPanel()) return;\n    if (!this.keyManager) return;\n    const links = this.links();\n    if (links.length === 0) return;\n\n    // Sync the manager's active item with whichever link the user has DOM-focused\n    // (mirrors the accordion pattern; event.target works under shadow DOM).\n    const focusedIdx = links.findIndex(\n      (link) => link.elementRef.nativeElement === event.target,\n    );\n    if (focusedIdx >= 0 && focusedIdx !== this.keyManager.activeItemIndex) {\n      this.keyManager.setActiveItem(focusedIdx);\n    } else if (focusedIdx < 0) {\n      // No focused link inside the nav — nothing to navigate.\n      return;\n    }\n\n    this.keyManager.onKeydown(event);\n  }\n}\n\n// ── TabLinkDirective ──\n\nlet nextLinkId = 0;\n\n@Directive({\n  selector: 'a[twTabLink]',\n  host: {\n    '[attr.id]': 'linkId()',\n    '[attr.role]': 'linkRole()',\n    '[attr.aria-current]': 'ariaCurrent()',\n    '[attr.aria-selected]': 'ariaSelected()',\n    '[attr.aria-controls]': 'ariaControls()',\n    '[attr.aria-disabled]': 'ariaDisabled()',\n    '[attr.tabindex]': 'tabIndex()',\n    '[class]': 'classes()',\n    '(click)': 'onClick($event)',\n    '(keydown)': 'onKeydown($event)',\n  },\n})\n/**\n * Note: we intentionally do not declare `implements FocusableOption`. The\n * FocusableOption interface requires a `disabled?: boolean` property, but\n * `disabled` here is an InputSignal — a function whose own boolean-coerced\n * value is always truthy. FocusKeyManager only requires a `focus()` method\n * (structurally satisfied below) and we override the disabled check via\n * `.skipPredicate()` when constructing the manager.\n */\nexport class TabLinkDirective {\n  /** @internal */\n  readonly elementRef = inject<ElementRef<HTMLAnchorElement>>(ElementRef);\n\n  private readonly parent = inject(TabNavComponent);\n\n  /** Whether the link represents the current active page/tab. Typically bound to router state. Defaults to `false`. */\n  readonly active = input(false);\n\n  /** When true, the link is visually disabled and cannot be activated by click or keyboard. Defaults to `false`. */\n  readonly disabled = input(false);\n\n  /** Unique id for this link. Referenced by the panel's `aria-labelledby` when the link is active. Auto-generated when not provided. */\n  readonly linkId = input(`tw-tab-link-${nextLinkId++}`);\n\n  /**\n   * @internal ARIA role — `'tab'` when the nav is wired to a panel (APG\n   * tablist pattern requires `role=\"tab\"` on every link); `null` otherwise so\n   * the anchor's native `role=\"link\"` wins. Do NOT collapse to a single\n   * branch — both are meaningful.\n   */\n  readonly linkRole = computed(() => (this.parent.resolvedPanel() ? 'tab' : null));\n\n  /** @internal `aria-current=\"page\"` on the active link when no tabPanel is associated. */\n  readonly ariaCurrent = computed(() => {\n    if (this.parent.resolvedPanel()) return null;\n    return this.active() ? 'page' : null;\n  });\n\n  /** @internal `aria-selected` applied only in the tabs pattern. */\n  readonly ariaSelected = computed(() => {\n    if (!this.parent.resolvedPanel()) return null;\n    return this.active() ? 'true' : 'false';\n  });\n\n  /** @internal `aria-controls` points to the associated panel id. */\n  readonly ariaControls = computed(() => this.parent.resolvedPanel()?.id() ?? null);\n\n  /** @internal */\n  readonly ariaDisabled = computed(() => (this.disabled() ? 'true' : null));\n\n  /** @internal Tabindex — roving in the tabs pattern, default for navigation links, always -1 when disabled. */\n  readonly tabIndex = computed(() => {\n    if (this.disabled()) return -1;\n    if (!this.parent.resolvedPanel()) return null;\n    return this.active() ? 0 : -1;\n  });\n\n  /** @internal Combined classes: base + active/inactive state + disabled modifiers + consumer overrides. */\n  readonly classes = computed(() => {\n    const base = this.parent.linkBaseClasses();\n    const state = this.active()\n      ? this.parent.activeLinkClasses()\n      : this.parent.inactiveLinkClasses();\n    const disabled = this.disabled()\n      ? 'opacity-50 pointer-events-none cursor-not-allowed'\n      : '';\n    return twMerge(base, state, disabled, this.parent.linkClass());\n  });\n\n  /** Programmatically focus this link. */\n  focus(): void {\n    this.elementRef.nativeElement.focus();\n  }\n\n  /** @internal Intercepts clicks on disabled links to prevent navigation. */\n  onClick(event: MouseEvent): void {\n    if (this.disabled()) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  }\n\n  /** @internal Handles keyboard activation: blocks Enter/Space on disabled links, and activates the link on Space for enabled ones (anchors do not respond to Space by default). */\n  onKeydown(event: KeyboardEvent): void {\n    if (this.disabled()) {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n      }\n      return;\n    }\n    if (event.key === ' ') {\n      event.preventDefault();\n      this.elementRef.nativeElement.click();\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cdevhub-ngx-tw-tab-nav.mjs","sources":["../../../projects/ngx-tw/tab-nav/tab-nav.ts","../../../projects/ngx-tw/tab-nav/cdevhub-ngx-tw-tab-nav.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ElementRef,\n  computed,\n  contentChild,\n  contentChildren,\n  effect,\n  DestroyRef,\n  inject,\n  input,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { type FocusableOption, FocusKeyManager, LiveAnnouncer } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { tv } from 'tailwind-variants';\nimport { twMerge } from 'tailwind-merge';\nimport {\n  getActiveTriggerClasses,\n  getInactiveTriggerClasses,\n  tabTriggerVariants,\n  type TabTriggerVariant,\n  type TwColor,\n  type TwSize,\n} from '@cdevhub/ngx-tw/core';\n\n/** Visual style of the tab navigation strip. */\nexport type TabNavVariant = TabTriggerVariant;\n\n/** Optional label overrides for screen-reader announcements emitted by `TabNavComponent`. */\nexport interface TabNavLabels {\n  /** Formatter for the LiveAnnouncer message emitted when the active link changes in the ARIA tabs pattern. Receives the link's visible text, its 1-based index, and the total link count. */\n  activeTabAnnouncement?: (label: string, index: number, total: number) => string;\n}\n\n// ── tv() config — nav-shell-only slots (trigger config is shared in core) ──\n\nconst tabNavLayoutVariants = tv(\n  {\n    slots: {\n      nav: 'relative flex shrink-0 items-stretch',\n      list: 'flex overflow-x-auto items-stretch',\n    },\n    variants: {\n      variant: {\n        underline: {\n          nav: 'border-b border-border',\n          list: 'gap-0',\n        },\n        enclosed: {\n          nav: 'border-b border-border',\n          list: 'gap-0',\n        },\n        pill: {\n          nav: 'bg-surface-muted rounded-xl p-1',\n          list: 'gap-1',\n        },\n      },\n    },\n    defaultVariants: {\n      variant: 'underline',\n    },\n  },\n  { twMerge: true },\n);\n\n// ── TabNavPanel ──\n\nlet nextPanelId = 0;\n\n@Component({\n  selector: 'tw-tab-nav-panel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content />',\n  host: {\n    role: 'tabpanel',\n    tabindex: '0',\n    '[attr.id]': 'id()',\n    '[attr.aria-labelledby]': 'activeTabId()',\n  },\n})\nexport class TabNavPanel {\n  /** Unique id for this panel. Referenced by the active link's `aria-controls`. Auto-generated when not provided. */\n  readonly id = input(`tw-tab-nav-panel-${nextPanelId++}`);\n\n  /** @internal Id of the active link — set by the associated TabNavComponent. */\n  readonly activeTabId = signal<string | undefined>(undefined);\n}\n\n// ── TabNavComponent ──\n\n@Component({\n  selector: 'nav[twTabNav]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content />',\n  host: {\n    '[class]': 'navClasses()',\n    '[attr.role]': 'role()',\n    '[attr.aria-orientation]': 'ariaOrientation()',\n    '(keydown)': 'onKeydown($event)',\n  },\n})\nexport class TabNavComponent {\n  /** Visual style of the tab strip. Defaults to `'underline'`. */\n  readonly variant = input<TabNavVariant>('underline');\n\n  /** Semantic color used for the active link indicator and text. Defaults to `'primary'`. */\n  readonly color = input<TwColor>('primary');\n\n  /** Controls padding and font size of tab links. Defaults to `'md'`. */\n  readonly size = input<TwSize>('md');\n\n  /** When true, tab links stretch to fill available width equally. Defaults to `false`. */\n  readonly fitted = input(false);\n\n  /** Associated panel element. When provided, the nav follows the ARIA tabs pattern (role=tablist). When omitted, it uses the standard navigation landmark pattern with `aria-current=\"page\"` on the active link. A panel projected as a child of the `<nav>` is auto-discovered. */\n  readonly tabPanel = input<TabNavPanel | undefined>(undefined);\n\n  /** Additional classes merged onto the `<nav>` host. Useful for layout tweaks or borders that the default tv() config does not cover. */\n  readonly navClass = input<string>('');\n\n  /** Additional classes merged onto every tab link. Applied after base/active/disabled classes so consumer styles always win the cascade. */\n  readonly linkClass = input<string>('');\n\n  /** Optional label overrides for screen-reader announcements. Only used in the ARIA tabs pattern (i.e. when a panel is associated). */\n  readonly labels = input<TabNavLabels>({});\n\n  /** @internal Tab links discovered via content projection. */\n  readonly links = contentChildren(TabLinkDirective, { descendants: true });\n\n  /** @internal Panel discovered as a content child of the nav. */\n  readonly projectedPanel = contentChild(TabNavPanel);\n\n  /** @internal Resolved panel — explicit `tabPanel` input wins, falls back to a projected `<tw-tab-nav-panel>` inside the nav. */\n  readonly resolvedPanel = computed(() => this.tabPanel() ?? this.projectedPanel());\n\n  private readonly liveAnnouncer = inject(LiveAnnouncer);\n  private readonly directionality = inject(Directionality, { optional: true });\n  private readonly destroyRef = inject(DestroyRef);\n\n  /**\n   * Live layout direction. Hardcoding 'ltr' inverts ArrowLeft/ArrowRight in RTL\n   * locales — the arrow moves to the next link in DOM order but the previous\n   * one visually. Mirrored into a signal so the key manager rebuilds on change.\n   */\n  private readonly layoutDirection = signal<'ltr' | 'rtl'>(\n    this.directionality?.value ?? 'ltr',\n  );\n\n  /** Tracks the previously-announced active link id so we only announce on actual changes. `null` = before the first sync. */\n  private readonly previousActiveLinkId = signal<string | null | undefined>(null);\n\n  private readonly layoutResult = computed(() =>\n    tabNavLayoutVariants({\n      variant: this.variant(),\n    }),\n  );\n\n  private readonly triggerResult = computed(() =>\n    tabTriggerVariants({\n      variant: this.variant(),\n      color: this.color(),\n      size: this.size(),\n      fitted: this.fitted(),\n    }),\n  );\n\n  /** @internal Combined classes applied to the `<nav>` host. */\n  readonly navClasses = computed(() =>\n    twMerge(this.layoutResult().nav(), this.navClass()),\n  );\n\n  /** @internal Base trigger classes (without active/inactive state). `no-underline` is appended because anchors need to override the default browser underline — tabs (which uses `<div role=\"tab\">`) doesn't need it. */\n  readonly linkBaseClasses = computed(() =>\n    twMerge(this.triggerResult().trigger(), 'no-underline'),\n  );\n\n  /** @internal ARIA role — `tablist` when a tabPanel is associated, otherwise inherited from `<nav>`. */\n  readonly role = computed(() => (this.resolvedPanel() ? 'tablist' : null));\n\n  /** @internal ARIA orientation — only set in the tabs pattern. */\n  readonly ariaOrientation = computed(() => (this.resolvedPanel() ? 'horizontal' : null));\n\n  /** @internal Classes applied to the active state of a link, based on current variant and color. tab-nav is horizontal-only, so the orientation argument is hard-coded. */\n  readonly activeLinkClasses = computed(() =>\n    getActiveTriggerClasses(this.variant(), this.color(), 'horizontal'),\n  );\n\n  /** @internal Classes applied to the inactive state of a link, based on current variant. */\n  readonly inactiveLinkClasses = computed(() => getInactiveTriggerClasses(this.variant()));\n\n  // Typed as FocusableOption because TabLinkDirective's `disabled` InputSignal\n  // is structurally incompatible with FocusableOption.disabled (boolean).\n  private keyManager: FocusKeyManager<FocusableOption> | null = null;\n\n  constructor() {\n    // Rebuild the key manager when the app flips `dir` at runtime.\n    this.directionality?.change\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe((dir) => this.layoutDirection.set(dir));\n\n    // Keep the associated panel's aria-labelledby in sync with the active link\n    // and announce route changes to screen readers when in the ARIA tabs pattern.\n    effect(() => {\n      const panel = this.resolvedPanel();\n      if (!panel) {\n        // Reset so the next time a panel is associated we don't fire a stale announcement.\n        untracked(() => this.previousActiveLinkId.set(null));\n        return;\n      }\n      const links = this.links();\n      const activeLink = links.find((link) => link.active());\n      const activeLinkId = activeLink?.linkId() ?? undefined;\n      panel.activeTabId.set(activeLinkId);\n\n      const prev = untracked(() => this.previousActiveLinkId());\n      untracked(() => this.previousActiveLinkId.set(activeLinkId));\n      if (prev === null || prev === activeLinkId || !activeLink) {\n        return;\n      }\n\n      const idx = links.indexOf(activeLink);\n      const label = activeLink.elementRef.nativeElement.textContent?.trim() ?? '';\n      const formatter = this.labels().activeTabAnnouncement;\n      const message = formatter\n        ? formatter(label, idx + 1, links.length)\n        : `${label}, tab ${idx + 1} of ${links.length}`;\n      this.liveAnnouncer.announce(message);\n    });\n\n    // Rebuild FocusKeyManager whenever the link set changes. tab-nav is\n    // horizontal-only, so we always configure horizontal orientation.\n    effect((onCleanup) => {\n      const links = this.links();\n      if (links.length === 0) {\n        this.keyManager = null;\n        return;\n      }\n      // Cast through unknown because `disabled` on TabLinkDirective is an\n      // InputSignal — structurally incompatible with FocusableOption's\n      // `disabled?: boolean`. FocusKeyManager only calls `focus()` (which we\n      // provide) and the disabled check, which we override via skipPredicate.\n      const focusable = links as unknown as readonly FocusableOption[];\n      const manager = (new FocusKeyManager(focusable)\n        .withWrap()\n        .withHomeAndEnd()\n        .withHorizontalOrientation(this.layoutDirection())) as FocusKeyManager<FocusableOption>;\n      // The `disabled` field on TabLinkDirective is an InputSignal (always\n      // truthy as a function), so we cannot rely on FocusKeyManager's default\n      // disabled check. Resolve the signal explicitly here.\n      manager.skipPredicate((link) => (link as unknown as TabLinkDirective).disabled());\n      this.keyManager = manager;\n\n      onCleanup(() => {\n        manager.destroy();\n      });\n    });\n  }\n\n  /** @internal Handles arrow-key navigation in the ARIA tabs pattern via CDK FocusKeyManager. Manual activation: focus moves, but the link is only activated on Enter/Space (handled by the anchor itself). */\n  onKeydown(event: KeyboardEvent): void {\n    if (!this.resolvedPanel()) return;\n    if (!this.keyManager) return;\n    const links = this.links();\n    if (links.length === 0) return;\n\n    // Sync the manager's active item with whichever link the user has DOM-focused\n    // (mirrors the accordion pattern; event.target works under shadow DOM).\n    const focusedIdx = links.findIndex(\n      (link) => link.elementRef.nativeElement === event.target,\n    );\n    if (focusedIdx >= 0 && focusedIdx !== this.keyManager.activeItemIndex) {\n      this.keyManager.setActiveItem(focusedIdx);\n    } else if (focusedIdx < 0) {\n      // No focused link inside the nav — nothing to navigate.\n      return;\n    }\n\n    this.keyManager.onKeydown(event);\n  }\n}\n\n// ── TabLinkDirective ──\n\nlet nextLinkId = 0;\n\n@Directive({\n  selector: 'a[twTabLink]',\n  host: {\n    '[attr.id]': 'linkId()',\n    '[attr.role]': 'linkRole()',\n    '[attr.aria-current]': 'ariaCurrent()',\n    '[attr.aria-selected]': 'ariaSelected()',\n    '[attr.aria-controls]': 'ariaControls()',\n    '[attr.aria-disabled]': 'ariaDisabled()',\n    '[attr.tabindex]': 'tabIndex()',\n    '[class]': 'classes()',\n    '(click)': 'onClick($event)',\n    '(keydown)': 'onKeydown($event)',\n  },\n})\n/**\n * Note: we intentionally do not declare `implements FocusableOption`. The\n * FocusableOption interface requires a `disabled?: boolean` property, but\n * `disabled` here is an InputSignal — a function whose own boolean-coerced\n * value is always truthy. FocusKeyManager only requires a `focus()` method\n * (structurally satisfied below) and we override the disabled check via\n * `.skipPredicate()` when constructing the manager.\n */\nexport class TabLinkDirective {\n  /** @internal */\n  readonly elementRef = inject<ElementRef<HTMLAnchorElement>>(ElementRef);\n\n  private readonly parent = inject(TabNavComponent);\n\n  /** Whether the link represents the current active page/tab. Typically bound to router state. Defaults to `false`. */\n  readonly active = input(false);\n\n  /** When true, the link is visually disabled and cannot be activated by click or keyboard. Defaults to `false`. */\n  readonly disabled = input(false);\n\n  /** Unique id for this link. Referenced by the panel's `aria-labelledby` when the link is active. Auto-generated when not provided. */\n  readonly linkId = input(`tw-tab-link-${nextLinkId++}`);\n\n  /**\n   * @internal ARIA role — `'tab'` when the nav is wired to a panel (APG\n   * tablist pattern requires `role=\"tab\"` on every link); `null` otherwise so\n   * the anchor's native `role=\"link\"` wins. Do NOT collapse to a single\n   * branch — both are meaningful.\n   */\n  readonly linkRole = computed(() => (this.parent.resolvedPanel() ? 'tab' : null));\n\n  /** @internal `aria-current=\"page\"` on the active link when no tabPanel is associated. */\n  readonly ariaCurrent = computed(() => {\n    if (this.parent.resolvedPanel()) return null;\n    return this.active() ? 'page' : null;\n  });\n\n  /** @internal `aria-selected` applied only in the tabs pattern. */\n  readonly ariaSelected = computed(() => {\n    if (!this.parent.resolvedPanel()) return null;\n    return this.active() ? 'true' : 'false';\n  });\n\n  /** @internal `aria-controls` points to the associated panel id. */\n  readonly ariaControls = computed(() => this.parent.resolvedPanel()?.id() ?? null);\n\n  /** @internal */\n  readonly ariaDisabled = computed(() => (this.disabled() ? 'true' : null));\n\n  /** @internal Tabindex — roving in the tabs pattern, default for navigation links, always -1 when disabled. */\n  readonly tabIndex = computed(() => {\n    if (this.disabled()) return -1;\n    if (!this.parent.resolvedPanel()) return null;\n    return this.active() ? 0 : -1;\n  });\n\n  /** @internal Combined classes: base + active/inactive state + disabled modifiers + consumer overrides. */\n  readonly classes = computed(() => {\n    const base = this.parent.linkBaseClasses();\n    const state = this.active()\n      ? this.parent.activeLinkClasses()\n      : this.parent.inactiveLinkClasses();\n    const disabled = this.disabled()\n      ? 'opacity-50 pointer-events-none cursor-not-allowed'\n      : '';\n    return twMerge(base, state, disabled, this.parent.linkClass());\n  });\n\n  /** Programmatically focus this link. */\n  focus(): void {\n    this.elementRef.nativeElement.focus();\n  }\n\n  /** @internal Intercepts clicks on disabled links to prevent navigation. */\n  onClick(event: MouseEvent): void {\n    if (this.disabled()) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  }\n\n  /** @internal Handles keyboard activation: blocks Enter/Space on disabled links, and activates the link on Space for enabled ones (anchors do not respond to Space by default). */\n  onKeydown(event: KeyboardEvent): void {\n    if (this.disabled()) {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n      }\n      return;\n    }\n    if (event.key === ' ') {\n      event.preventDefault();\n      this.elementRef.nativeElement.click();\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}