@malva-ui/core 0.1.13 → 0.1.14

package/fesm2022/malva-ui-core-breadcrumb.mjs

@@ -0,0 +1,494 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, TemplateRef, Directive, computed, contentChild, contentChildren, viewChild, viewChildren, ElementRef } from '@angular/core';
+import { NgTemplateOutlet, DOCUMENT } from '@angular/common';
+import { RouterLink } from '@angular/router';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { LucideChevronRight } from '@lucide/angular';
+import { MlvPopup, MlvPopupTrigger, MlvPopupContent } from '@malva-ui/core/popup';
+import { MlvList, MlvListItem, MlvListItemLink } from '@malva-ui/core/list';
+import { MLV_BREADCRUMB_I18N, MlvI18nResolverService } from '@malva-ui/i18n';
+import { LEFT_ARROW, UP_ARROW, RIGHT_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
+import { MlvRtlService, mlvNextId } from '@malva-ui/cdk/utils';
+
+/**
+ * Individual breadcrumb item component.
+ *
+ * Renders a navigable link (via `routerLink` or `href`), or non-interactive
+ * text in one of three distinct states:
+ *
+ * - `current` — the page being viewed (`aria-current="page"`).
+ * - `disabled` — a destination that exists but is switched off for this user.
+ * - *plain* — the default when no link, `current` or `disabled` is given: an
+ *   ancestor step that simply has nowhere to navigate to.
+ *
+ * The last item in the breadcrumb list should have `current` set to `true`.
+ *
+ * @example Basic usage
+ * ```html
+ * <mlv-breadcrumb-item href="/home">Home</mlv-breadcrumb-item>
+ * <mlv-breadcrumb-item [routerLink]="['/products']">Products</mlv-breadcrumb-item>
+ * <mlv-breadcrumb-item [current]="true">Widget Pro</mlv-breadcrumb-item>
+ * ```
+ *
+ * @example Plain, non-navigable ancestor
+ * ```html
+ * <mlv-breadcrumb-item>Settings</mlv-breadcrumb-item>
+ * ```
+ */
+class MlvBreadcrumbItem {
+    /**
+     * Angular router link for navigation.
+     * Supports string or string array (same as `[routerLink]`).
+     */
+    routerLink = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "routerLink" }] : /* istanbul ignore next */ []));
+    /**
+     * Standard `href` for anchor-based navigation.
+     * Use when not using Angular Router.
+     */
+    href = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
+    /**
+     * When `true`, marks this item as the current page.
+     * Renders as non-interactive text with `aria-current="page"`.
+     */
+    current = input(false, { ...(ngDevMode ? { debugName: "current" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * When `true`, marks this step as **deliberately switched off** — a
+     * destination that exists but is currently unavailable to this user.
+     * Renders as non-interactive text with `.mlv-breadcrumb__link--disabled`.
+     *
+     * An ancestor step that merely has nowhere to navigate to is **not**
+     * disabled: omit `routerLink`, `href`, `current` and `disabled`, and the
+     * item renders as a plain readable crumb (`.mlv-breadcrumb__link--plain`).
+     */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvBreadcrumbItem, isStandalone: true, selector: "mlv-breadcrumb-item", inputs: { routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "mlv-breadcrumb__item" }, ngImport: i0, template: `
+    @if (current()) {
+      <span
+        class="mlv-breadcrumb__link mlv-breadcrumb__link--current"
+        aria-current="page"
+      >
+        <ng-container [ngTemplateOutlet]="content" />
+      </span>
+    } @else if (disabled()) {
+      <span class="mlv-breadcrumb__link mlv-breadcrumb__link--disabled">
+        <ng-container [ngTemplateOutlet]="content" />
+      </span>
+    } @else if (routerLink()) {
+      <a class="mlv-breadcrumb__link" [routerLink]="routerLink()">
+        <ng-container [ngTemplateOutlet]="content" />
+      </a>
+    } @else if (href()) {
+      <a class="mlv-breadcrumb__link" [href]="href()">
+        <ng-container [ngTemplateOutlet]="content" />
+      </a>
+    } @else {
+      <span class="mlv-breadcrumb__link mlv-breadcrumb__link--plain">
+        <ng-container [ngTemplateOutlet]="content" />
+      </span>
+    }
+    <ng-template #content><ng-content /></ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvBreadcrumbItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mlv-breadcrumb-item',
+                    imports: [RouterLink, NgTemplateOutlet],
+                    // A single <ng-content> lives inside #content and is stamped into whichever
+                    // branch is active. Declaring <ng-content> once per branch would leave every
+                    // branch except the first-declared one empty (Angular projects to the first
+                    // matching slot only), which silently dropped projected labels.
+                    template: `
+    @if (current()) {
+      <span
+        class="mlv-breadcrumb__link mlv-breadcrumb__link--current"
+        aria-current="page"
+      >
+        <ng-container [ngTemplateOutlet]="content" />
+      </span>
+    } @else if (disabled()) {
+      <span class="mlv-breadcrumb__link mlv-breadcrumb__link--disabled">
+        <ng-container [ngTemplateOutlet]="content" />
+      </span>
+    } @else if (routerLink()) {
+      <a class="mlv-breadcrumb__link" [routerLink]="routerLink()">
+        <ng-container [ngTemplateOutlet]="content" />
+      </a>
+    } @else if (href()) {
+      <a class="mlv-breadcrumb__link" [href]="href()">
+        <ng-container [ngTemplateOutlet]="content" />
+      </a>
+    } @else {
+      <span class="mlv-breadcrumb__link mlv-breadcrumb__link--plain">
+        <ng-container [ngTemplateOutlet]="content" />
+      </span>
+    }
+    <ng-template #content><ng-content /></ng-template>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: 'mlv-breadcrumb__item',
+                    },
+                }]
+        }], propDecorators: { routerLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLink", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+/**
+ * Structural directive that marks an `<ng-template>` as a custom separator
+ * to be rendered between breadcrumb items.
+ *
+ * When no `[mlvSeparator]` directive is present inside `nav[mlvBreadcrumb]`,
+ * the component falls back to a `LucideChevronRight` icon.
+ *
+ * @example Custom text separator
+ * ```html
+ * <nav mlvBreadcrumb [items]="items">
+ *   <ng-template mlvSeparator>›</ng-template>
+ * </nav>
+ * ```
+ *
+ * @example Custom icon separator
+ * ```html
+ * <nav mlvBreadcrumb [items]="items">
+ *   <ng-template mlvSeparator>
+ *     <svg lucideSlash [size]="14" />
+ *   </ng-template>
+ * </nav>
+ * ```
+ */
+class MlvBreadcrumbSeparator {
+    /** The template reference for the custom separator content. */
+    templateRef = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvBreadcrumbSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvBreadcrumbSeparator, isStandalone: true, selector: "[mlvSeparator]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvBreadcrumbSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvSeparator]',
+                }]
+        }] });
+
+/**
+ * Navigation breadcrumb component.
+ *
+ * Use with `nav[mlvBreadcrumb]` selector applied to a `<nav>` element.
+ * Renders a list of breadcrumb trail items with a customisable separator,
+ * optional overflow truncation with a popover for hidden items, and router
+ * integration.
+ *
+ * Supports two usage modes:
+ * 1. **Data-driven** — pass an array of `MlvBreadcrumbEntry` objects via `[items]`.
+ * 2. **Projected** — nest `<mlv-breadcrumb-item>` elements directly.
+ *
+ * The separator can be customised by placing `<ng-template mlvSeparator>` inside
+ * the `<nav>`. When no separator directive is present, a `LucideChevronRight` icon
+ * is used as the default.
+ *
+ * @example Data-driven
+ * ```html
+ * <nav mlvBreadcrumb [items]="breadcrumbs"></nav>
+ * ```
+ *
+ * @example Custom separator via structural directive
+ * ```html
+ * <nav mlvBreadcrumb [items]="breadcrumbs">
+ *   <ng-template mlvSeparator>›</ng-template>
+ * </nav>
+ * ```
+ *
+ * @example Projected items
+ * ```html
+ * <nav mlvBreadcrumb>
+ *   <mlv-breadcrumb-item href="/">Home</mlv-breadcrumb-item>
+ *   <mlv-breadcrumb-item [routerLink]="['/products']">Products</mlv-breadcrumb-item>
+ *   <mlv-breadcrumb-item [current]="true">Widget Pro</mlv-breadcrumb-item>
+ * </nav>
+ * ```
+ *
+ * @example With overflow truncation
+ * ```html
+ * <nav mlvBreadcrumb [items]="longBreadcrumbs" [maxItems]="4"></nav>
+ * ```
+ */
+class MlvBreadcrumb {
+    /** @protected The component's i18n strings signal. */
+    _i18n = inject(MLV_BREADCRUMB_I18N);
+    /** @private Resolver for ICU parameterized i18n strings. */
+    _resolver = inject(MlvI18nResolverService);
+    /**
+     * @protected Resolved aria-label for the overflow ellipsis button, e.g.
+     * "Show 3 more breadcrumb items".
+     */
+    _showMoreLabel = computed(() => this._resolver.resolve(this._i18n(), 'showMore', { count: this._hiddenItems().length }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_showMoreLabel" }] : /* istanbul ignore next */ []));
+    /** @private Document reference used for focus navigation checks. */
+    _document = inject(DOCUMENT);
+    _rtlService = inject(MlvRtlService);
+    /**
+     * Data-driven list of breadcrumb items.
+     * When provided, items are rendered from this array.
+     * The last item in the array is automatically treated as the current page.
+     */
+    items = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    /**
+     * Density applied to the overflow popover's item list.
+     *
+     * The popover is portaled to the CDK overlay container, outside the
+     * component's DOM tree, so ancestor density classes cannot cascade into it.
+     * Forwarded to the overflow `mlv-popup`, which stamps the resolved
+     * `mlv--{density}` class on the detached panel. When omitted, the global
+     * `MlvDensityService` density applies.
+     */
+    mlvDensity = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mlvDensity" }] : /* istanbul ignore next */ []));
+    /**
+     * Maximum number of items to display before truncating.
+     * When the total count exceeds this value, the middle items are collapsed
+     * into an ellipsis (`…`) button. Clicking the button opens a popover
+     * listing all hidden items. Always shows the first and last items.
+     * Set to `0` to disable truncation (show all items). Defaults to `0`.
+     */
+    maxItems = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxItems" }] : /* istanbul ignore next */ []));
+    /**
+     * When `true`, makes the separator `aria-hidden` to prevent screen readers
+     * from announcing it. Defaults to `true`.
+     */
+    hideSeparatorFromScreenReaders = input(true, { ...(ngDevMode ? { debugName: "hideSeparatorFromScreenReaders" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * @protected Custom separator template projected via `<ng-template mlvSeparator>`.
+     * When absent, a `LucideChevronRight` icon is rendered as the default separator.
+     */
+    _separatorDef = contentChild(MlvBreadcrumbSeparator, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_separatorDef" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Projected `mlv-breadcrumb-item` elements from content.
+     * Used when the component is operated in projected mode instead of data-driven.
+     */
+    _projectedItems = contentChildren(MlvBreadcrumbItem, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_projectedItems" }] : /* istanbul ignore next */ []));
+    /** @protected Ellipsis trigger used to restore focus after keyboard close. */
+    _overflowTriggerRef = viewChild('overflowTrigger', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_overflowTriggerRef" }] : /* istanbul ignore next */ []));
+    /**
+     * @private The focusable overflow-popover link elements, in DOM order. They are
+     * rendered by this component's own template (inside `mlvPopupContent`), so a
+     * signal view query resolves them — even though the popover content renders in
+     * a detached overlay. Replaces a `getElementById` + `querySelectorAll` lookup.
+     */
+    _overflowNavItems = viewChildren('overflowNavItem', { ...(ngDevMode ? { debugName: "_overflowNavItems" } : /* istanbul ignore next */ {}), read: ElementRef });
+    /** @protected Stable id applied to the overflow list element (menu container). */
+    _overflowListId = mlvNextId('mlv-breadcrumb-overflow');
+    /**
+     * @protected The computed visible items for data-driven mode, with overflow applied.
+     * Returns the full list when `maxItems` is 0 or not set.
+     */
+    _visibleItems = computed(() => {
+        const allItems = this.items();
+        const max = this.maxItems();
+        if (!allItems.length || max <= 0 || allItems.length <= max) {
+            return allItems;
+        }
+        // Always show at least first and last item
+        const effectiveMax = Math.max(max, 2);
+        const totalCount = allItems.length;
+        if (effectiveMax >= totalCount) {
+            return allItems;
+        }
+        // effectiveMax includes the ellipsis as one slot.
+        // Available visible item slots after reserving first, ellipsis, and last:
+        const firstCount = 1;
+        const lastCount = 1;
+        const ellipsisCount = 1;
+        const middleSlots = effectiveMax - firstCount - ellipsisCount - lastCount;
+        if (middleSlots <= 0) {
+            // Only show first, ellipsis, last
+            return [
+                allItems[0],
+                { label: '…', _isEllipsis: true },
+                allItems[totalCount - 1],
+            ];
+        }
+        const lastStart = totalCount - lastCount;
+        const visibleMiddle = allItems.slice(firstCount, firstCount + middleSlots);
+        return [
+            ...allItems.slice(0, firstCount),
+            { label: '…', _isEllipsis: true },
+            ...visibleMiddle,
+            ...allItems.slice(lastStart),
+        ];
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_visibleItems" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected The hidden items that are collapsed behind the ellipsis.
+     * These are shown in the popover when the ellipsis button is clicked.
+     */
+    _hiddenItems = computed(() => {
+        const allItems = this.items();
+        const max = this.maxItems();
+        if (!allItems.length || max <= 0 || allItems.length <= max) {
+            return [];
+        }
+        const effectiveMax = Math.max(max, 2);
+        const totalCount = allItems.length;
+        if (effectiveMax >= totalCount) {
+            return [];
+        }
+        const firstCount = 1;
+        const lastCount = 1;
+        const ellipsisCount = 1;
+        const middleSlots = effectiveMax - firstCount - ellipsisCount - lastCount;
+        if (middleSlots <= 0) {
+            // All middle items are hidden (exclude first and last)
+            return allItems.slice(firstCount, totalCount - lastCount);
+        }
+        // The items shown in the ellipsis are those NOT shown in _visibleItems
+        // visible middle is: allItems[firstCount .. firstCount + middleSlots - 1]
+        // so hidden middle is: allItems[firstCount + middleSlots .. totalCount - lastCount - 1]
+        return allItems.slice(firstCount + middleSlots, totalCount - lastCount);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hiddenItems" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Whether the component is used in data-driven mode (items provided via input).
+     * When false, rendered items come from projected `<mlv-breadcrumb-item>` elements.
+     */
+    _isDataDriven = computed(() => this.items().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isDataDriven" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Moves focus to the first actionable item after the overflow popup opens.
+     */
+    _focusFirstOverflowItem() {
+        queueMicrotask(() => {
+            this._focusOverflowItem(0);
+        });
+    }
+    /**
+     * @protected Handles arrow-key navigation within the overflow popup.
+     */
+    _onOverflowKeydown(event, popup) {
+        const items = this._overflowItemElements();
+        if (!items.length)
+            return;
+        const currentIndex = items.indexOf(this._document.activeElement);
+        const activeIndex = currentIndex >= 0 ? currentIndex : 0;
+        let nextIndex = activeIndex;
+        switch (this._rtlService.normalizeArrowKey(event) ?? event.key) {
+            case DOWN_ARROW:
+            case RIGHT_ARROW:
+                nextIndex = (activeIndex + 1) % items.length;
+                break;
+            case UP_ARROW:
+            case LEFT_ARROW:
+                nextIndex = (activeIndex - 1 + items.length) % items.length;
+                break;
+            case 'Home':
+                nextIndex = 0;
+                break;
+            case 'End':
+                nextIndex = items.length - 1;
+                break;
+            case 'Escape':
+                event.preventDefault();
+                popup.opened.set(false);
+                this._overflowTriggerRef()?.focus();
+                return;
+            default:
+                return;
+        }
+        event.preventDefault();
+        items[nextIndex]?.focus();
+    }
+    /**
+     * @protected Closes the overflow popup after an item is activated.
+     */
+    _closeOverflowPopup(popup) {
+        popup.opened.set(false);
+    }
+    /**
+     * @private Focuses an overflow item by index when it exists.
+     */
+    _focusOverflowItem(index) {
+        this._overflowItemElements()[index]?.focus();
+    }
+    /**
+     * @private Returns currently rendered focusable overflow item elements.
+     */
+    _overflowItemElements() {
+        return this._overflowNavItems().map((ref) => ref.nativeElement);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvBreadcrumb, isStandalone: true, selector: "nav[mlvBreadcrumb]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, mlvDensity: { classPropertyName: "mlvDensity", publicName: "mlvDensity", isSignal: true, isRequired: false, transformFunction: null }, maxItems: { classPropertyName: "maxItems", publicName: "maxItems", isSignal: true, isRequired: false, transformFunction: null }, hideSeparatorFromScreenReaders: { classPropertyName: "hideSeparatorFromScreenReaders", publicName: "hideSeparatorFromScreenReaders", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "navigation" }, properties: { "attr.aria-label": "_i18n().label" }, classAttribute: "mlv-breadcrumb" }, queries: [{ propertyName: "_separatorDef", first: true, predicate: MlvBreadcrumbSeparator, descendants: true, isSignal: true }, { propertyName: "_projectedItems", predicate: MlvBreadcrumbItem, isSignal: true }], viewQueries: [{ propertyName: "_overflowTriggerRef", first: true, predicate: ["overflowTrigger"], descendants: true, isSignal: true }, { propertyName: "_overflowNavItems", predicate: ["overflowNavItem"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<ol class=\"mlv-breadcrumb__list\">\n  @if (_isDataDriven()) { @for ( item of _visibleItems(); track item.label; let\n  last = $last; let i = $index ) {\n  <li class=\"mlv-breadcrumb__item\">\n    @if (item._isEllipsis) {\n    <button\n      #overflowTrigger\n      class=\"mlv-breadcrumb__ellipsis\"\n      type=\"button\"\n      [attr.aria-label]=\"_showMoreLabel()\"\n      [mlvPopupTrigger]=\"overflowPopup\"\n      [ariaHasPopup]=\"'menu'\"\n    >\n      {{ item.label }}\n    </button>\n    } @else if (last) {\n    <span\n      class=\"mlv-breadcrumb__link mlv-breadcrumb__link--current\"\n      aria-current=\"page\"\n      >{{ item.label }}</span\n    >\n    } @else if (item.disabled) {\n    <span class=\"mlv-breadcrumb__link mlv-breadcrumb__link--disabled\"\n      >{{ item.label }}</span\n    >\n    } @else if (item.routerLink) {\n    <a class=\"mlv-breadcrumb__link\" [routerLink]=\"item.routerLink\"\n      >{{ item.label }}</a\n    >\n    } @else if (item.href) {\n    <a class=\"mlv-breadcrumb__link\" [href]=\"item.href\">{{ item.label }}</a>\n    } @else {\n    <span class=\"mlv-breadcrumb__link mlv-breadcrumb__link--plain\"\n      >{{ item.label }}</span\n    >\n    } @if (!last) {\n    <span\n      class=\"mlv-breadcrumb__separator\"\n      [attr.aria-hidden]=\"\n              hideSeparatorFromScreenReaders() ? 'true' : null\n            \"\n    >\n      @if (_separatorDef(); as sep) {\n      <ng-container [ngTemplateOutlet]=\"sep.templateRef\" />\n      } @else {\n      <svg lucideChevronRight [size]=\"14\" />\n      }\n    </span>\n    }\n  </li>\n  } } @else {\n  <ng-content />\n  }\n</ol>\n\n<!-- Overflow popup using mlv-popup -->\n<mlv-popup\n  #overflowPopup\n  position=\"bottom-start\"\n  [hasShadow]=\"true\"\n  [mlvDensity]=\"mlvDensity()\"\n  class=\"mlv-breadcrumb__overflow-popup\"\n  (afterOpened)=\"_focusFirstOverflowItem()\"\n>\n  <ng-template mlvPopupContent>\n    <mlv-list\n      [id]=\"_overflowListId\"\n      listRole=\"menu\"\n      appearance=\"menu\"\n      [attr.aria-label]=\"_i18n().hiddenItems\"\n      class=\"mlv-breadcrumb__overflow-list\"\n      (keydown)=\"_onOverflowKeydown($event, overflowPopup)\"\n    >\n      @for (hidden of _hiddenItems(); track hidden.label) {\n      <mlv-list-item\n        itemRole=\"none\"\n        class=\"mlv-breadcrumb__overflow-item\"\n        (click)=\"overflowPopup.opened.set(false)\"\n      >\n        @if (hidden.routerLink) {\n        <a\n          #overflowNavItem\n          class=\"mlv-breadcrumb__overflow-nav-item\"\n          mlvListItemLink\n          role=\"menuitem\"\n          [routerLink]=\"hidden.routerLink\"\n          (click)=\"_closeOverflowPopup(overflowPopup)\"\n        >\n          {{ hidden.label }}\n        </a>\n        } @else if (hidden.href) {\n        <a\n          #overflowNavItem\n          class=\"mlv-breadcrumb__overflow-nav-item\"\n          mlvListItemLink\n          role=\"menuitem\"\n          [href]=\"hidden.href\"\n          (click)=\"_closeOverflowPopup(overflowPopup)\"\n        >\n          {{ hidden.label }}\n        </a>\n        } @else {\n        <span\n          class=\"mlv-breadcrumb__overflow-link--disabled\"\n          role=\"menuitem\"\n          aria-disabled=\"true\"\n        >\n          {{ hidden.label }}\n        </span>\n        }\n      </mlv-list-item>\n      }\n    </mlv-list>\n  </ng-template>\n</mlv-popup>\n", styles: ["@layer mlv.components{.mlv-breadcrumb{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-breadcrumb *{box-sizing:border-box}.mlv-breadcrumb{--mlv-breadcrumb-disabled-color: var(--mlv-text-secondary);display:block}.mlv-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.25rem}.mlv-breadcrumb__item{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.mlv-breadcrumb__link{color:var(--mlv-text-action);text-decoration:none;font-size:var(--mlv-font-size-m);border-radius:var(--mlv-radius-xs);transition:color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-breadcrumb__link:hover{color:var(--mlv-text-action-hover);text-decoration:underline}.mlv-breadcrumb__link:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}.mlv-breadcrumb__link--current{color:var(--mlv-text-primary);font-weight:var(--mlv-font-weight-medium);cursor:default;pointer-events:none;text-decoration:none}.mlv-breadcrumb__link--current:hover{color:var(--mlv-text-primary);text-decoration:none}.mlv-breadcrumb__link--plain{color:var(--mlv-text-secondary);cursor:default;text-decoration:none}.mlv-breadcrumb__link--plain:hover{color:var(--mlv-text-secondary);text-decoration:none}.mlv-breadcrumb__link--disabled{color:var(--mlv-breadcrumb-disabled-color);cursor:default;pointer-events:none;text-decoration:none}.mlv-breadcrumb__link--disabled:hover{color:var(--mlv-breadcrumb-disabled-color);text-decoration:none}.mlv-breadcrumb__separator{display:inline-flex;align-items:center;color:var(--mlv-text-secondary);font-size:var(--mlv-font-size-m);-webkit-user-select:none;user-select:none;flex-shrink:0}.mlv-breadcrumb__ellipsis{display:inline-flex;align-items:center;justify-content:center;color:var(--mlv-text-secondary);font-size:var(--mlv-font-size-m);background:none;border:none;padding:0 .25rem;margin:0;cursor:pointer;border-radius:var(--mlv-radius-xs);transition:color var(--mlv-duration-fast) var(--mlv-ease-default),background-color var(--mlv-duration-fast) var(--mlv-ease-default);font-family:inherit;line-height:inherit}.mlv-breadcrumb__ellipsis:hover{color:var(--mlv-text-action);background-color:var(--mlv-background-neutral-1)}.mlv-breadcrumb__ellipsis:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}.mlv-breadcrumb__overflow-popup{padding:var(--mlv-popover-inset);overflow:hidden;min-width:10rem}.mlv-breadcrumb__overflow-list{--mlv-list-padding-block: 0;--mlv-list-padding-inline: 0;--mlv-list-gap: var(--mlv-spacing-0-5)}.mlv-breadcrumb__overflow-link--disabled{display:block;color:var(--mlv-breadcrumb-disabled-color, var(--mlv-text-secondary));cursor:default;pointer-events:none;font-size:var(--mlv-font-size-m)}@media(prefers-reduced-motion:reduce){.mlv-breadcrumb,.mlv-breadcrumb *,.mlv-breadcrumb:before,.mlv-breadcrumb:after,[class^=mlv-breadcrumb__],[class*=\" mlv-breadcrumb__\"],[class^=mlv-breadcrumb--],[class*=\" mlv-breadcrumb--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: LucideChevronRight, selector: "svg[lucideChevronRight]" }, { kind: "component", type: MlvPopup, selector: "mlv-popup", inputs: ["position", "positions", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "hasArrow", "hasShadow", "class", "mlvDensity", "flexibleDimensions", "scrollStrategy", "hasBackdrop", "restrictPosition", "panelRole", "modal", "ariaLabel", "dismissExcludeElements", "mobileMode", "mobileBreakpoint", "mobileTitle", "mobileCloseLabel", "opened"], outputs: ["openedChange", "afterOpened", "afterClosed"] }, { kind: "directive", type: MlvPopupTrigger, selector: "[mlvPopupTrigger]", inputs: ["mlvPopupTrigger", "triggerOn", "ariaHasPopup"], exportAs: ["mlvPopupTrigger"] }, { kind: "directive", type: MlvPopupContent, selector: "[mlvPopupContent]" }, { kind: "component", type: MlvList, selector: "mlv-list", inputs: ["listRole", "variant", "appearance"] }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: MlvListItemLink, selector: "a[mlvListItemLink]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvBreadcrumb, decorators: [{
+            type: Component,
+            args: [{ selector: 'nav[mlvBreadcrumb]', imports: [
+                        NgTemplateOutlet,
+                        RouterLink,
+                        LucideChevronRight,
+                        MlvPopup,
+                        MlvPopupTrigger,
+                        MlvPopupContent,
+                        MlvList,
+                        MlvListItem,
+                        MlvListItemLink,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-breadcrumb',
+                        role: 'navigation',
+                        '[attr.aria-label]': '_i18n().label',
+                    }, template: "<ol class=\"mlv-breadcrumb__list\">\n  @if (_isDataDriven()) { @for ( item of _visibleItems(); track item.label; let\n  last = $last; let i = $index ) {\n  <li class=\"mlv-breadcrumb__item\">\n    @if (item._isEllipsis) {\n    <button\n      #overflowTrigger\n      class=\"mlv-breadcrumb__ellipsis\"\n      type=\"button\"\n      [attr.aria-label]=\"_showMoreLabel()\"\n      [mlvPopupTrigger]=\"overflowPopup\"\n      [ariaHasPopup]=\"'menu'\"\n    >\n      {{ item.label }}\n    </button>\n    } @else if (last) {\n    <span\n      class=\"mlv-breadcrumb__link mlv-breadcrumb__link--current\"\n      aria-current=\"page\"\n      >{{ item.label }}</span\n    >\n    } @else if (item.disabled) {\n    <span class=\"mlv-breadcrumb__link mlv-breadcrumb__link--disabled\"\n      >{{ item.label }}</span\n    >\n    } @else if (item.routerLink) {\n    <a class=\"mlv-breadcrumb__link\" [routerLink]=\"item.routerLink\"\n      >{{ item.label }}</a\n    >\n    } @else if (item.href) {\n    <a class=\"mlv-breadcrumb__link\" [href]=\"item.href\">{{ item.label }}</a>\n    } @else {\n    <span class=\"mlv-breadcrumb__link mlv-breadcrumb__link--plain\"\n      >{{ item.label }}</span\n    >\n    } @if (!last) {\n    <span\n      class=\"mlv-breadcrumb__separator\"\n      [attr.aria-hidden]=\"\n              hideSeparatorFromScreenReaders() ? 'true' : null\n            \"\n    >\n      @if (_separatorDef(); as sep) {\n      <ng-container [ngTemplateOutlet]=\"sep.templateRef\" />\n      } @else {\n      <svg lucideChevronRight [size]=\"14\" />\n      }\n    </span>\n    }\n  </li>\n  } } @else {\n  <ng-content />\n  }\n</ol>\n\n<!-- Overflow popup using mlv-popup -->\n<mlv-popup\n  #overflowPopup\n  position=\"bottom-start\"\n  [hasShadow]=\"true\"\n  [mlvDensity]=\"mlvDensity()\"\n  class=\"mlv-breadcrumb__overflow-popup\"\n  (afterOpened)=\"_focusFirstOverflowItem()\"\n>\n  <ng-template mlvPopupContent>\n    <mlv-list\n      [id]=\"_overflowListId\"\n      listRole=\"menu\"\n      appearance=\"menu\"\n      [attr.aria-label]=\"_i18n().hiddenItems\"\n      class=\"mlv-breadcrumb__overflow-list\"\n      (keydown)=\"_onOverflowKeydown($event, overflowPopup)\"\n    >\n      @for (hidden of _hiddenItems(); track hidden.label) {\n      <mlv-list-item\n        itemRole=\"none\"\n        class=\"mlv-breadcrumb__overflow-item\"\n        (click)=\"overflowPopup.opened.set(false)\"\n      >\n        @if (hidden.routerLink) {\n        <a\n          #overflowNavItem\n          class=\"mlv-breadcrumb__overflow-nav-item\"\n          mlvListItemLink\n          role=\"menuitem\"\n          [routerLink]=\"hidden.routerLink\"\n          (click)=\"_closeOverflowPopup(overflowPopup)\"\n        >\n          {{ hidden.label }}\n        </a>\n        } @else if (hidden.href) {\n        <a\n          #overflowNavItem\n          class=\"mlv-breadcrumb__overflow-nav-item\"\n          mlvListItemLink\n          role=\"menuitem\"\n          [href]=\"hidden.href\"\n          (click)=\"_closeOverflowPopup(overflowPopup)\"\n        >\n          {{ hidden.label }}\n        </a>\n        } @else {\n        <span\n          class=\"mlv-breadcrumb__overflow-link--disabled\"\n          role=\"menuitem\"\n          aria-disabled=\"true\"\n        >\n          {{ hidden.label }}\n        </span>\n        }\n      </mlv-list-item>\n      }\n    </mlv-list>\n  </ng-template>\n</mlv-popup>\n", styles: ["@layer mlv.components{.mlv-breadcrumb{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-breadcrumb *{box-sizing:border-box}.mlv-breadcrumb{--mlv-breadcrumb-disabled-color: var(--mlv-text-secondary);display:block}.mlv-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.25rem}.mlv-breadcrumb__item{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.mlv-breadcrumb__link{color:var(--mlv-text-action);text-decoration:none;font-size:var(--mlv-font-size-m);border-radius:var(--mlv-radius-xs);transition:color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-breadcrumb__link:hover{color:var(--mlv-text-action-hover);text-decoration:underline}.mlv-breadcrumb__link:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}.mlv-breadcrumb__link--current{color:var(--mlv-text-primary);font-weight:var(--mlv-font-weight-medium);cursor:default;pointer-events:none;text-decoration:none}.mlv-breadcrumb__link--current:hover{color:var(--mlv-text-primary);text-decoration:none}.mlv-breadcrumb__link--plain{color:var(--mlv-text-secondary);cursor:default;text-decoration:none}.mlv-breadcrumb__link--plain:hover{color:var(--mlv-text-secondary);text-decoration:none}.mlv-breadcrumb__link--disabled{color:var(--mlv-breadcrumb-disabled-color);cursor:default;pointer-events:none;text-decoration:none}.mlv-breadcrumb__link--disabled:hover{color:var(--mlv-breadcrumb-disabled-color);text-decoration:none}.mlv-breadcrumb__separator{display:inline-flex;align-items:center;color:var(--mlv-text-secondary);font-size:var(--mlv-font-size-m);-webkit-user-select:none;user-select:none;flex-shrink:0}.mlv-breadcrumb__ellipsis{display:inline-flex;align-items:center;justify-content:center;color:var(--mlv-text-secondary);font-size:var(--mlv-font-size-m);background:none;border:none;padding:0 .25rem;margin:0;cursor:pointer;border-radius:var(--mlv-radius-xs);transition:color var(--mlv-duration-fast) var(--mlv-ease-default),background-color var(--mlv-duration-fast) var(--mlv-ease-default);font-family:inherit;line-height:inherit}.mlv-breadcrumb__ellipsis:hover{color:var(--mlv-text-action);background-color:var(--mlv-background-neutral-1)}.mlv-breadcrumb__ellipsis:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}.mlv-breadcrumb__overflow-popup{padding:var(--mlv-popover-inset);overflow:hidden;min-width:10rem}.mlv-breadcrumb__overflow-list{--mlv-list-padding-block: 0;--mlv-list-padding-inline: 0;--mlv-list-gap: var(--mlv-spacing-0-5)}.mlv-breadcrumb__overflow-link--disabled{display:block;color:var(--mlv-breadcrumb-disabled-color, var(--mlv-text-secondary));cursor:default;pointer-events:none;font-size:var(--mlv-font-size-m)}@media(prefers-reduced-motion:reduce){.mlv-breadcrumb,.mlv-breadcrumb *,.mlv-breadcrumb:before,.mlv-breadcrumb:after,[class^=mlv-breadcrumb__],[class*=\" mlv-breadcrumb__\"],[class^=mlv-breadcrumb--],[class*=\" mlv-breadcrumb--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], mlvDensity: [{ type: i0.Input, args: [{ isSignal: true, alias: "mlvDensity", required: false }] }], maxItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxItems", required: false }] }], hideSeparatorFromScreenReaders: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideSeparatorFromScreenReaders", required: false }] }], _separatorDef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvBreadcrumbSeparator), { isSignal: true }] }], _projectedItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => MlvBreadcrumbItem), { isSignal: true }] }], _overflowTriggerRef: [{ type: i0.ViewChild, args: ['overflowTrigger', { isSignal: true }] }], _overflowNavItems: [{ type: i0.ViewChildren, args: ['overflowNavItem', { ...{
+                            read: ElementRef,
+                        }, isSignal: true }] }] } });
+
+/**
+ * Attribute directive that can be applied to any `<a>` or `<li>` element as an
+ * alternative to using the `<mlv-breadcrumb-item>` component. Applies the
+ * correct BEM classes without replacing the native element.
+ *
+ * Use this when you need to preserve native element semantics (e.g., when
+ * working with a router `<a>` element inside a list item, or when composing
+ * with third-party link components).
+ *
+ * @example Applied to a native anchor inside an `<li>`
+ * ```html
+ * <nav mlvBreadcrumb>
+ *   <ol class="mlv-breadcrumb__list">
+ *     <li mlvBreadcrumbItem class="mlv-breadcrumb__item">
+ *       <a mlvBreadcrumbItem class="mlv-breadcrumb__link" href="/">Home</a>
+ *     </li>
+ *   </ol>
+ * </nav>
+ * ```
+ *
+ * @example Applied to a `<li>` element
+ * ```html
+ * <li mlvBreadcrumbItem>
+ *   <a class="mlv-breadcrumb__link" href="/products">Products</a>
+ * </li>
+ * ```
+ */
+class MlvBreadcrumbItemHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvBreadcrumbItemHost, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvBreadcrumbItemHost, isStandalone: true, selector: "[mlvBreadcrumbItem]", host: { classAttribute: "mlv-breadcrumb__item" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvBreadcrumbItemHost, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvBreadcrumbItem]',
+                    host: {
+                        class: 'mlv-breadcrumb__item',
+                    },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MlvBreadcrumb, MlvBreadcrumbItem, MlvBreadcrumbItemHost, MlvBreadcrumbSeparator };
+//# sourceMappingURL=malva-ui-core-breadcrumb.mjs.map

package/fesm2022/malva-ui-core-breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-breadcrumb.mjs","sources":["../../../../libs/core/breadcrumb/src/lib/breadcrumb/breadcrumb-item.ts","../../../../libs/core/breadcrumb/src/lib/breadcrumb/breadcrumb-separator.ts","../../../../libs/core/breadcrumb/src/lib/breadcrumb/breadcrumb.ts","../../../../libs/core/breadcrumb/src/lib/breadcrumb/breadcrumb.html","../../../../libs/core/breadcrumb/src/lib/breadcrumb/breadcrumb-item-host.ts","../../../../libs/core/breadcrumb/src/malva-ui-core-breadcrumb.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { RouterLink } from '@angular/router';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\n/**\n * Individual breadcrumb item component.\n *\n * Renders a navigable link (via `routerLink` or `href`), or non-interactive\n * text in one of three distinct states:\n *\n * - `current` — the page being viewed (`aria-current=\"page\"`).\n * - `disabled` — a destination that exists but is switched off for this user.\n * - *plain* — the default when no link, `current` or `disabled` is given: an\n *   ancestor step that simply has nowhere to navigate to.\n *\n * The last item in the breadcrumb list should have `current` set to `true`.\n *\n * @example Basic usage\n * ```html\n * <mlv-breadcrumb-item href=\"/home\">Home</mlv-breadcrumb-item>\n * <mlv-breadcrumb-item [routerLink]=\"['/products']\">Products</mlv-breadcrumb-item>\n * <mlv-breadcrumb-item [current]=\"true\">Widget Pro</mlv-breadcrumb-item>\n * ```\n *\n * @example Plain, non-navigable ancestor\n * ```html\n * <mlv-breadcrumb-item>Settings</mlv-breadcrumb-item>\n * ```\n */\n@Component({\n  selector: 'mlv-breadcrumb-item',\n  imports: [RouterLink, NgTemplateOutlet],\n  // A single <ng-content> lives inside #content and is stamped into whichever\n  // branch is active. Declaring <ng-content> once per branch would leave every\n  // branch except the first-declared one empty (Angular projects to the first\n  // matching slot only), which silently dropped projected labels.\n  template: `\n    @if (current()) {\n      <span\n        class=\"mlv-breadcrumb__link mlv-breadcrumb__link--current\"\n        aria-current=\"page\"\n      >\n        <ng-container [ngTemplateOutlet]=\"content\" />\n      </span>\n    } @else if (disabled()) {\n      <span class=\"mlv-breadcrumb__link mlv-breadcrumb__link--disabled\">\n        <ng-container [ngTemplateOutlet]=\"content\" />\n      </span>\n    } @else if (routerLink()) {\n      <a class=\"mlv-breadcrumb__link\" [routerLink]=\"routerLink()\">\n        <ng-container [ngTemplateOutlet]=\"content\" />\n      </a>\n    } @else if (href()) {\n      <a class=\"mlv-breadcrumb__link\" [href]=\"href()\">\n        <ng-container [ngTemplateOutlet]=\"content\" />\n      </a>\n    } @else {\n      <span class=\"mlv-breadcrumb__link mlv-breadcrumb__link--plain\">\n        <ng-container [ngTemplateOutlet]=\"content\" />\n      </span>\n    }\n    <ng-template #content><ng-content /></ng-template>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-breadcrumb__item',\n  },\n})\nexport class MlvBreadcrumbItem {\n  /**\n   * Angular router link for navigation.\n   * Supports string or string array (same as `[routerLink]`).\n   */\n  readonly routerLink = input<string | string[] | null>(null);\n\n  /**\n   * Standard `href` for anchor-based navigation.\n   * Use when not using Angular Router.\n   */\n  readonly href = input<string | null>(null);\n\n  /**\n   * When `true`, marks this item as the current page.\n   * Renders as non-interactive text with `aria-current=\"page\"`.\n   */\n  readonly current = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * When `true`, marks this step as **deliberately switched off** — a\n   * destination that exists but is currently unavailable to this user.\n   * Renders as non-interactive text with `.mlv-breadcrumb__link--disabled`.\n   *\n   * An ancestor step that merely has nowhere to navigate to is **not**\n   * disabled: omit `routerLink`, `href`, `current` and `disabled`, and the\n   * item renders as a plain readable crumb (`.mlv-breadcrumb__link--plain`).\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n/**\n * Structural directive that marks an `<ng-template>` as a custom separator\n * to be rendered between breadcrumb items.\n *\n * When no `[mlvSeparator]` directive is present inside `nav[mlvBreadcrumb]`,\n * the component falls back to a `LucideChevronRight` icon.\n *\n * @example Custom text separator\n * ```html\n * <nav mlvBreadcrumb [items]=\"items\">\n *   <ng-template mlvSeparator>›</ng-template>\n * </nav>\n * ```\n *\n * @example Custom icon separator\n * ```html\n * <nav mlvBreadcrumb [items]=\"items\">\n *   <ng-template mlvSeparator>\n *     <svg lucideSlash [size]=\"14\" />\n *   </ng-template>\n * </nav>\n * ```\n */\n@Directive({\n  selector: '[mlvSeparator]',\n})\nexport class MlvBreadcrumbSeparator {\n  /** The template reference for the custom separator content. */\n  readonly templateRef = inject(TemplateRef);\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  contentChildren,\n  ElementRef,\n  inject,\n  input,\n  viewChild,\n  viewChildren,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { DOCUMENT, NgTemplateOutlet } from '@angular/common';\nimport { RouterLink } from '@angular/router';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { LucideChevronRight } from '@lucide/angular';\nimport {\n  MlvPopup,\n  MlvPopupContent,\n  MlvPopupTrigger,\n} from '@malva-ui/core/popup';\nimport { MlvList, MlvListItem, MlvListItemLink } from '@malva-ui/core/list';\nimport { MlvBreadcrumbItem } from './breadcrumb-item';\nimport { MlvBreadcrumbSeparator } from './breadcrumb-separator';\nimport type { MlvBreadcrumbEntry } from './breadcrumb.types';\nimport { MLV_BREADCRUMB_I18N, MlvI18nResolverService } from '@malva-ui/i18n';\nimport { DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, UP_ARROW } from '@angular/cdk/keycodes';\nimport { MlvRtlService, mlvNextId } from '@malva-ui/cdk/utils';\nimport type { MlvDensity } from '@malva-ui/cdk/density';\n\n/**\n * Navigation breadcrumb component.\n *\n * Use with `nav[mlvBreadcrumb]` selector applied to a `<nav>` element.\n * Renders a list of breadcrumb trail items with a customisable separator,\n * optional overflow truncation with a popover for hidden items, and router\n * integration.\n *\n * Supports two usage modes:\n * 1. **Data-driven** — pass an array of `MlvBreadcrumbEntry` objects via `[items]`.\n * 2. **Projected** — nest `<mlv-breadcrumb-item>` elements directly.\n *\n * The separator can be customised by placing `<ng-template mlvSeparator>` inside\n * the `<nav>`. When no separator directive is present, a `LucideChevronRight` icon\n * is used as the default.\n *\n * @example Data-driven\n * ```html\n * <nav mlvBreadcrumb [items]=\"breadcrumbs\"></nav>\n * ```\n *\n * @example Custom separator via structural directive\n * ```html\n * <nav mlvBreadcrumb [items]=\"breadcrumbs\">\n *   <ng-template mlvSeparator>›</ng-template>\n * </nav>\n * ```\n *\n * @example Projected items\n * ```html\n * <nav mlvBreadcrumb>\n *   <mlv-breadcrumb-item href=\"/\">Home</mlv-breadcrumb-item>\n *   <mlv-breadcrumb-item [routerLink]=\"['/products']\">Products</mlv-breadcrumb-item>\n *   <mlv-breadcrumb-item [current]=\"true\">Widget Pro</mlv-breadcrumb-item>\n * </nav>\n * ```\n *\n * @example With overflow truncation\n * ```html\n * <nav mlvBreadcrumb [items]=\"longBreadcrumbs\" [maxItems]=\"4\"></nav>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'nav[mlvBreadcrumb]',\n  imports: [\n    NgTemplateOutlet,\n    RouterLink,\n    LucideChevronRight,\n    MlvPopup,\n    MlvPopupTrigger,\n    MlvPopupContent,\n    MlvList,\n    MlvListItem,\n    MlvListItemLink,\n  ],\n  templateUrl: './breadcrumb.html',\n  styleUrl: './breadcrumb.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-breadcrumb',\n    role: 'navigation',\n    '[attr.aria-label]': '_i18n().label',\n  },\n})\nexport class MlvBreadcrumb {\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_BREADCRUMB_I18N);\n\n  /** @private Resolver for ICU parameterized i18n strings. */\n  private readonly _resolver = inject(MlvI18nResolverService);\n\n  /**\n   * @protected Resolved aria-label for the overflow ellipsis button, e.g.\n   * \"Show 3 more breadcrumb items\".\n   */\n  protected readonly _showMoreLabel = computed(() =>\n    this._resolver.resolve(\n      this._i18n() as unknown as Record<string, string>,\n      'showMore',\n      { count: this._hiddenItems().length },\n    ),\n  );\n\n  /** @private Document reference used for focus navigation checks. */\n  private readonly _document = inject(DOCUMENT);\n  private readonly _rtlService = inject(MlvRtlService);\n\n  /**\n   * Data-driven list of breadcrumb items.\n   * When provided, items are rendered from this array.\n   * The last item in the array is automatically treated as the current page.\n   */\n  readonly items = input<MlvBreadcrumbEntry[]>([]);\n\n  /**\n   * Density applied to the overflow popover's item list.\n   *\n   * The popover is portaled to the CDK overlay container, outside the\n   * component's DOM tree, so ancestor density classes cannot cascade into it.\n   * Forwarded to the overflow `mlv-popup`, which stamps the resolved\n   * `mlv--{density}` class on the detached panel. When omitted, the global\n   * `MlvDensityService` density applies.\n   */\n  readonly mlvDensity = input<MlvDensity | undefined>(undefined);\n\n  /**\n   * Maximum number of items to display before truncating.\n   * When the total count exceeds this value, the middle items are collapsed\n   * into an ellipsis (`…`) button. Clicking the button opens a popover\n   * listing all hidden items. Always shows the first and last items.\n   * Set to `0` to disable truncation (show all items). Defaults to `0`.\n   */\n  readonly maxItems = input<number>(0);\n\n  /**\n   * When `true`, makes the separator `aria-hidden` to prevent screen readers\n   * from announcing it. Defaults to `true`.\n   */\n  readonly hideSeparatorFromScreenReaders = input<boolean, BooleanInput>(true, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * @protected Custom separator template projected via `<ng-template mlvSeparator>`.\n   * When absent, a `LucideChevronRight` icon is rendered as the default separator.\n   */\n  protected readonly _separatorDef = contentChild(MlvBreadcrumbSeparator);\n\n  /**\n   * @protected Projected `mlv-breadcrumb-item` elements from content.\n   * Used when the component is operated in projected mode instead of data-driven.\n   */\n  protected readonly _projectedItems = contentChildren(MlvBreadcrumbItem);\n\n  /** @protected Ellipsis trigger used to restore focus after keyboard close. */\n  protected readonly _overflowTriggerRef =\n    viewChild<HTMLButtonElement>('overflowTrigger');\n\n  /**\n   * @private The focusable overflow-popover link elements, in DOM order. They are\n   * rendered by this component's own template (inside `mlvPopupContent`), so a\n   * signal view query resolves them — even though the popover content renders in\n   * a detached overlay. Replaces a `getElementById` + `querySelectorAll` lookup.\n   */\n  private readonly _overflowNavItems = viewChildren('overflowNavItem', {\n    read: ElementRef,\n  });\n\n  /** @protected Stable id applied to the overflow list element (menu container). */\n  protected readonly _overflowListId = mlvNextId('mlv-breadcrumb-overflow');\n\n  /**\n   * @protected The computed visible items for data-driven mode, with overflow applied.\n   * Returns the full list when `maxItems` is 0 or not set.\n   */\n  protected readonly _visibleItems = computed<\n    Array<MlvBreadcrumbEntry & { _isEllipsis?: boolean }>\n  >(() => {\n    const allItems = this.items();\n    const max = this.maxItems();\n\n    if (!allItems.length || max <= 0 || allItems.length <= max) {\n      return allItems;\n    }\n\n    // Always show at least first and last item\n    const effectiveMax = Math.max(max, 2);\n    const totalCount = allItems.length;\n\n    if (effectiveMax >= totalCount) {\n      return allItems;\n    }\n\n    // effectiveMax includes the ellipsis as one slot.\n    // Available visible item slots after reserving first, ellipsis, and last:\n    const firstCount = 1;\n    const lastCount = 1;\n    const ellipsisCount = 1;\n    const middleSlots = effectiveMax - firstCount - ellipsisCount - lastCount;\n\n    if (middleSlots <= 0) {\n      // Only show first, ellipsis, last\n      return [\n        allItems[0],\n        { label: '…', _isEllipsis: true },\n        allItems[totalCount - 1],\n      ];\n    }\n\n    const lastStart = totalCount - lastCount;\n    const visibleMiddle = allItems.slice(firstCount, firstCount + middleSlots);\n\n    return [\n      ...allItems.slice(0, firstCount),\n      { label: '…', _isEllipsis: true },\n      ...visibleMiddle,\n      ...allItems.slice(lastStart),\n    ];\n  });\n\n  /**\n   * @protected The hidden items that are collapsed behind the ellipsis.\n   * These are shown in the popover when the ellipsis button is clicked.\n   */\n  protected readonly _hiddenItems = computed<MlvBreadcrumbEntry[]>(() => {\n    const allItems = this.items();\n    const max = this.maxItems();\n\n    if (!allItems.length || max <= 0 || allItems.length <= max) {\n      return [];\n    }\n\n    const effectiveMax = Math.max(max, 2);\n    const totalCount = allItems.length;\n\n    if (effectiveMax >= totalCount) {\n      return [];\n    }\n\n    const firstCount = 1;\n    const lastCount = 1;\n    const ellipsisCount = 1;\n    const middleSlots = effectiveMax - firstCount - ellipsisCount - lastCount;\n\n    if (middleSlots <= 0) {\n      // All middle items are hidden (exclude first and last)\n      return allItems.slice(firstCount, totalCount - lastCount);\n    }\n\n    // The items shown in the ellipsis are those NOT shown in _visibleItems\n    // visible middle is: allItems[firstCount .. firstCount + middleSlots - 1]\n    // so hidden middle is: allItems[firstCount + middleSlots .. totalCount - lastCount - 1]\n    return allItems.slice(firstCount + middleSlots, totalCount - lastCount);\n  });\n\n  /**\n   * @protected Whether the component is used in data-driven mode (items provided via input).\n   * When false, rendered items come from projected `<mlv-breadcrumb-item>` elements.\n   */\n  protected readonly _isDataDriven = computed(() => this.items().length > 0);\n\n  /**\n   * @protected Moves focus to the first actionable item after the overflow popup opens.\n   */\n  protected _focusFirstOverflowItem(): void {\n    queueMicrotask(() => {\n      this._focusOverflowItem(0);\n    });\n  }\n\n  /**\n   * @protected Handles arrow-key navigation within the overflow popup.\n   */\n  protected _onOverflowKeydown(event: KeyboardEvent, popup: MlvPopup): void {\n    const items = this._overflowItemElements();\n    if (!items.length) return;\n\n    const currentIndex = items.indexOf(\n      this._document.activeElement as HTMLElement,\n    );\n    const activeIndex = currentIndex >= 0 ? currentIndex : 0;\n    let nextIndex = activeIndex;\n\n    switch (this._rtlService.normalizeArrowKey(event) ?? event.key) {\n      case DOWN_ARROW:\n      case RIGHT_ARROW:\n        nextIndex = (activeIndex + 1) % items.length;\n        break;\n      case UP_ARROW:\n      case LEFT_ARROW:\n        nextIndex = (activeIndex - 1 + items.length) % items.length;\n        break;\n      case 'Home':\n        nextIndex = 0;\n        break;\n      case 'End':\n        nextIndex = items.length - 1;\n        break;\n      case 'Escape':\n        event.preventDefault();\n        popup.opened.set(false);\n        this._overflowTriggerRef()?.focus();\n        return;\n      default:\n        return;\n    }\n\n    event.preventDefault();\n    items[nextIndex]?.focus();\n  }\n\n  /**\n   * @protected Closes the overflow popup after an item is activated.\n   */\n  protected _closeOverflowPopup(popup: MlvPopup): void {\n    popup.opened.set(false);\n  }\n\n  /**\n   * @private Focuses an overflow item by index when it exists.\n   */\n  private _focusOverflowItem(index: number): void {\n    this._overflowItemElements()[index]?.focus();\n  }\n\n  /**\n   * @private Returns currently rendered focusable overflow item elements.\n   */\n  private _overflowItemElements(): HTMLElement[] {\n    return this._overflowNavItems().map((ref) => ref.nativeElement);\n  }\n}\n","<ol class=\"mlv-breadcrumb__list\">\n  @if (_isDataDriven()) { @for ( item of _visibleItems(); track item.label; let\n  last = $last; let i = $index ) {\n  <li class=\"mlv-breadcrumb__item\">\n    @if (item._isEllipsis) {\n    <button\n      #overflowTrigger\n      class=\"mlv-breadcrumb__ellipsis\"\n      type=\"button\"\n      [attr.aria-label]=\"_showMoreLabel()\"\n      [mlvPopupTrigger]=\"overflowPopup\"\n      [ariaHasPopup]=\"'menu'\"\n    >\n      {{ item.label }}\n    </button>\n    } @else if (last) {\n    <span\n      class=\"mlv-breadcrumb__link mlv-breadcrumb__link--current\"\n      aria-current=\"page\"\n      >{{ item.label }}</span\n    >\n    } @else if (item.disabled) {\n    <span class=\"mlv-breadcrumb__link mlv-breadcrumb__link--disabled\"\n      >{{ item.label }}</span\n    >\n    } @else if (item.routerLink) {\n    <a class=\"mlv-breadcrumb__link\" [routerLink]=\"item.routerLink\"\n      >{{ item.label }}</a\n    >\n    } @else if (item.href) {\n    <a class=\"mlv-breadcrumb__link\" [href]=\"item.href\">{{ item.label }}</a>\n    } @else {\n    <span class=\"mlv-breadcrumb__link mlv-breadcrumb__link--plain\"\n      >{{ item.label }}</span\n    >\n    } @if (!last) {\n    <span\n      class=\"mlv-breadcrumb__separator\"\n      [attr.aria-hidden]=\"\n              hideSeparatorFromScreenReaders() ? 'true' : null\n            \"\n    >\n      @if (_separatorDef(); as sep) {\n      <ng-container [ngTemplateOutlet]=\"sep.templateRef\" />\n      } @else {\n      <svg lucideChevronRight [size]=\"14\" />\n      }\n    </span>\n    }\n  </li>\n  } } @else {\n  <ng-content />\n  }\n</ol>\n\n<!-- Overflow popup using mlv-popup -->\n<mlv-popup\n  #overflowPopup\n  position=\"bottom-start\"\n  [hasShadow]=\"true\"\n  [mlvDensity]=\"mlvDensity()\"\n  class=\"mlv-breadcrumb__overflow-popup\"\n  (afterOpened)=\"_focusFirstOverflowItem()\"\n>\n  <ng-template mlvPopupContent>\n    <mlv-list\n      [id]=\"_overflowListId\"\n      listRole=\"menu\"\n      appearance=\"menu\"\n      [attr.aria-label]=\"_i18n().hiddenItems\"\n      class=\"mlv-breadcrumb__overflow-list\"\n      (keydown)=\"_onOverflowKeydown($event, overflowPopup)\"\n    >\n      @for (hidden of _hiddenItems(); track hidden.label) {\n      <mlv-list-item\n        itemRole=\"none\"\n        class=\"mlv-breadcrumb__overflow-item\"\n        (click)=\"overflowPopup.opened.set(false)\"\n      >\n        @if (hidden.routerLink) {\n        <a\n          #overflowNavItem\n          class=\"mlv-breadcrumb__overflow-nav-item\"\n          mlvListItemLink\n          role=\"menuitem\"\n          [routerLink]=\"hidden.routerLink\"\n          (click)=\"_closeOverflowPopup(overflowPopup)\"\n        >\n          {{ hidden.label }}\n        </a>\n        } @else if (hidden.href) {\n        <a\n          #overflowNavItem\n          class=\"mlv-breadcrumb__overflow-nav-item\"\n          mlvListItemLink\n          role=\"menuitem\"\n          [href]=\"hidden.href\"\n          (click)=\"_closeOverflowPopup(overflowPopup)\"\n        >\n          {{ hidden.label }}\n        </a>\n        } @else {\n        <span\n          class=\"mlv-breadcrumb__overflow-link--disabled\"\n          role=\"menuitem\"\n          aria-disabled=\"true\"\n        >\n          {{ hidden.label }}\n        </span>\n        }\n      </mlv-list-item>\n      }\n    </mlv-list>\n  </ng-template>\n</mlv-popup>\n","import { Directive } from '@angular/core';\n\n/**\n * Attribute directive that can be applied to any `<a>` or `<li>` element as an\n * alternative to using the `<mlv-breadcrumb-item>` component. Applies the\n * correct BEM classes without replacing the native element.\n *\n * Use this when you need to preserve native element semantics (e.g., when\n * working with a router `<a>` element inside a list item, or when composing\n * with third-party link components).\n *\n * @example Applied to a native anchor inside an `<li>`\n * ```html\n * <nav mlvBreadcrumb>\n *   <ol class=\"mlv-breadcrumb__list\">\n *     <li mlvBreadcrumbItem class=\"mlv-breadcrumb__item\">\n *       <a mlvBreadcrumbItem class=\"mlv-breadcrumb__link\" href=\"/\">Home</a>\n *     </li>\n *   </ol>\n * </nav>\n * ```\n *\n * @example Applied to a `<li>` element\n * ```html\n * <li mlvBreadcrumbItem>\n *   <a class=\"mlv-breadcrumb__link\" href=\"/products\">Products</a>\n * </li>\n * ```\n */\n@Directive({\n  selector: '[mlvBreadcrumbItem]',\n  host: {\n    class: 'mlv-breadcrumb__item',\n  },\n})\nexport class MlvBreadcrumbItemHost {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}