@cdevhub/ngx-tw 0.2.0

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

@@ -0,0 +1,452 @@
+import { NgTemplateOutlet } from '@angular/common';
+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({
+    slots: {
+        // The host outer element (<tw-breadcrumbs>) is a custom element; we wrap
+        // the actual landmark <nav> inside the template. The list is a real <ol>
+        // so the trail keeps its semantic ordering for assistive tech.
+        list: 'flex flex-wrap items-center m-0 p-0 list-none min-w-0',
+        item: 'inline-flex items-center min-w-0',
+        link: 'inline-flex items-center text-fg-muted hover:text-fg transition-colors duration-200 motion-reduce:transition-none ' +
+            'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 rounded-md no-underline truncate',
+        current: 'inline-flex items-center text-fg font-medium truncate',
+        disabled: 'inline-flex items-center text-fg-subtle opacity-50 cursor-not-allowed truncate',
+        // Separator carries rtl:rotate-180 so the chevron flips for RTL layouts;
+        // requires a `dir="rtl"` ancestor for Tailwind's rtl: variant to match.
+        separator: 'inline-flex items-center text-fg-subtle shrink-0 select-none rtl:rotate-180',
+        overflowTrigger: 'inline-flex items-center justify-center rounded-md text-fg-muted hover:text-fg hover:bg-surface-muted ' +
+            'transition-colors duration-200 motion-reduce:transition-none ' +
+            'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 cursor-pointer',
+    },
+    variants: {
+        size: {
+            xs: {
+                list: 'gap-1',
+                link: 'text-xs',
+                current: 'text-xs',
+                disabled: 'text-xs',
+                separator: 'text-xs',
+                overflowTrigger: 'size-6 text-xs',
+            },
+            sm: {
+                list: 'gap-1',
+                link: 'text-sm',
+                current: 'text-sm',
+                disabled: 'text-sm',
+                separator: 'text-sm',
+                overflowTrigger: 'size-7 text-sm',
+            },
+            md: {
+                list: 'gap-1.5',
+                link: 'text-sm',
+                current: 'text-sm',
+                disabled: 'text-sm',
+                separator: 'text-sm',
+                overflowTrigger: 'size-8 text-sm',
+            },
+            lg: {
+                list: 'gap-2',
+                link: 'text-base',
+                current: 'text-base',
+                disabled: 'text-base',
+                separator: 'text-base',
+                overflowTrigger: 'size-9 text-base',
+            },
+            xl: {
+                list: 'gap-2',
+                link: 'text-base',
+                current: 'text-base',
+                disabled: 'text-base',
+                separator: 'text-base',
+                overflowTrigger: 'size-9 text-base',
+            },
+        },
+    },
+    defaultVariants: { size: 'md' },
+}, { twMerge: true });
+// Separator glyph size mirrors the menu-item icon scale: keep the chevron one
+// step below the text-size step so it reads as a quiet hint, not a glyph.
+const ICON_SIZE_FOR_BREADCRUMB = {
+    xs: 'xs',
+    sm: 'sm',
+    md: 'sm',
+    lg: 'md',
+    xl: 'md',
+};
+// ── Template slot directives ──
+/**
+ * Structural directive applied to an `<ng-template>` projected into
+ * `tw-breadcrumbs`. Replaces the default per-item rendering so consumers can
+ * wire their own anchors (typically `routerLink`-bound). The template receives
+ * `$implicit` (the item), `item`, `index`, and `isCurrent` in its context.
+ */
+class BreadcrumbsItemTemplateDirective {
+    /** @internal */
+    templateRef = inject(TemplateRef);
+    /** Type-narrows the template context for `let-` destructuring in templates. */
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BreadcrumbsItemTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twBreadcrumbsItem]',
+                }]
+        }] });
+/**
+ * Structural directive applied to an `<ng-template>` projected into
+ * `tw-breadcrumbs`. Replaces the default chevron separator with custom
+ * content (any element — icon, text, dot, etc.).
+ */
+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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BreadcrumbsSeparatorTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twBreadcrumbsSeparator]',
+                }]
+        }] });
+// ── Link styling directive ──
+/**
+ * Applies the parent `tw-breadcrumbs` link / current / disabled styling to a
+ * consumer-projected anchor (or span) inside `*twBreadcrumbsItem`. Without
+ * this directive, projected content renders unstyled — only the layout `<li>`
+ * is provided by the component.
+ *
+ * The directive sets `aria-current="page"` when `current` is true. It does
+ * NOT itself swap the element tag; the consumer should still pick `<a>` for
+ * link items and `<span>` for the current item.
+ */
+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 */ []));
+    /** When true, applies disabled styling (muted, not-allowed cursor). Defaults to `false`. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    parent = inject(forwardRef(() => BreadcrumbsComponent));
+    /** @internal Combined classes pulled from the parent component's slot tokens. */
+    classes = computed(() => {
+        const slots = this.parent.slotResult();
+        if (this.disabled())
+            return slots.disabled();
+        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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BreadcrumbsLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twBreadcrumbsLink]',
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.aria-current]': 'current() ? "page" : null',
+                    },
+                }]
+        }], propDecorators: { current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+// ── BreadcrumbsComponent ──
+/**
+ * Breadcrumb trail rendered as a `<nav>` landmark with an ordered list of
+ * navigation hops. The last entry in `items` is the current page (gets
+ * `aria-current="page"`, never an anchor). Items beyond `maxItems` are
+ * collapsed behind an ellipsis trigger that opens an overflow menu.
+ *
+ * Customize per-item rendering with `*twBreadcrumbsItem` (consumer projects
+ * router-aware anchors), and the separator with `*twBreadcrumbsSeparator` or
+ * the `separator` input (Lucide icon name).
+ *
+ * @example
+ * ```html
+ * <tw-breadcrumbs [items]="trail" />
+ *
+ * <tw-breadcrumbs [items]="trail" [maxItems]="3" separator="slash">
+ *   <ng-template twBreadcrumbsItem let-item let-isCurrent="isCurrent">
+ *     @if (isCurrent) {
+ *       <span twBreadcrumbsLink [current]="true">{{ item.label }}</span>
+ *     } @else {
+ *       <a twBreadcrumbsLink [routerLink]="item.data?.routerLink">{{ item.label }}</a>
+ *     }
+ *   </ng-template>
+ * </tw-breadcrumbs>
+ * ```
+ */
+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 */ []));
+    /** 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 */ []));
+    /**
+     * 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 */ []));
+    /**
+     * 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 */ []));
+    /** 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 */ []));
+    /** Custom separator template projected via `*twBreadcrumbsSeparator`. */
+    separatorTemplate = contentChild(BreadcrumbsSeparatorTemplateDirective, ...(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 */ []));
+    /** @internal Icon size for the default chevron separator. */
+    iconSize = computed(() => ICON_SIZE_FOR_BREADCRUMB[this.size()], ...(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 */ []));
+    /** @internal Items hidden behind the overflow menu. Empty when no collapsing is active. */
+    collapsedItems = computed(() => {
+        const all = this.items();
+        const max = this.maxItems();
+        if (max <= 0 || all.length <= 2 || all.length <= max)
+            return [];
+        const effectiveMax = Math.max(max, 2);
+        if (all.length <= effectiveMax)
+            return [];
+        const tailCount = effectiveMax - 1;
+        const hiddenEnd = all.length - tailCount;
+        return all.slice(1, hiddenEnd);
+    }, ...(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();
+        const max = this.maxItems();
+        if (all.length === 0)
+            return [];
+        const entries = [];
+        const lastIndex = all.length - 1;
+        const pushSeparator = (key) => entries.push({ kind: 'separator', key: `sep-${key}` });
+        const collapsing = max > 0 && all.length > 2 && all.length > max;
+        const effectiveMax = Math.max(max, 2);
+        const shouldCollapse = collapsing && all.length > effectiveMax;
+        if (!shouldCollapse) {
+            for (let i = 0; i < all.length; i++) {
+                if (i > 0)
+                    pushSeparator(`${i}`);
+                entries.push({
+                    kind: 'item',
+                    item: all[i],
+                    index: i,
+                    isCurrent: i === lastIndex,
+                    key: `item-${i}`,
+                });
+            }
+            return entries;
+        }
+        const tailCount = effectiveMax - 1;
+        const tailStart = all.length - tailCount;
+        // First item.
+        entries.push({
+            kind: 'item',
+            item: all[0],
+            index: 0,
+            isCurrent: lastIndex === 0,
+            key: 'item-0',
+        });
+        pushSeparator('after-first');
+        // Overflow trigger.
+        entries.push({ kind: 'overflow', key: 'overflow' });
+        pushSeparator('after-overflow');
+        // Tail items.
+        for (let i = tailStart; i < all.length; i++) {
+            if (i > tailStart)
+                pushSeparator(`${i}`);
+            entries.push({
+                kind: 'item',
+                item: all[i],
+                index: i,
+                isCurrent: i === lastIndex,
+                key: `item-${i}`,
+            });
+        }
+        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: `
+    <nav [attr.aria-label]="ariaLabel()">
+      <ol [class]="listClasses()">
+        @for (entry of renderedEntries(); track entry.key) {
+          @if (entry.kind === 'item') {
+            <li [class]="itemClasses()">
+              @if (itemTemplate(); as tpl) {
+                <ng-container
+                  *ngTemplateOutlet="
+                    tpl.templateRef;
+                    context: {
+                      $implicit: entry.item,
+                      item: entry.item,
+                      index: entry.index,
+                      isCurrent: entry.isCurrent
+                    }
+                  "
+                />
+              } @else {
+                @if (entry.isCurrent) {
+                  <span [class]="currentClasses()" aria-current="page">{{ entry.item.label }}</span>
+                } @else if (entry.item.disabled) {
+                  <span [class]="disabledClasses()" aria-disabled="true">{{ entry.item.label }}</span>
+                } @else if (entry.item.href) {
+                  <a [class]="linkClasses()" [attr.href]="entry.item.href">{{ entry.item.label }}</a>
+                } @else {
+                  <span [class]="linkClasses()">{{ entry.item.label }}</span>
+                }
+              }
+            </li>
+          } @else if (entry.kind === 'separator') {
+            <li [class]="separatorClasses()" aria-hidden="true">
+              @if (separatorTemplate(); as sepTpl) {
+                <ng-container *ngTemplateOutlet="sepTpl.templateRef" />
+              } @else {
+                <tw-icon [name]="separator()" [size]="iconSize()" />
+              }
+            </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>
+                    }
+                  }
+                </tw-menu>
+              </ng-template>
+            </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 });
+}
+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: `
+    <nav [attr.aria-label]="ariaLabel()">
+      <ol [class]="listClasses()">
+        @for (entry of renderedEntries(); track entry.key) {
+          @if (entry.kind === 'item') {
+            <li [class]="itemClasses()">
+              @if (itemTemplate(); as tpl) {
+                <ng-container
+                  *ngTemplateOutlet="
+                    tpl.templateRef;
+                    context: {
+                      $implicit: entry.item,
+                      item: entry.item,
+                      index: entry.index,
+                      isCurrent: entry.isCurrent
+                    }
+                  "
+                />
+              } @else {
+                @if (entry.isCurrent) {
+                  <span [class]="currentClasses()" aria-current="page">{{ entry.item.label }}</span>
+                } @else if (entry.item.disabled) {
+                  <span [class]="disabledClasses()" aria-disabled="true">{{ entry.item.label }}</span>
+                } @else if (entry.item.href) {
+                  <a [class]="linkClasses()" [attr.href]="entry.item.href">{{ entry.item.label }}</a>
+                } @else {
+                  <span [class]="linkClasses()">{{ entry.item.label }}</span>
+                }
+              }
+            </li>
+          } @else if (entry.kind === 'separator') {
+            <li [class]="separatorClasses()" aria-hidden="true">
+              @if (separatorTemplate(); as sepTpl) {
+                <ng-container *ngTemplateOutlet="sepTpl.templateRef" />
+              } @else {
+                <tw-icon [name]="separator()" [size]="iconSize()" />
+              }
+            </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>
+                    }
+                  }
+                </tw-menu>
+              </ng-template>
+            </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 }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BreadcrumbsComponent, BreadcrumbsItemTemplateDirective, BreadcrumbsLinkDirective, BreadcrumbsSeparatorTemplateDirective };
+//# sourceMappingURL=cdevhub-ngx-tw-breadcrumbs.mjs.map

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

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