@cdevhub/ngx-tw 0.2.0

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

@@ -0,0 +1,315 @@
+import * as i0 from '@angular/core';
+import { input, signal, ChangeDetectionStrategy, Component, contentChildren, contentChild, computed, inject, effect, untracked, ElementRef, Directive } from '@angular/core';
+import { LiveAnnouncer, FocusKeyManager } from '@angular/cdk/a11y';
+import { tv } from 'tailwind-variants';
+import { twMerge } from 'tailwind-merge';
+import { tabTriggerVariants, getActiveTriggerClasses, getInactiveTriggerClasses } from '@cdevhub/ngx-tw/core';
+
+// ── tv() config — nav-shell-only slots (trigger config is shared in core) ──
+const tabNavLayoutVariants = tv({
+    slots: {
+        nav: 'relative flex shrink-0 items-stretch',
+        list: 'flex overflow-x-auto items-stretch',
+    },
+    variants: {
+        variant: {
+            underline: {
+                nav: 'border-b border-border',
+                list: 'gap-0',
+            },
+            enclosed: {
+                nav: 'border-b border-border',
+                list: 'gap-0',
+            },
+            pill: {
+                nav: 'bg-surface-muted rounded-xl p-1',
+                list: 'gap-1',
+            },
+        },
+    },
+    defaultVariants: {
+        variant: 'underline',
+    },
+}, { twMerge: true });
+// ── TabNavPanel ──
+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 */ []));
+    /** @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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TabNavPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tw-tab-nav-panel',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content />',
+                    host: {
+                        role: 'tabpanel',
+                        tabindex: '0',
+                        '[attr.id]': 'id()',
+                        '[attr.aria-labelledby]': 'activeTabId()',
+                    },
+                }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+// ── TabNavComponent ──
+class TabNavComponent {
+    /** Visual style of the tab strip. Defaults to `'underline'`. */
+    variant = input('underline', ...(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 */ []));
+    /** Controls padding and font size of tab links. Defaults to `'md'`. */
+    size = input('md', ...(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 */ []));
+    /** 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 */ []));
+    /** 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 */ []));
+    /** 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 */ []));
+    /** 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 */ []));
+    /** @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 */ []));
+    /** @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 */ []));
+    liveAnnouncer = inject(LiveAnnouncer);
+    /** 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 */ []));
+    layoutResult = computed(() => tabNavLayoutVariants({
+        variant: this.variant(),
+    }), ...(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 */ []));
+    /** @internal Combined classes applied to the `<nav>` host. */
+    navClasses = computed(() => twMerge(this.layoutResult().nav(), this.navClass()), ...(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 */ []));
+    /** @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 */ []));
+    /** @internal ARIA orientation — only set in the tabs pattern. */
+    ariaOrientation = computed(() => (this.resolvedPanel() ? 'horizontal' : null), ...(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 */ []));
+    /** @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 */ []));
+    // Typed as FocusableOption because TabLinkDirective's `disabled` InputSignal
+    // is structurally incompatible with FocusableOption.disabled (boolean).
+    keyManager = null;
+    constructor() {
+        // 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(() => {
+            const panel = this.resolvedPanel();
+            if (!panel) {
+                // Reset so the next time a panel is associated we don't fire a stale announcement.
+                untracked(() => this.previousActiveLinkId.set(null));
+                return;
+            }
+            const links = this.links();
+            const activeLink = links.find((link) => link.active());
+            const activeLinkId = activeLink?.linkId() ?? undefined;
+            panel.activeTabId.set(activeLinkId);
+            const prev = untracked(() => this.previousActiveLinkId());
+            untracked(() => this.previousActiveLinkId.set(activeLinkId));
+            if (prev === null || prev === activeLinkId || !activeLink) {
+                return;
+            }
+            const idx = links.indexOf(activeLink);
+            const label = activeLink.elementRef.nativeElement.textContent?.trim() ?? '';
+            const formatter = this.labels().activeTabAnnouncement;
+            const message = formatter
+                ? formatter(label, idx + 1, links.length)
+                : `${label}, tab ${idx + 1} of ${links.length}`;
+            this.liveAnnouncer.announce(message);
+        });
+        // Rebuild FocusKeyManager whenever the link set changes. tab-nav is
+        // horizontal-only, so we always configure horizontal orientation.
+        effect((onCleanup) => {
+            const links = this.links();
+            if (links.length === 0) {
+                this.keyManager = null;
+                return;
+            }
+            // Cast through unknown because `disabled` on TabLinkDirective is an
+            // InputSignal — structurally incompatible with FocusableOption's
+            // `disabled?: boolean`. FocusKeyManager only calls `focus()` (which we
+            // provide) and the disabled check, which we override via skipPredicate.
+            const focusable = links;
+            const manager = (new FocusKeyManager(focusable)
+                .withWrap()
+                .withHomeAndEnd()
+                .withHorizontalOrientation('ltr'));
+            // 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.
+            manager.skipPredicate((link) => link.disabled());
+            this.keyManager = manager;
+            onCleanup(() => {
+                manager.destroy();
+            });
+        });
+    }
+    /** @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). */
+    onKeydown(event) {
+        if (!this.resolvedPanel())
+            return;
+        if (!this.keyManager)
+            return;
+        const links = this.links();
+        if (links.length === 0)
+            return;
+        // Sync the manager's active item with whichever link the user has DOM-focused
+        // (mirrors the accordion pattern; event.target works under shadow DOM).
+        const focusedIdx = links.findIndex((link) => link.elementRef.nativeElement === event.target);
+        if (focusedIdx >= 0 && focusedIdx !== this.keyManager.activeItemIndex) {
+            this.keyManager.setActiveItem(focusedIdx);
+        }
+        else if (focusedIdx < 0) {
+            // No focused link inside the nav — nothing to navigate.
+            return;
+        }
+        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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TabNavComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nav[twTabNav]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content />',
+                    host: {
+                        '[class]': 'navClasses()',
+                        '[attr.role]': 'role()',
+                        '[attr.aria-orientation]': 'ariaOrientation()',
+                        '(keydown)': 'onKeydown($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], fitted: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitted", required: false }] }], tabPanel: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabPanel", required: false }] }], navClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "navClass", required: false }] }], linkClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "linkClass", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], links: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TabLinkDirective), { ...{ descendants: true }, isSignal: true }] }], projectedPanel: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TabNavPanel), { isSignal: true }] }] } });
+// ── TabLinkDirective ──
+let nextLinkId = 0;
+/**
+ * Note: we intentionally do not declare `implements FocusableOption`. The
+ * FocusableOption interface requires a `disabled?: boolean` property, but
+ * `disabled` here is an InputSignal — a function whose own boolean-coerced
+ * value is always truthy. FocusKeyManager only requires a `focus()` method
+ * (structurally satisfied below) and we override the disabled check via
+ * `.skipPredicate()` when constructing the manager.
+ */
+class TabLinkDirective {
+    /** @internal */
+    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 */ []));
+    /** 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 */ []));
+    /** 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 */ []));
+    /**
+     * @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 */ []));
+    /** @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 */ []));
+    /** @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 */ []));
+    /** @internal `aria-controls` points to the associated panel id. */
+    ariaControls = computed(() => this.parent.resolvedPanel()?.id() ?? null, ...(ngDevMode ? [{ debugName: "ariaControls" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    ariaDisabled = computed(() => (this.disabled() ? 'true' : null), ...(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())
+            return -1;
+        if (!this.parent.resolvedPanel())
+            return null;
+        return this.active() ? 0 : -1;
+    }, ...(ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []));
+    /** @internal Combined classes: base + active/inactive state + disabled modifiers + consumer overrides. */
+    classes = computed(() => {
+        const base = this.parent.linkBaseClasses();
+        const state = this.active()
+            ? this.parent.activeLinkClasses()
+            : this.parent.inactiveLinkClasses();
+        const disabled = this.disabled()
+            ? 'opacity-50 pointer-events-none cursor-not-allowed'
+            : '';
+        return twMerge(base, state, disabled, this.parent.linkClass());
+    }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    /** Programmatically focus this link. */
+    focus() {
+        this.elementRef.nativeElement.focus();
+    }
+    /** @internal Intercepts clicks on disabled links to prevent navigation. */
+    onClick(event) {
+        if (this.disabled()) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    }
+    /** @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). */
+    onKeydown(event) {
+        if (this.disabled()) {
+            if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+            return;
+        }
+        if (event.key === ' ') {
+            event.preventDefault();
+            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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TabLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'a[twTabLink]',
+                    host: {
+                        '[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()',
+                        '(click)': 'onClick($event)',
+                        '(keydown)': 'onKeydown($event)',
+                    },
+                }]
+        }], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], linkId: [{ type: i0.Input, args: [{ isSignal: true, alias: "linkId", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TabLinkDirective, TabNavComponent, TabNavPanel };
+//# sourceMappingURL=cdevhub-ngx-tw-tab-nav.mjs.map

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

@@ -0,0 +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 { 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":";;;;;;;AAmCA;AAEA,MAAM,oBAAoB,GAAG,EAAE,CAC7B;AACE,IAAA,KAAK,EAAE;AACL,QAAA,GAAG,EAAE,sCAAsC;AAC3C,QAAA,IAAI,EAAE,oCAAoC;AAC3C,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,SAAS,EAAE;AACT,gBAAA,GAAG,EAAE,wBAAwB;AAC7B,gBAAA,IAAI,EAAE,OAAO;AACd,aAAA;AACD,YAAA,QAAQ,EAAE;AACR,gBAAA,GAAG,EAAE,wBAAwB;AAC7B,gBAAA,IAAI,EAAE,OAAO;AACd,aAAA;AACD,YAAA,IAAI,EAAE;AACJ,gBAAA,GAAG,EAAE,iCAAiC;AACtC,gBAAA,IAAI,EAAE,OAAO;AACd,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,WAAW;AACrB,KAAA;AACF,CAAA,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB;AAED;AAEA,IAAI,WAAW,GAAG,CAAC;MAaN,WAAW,CAAA;;IAEb,EAAE,GAAG,KAAK,CAAC,CAAA,iBAAA,EAAoB,WAAW,EAAE,CAAA,CAAE,yEAAC;;AAG/C,IAAA,WAAW,GAAG,MAAM,CAAqB,SAAS,kFAAC;wGALjD,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,WAAW,kVARZ,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAQf,WAAW,EAAA,UAAA,EAAA,CAAA;kBAXvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACJ,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,QAAQ,EAAE,GAAG;AACb,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,wBAAwB,EAAE,eAAe;AAC1C,qBAAA;AACF,iBAAA;;AASD;MAaa,eAAe,CAAA;;AAEjB,IAAA,OAAO,GAAG,KAAK,CAAgB,WAAW,8EAAC;;AAG3C,IAAA,KAAK,GAAG,KAAK,CAAU,SAAS,4EAAC;;AAGjC,IAAA,IAAI,GAAG,KAAK,CAAS,IAAI,2EAAC;;AAG1B,IAAA,MAAM,GAAG,KAAK,CAAC,KAAK,6EAAC;;AAGrB,IAAA,QAAQ,GAAG,KAAK,CAA0B,SAAS,+EAAC;;AAGpD,IAAA,QAAQ,GAAG,KAAK,CAAS,EAAE,+EAAC;;AAG5B,IAAA,SAAS,GAAG,KAAK,CAAS,EAAE,gFAAC;;AAG7B,IAAA,MAAM,GAAG,KAAK,CAAe,EAAE,6EAAC;;IAGhC,KAAK,GAAG,eAAe,CAAC,gBAAgB,6EAAI,WAAW,EAAE,IAAI,EAAA,CAAG;;AAGhE,IAAA,cAAc,GAAG,YAAY,CAAC,WAAW,qFAAC;;AAG1C,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,cAAc,EAAE,oFAAC;AAEhE,IAAA,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;;AAGrC,IAAA,oBAAoB,GAAG,MAAM,CAA4B,IAAI,2FAAC;AAE9D,IAAA,YAAY,GAAG,QAAQ,CAAC,MACvC,oBAAoB,CAAC;AACnB,QAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACxB,KAAA,CAAC,mFACH;AAEgB,IAAA,aAAa,GAAG,QAAQ,CAAC,MACxC,kBAAkB,CAAC;AACjB,QAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvB,QAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,QAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,QAAA,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;AACtB,KAAA,CAAC,oFACH;;IAGQ,UAAU,GAAG,QAAQ,CAAC,MAC7B,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CACpD;;AAGQ,IAAA,eAAe,GAAG,QAAQ,CAAC,MAClC,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE,cAAc,CAAC,sFACxD;;IAGQ,IAAI,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,aAAa,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;;IAGhE,eAAe,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,aAAa,EAAE,GAAG,YAAY,GAAG,IAAI,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;;IAG9E,iBAAiB,GAAG,QAAQ,CAAC,MACpC,uBAAuB,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,YAAY,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CACpE;;AAGQ,IAAA,mBAAmB,GAAG,QAAQ,CAAC,MAAM,yBAAyB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,0FAAC;;;IAIhF,UAAU,GAA4C,IAAI;AAElE,IAAA,WAAA,GAAA;;;QAGE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE;YAClC,IAAI,CAAC,KAAK,EAAE;;AAEV,gBAAA,SAAS,CAAC,MAAM,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACpD;YACF;AACA,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAA,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;YACtD,MAAM,YAAY,GAAG,UAAU,EAAE,MAAM,EAAE,IAAI,SAAS;AACtD,YAAA,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC;AAEnC,YAAA,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,IAAI,CAAC,oBAAoB,EAAE,CAAC;AACzD,YAAA,SAAS,CAAC,MAAM,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;YAC5D,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,YAAY,IAAI,CAAC,UAAU,EAAE;gBACzD;YACF;YAEA,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;AACrC,YAAA,MAAM,KAAK,GAAG,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE;YAC3E,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,qBAAqB;YACrD,MAAM,OAAO,GAAG;AACd,kBAAE,SAAS,CAAC,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM;AACxC,kBAAE,CAAA,EAAG,KAAK,CAAA,MAAA,EAAS,GAAG,GAAG,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,MAAM,CAAA,CAAE;AACjD,YAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC;AACtC,QAAA,CAAC,CAAC;;;AAIF,QAAA,MAAM,CAAC,CAAC,SAAS,KAAI;AACnB,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,gBAAA,IAAI,CAAC,UAAU,GAAG,IAAI;gBACtB;YACF;;;;;YAKA,MAAM,SAAS,GAAG,KAA8C;AAChE,YAAA,MAAM,OAAO,IAAI,IAAI,eAAe,CAAC,SAAS;AAC3C,iBAAA,QAAQ;AACR,iBAAA,cAAc;AACd,iBAAA,yBAAyB,CAAC,KAAK,CAAC,CAAqC;;;;AAIxE,YAAA,OAAO,CAAC,aAAa,CAAC,CAAC,IAAI,KAAM,IAAoC,CAAC,QAAQ,EAAE,CAAC;AACjF,YAAA,IAAI,CAAC,UAAU,GAAG,OAAO;YAEzB,SAAS,CAAC,MAAK;gBACb,OAAO,CAAC,OAAO,EAAE;AACnB,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;;AAGA,IAAA,SAAS,CAAC,KAAoB,EAAA;AAC5B,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAAE;QAC3B,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE;AACtB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE;;;QAIxB,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAChC,CAAC,IAAI,KAAK,IAAI,CAAC,UAAU,CAAC,aAAa,KAAK,KAAK,CAAC,MAAM,CACzD;AACD,QAAA,IAAI,UAAU,IAAI,CAAC,IAAI,UAAU,KAAK,IAAI,CAAC,UAAU,CAAC,eAAe,EAAE;AACrE,YAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC;QAC3C;AAAO,aAAA,IAAI,UAAU,GAAG,CAAC,EAAE;;YAEzB;QACF;AAEA,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC;IAClC;wGAjKW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,cAAA,EAAA,WAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EA0BO,gBAAgB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGV,WAAW,gEArCxC,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAQf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAX3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;oBACzB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,cAAc;AACzB,wBAAA,aAAa,EAAE,QAAQ;AACvB,wBAAA,yBAAyB,EAAE,mBAAmB;AAC9C,wBAAA,WAAW,EAAE,mBAAmB;AACjC,qBAAA;AACF,iBAAA;AA2BkC,SAAA,CAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,QAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,QAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAAA,gBAAgB,QAAE,EAAE,WAAW,EAAE,IAAI,EAAE,6FAGjC,WAAW,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;AAuIpD;AAEA,IAAI,UAAU,GAAG,CAAC;AAiBlB;;;;;;;AAOG;MACU,gBAAgB,CAAA;;AAElB,IAAA,UAAU,GAAG,MAAM,CAAgC,UAAU,CAAC;AAEtD,IAAA,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;;AAGxC,IAAA,MAAM,GAAG,KAAK,CAAC,KAAK,6EAAC;;AAGrB,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC;;IAGvB,MAAM,GAAG,KAAK,CAAC,CAAA,YAAA,EAAe,UAAU,EAAE,CAAA,CAAE,6EAAC;AAEtD;;;;;AAKG;IACM,QAAQ,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;;AAGvE,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AACnC,QAAA,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;AAAE,YAAA,OAAO,IAAI;AAC5C,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI;AACtC,IAAA,CAAC,kFAAC;;AAGO,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AACpC,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;AAAE,YAAA,OAAO,IAAI;AAC7C,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,GAAG,OAAO;AACzC,IAAA,CAAC,mFAAC;;AAGO,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,EAAE,EAAE,IAAI,IAAI,mFAAC;;IAGxE,YAAY,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;;AAGhE,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;QAChC,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO,CAAC,CAAC;AAC9B,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;AAAE,YAAA,OAAO,IAAI;AAC7C,QAAA,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;AAC/B,IAAA,CAAC,+EAAC;;AAGO,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE;AAC1C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM;AACvB,cAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB;AAC/B,cAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,EAAE;AACrC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ;AAC5B,cAAE;cACA,EAAE;AACN,QAAA,OAAO,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;AAChE,IAAA,CAAC,8EAAC;;IAGF,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,EAAE;IACvC;;AAGA,IAAA,OAAO,CAAC,KAAiB,EAAA;AACvB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,wBAAwB,EAAE;QAClC;IACF;;AAGA,IAAA,SAAS,CAAC,KAAoB,EAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;gBAC9C,KAAK,CAAC,cAAc,EAAE;gBACtB,KAAK,CAAC,wBAAwB,EAAE;YAClC;YACA;QACF;AACA,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YACrB,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,EAAE;QACvC;IACF;wGAtFW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,YAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAvB5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,UAAU;AACvB,wBAAA,aAAa,EAAE,YAAY;AAC3B,wBAAA,qBAAqB,EAAE,eAAe;AACtC,wBAAA,sBAAsB,EAAE,gBAAgB;AACxC,wBAAA,sBAAsB,EAAE,gBAAgB;AACxC,wBAAA,sBAAsB,EAAE,gBAAgB;AACxC,wBAAA,iBAAiB,EAAE,YAAY;AAC/B,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,SAAS,EAAE,iBAAiB;AAC5B,wBAAA,WAAW,EAAE,mBAAmB;AACjC,qBAAA;AACF,iBAAA;;;AC5RD;;AAEG;;;;"}