@cdevhub/ngx-tw 0.2.0 → 0.3.0

package/fesm2022/cdevhub-ngx-tw-breadcrumbs.mjs

@@ -3,7 +3,6 @@ import * as i0 from '@angular/core';
 import { inject, TemplateRef, Directive, input, forwardRef, computed, contentChild, ChangeDetectionStrategy, Component } from '@angular/core';
 import { tv } from 'tailwind-variants';
 import { IconComponent } from '@cdevhub/ngx-tw/icon';
-import { MenuComponent, MenuItemDirective, MenuTriggerDirective } from '@cdevhub/ngx-tw/menu';
 
 // ── tv() config ──
 const breadcrumbs = tv({
@@ -93,10 +92,10 @@ class BreadcrumbsItemTemplateDirective {
     static ngTemplateContextGuard(_dir, _ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BreadcrumbsItemTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: BreadcrumbsItemTemplateDirective, isStandalone: true, selector: "[twBreadcrumbsItem]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: BreadcrumbsItemTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: BreadcrumbsItemTemplateDirective, isStandalone: true, selector: "[twBreadcrumbsItem]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BreadcrumbsItemTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: BreadcrumbsItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twBreadcrumbsItem]',
@@ -110,10 +109,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
 class BreadcrumbsSeparatorTemplateDirective {
     /** @internal */
     templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BreadcrumbsSeparatorTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: BreadcrumbsSeparatorTemplateDirective, isStandalone: true, selector: "[twBreadcrumbsSeparator]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: BreadcrumbsSeparatorTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: BreadcrumbsSeparatorTemplateDirective, isStandalone: true, selector: "[twBreadcrumbsSeparator]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BreadcrumbsSeparatorTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: BreadcrumbsSeparatorTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twBreadcrumbsSeparator]',
@@ -132,9 +131,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  */
 class BreadcrumbsLinkDirective {
     /** When true, this element is the current page: styled bold and gets `aria-current="page"`. Defaults to `false`. */
-    current = input(false, ...(ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []));
+    current = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []));
     /** When true, applies disabled styling (muted, not-allowed cursor). Defaults to `false`. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     parent = inject(forwardRef(() => BreadcrumbsComponent));
     /** @internal Combined classes pulled from the parent component's slot tokens. */
     classes = computed(() => {
@@ -144,11 +145,12 @@ class BreadcrumbsLinkDirective {
         if (this.current())
             return slots.current();
         return slots.link();
-    }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BreadcrumbsLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: BreadcrumbsLinkDirective, isStandalone: true, selector: "[twBreadcrumbsLink]", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.aria-current": "current() ? \"page\" : null" } }, ngImport: i0 });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: BreadcrumbsLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: BreadcrumbsLinkDirective, isStandalone: true, selector: "[twBreadcrumbsLink]", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.aria-current": "current() ? \"page\" : null" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BreadcrumbsLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: BreadcrumbsLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[twBreadcrumbsLink]',
@@ -186,41 +188,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  */
 class BreadcrumbsComponent {
     /** The full breadcrumb trail. The last entry is treated as the current page. Defaults to `[]`. */
-    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    items = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
     /** Density of the trail — drives font size, gap, icon size, and the overflow-button square. Defaults to `'md'`. */
-    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    size = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     /**
      * When greater than `0`, the trail collapses any middle items past this
      * threshold behind an overflow menu. The first item and the current (last)
      * item are always visible. Values `< 2` are clamped to `2`. Defaults to `0`
      * (no collapsing).
      */
-    maxItems = input(0, ...(ngDevMode ? [{ debugName: "maxItems" }] : /* istanbul ignore next */ []));
+    maxItems = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxItems" }] : /* istanbul ignore next */ []));
     /**
      * Lucide icon name used for the default separator between items. Ignored
      * when a `*twBreadcrumbsSeparator` template is projected. Defaults to
      * `'chevron-right'`. Requires the consumer to register the icon via
      * `provideTwLucideIcons({ ChevronRight, ... })`.
      */
-    separator = input('chevron-right', ...(ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []));
+    separator = input('chevron-right', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []));
     /** Accessible label applied to the `<nav>` landmark. Defaults to `'Breadcrumb'`. Aliased as `aria-label`. */
     ariaLabel = input('Breadcrumb', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
     /** Custom per-item template projected via `*twBreadcrumbsItem`. */
-    itemTemplate = contentChild((BreadcrumbsItemTemplateDirective), ...(ngDevMode ? [{ debugName: "itemTemplate" }] : /* istanbul ignore next */ []));
+    itemTemplate = contentChild((BreadcrumbsItemTemplateDirective), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemTemplate" }] : /* istanbul ignore next */ []));
     /** Custom separator template projected via `*twBreadcrumbsSeparator`. */
-    separatorTemplate = contentChild(BreadcrumbsSeparatorTemplateDirective, ...(ngDevMode ? [{ debugName: "separatorTemplate" }] : /* istanbul ignore next */ []));
+    separatorTemplate = contentChild(BreadcrumbsSeparatorTemplateDirective, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "separatorTemplate" }] : /* istanbul ignore next */ []));
     /** @internal Materialised tv() slot result; exposed so `BreadcrumbsLinkDirective` can pull link/current/disabled classes. */
-    slotResult = computed(() => breadcrumbs({ size: this.size() }), ...(ngDevMode ? [{ debugName: "slotResult" }] : /* istanbul ignore next */ []));
+    slotResult = computed(() => breadcrumbs({ size: this.size() }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "slotResult" }] : /* istanbul ignore next */ []));
     /** @internal Icon size for the default chevron separator. */
-    iconSize = computed(() => ICON_SIZE_FOR_BREADCRUMB[this.size()], ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
+    iconSize = computed(() => ICON_SIZE_FOR_BREADCRUMB[this.size()], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
     /** @internal Class strings per slot, memoised. */
-    listClasses = computed(() => this.slotResult().list(), ...(ngDevMode ? [{ debugName: "listClasses" }] : /* istanbul ignore next */ []));
-    itemClasses = computed(() => this.slotResult().item(), ...(ngDevMode ? [{ debugName: "itemClasses" }] : /* istanbul ignore next */ []));
-    linkClasses = computed(() => this.slotResult().link(), ...(ngDevMode ? [{ debugName: "linkClasses" }] : /* istanbul ignore next */ []));
-    currentClasses = computed(() => this.slotResult().current(), ...(ngDevMode ? [{ debugName: "currentClasses" }] : /* istanbul ignore next */ []));
-    disabledClasses = computed(() => this.slotResult().disabled(), ...(ngDevMode ? [{ debugName: "disabledClasses" }] : /* istanbul ignore next */ []));
-    separatorClasses = computed(() => this.slotResult().separator(), ...(ngDevMode ? [{ debugName: "separatorClasses" }] : /* istanbul ignore next */ []));
-    overflowTriggerClasses = computed(() => this.slotResult().overflowTrigger(), ...(ngDevMode ? [{ debugName: "overflowTriggerClasses" }] : /* istanbul ignore next */ []));
+    listClasses = computed(() => this.slotResult().list(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "listClasses" }] : /* istanbul ignore next */ []));
+    itemClasses = computed(() => this.slotResult().item(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemClasses" }] : /* istanbul ignore next */ []));
+    linkClasses = computed(() => this.slotResult().link(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "linkClasses" }] : /* istanbul ignore next */ []));
+    currentClasses = computed(() => this.slotResult().current(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentClasses" }] : /* istanbul ignore next */ []));
+    disabledClasses = computed(() => this.slotResult().disabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledClasses" }] : /* istanbul ignore next */ []));
+    separatorClasses = computed(() => this.slotResult().separator(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "separatorClasses" }] : /* istanbul ignore next */ []));
+    overflowTriggerClasses = computed(() => this.slotResult().overflowTrigger(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overflowTriggerClasses" }] : /* istanbul ignore next */ []));
     /** @internal Items hidden behind the overflow menu. Empty when no collapsing is active. */
     collapsedItems = computed(() => {
         const all = this.items();
@@ -233,7 +250,8 @@ class BreadcrumbsComponent {
         const tailCount = effectiveMax - 1;
         const hiddenEnd = all.length - tailCount;
         return all.slice(1, hiddenEnd);
-    }, ...(ngDevMode ? [{ debugName: "collapsedItems" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collapsedItems" }] : /* istanbul ignore next */ []));
     /** @internal Flat sequence of items + separators + overflow used by the template's @for. */
     renderedEntries = computed(() => {
         const all = this.items();
@@ -287,9 +305,10 @@ class BreadcrumbsComponent {
             });
         }
         return entries;
-    }, ...(ngDevMode ? [{ debugName: "renderedEntries" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: BreadcrumbsComponent, isStandalone: true, selector: "tw-breadcrumbs", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, maxItems: { classPropertyName: "maxItems", publicName: "maxItems", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block min-w-0" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: (BreadcrumbsItemTemplateDirective), descendants: true, isSignal: true }, { propertyName: "separatorTemplate", first: true, predicate: BreadcrumbsSeparatorTemplateDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "renderedEntries" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: BreadcrumbsComponent, isStandalone: true, selector: "tw-breadcrumbs", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, maxItems: { classPropertyName: "maxItems", publicName: "maxItems", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block min-w-0" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: (BreadcrumbsItemTemplateDirective), descendants: true, isSignal: true }, { propertyName: "separatorTemplate", first: true, predicate: BreadcrumbsSeparatorTemplateDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
     <nav [attr.aria-label]="ariaLabel()">
       <ol [class]="listClasses()">
         @for (entry of renderedEntries(); track entry.key) {
@@ -329,52 +348,76 @@ class BreadcrumbsComponent {
             </li>
           } @else {
             <li [class]="itemClasses()">
-              <button
-                type="button"
-                [class]="overflowTriggerClasses()"
-                [twMenuTrigger]="overflowMenuTpl"
-                aria-label="Show more breadcrumbs"
-              >
-                <span aria-hidden="true">&hellip;</span>
-              </button>
-              <ng-template #overflowMenuTpl>
-                <tw-menu aria-label="Hidden breadcrumb items">
-                  @for (hidden of collapsedItems(); track hidden) {
-                    @if (hidden.disabled || !hidden.href) {
-                      <span twMenuItem [attr.aria-disabled]="hidden.disabled ? 'true' : null">
-                        {{ hidden.label }}
-                      </span>
-                    } @else {
-                      <a twMenuItem [attr.href]="hidden.href">{{ hidden.label }}</a>
+              <!--
+                The overflow menu pulls in tw-menu + @angular/cdk/menu (overlay,
+                focus-trap). @defer keeps that weight in a lazy chunk so a plain
+                breadcrumb trail (the common case, maxItems=0) never bundles it;
+                the chunk loads when the trigger scrolls into view and is
+                prefetched on idle to keep the first click responsive. The
+                @placeholder mirrors the trigger so layout and a11y are stable.
+              -->
+              @defer (on viewport; prefetch on idle) {
+                <button
+                  type="button"
+                  [class]="overflowTriggerClasses()"
+                  [twMenuTrigger]="overflowMenuTpl"
+                  aria-label="Show more breadcrumbs"
+                >
+                  <span aria-hidden="true">&hellip;</span>
+                </button>
+                <ng-template #overflowMenuTpl>
+                  <tw-menu aria-label="Hidden breadcrumb items">
+                    @for (hidden of collapsedItems(); track hidden) {
+                      @if (hidden.disabled || !hidden.href) {
+                        <span twMenuItem [attr.aria-disabled]="hidden.disabled ? 'true' : null">
+                          {{ hidden.label }}
+                        </span>
+                      } @else {
+                        <a twMenuItem [attr.href]="hidden.href">{{ hidden.label }}</a>
+                      }
                     }
-                  }
-                </tw-menu>
-              </ng-template>
+                  </tw-menu>
+                </ng-template>
+              } @placeholder {
+                <button
+                  type="button"
+                  [class]="overflowTriggerClasses()"
+                  aria-label="Show more breadcrumbs"
+                >
+                  <span aria-hidden="true">&hellip;</span>
+                </button>
+              }
             </li>
           }
         }
       </ol>
     </nav>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "tw-icon", inputs: ["name", "img", "color", "size", "ariaLabel", "svg"] }, { kind: "component", type: MenuComponent, selector: "tw-menu", inputs: ["size", "aria-label", "aria-labelledby"] }, { kind: "directive", type: MenuItemDirective, selector: "[twMenuItem]", inputs: ["color", "disabled"] }, { kind: "directive", type: MenuTriggerDirective, selector: "[twMenuTrigger]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "tw-icon", inputs: ["name", "img", "color", "size", "ariaLabel", "svg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [/* @ts-ignore */
+                import('@cdevhub/ngx-tw/menu').then(m => m.MenuComponent), /* @ts-ignore */
+                import('@cdevhub/ngx-tw/menu').then(m => m.MenuItemDirective), /* @ts-ignore */
+                import('@cdevhub/ngx-tw/menu').then(m => m.MenuTriggerDirective)]] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'tw-breadcrumbs',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        NgTemplateOutlet,
-                        IconComponent,
-                        MenuComponent,
-                        MenuItemDirective,
-                        MenuTriggerDirective,
-                    ],
-                    host: {
-                        // Custom elements default to inline; force a block layout so the trail
-                        // behaves predictably inside flex / grid containers.
-                        class: 'block min-w-0',
-                    },
-                    template: `
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.0.7", ngImport: i0, type: BreadcrumbsComponent, resolveDeferredDeps: () => [/* @ts-ignore */
+        import('@cdevhub/ngx-tw/menu').then(m => m.MenuComponent), /* @ts-ignore */
+        import('@cdevhub/ngx-tw/menu').then(m => m.MenuItemDirective), /* @ts-ignore */
+        import('@cdevhub/ngx-tw/menu').then(m => m.MenuTriggerDirective)], resolveMetadata: (MenuComponent, MenuItemDirective, MenuTriggerDirective) => ({ decorators: [{
+                type: Component,
+                args: [{
+                        selector: 'tw-breadcrumbs',
+                        changeDetection: ChangeDetectionStrategy.OnPush,
+                        imports: [
+                            NgTemplateOutlet,
+                            IconComponent,
+                            MenuComponent,
+                            MenuItemDirective,
+                            MenuTriggerDirective,
+                        ],
+                        host: {
+                            // Custom elements default to inline; force a block layout so the trail
+                            // behaves predictably inside flex / grid containers.
+                            class: 'block min-w-0',
+                        },
+                        template: `
     <nav [attr.aria-label]="ariaLabel()">
       <ol [class]="listClasses()">
         @for (entry of renderedEntries(); track entry.key) {
@@ -414,35 +457,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             </li>
           } @else {
             <li [class]="itemClasses()">
-              <button
-                type="button"
-                [class]="overflowTriggerClasses()"
-                [twMenuTrigger]="overflowMenuTpl"
-                aria-label="Show more breadcrumbs"
-              >
-                <span aria-hidden="true">&hellip;</span>
-              </button>
-              <ng-template #overflowMenuTpl>
-                <tw-menu aria-label="Hidden breadcrumb items">
-                  @for (hidden of collapsedItems(); track hidden) {
-                    @if (hidden.disabled || !hidden.href) {
-                      <span twMenuItem [attr.aria-disabled]="hidden.disabled ? 'true' : null">
-                        {{ hidden.label }}
-                      </span>
-                    } @else {
-                      <a twMenuItem [attr.href]="hidden.href">{{ hidden.label }}</a>
+              <!--
+                The overflow menu pulls in tw-menu + @angular/cdk/menu (overlay,
+                focus-trap). @defer keeps that weight in a lazy chunk so a plain
+                breadcrumb trail (the common case, maxItems=0) never bundles it;
+                the chunk loads when the trigger scrolls into view and is
+                prefetched on idle to keep the first click responsive. The
+                @placeholder mirrors the trigger so layout and a11y are stable.
+              -->
+              @defer (on viewport; prefetch on idle) {
+                <button
+                  type="button"
+                  [class]="overflowTriggerClasses()"
+                  [twMenuTrigger]="overflowMenuTpl"
+                  aria-label="Show more breadcrumbs"
+                >
+                  <span aria-hidden="true">&hellip;</span>
+                </button>
+                <ng-template #overflowMenuTpl>
+                  <tw-menu aria-label="Hidden breadcrumb items">
+                    @for (hidden of collapsedItems(); track hidden) {
+                      @if (hidden.disabled || !hidden.href) {
+                        <span twMenuItem [attr.aria-disabled]="hidden.disabled ? 'true' : null">
+                          {{ hidden.label }}
+                        </span>
+                      } @else {
+                        <a twMenuItem [attr.href]="hidden.href">{{ hidden.label }}</a>
+                      }
                     }
-                  }
-                </tw-menu>
-              </ng-template>
+                  </tw-menu>
+                </ng-template>
+              } @placeholder {
+                <button
+                  type="button"
+                  [class]="overflowTriggerClasses()"
+                  aria-label="Show more breadcrumbs"
+                >
+                  <span aria-hidden="true">&hellip;</span>
+                </button>
+              }
             </li>
           }
         }
       </ol>
     </nav>
   `,
-                }]
-        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], maxItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxItems", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], itemTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => BreadcrumbsItemTemplateDirective), { isSignal: true }] }], separatorTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => BreadcrumbsSeparatorTemplateDirective), { isSignal: true }] }] } });
+                    }]
+            }], ctorParameters: null, propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], maxItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxItems", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], itemTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => BreadcrumbsItemTemplateDirective), { isSignal: true }] }], separatorTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => BreadcrumbsSeparatorTemplateDirective), { isSignal: true }] }] } }) });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/cdevhub-ngx-tw-breadcrumbs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cdevhub-ngx-tw-breadcrumbs.mjs","sources":["../../../projects/ngx-tw/breadcrumbs/breadcrumbs.ts","../../../projects/ngx-tw/breadcrumbs/cdevhub-ngx-tw-breadcrumbs.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  TemplateRef,\n  computed,\n  contentChild,\n  forwardRef,\n  inject,\n  input,\n} from '@angular/core';\nimport { tv } from 'tailwind-variants';\nimport type { TwSize } from '@cdevhub/ngx-tw/core';\nimport { IconComponent } from '@cdevhub/ngx-tw/icon';\nimport {\n  MenuComponent,\n  MenuItemDirective,\n  MenuTriggerDirective,\n} from '@cdevhub/ngx-tw/menu';\n\n// ── Public types ──\n\n/**\n * Describes a single hop in a breadcrumb trail. The last entry in `items` is\n * always treated as the current page (rendered with `aria-current=\"page\"`,\n * never as an anchor).\n *\n * The generic `T` types the optional `data` payload — useful for forwarding\n * routerLink commands or any other consumer-defined metadata to the custom\n * item template without unsafe casts.\n */\nexport interface TwBreadcrumbsItem<T = unknown> {\n  /** Visible label shown for this hop. */\n  label: string;\n  /**\n   * Optional href used to render the default anchor. Omit on the current item\n   * (the last entry). Ignored when a custom `*twBreadcrumbsItem` template is\n   * projected — the consumer owns the anchor in that case.\n   */\n  href?: string;\n  /**\n   * Opaque payload forwarded to the consumer's `*twBreadcrumbsItem` template\n   * via the template context. Use this to carry router commands or any other\n   * data your template needs.\n   */\n  data?: T;\n  /**\n   * When true, the item renders as muted text without an anchor (even if\n   * `href` is set). Receives `aria-disabled=\"true\"`.\n   */\n  disabled?: boolean;\n}\n\n/**\n * Template context passed to `*twBreadcrumbsItem` for each rendered item.\n */\nexport interface TwBreadcrumbsItemContext<T = unknown> {\n  /** The item record (also exposed via `let-item=\"$implicit\"`). */\n  $implicit: TwBreadcrumbsItem<T>;\n  /** Same as `$implicit`. Available via `let-item=\"item\"` for readability. */\n  item: TwBreadcrumbsItem<T>;\n  /** Zero-based index of this item in the original `items` input. */\n  index: number;\n  /** `true` only for the last entry — the current page. */\n  isCurrent: boolean;\n}\n\n// ── tv() config ──\n\nconst breadcrumbs = tv(\n  {\n    slots: {\n      // The host outer element (<tw-breadcrumbs>) is a custom element; we wrap\n      // the actual landmark <nav> inside the template. The list is a real <ol>\n      // so the trail keeps its semantic ordering for assistive tech.\n      list: 'flex flex-wrap items-center m-0 p-0 list-none min-w-0',\n      item: 'inline-flex items-center min-w-0',\n      link:\n        'inline-flex items-center text-fg-muted hover:text-fg transition-colors duration-200 motion-reduce:transition-none ' +\n        'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 rounded-md no-underline truncate',\n      current: 'inline-flex items-center text-fg font-medium truncate',\n      disabled:\n        'inline-flex items-center text-fg-subtle opacity-50 cursor-not-allowed truncate',\n      // Separator carries rtl:rotate-180 so the chevron flips for RTL layouts;\n      // requires a `dir=\"rtl\"` ancestor for Tailwind's rtl: variant to match.\n      separator:\n        'inline-flex items-center text-fg-subtle shrink-0 select-none rtl:rotate-180',\n      overflowTrigger:\n        'inline-flex items-center justify-center rounded-md text-fg-muted hover:text-fg hover:bg-surface-muted ' +\n        'transition-colors duration-200 motion-reduce:transition-none ' +\n        'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 cursor-pointer',\n    },\n    variants: {\n      size: {\n        xs: {\n          list: 'gap-1',\n          link: 'text-xs',\n          current: 'text-xs',\n          disabled: 'text-xs',\n          separator: 'text-xs',\n          overflowTrigger: 'size-6 text-xs',\n        },\n        sm: {\n          list: 'gap-1',\n          link: 'text-sm',\n          current: 'text-sm',\n          disabled: 'text-sm',\n          separator: 'text-sm',\n          overflowTrigger: 'size-7 text-sm',\n        },\n        md: {\n          list: 'gap-1.5',\n          link: 'text-sm',\n          current: 'text-sm',\n          disabled: 'text-sm',\n          separator: 'text-sm',\n          overflowTrigger: 'size-8 text-sm',\n        },\n        lg: {\n          list: 'gap-2',\n          link: 'text-base',\n          current: 'text-base',\n          disabled: 'text-base',\n          separator: 'text-base',\n          overflowTrigger: 'size-9 text-base',\n        },\n        xl: {\n          list: 'gap-2',\n          link: 'text-base',\n          current: 'text-base',\n          disabled: 'text-base',\n          separator: 'text-base',\n          overflowTrigger: 'size-9 text-base',\n        },\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n  { twMerge: true },\n);\n\n// Separator glyph size mirrors the menu-item icon scale: keep the chevron one\n// step below the text-size step so it reads as a quiet hint, not a glyph.\nconst ICON_SIZE_FOR_BREADCRUMB: Record<TwSize, TwSize> = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n  xl: 'md',\n};\n\n// ── Template slot directives ──\n\n/**\n * Structural directive applied to an `<ng-template>` projected into\n * `tw-breadcrumbs`. Replaces the default per-item rendering so consumers can\n * wire their own anchors (typically `routerLink`-bound). The template receives\n * `$implicit` (the item), `item`, `index`, and `isCurrent` in its context.\n */\n@Directive({\n  selector: '[twBreadcrumbsItem]',\n})\nexport class BreadcrumbsItemTemplateDirective<T = unknown> {\n  /** @internal */\n  readonly templateRef = inject<TemplateRef<TwBreadcrumbsItemContext<T>>>(TemplateRef);\n\n  /** Type-narrows the template context for `let-` destructuring in templates. */\n  static ngTemplateContextGuard<T>(\n    _dir: BreadcrumbsItemTemplateDirective<T>,\n    _ctx: unknown,\n  ): _ctx is TwBreadcrumbsItemContext<T> {\n    return true;\n  }\n}\n\n/**\n * Structural directive applied to an `<ng-template>` projected into\n * `tw-breadcrumbs`. Replaces the default chevron separator with custom\n * content (any element — icon, text, dot, etc.).\n */\n@Directive({\n  selector: '[twBreadcrumbsSeparator]',\n})\nexport class BreadcrumbsSeparatorTemplateDirective {\n  /** @internal */\n  readonly templateRef = inject<TemplateRef<unknown>>(TemplateRef);\n}\n\n// ── Link styling directive ──\n\n/**\n * Applies the parent `tw-breadcrumbs` link / current / disabled styling to a\n * consumer-projected anchor (or span) inside `*twBreadcrumbsItem`. Without\n * this directive, projected content renders unstyled — only the layout `<li>`\n * is provided by the component.\n *\n * The directive sets `aria-current=\"page\"` when `current` is true. It does\n * NOT itself swap the element tag; the consumer should still pick `<a>` for\n * link items and `<span>` for the current item.\n */\n@Directive({\n  selector: '[twBreadcrumbsLink]',\n  host: {\n    '[class]': 'classes()',\n    '[attr.aria-current]': 'current() ? \"page\" : null',\n  },\n})\nexport class BreadcrumbsLinkDirective {\n  /** When true, this element is the current page: styled bold and gets `aria-current=\"page\"`. Defaults to `false`. */\n  readonly current = input(false);\n\n  /** When true, applies disabled styling (muted, not-allowed cursor). Defaults to `false`. */\n  readonly disabled = input(false);\n\n  private readonly parent = inject<BreadcrumbsComponent<unknown>>(\n    forwardRef(() => BreadcrumbsComponent),\n  );\n\n  /** @internal Combined classes pulled from the parent component's slot tokens. */\n  readonly classes = computed(() => {\n    const slots = this.parent.slotResult();\n    if (this.disabled()) return slots.disabled();\n    if (this.current()) return slots.current();\n    return slots.link();\n  });\n}\n\n// ── Rendered entry types (internal) ──\n\ninterface RenderedItem<T> {\n  readonly kind: 'item';\n  readonly item: TwBreadcrumbsItem<T>;\n  readonly index: number;\n  readonly isCurrent: boolean;\n  readonly key: string;\n}\n\ninterface RenderedSeparator {\n  readonly kind: 'separator';\n  readonly key: string;\n}\n\ninterface RenderedOverflow {\n  readonly kind: 'overflow';\n  readonly key: string;\n}\n\ntype RenderedEntry<T> = RenderedItem<T> | RenderedSeparator | RenderedOverflow;\n\n// ── BreadcrumbsComponent ──\n\n/**\n * Breadcrumb trail rendered as a `<nav>` landmark with an ordered list of\n * navigation hops. The last entry in `items` is the current page (gets\n * `aria-current=\"page\"`, never an anchor). Items beyond `maxItems` are\n * collapsed behind an ellipsis trigger that opens an overflow menu.\n *\n * Customize per-item rendering with `*twBreadcrumbsItem` (consumer projects\n * router-aware anchors), and the separator with `*twBreadcrumbsSeparator` or\n * the `separator` input (Lucide icon name).\n *\n * @example\n * ```html\n * <tw-breadcrumbs [items]=\"trail\" />\n *\n * <tw-breadcrumbs [items]=\"trail\" [maxItems]=\"3\" separator=\"slash\">\n *   <ng-template twBreadcrumbsItem let-item let-isCurrent=\"isCurrent\">\n *     @if (isCurrent) {\n *       <span twBreadcrumbsLink [current]=\"true\">{{ item.label }}</span>\n *     } @else {\n *       <a twBreadcrumbsLink [routerLink]=\"item.data?.routerLink\">{{ item.label }}</a>\n *     }\n *   </ng-template>\n * </tw-breadcrumbs>\n * ```\n */\n@Component({\n  selector: 'tw-breadcrumbs',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgTemplateOutlet,\n    IconComponent,\n    MenuComponent,\n    MenuItemDirective,\n    MenuTriggerDirective,\n  ],\n  host: {\n    // Custom elements default to inline; force a block layout so the trail\n    // behaves predictably inside flex / grid containers.\n    class: 'block min-w-0',\n  },\n  template: `\n    <nav [attr.aria-label]=\"ariaLabel()\">\n      <ol [class]=\"listClasses()\">\n        @for (entry of renderedEntries(); track entry.key) {\n          @if (entry.kind === 'item') {\n            <li [class]=\"itemClasses()\">\n              @if (itemTemplate(); as tpl) {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    tpl.templateRef;\n                    context: {\n                      $implicit: entry.item,\n                      item: entry.item,\n                      index: entry.index,\n                      isCurrent: entry.isCurrent\n                    }\n                  \"\n                />\n              } @else {\n                @if (entry.isCurrent) {\n                  <span [class]=\"currentClasses()\" aria-current=\"page\">{{ entry.item.label }}</span>\n                } @else if (entry.item.disabled) {\n                  <span [class]=\"disabledClasses()\" aria-disabled=\"true\">{{ entry.item.label }}</span>\n                } @else if (entry.item.href) {\n                  <a [class]=\"linkClasses()\" [attr.href]=\"entry.item.href\">{{ entry.item.label }}</a>\n                } @else {\n                  <span [class]=\"linkClasses()\">{{ entry.item.label }}</span>\n                }\n              }\n            </li>\n          } @else if (entry.kind === 'separator') {\n            <li [class]=\"separatorClasses()\" aria-hidden=\"true\">\n              @if (separatorTemplate(); as sepTpl) {\n                <ng-container *ngTemplateOutlet=\"sepTpl.templateRef\" />\n              } @else {\n                <tw-icon [name]=\"separator()\" [size]=\"iconSize()\" />\n              }\n            </li>\n          } @else {\n            <li [class]=\"itemClasses()\">\n              <button\n                type=\"button\"\n                [class]=\"overflowTriggerClasses()\"\n                [twMenuTrigger]=\"overflowMenuTpl\"\n                aria-label=\"Show more breadcrumbs\"\n              >\n                <span aria-hidden=\"true\">&hellip;</span>\n              </button>\n              <ng-template #overflowMenuTpl>\n                <tw-menu aria-label=\"Hidden breadcrumb items\">\n                  @for (hidden of collapsedItems(); track hidden) {\n                    @if (hidden.disabled || !hidden.href) {\n                      <span twMenuItem [attr.aria-disabled]=\"hidden.disabled ? 'true' : null\">\n                        {{ hidden.label }}\n                      </span>\n                    } @else {\n                      <a twMenuItem [attr.href]=\"hidden.href\">{{ hidden.label }}</a>\n                    }\n                  }\n                </tw-menu>\n              </ng-template>\n            </li>\n          }\n        }\n      </ol>\n    </nav>\n  `,\n})\nexport class BreadcrumbsComponent<T = unknown> {\n  /** The full breadcrumb trail. The last entry is treated as the current page. Defaults to `[]`. */\n  readonly items = input<readonly TwBreadcrumbsItem<T>[]>([]);\n\n  /** Density of the trail — drives font size, gap, icon size, and the overflow-button square. Defaults to `'md'`. */\n  readonly size = input<TwSize>('md');\n\n  /**\n   * When greater than `0`, the trail collapses any middle items past this\n   * threshold behind an overflow menu. The first item and the current (last)\n   * item are always visible. Values `< 2` are clamped to `2`. Defaults to `0`\n   * (no collapsing).\n   */\n  readonly maxItems = input<number>(0);\n\n  /**\n   * Lucide icon name used for the default separator between items. Ignored\n   * when a `*twBreadcrumbsSeparator` template is projected. Defaults to\n   * `'chevron-right'`. Requires the consumer to register the icon via\n   * `provideTwLucideIcons({ ChevronRight, ... })`.\n   */\n  readonly separator = input<string>('chevron-right');\n\n  /** Accessible label applied to the `<nav>` landmark. Defaults to `'Breadcrumb'`. Aliased as `aria-label`. */\n  readonly ariaLabel = input<string>('Breadcrumb', { alias: 'aria-label' });\n\n  /** Custom per-item template projected via `*twBreadcrumbsItem`. */\n  readonly itemTemplate = contentChild(BreadcrumbsItemTemplateDirective<T>);\n\n  /** Custom separator template projected via `*twBreadcrumbsSeparator`. */\n  readonly separatorTemplate = contentChild(BreadcrumbsSeparatorTemplateDirective);\n\n  /** @internal Materialised tv() slot result; exposed so `BreadcrumbsLinkDirective` can pull link/current/disabled classes. */\n  readonly slotResult = computed(() => breadcrumbs({ size: this.size() }));\n\n  /** @internal Icon size for the default chevron separator. */\n  readonly iconSize = computed(() => ICON_SIZE_FOR_BREADCRUMB[this.size()]);\n\n  /** @internal Class strings per slot, memoised. */\n  readonly listClasses = computed(() => this.slotResult().list());\n  readonly itemClasses = computed(() => this.slotResult().item());\n  readonly linkClasses = computed(() => this.slotResult().link());\n  readonly currentClasses = computed(() => this.slotResult().current());\n  readonly disabledClasses = computed(() => this.slotResult().disabled());\n  readonly separatorClasses = computed(() => this.slotResult().separator());\n  readonly overflowTriggerClasses = computed(() => this.slotResult().overflowTrigger());\n\n  /** @internal Items hidden behind the overflow menu. Empty when no collapsing is active. */\n  readonly collapsedItems = computed<readonly TwBreadcrumbsItem<T>[]>(() => {\n    const all = this.items();\n    const max = this.maxItems();\n    if (max <= 0 || all.length <= 2 || all.length <= max) return [];\n    const effectiveMax = Math.max(max, 2);\n    if (all.length <= effectiveMax) return [];\n    const tailCount = effectiveMax - 1;\n    const hiddenEnd = all.length - tailCount;\n    return all.slice(1, hiddenEnd);\n  });\n\n  /** @internal Flat sequence of items + separators + overflow used by the template's @for. */\n  readonly renderedEntries = computed<RenderedEntry<T>[]>(() => {\n    const all = this.items();\n    const max = this.maxItems();\n    if (all.length === 0) return [];\n\n    const entries: RenderedEntry<T>[] = [];\n    const lastIndex = all.length - 1;\n    const pushSeparator = (key: string) =>\n      entries.push({ kind: 'separator', key: `sep-${key}` });\n\n    const collapsing = max > 0 && all.length > 2 && all.length > max;\n    const effectiveMax = Math.max(max, 2);\n    const shouldCollapse = collapsing && all.length > effectiveMax;\n\n    if (!shouldCollapse) {\n      for (let i = 0; i < all.length; i++) {\n        if (i > 0) pushSeparator(`${i}`);\n        entries.push({\n          kind: 'item',\n          item: all[i],\n          index: i,\n          isCurrent: i === lastIndex,\n          key: `item-${i}`,\n        });\n      }\n      return entries;\n    }\n\n    const tailCount = effectiveMax - 1;\n    const tailStart = all.length - tailCount;\n\n    // First item.\n    entries.push({\n      kind: 'item',\n      item: all[0],\n      index: 0,\n      isCurrent: lastIndex === 0,\n      key: 'item-0',\n    });\n    pushSeparator('after-first');\n\n    // Overflow trigger.\n    entries.push({ kind: 'overflow', key: 'overflow' });\n    pushSeparator('after-overflow');\n\n    // Tail items.\n    for (let i = tailStart; i < all.length; i++) {\n      if (i > tailStart) pushSeparator(`${i}`);\n      entries.push({\n        kind: 'item',\n        item: all[i],\n        index: i,\n        isCurrent: i === lastIndex,\n        key: `item-${i}`,\n      });\n    }\n\n    return entries;\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-breadcrumbs.mjs","sources":["../../../projects/ngx-tw/breadcrumbs/breadcrumbs.ts","../../../projects/ngx-tw/breadcrumbs/cdevhub-ngx-tw-breadcrumbs.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  TemplateRef,\n  computed,\n  contentChild,\n  forwardRef,\n  inject,\n  input,\n} from '@angular/core';\nimport { tv } from 'tailwind-variants';\nimport type { TwSize } from '@cdevhub/ngx-tw/core';\nimport { IconComponent } from '@cdevhub/ngx-tw/icon';\nimport {\n  MenuComponent,\n  MenuItemDirective,\n  MenuTriggerDirective,\n} from '@cdevhub/ngx-tw/menu';\n\n// ── Public types ──\n\n/**\n * Describes a single hop in a breadcrumb trail. The last entry in `items` is\n * always treated as the current page (rendered with `aria-current=\"page\"`,\n * never as an anchor).\n *\n * The generic `T` types the optional `data` payload — useful for forwarding\n * routerLink commands or any other consumer-defined metadata to the custom\n * item template without unsafe casts.\n */\nexport interface TwBreadcrumbsItem<T = unknown> {\n  /** Visible label shown for this hop. */\n  label: string;\n  /**\n   * Optional href used to render the default anchor. Omit on the current item\n   * (the last entry). Ignored when a custom `*twBreadcrumbsItem` template is\n   * projected — the consumer owns the anchor in that case.\n   */\n  href?: string;\n  /**\n   * Opaque payload forwarded to the consumer's `*twBreadcrumbsItem` template\n   * via the template context. Use this to carry router commands or any other\n   * data your template needs.\n   */\n  data?: T;\n  /**\n   * When true, the item renders as muted text without an anchor (even if\n   * `href` is set). Receives `aria-disabled=\"true\"`.\n   */\n  disabled?: boolean;\n}\n\n/**\n * Template context passed to `*twBreadcrumbsItem` for each rendered item.\n */\nexport interface TwBreadcrumbsItemContext<T = unknown> {\n  /** The item record (also exposed via `let-item=\"$implicit\"`). */\n  $implicit: TwBreadcrumbsItem<T>;\n  /** Same as `$implicit`. Available via `let-item=\"item\"` for readability. */\n  item: TwBreadcrumbsItem<T>;\n  /** Zero-based index of this item in the original `items` input. */\n  index: number;\n  /** `true` only for the last entry — the current page. */\n  isCurrent: boolean;\n}\n\n// ── tv() config ──\n\nconst breadcrumbs = tv(\n  {\n    slots: {\n      // The host outer element (<tw-breadcrumbs>) is a custom element; we wrap\n      // the actual landmark <nav> inside the template. The list is a real <ol>\n      // so the trail keeps its semantic ordering for assistive tech.\n      list: 'flex flex-wrap items-center m-0 p-0 list-none min-w-0',\n      item: 'inline-flex items-center min-w-0',\n      link:\n        'inline-flex items-center text-fg-muted hover:text-fg transition-colors duration-200 motion-reduce:transition-none ' +\n        'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 rounded-md no-underline truncate',\n      current: 'inline-flex items-center text-fg font-medium truncate',\n      disabled:\n        'inline-flex items-center text-fg-subtle opacity-50 cursor-not-allowed truncate',\n      // Separator carries rtl:rotate-180 so the chevron flips for RTL layouts;\n      // requires a `dir=\"rtl\"` ancestor for Tailwind's rtl: variant to match.\n      separator:\n        'inline-flex items-center text-fg-subtle shrink-0 select-none rtl:rotate-180',\n      overflowTrigger:\n        'inline-flex items-center justify-center rounded-md text-fg-muted hover:text-fg hover:bg-surface-muted ' +\n        'transition-colors duration-200 motion-reduce:transition-none ' +\n        'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 cursor-pointer',\n    },\n    variants: {\n      size: {\n        xs: {\n          list: 'gap-1',\n          link: 'text-xs',\n          current: 'text-xs',\n          disabled: 'text-xs',\n          separator: 'text-xs',\n          overflowTrigger: 'size-6 text-xs',\n        },\n        sm: {\n          list: 'gap-1',\n          link: 'text-sm',\n          current: 'text-sm',\n          disabled: 'text-sm',\n          separator: 'text-sm',\n          overflowTrigger: 'size-7 text-sm',\n        },\n        md: {\n          list: 'gap-1.5',\n          link: 'text-sm',\n          current: 'text-sm',\n          disabled: 'text-sm',\n          separator: 'text-sm',\n          overflowTrigger: 'size-8 text-sm',\n        },\n        lg: {\n          list: 'gap-2',\n          link: 'text-base',\n          current: 'text-base',\n          disabled: 'text-base',\n          separator: 'text-base',\n          overflowTrigger: 'size-9 text-base',\n        },\n        xl: {\n          list: 'gap-2',\n          link: 'text-base',\n          current: 'text-base',\n          disabled: 'text-base',\n          separator: 'text-base',\n          overflowTrigger: 'size-9 text-base',\n        },\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n  { twMerge: true },\n);\n\n// Separator glyph size mirrors the menu-item icon scale: keep the chevron one\n// step below the text-size step so it reads as a quiet hint, not a glyph.\nconst ICON_SIZE_FOR_BREADCRUMB: Record<TwSize, TwSize> = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n  xl: 'md',\n};\n\n// ── Template slot directives ──\n\n/**\n * Structural directive applied to an `<ng-template>` projected into\n * `tw-breadcrumbs`. Replaces the default per-item rendering so consumers can\n * wire their own anchors (typically `routerLink`-bound). The template receives\n * `$implicit` (the item), `item`, `index`, and `isCurrent` in its context.\n */\n@Directive({\n  selector: '[twBreadcrumbsItem]',\n})\nexport class BreadcrumbsItemTemplateDirective<T = unknown> {\n  /** @internal */\n  readonly templateRef = inject<TemplateRef<TwBreadcrumbsItemContext<T>>>(TemplateRef);\n\n  /** Type-narrows the template context for `let-` destructuring in templates. */\n  static ngTemplateContextGuard<T>(\n    _dir: BreadcrumbsItemTemplateDirective<T>,\n    _ctx: unknown,\n  ): _ctx is TwBreadcrumbsItemContext<T> {\n    return true;\n  }\n}\n\n/**\n * Structural directive applied to an `<ng-template>` projected into\n * `tw-breadcrumbs`. Replaces the default chevron separator with custom\n * content (any element — icon, text, dot, etc.).\n */\n@Directive({\n  selector: '[twBreadcrumbsSeparator]',\n})\nexport class BreadcrumbsSeparatorTemplateDirective {\n  /** @internal */\n  readonly templateRef = inject<TemplateRef<unknown>>(TemplateRef);\n}\n\n// ── Link styling directive ──\n\n/**\n * Applies the parent `tw-breadcrumbs` link / current / disabled styling to a\n * consumer-projected anchor (or span) inside `*twBreadcrumbsItem`. Without\n * this directive, projected content renders unstyled — only the layout `<li>`\n * is provided by the component.\n *\n * The directive sets `aria-current=\"page\"` when `current` is true. It does\n * NOT itself swap the element tag; the consumer should still pick `<a>` for\n * link items and `<span>` for the current item.\n */\n@Directive({\n  selector: '[twBreadcrumbsLink]',\n  host: {\n    '[class]': 'classes()',\n    '[attr.aria-current]': 'current() ? \"page\" : null',\n  },\n})\nexport class BreadcrumbsLinkDirective {\n  /** When true, this element is the current page: styled bold and gets `aria-current=\"page\"`. Defaults to `false`. */\n  readonly current = input(false);\n\n  /** When true, applies disabled styling (muted, not-allowed cursor). Defaults to `false`. */\n  readonly disabled = input(false);\n\n  private readonly parent = inject<BreadcrumbsComponent<unknown>>(\n    forwardRef(() => BreadcrumbsComponent),\n  );\n\n  /** @internal Combined classes pulled from the parent component's slot tokens. */\n  readonly classes = computed(() => {\n    const slots = this.parent.slotResult();\n    if (this.disabled()) return slots.disabled();\n    if (this.current()) return slots.current();\n    return slots.link();\n  });\n}\n\n// ── Rendered entry types (internal) ──\n\ninterface RenderedItem<T> {\n  readonly kind: 'item';\n  readonly item: TwBreadcrumbsItem<T>;\n  readonly index: number;\n  readonly isCurrent: boolean;\n  readonly key: string;\n}\n\ninterface RenderedSeparator {\n  readonly kind: 'separator';\n  readonly key: string;\n}\n\ninterface RenderedOverflow {\n  readonly kind: 'overflow';\n  readonly key: string;\n}\n\ntype RenderedEntry<T> = RenderedItem<T> | RenderedSeparator | RenderedOverflow;\n\n// ── BreadcrumbsComponent ──\n\n/**\n * Breadcrumb trail rendered as a `<nav>` landmark with an ordered list of\n * navigation hops. The last entry in `items` is the current page (gets\n * `aria-current=\"page\"`, never an anchor). Items beyond `maxItems` are\n * collapsed behind an ellipsis trigger that opens an overflow menu.\n *\n * Customize per-item rendering with `*twBreadcrumbsItem` (consumer projects\n * router-aware anchors), and the separator with `*twBreadcrumbsSeparator` or\n * the `separator` input (Lucide icon name).\n *\n * @example\n * ```html\n * <tw-breadcrumbs [items]=\"trail\" />\n *\n * <tw-breadcrumbs [items]=\"trail\" [maxItems]=\"3\" separator=\"slash\">\n *   <ng-template twBreadcrumbsItem let-item let-isCurrent=\"isCurrent\">\n *     @if (isCurrent) {\n *       <span twBreadcrumbsLink [current]=\"true\">{{ item.label }}</span>\n *     } @else {\n *       <a twBreadcrumbsLink [routerLink]=\"item.data?.routerLink\">{{ item.label }}</a>\n *     }\n *   </ng-template>\n * </tw-breadcrumbs>\n * ```\n */\n@Component({\n  selector: 'tw-breadcrumbs',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgTemplateOutlet,\n    IconComponent,\n    MenuComponent,\n    MenuItemDirective,\n    MenuTriggerDirective,\n  ],\n  host: {\n    // Custom elements default to inline; force a block layout so the trail\n    // behaves predictably inside flex / grid containers.\n    class: 'block min-w-0',\n  },\n  template: `\n    <nav [attr.aria-label]=\"ariaLabel()\">\n      <ol [class]=\"listClasses()\">\n        @for (entry of renderedEntries(); track entry.key) {\n          @if (entry.kind === 'item') {\n            <li [class]=\"itemClasses()\">\n              @if (itemTemplate(); as tpl) {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    tpl.templateRef;\n                    context: {\n                      $implicit: entry.item,\n                      item: entry.item,\n                      index: entry.index,\n                      isCurrent: entry.isCurrent\n                    }\n                  \"\n                />\n              } @else {\n                @if (entry.isCurrent) {\n                  <span [class]=\"currentClasses()\" aria-current=\"page\">{{ entry.item.label }}</span>\n                } @else if (entry.item.disabled) {\n                  <span [class]=\"disabledClasses()\" aria-disabled=\"true\">{{ entry.item.label }}</span>\n                } @else if (entry.item.href) {\n                  <a [class]=\"linkClasses()\" [attr.href]=\"entry.item.href\">{{ entry.item.label }}</a>\n                } @else {\n                  <span [class]=\"linkClasses()\">{{ entry.item.label }}</span>\n                }\n              }\n            </li>\n          } @else if (entry.kind === 'separator') {\n            <li [class]=\"separatorClasses()\" aria-hidden=\"true\">\n              @if (separatorTemplate(); as sepTpl) {\n                <ng-container *ngTemplateOutlet=\"sepTpl.templateRef\" />\n              } @else {\n                <tw-icon [name]=\"separator()\" [size]=\"iconSize()\" />\n              }\n            </li>\n          } @else {\n            <li [class]=\"itemClasses()\">\n              <!--\n                The overflow menu pulls in tw-menu + @angular/cdk/menu (overlay,\n                focus-trap). @defer keeps that weight in a lazy chunk so a plain\n                breadcrumb trail (the common case, maxItems=0) never bundles it;\n                the chunk loads when the trigger scrolls into view and is\n                prefetched on idle to keep the first click responsive. The\n                @placeholder mirrors the trigger so layout and a11y are stable.\n              -->\n              @defer (on viewport; prefetch on idle) {\n                <button\n                  type=\"button\"\n                  [class]=\"overflowTriggerClasses()\"\n                  [twMenuTrigger]=\"overflowMenuTpl\"\n                  aria-label=\"Show more breadcrumbs\"\n                >\n                  <span aria-hidden=\"true\">&hellip;</span>\n                </button>\n                <ng-template #overflowMenuTpl>\n                  <tw-menu aria-label=\"Hidden breadcrumb items\">\n                    @for (hidden of collapsedItems(); track hidden) {\n                      @if (hidden.disabled || !hidden.href) {\n                        <span twMenuItem [attr.aria-disabled]=\"hidden.disabled ? 'true' : null\">\n                          {{ hidden.label }}\n                        </span>\n                      } @else {\n                        <a twMenuItem [attr.href]=\"hidden.href\">{{ hidden.label }}</a>\n                      }\n                    }\n                  </tw-menu>\n                </ng-template>\n              } @placeholder {\n                <button\n                  type=\"button\"\n                  [class]=\"overflowTriggerClasses()\"\n                  aria-label=\"Show more breadcrumbs\"\n                >\n                  <span aria-hidden=\"true\">&hellip;</span>\n                </button>\n              }\n            </li>\n          }\n        }\n      </ol>\n    </nav>\n  `,\n})\nexport class BreadcrumbsComponent<T = unknown> {\n  /** The full breadcrumb trail. The last entry is treated as the current page. Defaults to `[]`. */\n  readonly items = input<readonly TwBreadcrumbsItem<T>[]>([]);\n\n  /** Density of the trail — drives font size, gap, icon size, and the overflow-button square. Defaults to `'md'`. */\n  readonly size = input<TwSize>('md');\n\n  /**\n   * When greater than `0`, the trail collapses any middle items past this\n   * threshold behind an overflow menu. The first item and the current (last)\n   * item are always visible. Values `< 2` are clamped to `2`. Defaults to `0`\n   * (no collapsing).\n   */\n  readonly maxItems = input<number>(0);\n\n  /**\n   * Lucide icon name used for the default separator between items. Ignored\n   * when a `*twBreadcrumbsSeparator` template is projected. Defaults to\n   * `'chevron-right'`. Requires the consumer to register the icon via\n   * `provideTwLucideIcons({ ChevronRight, ... })`.\n   */\n  readonly separator = input<string>('chevron-right');\n\n  /** Accessible label applied to the `<nav>` landmark. Defaults to `'Breadcrumb'`. Aliased as `aria-label`. */\n  readonly ariaLabel = input<string>('Breadcrumb', { alias: 'aria-label' });\n\n  /** Custom per-item template projected via `*twBreadcrumbsItem`. */\n  readonly itemTemplate = contentChild(BreadcrumbsItemTemplateDirective<T>);\n\n  /** Custom separator template projected via `*twBreadcrumbsSeparator`. */\n  readonly separatorTemplate = contentChild(BreadcrumbsSeparatorTemplateDirective);\n\n  /** @internal Materialised tv() slot result; exposed so `BreadcrumbsLinkDirective` can pull link/current/disabled classes. */\n  readonly slotResult = computed(() => breadcrumbs({ size: this.size() }));\n\n  /** @internal Icon size for the default chevron separator. */\n  readonly iconSize = computed(() => ICON_SIZE_FOR_BREADCRUMB[this.size()]);\n\n  /** @internal Class strings per slot, memoised. */\n  readonly listClasses = computed(() => this.slotResult().list());\n  readonly itemClasses = computed(() => this.slotResult().item());\n  readonly linkClasses = computed(() => this.slotResult().link());\n  readonly currentClasses = computed(() => this.slotResult().current());\n  readonly disabledClasses = computed(() => this.slotResult().disabled());\n  readonly separatorClasses = computed(() => this.slotResult().separator());\n  readonly overflowTriggerClasses = computed(() => this.slotResult().overflowTrigger());\n\n  /** @internal Items hidden behind the overflow menu. Empty when no collapsing is active. */\n  readonly collapsedItems = computed<readonly TwBreadcrumbsItem<T>[]>(() => {\n    const all = this.items();\n    const max = this.maxItems();\n    if (max <= 0 || all.length <= 2 || all.length <= max) return [];\n    const effectiveMax = Math.max(max, 2);\n    if (all.length <= effectiveMax) return [];\n    const tailCount = effectiveMax - 1;\n    const hiddenEnd = all.length - tailCount;\n    return all.slice(1, hiddenEnd);\n  });\n\n  /** @internal Flat sequence of items + separators + overflow used by the template's @for. */\n  readonly renderedEntries = computed<RenderedEntry<T>[]>(() => {\n    const all = this.items();\n    const max = this.maxItems();\n    if (all.length === 0) return [];\n\n    const entries: RenderedEntry<T>[] = [];\n    const lastIndex = all.length - 1;\n    const pushSeparator = (key: string) =>\n      entries.push({ kind: 'separator', key: `sep-${key}` });\n\n    const collapsing = max > 0 && all.length > 2 && all.length > max;\n    const effectiveMax = Math.max(max, 2);\n    const shouldCollapse = collapsing && all.length > effectiveMax;\n\n    if (!shouldCollapse) {\n      for (let i = 0; i < all.length; i++) {\n        if (i > 0) pushSeparator(`${i}`);\n        entries.push({\n          kind: 'item',\n          item: all[i],\n          index: i,\n          isCurrent: i === lastIndex,\n          key: `item-${i}`,\n        });\n      }\n      return entries;\n    }\n\n    const tailCount = effectiveMax - 1;\n    const tailStart = all.length - tailCount;\n\n    // First item.\n    entries.push({\n      kind: 'item',\n      item: all[0],\n      index: 0,\n      isCurrent: lastIndex === 0,\n      key: 'item-0',\n    });\n    pushSeparator('after-first');\n\n    // Overflow trigger.\n    entries.push({ kind: 'overflow', key: 'overflow' });\n    pushSeparator('after-overflow');\n\n    // Tail items.\n    for (let i = tailStart; i < all.length; i++) {\n      if (i > tailStart) pushSeparator(`${i}`);\n      entries.push({\n        kind: 'item',\n        item: all[i],\n        index: i,\n        isCurrent: i === lastIndex,\n        key: `item-${i}`,\n      });\n    }\n\n    return entries;\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}