@ops-prime/primeng 0.0.0-stage → 21.1.11

package/fesm2022/primeng-breadcrumb.mjs

@@ -0,0 +1,526 @@
+export * from 'primeng/types/breadcrumb';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, EventEmitter, ContentChildren, ContentChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i3 from '@angular/router';
+import { Router, RouterModule, RouterLink, RouterLinkActive } from '@angular/router';
+import { SharedModule, PrimeTemplate } from 'primeng/api';
+import { Badge } from 'primeng/badge';
+import { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
+import { ChevronRightIcon, HomeIcon } from 'primeng/icons';
+import * as i4 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import { style } from '@primeuix/styles/breadcrumb';
+import { BaseStyle } from 'primeng/base';
+
+const classes = {
+    root: () => ['p-breadcrumb p-component'],
+    list: 'p-breadcrumb-list',
+    homeItem: 'p-breadcrumb-home-item',
+    separator: 'p-breadcrumb-separator',
+    item: ({ menuitem }) => ['p-breadcrumb-item', { 'p-disabled': menuitem.disabled }],
+    itemLink: 'p-breadcrumb-item-link',
+    itemIcon: 'p-breadcrumb-item-icon',
+    itemLabel: 'p-breadcrumb-item-label'
+};
+class BreadCrumbStyle extends BaseStyle {
+    name = 'breadcrumb';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: BreadCrumbStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: BreadCrumbStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: BreadCrumbStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * Breadcrumb provides contextual information about page hierarchy.
+ *
+ * [Live Demo](https://www.primeng.org/breadcrumb/)
+ *
+ * @module breadcrumbstyle
+ *
+ */
+var BreadcrumbClasses;
+(function (BreadcrumbClasses) {
+    /**
+     * Class name of the root element
+     */
+    BreadcrumbClasses["root"] = "p-breadcrumb";
+    /**
+     * Class name of the list element
+     */
+    BreadcrumbClasses["list"] = "p-breadcrumb-list";
+    /**
+     * Class name of the home item element
+     */
+    BreadcrumbClasses["homeItem"] = "p-breadcrumb-home-item";
+    /**
+     * Class name of the separator element
+     */
+    BreadcrumbClasses["separator"] = "p-breadcrumb-separator";
+    /**
+     * Class name of the item element
+     */
+    BreadcrumbClasses["item"] = "p-breadcrumb-item";
+    /**
+     * Class name of the item link element
+     */
+    BreadcrumbClasses["itemLink"] = "p-breadcrumb-item-link";
+    /**
+     * Class name of the item icon element
+     */
+    BreadcrumbClasses["itemIcon"] = "p-breadcrumb-item-icon";
+    /**
+     * Class name of the item label element
+     */
+    BreadcrumbClasses["itemLabel"] = "p-breadcrumb-item-label";
+})(BreadcrumbClasses || (BreadcrumbClasses = {}));
+
+const BREADCRUMB_INSTANCE = new InjectionToken('BREADCRUMB_INSTANCE');
+/**
+ * Breadcrumb provides contextual information about page hierarchy.
+ * @group Components
+ */
+class Breadcrumb extends BaseComponent {
+    componentName = 'Breadcrumb';
+    bindDirectiveInstance = inject(Bind, { self: true });
+    /**
+     * An array of menuitems.
+     * @group Props
+     */
+    model;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass;
+    /**
+     * MenuItem configuration for the home icon.
+     * @group Props
+     */
+    home;
+    /**
+     * Defines a string that labels the home icon for accessibility.
+     * @group Props
+     */
+    homeAriaLabel;
+    /**
+     * Fired when an item is selected.
+     * @param {BreadcrumbItemClickEvent} event - custom click event.
+     * @group Emits
+     */
+    onItemClick = new EventEmitter();
+    _componentStyle = inject(BreadCrumbStyle);
+    router = inject(Router);
+    onClick(event, item) {
+        if (item.disabled) {
+            event.preventDefault();
+            return;
+        }
+        if (!item.url && !item.routerLink) {
+            event.preventDefault();
+        }
+        if (item.command) {
+            item.command({
+                originalEvent: event,
+                item: item
+            });
+        }
+        this.onItemClick.emit({
+            originalEvent: event,
+            item: item
+        });
+    }
+    /**
+     * Custom item template.
+     * @group Templates
+     */
+    itemTemplate;
+    /**
+     * Custom separator template.
+     * @group Templates
+     */
+    separatorTemplate;
+    templates;
+    _separatorTemplate;
+    _itemTemplate;
+    onAfterContentInit() {
+        this.templates?.forEach((item) => {
+            switch (item.getType()) {
+                case 'separator':
+                    this._separatorTemplate = item.template;
+                    break;
+                case 'item':
+                    this._itemTemplate = item.template;
+                    break;
+                default:
+                    this._itemTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptm('host'));
+    }
+    getPTOptions(item, index, key) {
+        return this.ptm(key, {
+            context: {
+                item,
+                index
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: Breadcrumb, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: Breadcrumb, isStandalone: true, selector: "p-breadcrumb", inputs: { model: "model", style: "style", styleClass: "styleClass", home: "home", homeAriaLabel: "homeAriaLabel" }, outputs: { onItemClick: "onItemClick" }, providers: [BreadCrumbStyle, { provide: BREADCRUMB_INSTANCE, useExisting: Breadcrumb }, { provide: PARENT_INSTANCE, useExisting: Breadcrumb }], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true }, { propertyName: "separatorTemplate", first: true, predicate: ["separator"], descendants: true }, { propertyName: "templates", predicate: PrimeTemplate }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+        <nav [pBind]="ptm('root')" [class]="cn(cx('root'), styleClass)" [style]="style">
+            <ol [class]="cx('list')" [pBind]="ptm('list')">
+                <li [attr.id]="home.id" [class]="cn(cx('homeItem'), home.styleClass)" [ngStyle]="home.style" *ngIf="home && home.visible !== false" pTooltip [tooltipOptions]="home.tooltipOptions" [pBind]="ptm('homeItem')" [unstyled]="unstyled()">
+                    @if (itemTemplate || _itemTemplate) {
+                        <ng-template *ngTemplateOutlet="itemTemplate || _itemTemplate; context: { $implicit: home }"></ng-template>
+                    } @else {
+                        <a
+                            [href]="home.url ? home.url : null"
+                            *ngIf="!home.routerLink"
+                            [attr.aria-label]="homeAriaLabel"
+                            [class]="cn(cx('itemLink'), home.linkClass)"
+                            [ngStyle]="home.linkStyle"
+                            (click)="onClick($event, home)"
+                            [target]="home.target"
+                            [attr.title]="home.title"
+                            [attr.tabindex]="home.disabled ? null : home.tabindex || '0'"
+                            [attr.data-automationid]="home.automationId"
+                            [pBind]="ptm('itemLink')"
+                        >
+                            <span *ngIf="home.icon" [class]="cn(cx('itemIcon'), home.icon, home.iconClass)" [ngStyle]="home.iconStyle" [pBind]="ptm('itemIcon')"></span>
+                            <svg data-p-icon="home" *ngIf="!home.icon" [class]="cx('itemIcon')" [pBind]="ptm('itemIcon')" />
+                            <ng-container *ngIf="home.label">
+                                <span *ngIf="home.escape !== false; else htmlHomeLabel" [class]="cn(cx('itemLabel'), home.labelClass)" [ngStyle]="home.labelStyle" [pBind]="ptm('itemLabel')">{{ home.label }}</span>
+                                <ng-template #htmlHomeLabel><span [class]="cn(cx('itemLabel'), home.labelClass)" [ngStyle]="home.labelStyle" [innerHTML]="home.label" [pBind]="ptm('itemLabel')"></span></ng-template>
+                            </ng-container>
+                            <p-badge *ngIf="home.badge" [styleClass]="home.badgeStyleClass" [value]="home.badge" [pt]="ptm('pcBadge')" [unstyled]="unstyled()" />
+                        </a>
+                        <a
+                            *ngIf="home.routerLink"
+                            [routerLink]="home.routerLink"
+                            routerLinkActive="p-menuitem-link-active"
+                            [attr.aria-label]="homeAriaLabel"
+                            [queryParams]="home.queryParams"
+                            [routerLinkActiveOptions]="home.routerLinkActiveOptions || { exact: false }"
+                            [class]="cn(cx('itemLink'), home.linkClass)"
+                            [ngStyle]="home.linkStyle"
+                            (click)="onClick($event, home)"
+                            [target]="home.target"
+                            [attr.title]="home.title"
+                            [attr.tabindex]="home.disabled ? null : home.tabindex || '0'"
+                            [attr.data-automationid]="home.automationId"
+                            [fragment]="home.fragment"
+                            [queryParamsHandling]="home.queryParamsHandling"
+                            [preserveFragment]="home.preserveFragment"
+                            [skipLocationChange]="home.skipLocationChange"
+                            [replaceUrl]="home.replaceUrl"
+                            [state]="home.state"
+                            [pBind]="ptm('itemLink')"
+                        >
+                            <span *ngIf="home.icon" [class]="cn(cx('itemIcon'), home.icon, home.iconClass)" [ngStyle]="home.iconStyle" [pBind]="ptm('itemIcon')"></span>
+                            <svg data-p-icon="home" *ngIf="!home.icon" [class]="cx('itemIcon')" [pBind]="ptm('itemIcon')" />
+                            <ng-container *ngIf="home.label">
+                                <span *ngIf="home.escape !== false; else htmlHomeRouteLabel" [class]="cn(cx('itemLabel'), home.labelClass)" [ngStyle]="home.labelStyle" [pBind]="ptm('itemLabel')">{{ home.label }}</span>
+                                <ng-template #htmlHomeRouteLabel><span [class]="cn(cx('itemLabel'), home.labelClass)" [ngStyle]="home.labelStyle" [innerHTML]="home.label" [pBind]="ptm('itemLabel')"></span></ng-template>
+                            </ng-container>
+                            <p-badge *ngIf="home.badge" [styleClass]="home.badgeStyleClass" [value]="home.badge" [pt]="ptm('pcBadge')" [unstyled]="unstyled()" />
+                        </a>
+                    }
+                </li>
+                <li *ngIf="model && home" [class]="cx('separator')" [pBind]="ptm('separator')">
+                    <svg data-p-icon="chevron-right" *ngIf="!separatorTemplate && !_separatorTemplate" [pBind]="ptm('separatorIcon')" />
+                    <ng-template *ngTemplateOutlet="separatorTemplate || _separatorTemplate"></ng-template>
+                </li>
+                <ng-template ngFor let-menuitem let-end="last" let-i="index" [ngForOf]="model">
+                    <li
+                        *ngIf="menuitem.visible !== false"
+                        [class]="cn(cx('item', { menuitem }), menuitem.styleClass)"
+                        [attr.id]="menuitem.id"
+                        [style]="menuitem.style"
+                        pTooltip
+                        [tooltipOptions]="menuitem.tooltipOptions"
+                        [pBind]="getPTOptions(menuitem, i, 'item')"
+                        [pTooltipUnstyled]="unstyled()"
+                    >
+                        @if (itemTemplate || _itemTemplate) {
+                            <ng-template *ngTemplateOutlet="itemTemplate || _itemTemplate; context: { $implicit: menuitem }"></ng-template>
+                        } @else {
+                            <a
+                                *ngIf="!menuitem?.routerLink"
+                                [attr.href]="menuitem?.url ? menuitem?.url : null"
+                                [class]="cn(cx('itemLink'), menuitem?.linkClass)"
+                                [ngStyle]="menuitem?.linkStyle"
+                                (click)="onClick($event, menuitem)"
+                                [target]="menuitem?.target"
+                                [attr.title]="menuitem?.title"
+                                [attr.tabindex]="menuitem?.disabled ? null : menuitem?.tabindex || '0'"
+                                [attr.data-automationid]="menuitem?.automationId"
+                                [pBind]="getPTOptions(menuitem, i, 'itemLink')"
+                            >
+                                <ng-container *ngIf="!itemTemplate && !_itemTemplate">
+                                    <span *ngIf="menuitem?.icon" [class]="cn(cx('itemIcon'), menuitem?.icon, menuitem?.iconClass)" [ngStyle]="menuitem?.iconStyle" [pBind]="getPTOptions(menuitem, i, 'itemIcon')"></span>
+                                    <ng-container *ngIf="menuitem?.label">
+                                        <span *ngIf="menuitem?.escape !== false; else htmlLabel" [class]="cn(cx('itemLabel'), menuitem?.labelClass)" [ngStyle]="menuitem?.labelStyle" [pBind]="getPTOptions(menuitem, i, 'itemLabel')">{{
+                                            menuitem?.label
+                                        }}</span>
+                                        <ng-template #htmlLabel
+                                            ><span [class]="cn(cx('itemLabel'), menuitem?.labelClass)" [ngStyle]="menuitem?.labelStyle" [innerHTML]="menuitem?.label" [pBind]="getPTOptions(menuitem, i, 'itemLabel')"></span
+                                        ></ng-template>
+                                    </ng-container>
+                                    <p-badge *ngIf="menuitem?.badge" [styleClass]="menuitem?.badgeStyleClass" [value]="menuitem?.badge" [pt]="getPTOptions(menuitem, i, 'pcBadge')" [unstyled]="unstyled()" />
+                                </ng-container>
+                            </a>
+                            <a
+                                *ngIf="menuitem?.routerLink"
+                                [routerLink]="menuitem?.routerLink"
+                                routerLinkActive="p-menuitem-link-active"
+                                [queryParams]="menuitem?.queryParams"
+                                [routerLinkActiveOptions]="menuitem?.routerLinkActiveOptions || { exact: false }"
+                                [class]="cn(cx('itemLink'), menuitem?.linkClass)"
+                                [ngStyle]="menuitem?.linkStyle"
+                                (click)="onClick($event, menuitem)"
+                                [target]="menuitem?.target"
+                                [attr.title]="menuitem?.title"
+                                [attr.tabindex]="menuitem?.disabled ? null : menuitem?.tabindex || '0'"
+                                [attr.data-automationid]="menuitem?.automationId"
+                                [fragment]="menuitem?.fragment"
+                                [queryParamsHandling]="menuitem?.queryParamsHandling"
+                                [preserveFragment]="menuitem?.preserveFragment"
+                                [skipLocationChange]="menuitem?.skipLocationChange"
+                                [replaceUrl]="menuitem?.replaceUrl"
+                                [state]="menuitem?.state"
+                                [pBind]="getPTOptions(menuitem, i, 'itemLink')"
+                            >
+                                <span *ngIf="menuitem?.icon" [class]="cn(cx('itemIcon'), menuitem?.icon, menuitem?.iconClass)" [ngStyle]="menuitem?.iconStyle" [pBind]="getPTOptions(menuitem, i, 'itemIcon')"></span>
+                                <ng-container *ngIf="menuitem?.label">
+                                    <span *ngIf="menuitem?.escape !== false; else htmlRouteLabel" [class]="cn(cx('itemLabel'), menuitem?.labelClass)" [ngStyle]="menuitem?.labelStyle" [pBind]="getPTOptions(menuitem, i, 'itemLabel')">{{
+                                        menuitem?.label
+                                    }}</span>
+                                    <ng-template #htmlRouteLabel
+                                        ><span [class]="cn(cx('itemLabel'), menuitem?.labelClass)" [ngStyle]="menuitem?.labelStyle" [innerHTML]="menuitem?.label" [pBind]="getPTOptions(menuitem, i, 'itemLabel')"></span
+                                    ></ng-template>
+                                </ng-container>
+                                <p-badge *ngIf="menuitem?.badge" [styleClass]="menuitem?.badgeStyleClass" [value]="menuitem?.badge" [pt]="getPTOptions(menuitem, i, 'pcBadge')" [unstyled]="unstyled()" />
+                            </a>
+                        }
+                    </li>
+                    <li *ngIf="!end && menuitem.visible !== false" [class]="cx('separator')" [pBind]="ptm('separator')">
+                        <svg data-p-icon="chevron-right" *ngIf="!separatorTemplate && !_separatorTemplate" [pBind]="ptm('separatorIcon')" />
+                        <ng-template *ngTemplateOutlet="separatorTemplate || _separatorTemplate"></ng-template>
+                    </li>
+                </ng-template>
+            </ol>
+        </nav>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: i1.Bind, selector: "[pBind]", inputs: ["pBind"] }, { kind: "component", type: ChevronRightIcon, selector: "[data-p-icon=\"chevron-right\"]" }, { kind: "component", type: HomeIcon, selector: "[data-p-icon=\"home\"]" }, { kind: "ngmodule", type: SharedModule }, { kind: "component", type: Badge, selector: "p-badge", inputs: ["styleClass", "badgeSize", "size", "severity", "value", "badgeDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: Breadcrumb, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-breadcrumb',
+                    standalone: true,
+                    imports: [CommonModule, RouterModule, RouterLink, RouterLinkActive, TooltipModule, ChevronRightIcon, HomeIcon, SharedModule, Bind, Badge],
+                    template: `
+        <nav [pBind]="ptm('root')" [class]="cn(cx('root'), styleClass)" [style]="style">
+            <ol [class]="cx('list')" [pBind]="ptm('list')">
+                <li [attr.id]="home.id" [class]="cn(cx('homeItem'), home.styleClass)" [ngStyle]="home.style" *ngIf="home && home.visible !== false" pTooltip [tooltipOptions]="home.tooltipOptions" [pBind]="ptm('homeItem')" [unstyled]="unstyled()">
+                    @if (itemTemplate || _itemTemplate) {
+                        <ng-template *ngTemplateOutlet="itemTemplate || _itemTemplate; context: { $implicit: home }"></ng-template>
+                    } @else {
+                        <a
+                            [href]="home.url ? home.url : null"
+                            *ngIf="!home.routerLink"
+                            [attr.aria-label]="homeAriaLabel"
+                            [class]="cn(cx('itemLink'), home.linkClass)"
+                            [ngStyle]="home.linkStyle"
+                            (click)="onClick($event, home)"
+                            [target]="home.target"
+                            [attr.title]="home.title"
+                            [attr.tabindex]="home.disabled ? null : home.tabindex || '0'"
+                            [attr.data-automationid]="home.automationId"
+                            [pBind]="ptm('itemLink')"
+                        >
+                            <span *ngIf="home.icon" [class]="cn(cx('itemIcon'), home.icon, home.iconClass)" [ngStyle]="home.iconStyle" [pBind]="ptm('itemIcon')"></span>
+                            <svg data-p-icon="home" *ngIf="!home.icon" [class]="cx('itemIcon')" [pBind]="ptm('itemIcon')" />
+                            <ng-container *ngIf="home.label">
+                                <span *ngIf="home.escape !== false; else htmlHomeLabel" [class]="cn(cx('itemLabel'), home.labelClass)" [ngStyle]="home.labelStyle" [pBind]="ptm('itemLabel')">{{ home.label }}</span>
+                                <ng-template #htmlHomeLabel><span [class]="cn(cx('itemLabel'), home.labelClass)" [ngStyle]="home.labelStyle" [innerHTML]="home.label" [pBind]="ptm('itemLabel')"></span></ng-template>
+                            </ng-container>
+                            <p-badge *ngIf="home.badge" [styleClass]="home.badgeStyleClass" [value]="home.badge" [pt]="ptm('pcBadge')" [unstyled]="unstyled()" />
+                        </a>
+                        <a
+                            *ngIf="home.routerLink"
+                            [routerLink]="home.routerLink"
+                            routerLinkActive="p-menuitem-link-active"
+                            [attr.aria-label]="homeAriaLabel"
+                            [queryParams]="home.queryParams"
+                            [routerLinkActiveOptions]="home.routerLinkActiveOptions || { exact: false }"
+                            [class]="cn(cx('itemLink'), home.linkClass)"
+                            [ngStyle]="home.linkStyle"
+                            (click)="onClick($event, home)"
+                            [target]="home.target"
+                            [attr.title]="home.title"
+                            [attr.tabindex]="home.disabled ? null : home.tabindex || '0'"
+                            [attr.data-automationid]="home.automationId"
+                            [fragment]="home.fragment"
+                            [queryParamsHandling]="home.queryParamsHandling"
+                            [preserveFragment]="home.preserveFragment"
+                            [skipLocationChange]="home.skipLocationChange"
+                            [replaceUrl]="home.replaceUrl"
+                            [state]="home.state"
+                            [pBind]="ptm('itemLink')"
+                        >
+                            <span *ngIf="home.icon" [class]="cn(cx('itemIcon'), home.icon, home.iconClass)" [ngStyle]="home.iconStyle" [pBind]="ptm('itemIcon')"></span>
+                            <svg data-p-icon="home" *ngIf="!home.icon" [class]="cx('itemIcon')" [pBind]="ptm('itemIcon')" />
+                            <ng-container *ngIf="home.label">
+                                <span *ngIf="home.escape !== false; else htmlHomeRouteLabel" [class]="cn(cx('itemLabel'), home.labelClass)" [ngStyle]="home.labelStyle" [pBind]="ptm('itemLabel')">{{ home.label }}</span>
+                                <ng-template #htmlHomeRouteLabel><span [class]="cn(cx('itemLabel'), home.labelClass)" [ngStyle]="home.labelStyle" [innerHTML]="home.label" [pBind]="ptm('itemLabel')"></span></ng-template>
+                            </ng-container>
+                            <p-badge *ngIf="home.badge" [styleClass]="home.badgeStyleClass" [value]="home.badge" [pt]="ptm('pcBadge')" [unstyled]="unstyled()" />
+                        </a>
+                    }
+                </li>
+                <li *ngIf="model && home" [class]="cx('separator')" [pBind]="ptm('separator')">
+                    <svg data-p-icon="chevron-right" *ngIf="!separatorTemplate && !_separatorTemplate" [pBind]="ptm('separatorIcon')" />
+                    <ng-template *ngTemplateOutlet="separatorTemplate || _separatorTemplate"></ng-template>
+                </li>
+                <ng-template ngFor let-menuitem let-end="last" let-i="index" [ngForOf]="model">
+                    <li
+                        *ngIf="menuitem.visible !== false"
+                        [class]="cn(cx('item', { menuitem }), menuitem.styleClass)"
+                        [attr.id]="menuitem.id"
+                        [style]="menuitem.style"
+                        pTooltip
+                        [tooltipOptions]="menuitem.tooltipOptions"
+                        [pBind]="getPTOptions(menuitem, i, 'item')"
+                        [pTooltipUnstyled]="unstyled()"
+                    >
+                        @if (itemTemplate || _itemTemplate) {
+                            <ng-template *ngTemplateOutlet="itemTemplate || _itemTemplate; context: { $implicit: menuitem }"></ng-template>
+                        } @else {
+                            <a
+                                *ngIf="!menuitem?.routerLink"
+                                [attr.href]="menuitem?.url ? menuitem?.url : null"
+                                [class]="cn(cx('itemLink'), menuitem?.linkClass)"
+                                [ngStyle]="menuitem?.linkStyle"
+                                (click)="onClick($event, menuitem)"
+                                [target]="menuitem?.target"
+                                [attr.title]="menuitem?.title"
+                                [attr.tabindex]="menuitem?.disabled ? null : menuitem?.tabindex || '0'"
+                                [attr.data-automationid]="menuitem?.automationId"
+                                [pBind]="getPTOptions(menuitem, i, 'itemLink')"
+                            >
+                                <ng-container *ngIf="!itemTemplate && !_itemTemplate">
+                                    <span *ngIf="menuitem?.icon" [class]="cn(cx('itemIcon'), menuitem?.icon, menuitem?.iconClass)" [ngStyle]="menuitem?.iconStyle" [pBind]="getPTOptions(menuitem, i, 'itemIcon')"></span>
+                                    <ng-container *ngIf="menuitem?.label">
+                                        <span *ngIf="menuitem?.escape !== false; else htmlLabel" [class]="cn(cx('itemLabel'), menuitem?.labelClass)" [ngStyle]="menuitem?.labelStyle" [pBind]="getPTOptions(menuitem, i, 'itemLabel')">{{
+                                            menuitem?.label
+                                        }}</span>
+                                        <ng-template #htmlLabel
+                                            ><span [class]="cn(cx('itemLabel'), menuitem?.labelClass)" [ngStyle]="menuitem?.labelStyle" [innerHTML]="menuitem?.label" [pBind]="getPTOptions(menuitem, i, 'itemLabel')"></span
+                                        ></ng-template>
+                                    </ng-container>
+                                    <p-badge *ngIf="menuitem?.badge" [styleClass]="menuitem?.badgeStyleClass" [value]="menuitem?.badge" [pt]="getPTOptions(menuitem, i, 'pcBadge')" [unstyled]="unstyled()" />
+                                </ng-container>
+                            </a>
+                            <a
+                                *ngIf="menuitem?.routerLink"
+                                [routerLink]="menuitem?.routerLink"
+                                routerLinkActive="p-menuitem-link-active"
+                                [queryParams]="menuitem?.queryParams"
+                                [routerLinkActiveOptions]="menuitem?.routerLinkActiveOptions || { exact: false }"
+                                [class]="cn(cx('itemLink'), menuitem?.linkClass)"
+                                [ngStyle]="menuitem?.linkStyle"
+                                (click)="onClick($event, menuitem)"
+                                [target]="menuitem?.target"
+                                [attr.title]="menuitem?.title"
+                                [attr.tabindex]="menuitem?.disabled ? null : menuitem?.tabindex || '0'"
+                                [attr.data-automationid]="menuitem?.automationId"
+                                [fragment]="menuitem?.fragment"
+                                [queryParamsHandling]="menuitem?.queryParamsHandling"
+                                [preserveFragment]="menuitem?.preserveFragment"
+                                [skipLocationChange]="menuitem?.skipLocationChange"
+                                [replaceUrl]="menuitem?.replaceUrl"
+                                [state]="menuitem?.state"
+                                [pBind]="getPTOptions(menuitem, i, 'itemLink')"
+                            >
+                                <span *ngIf="menuitem?.icon" [class]="cn(cx('itemIcon'), menuitem?.icon, menuitem?.iconClass)" [ngStyle]="menuitem?.iconStyle" [pBind]="getPTOptions(menuitem, i, 'itemIcon')"></span>
+                                <ng-container *ngIf="menuitem?.label">
+                                    <span *ngIf="menuitem?.escape !== false; else htmlRouteLabel" [class]="cn(cx('itemLabel'), menuitem?.labelClass)" [ngStyle]="menuitem?.labelStyle" [pBind]="getPTOptions(menuitem, i, 'itemLabel')">{{
+                                        menuitem?.label
+                                    }}</span>
+                                    <ng-template #htmlRouteLabel
+                                        ><span [class]="cn(cx('itemLabel'), menuitem?.labelClass)" [ngStyle]="menuitem?.labelStyle" [innerHTML]="menuitem?.label" [pBind]="getPTOptions(menuitem, i, 'itemLabel')"></span
+                                    ></ng-template>
+                                </ng-container>
+                                <p-badge *ngIf="menuitem?.badge" [styleClass]="menuitem?.badgeStyleClass" [value]="menuitem?.badge" [pt]="getPTOptions(menuitem, i, 'pcBadge')" [unstyled]="unstyled()" />
+                            </a>
+                        }
+                    </li>
+                    <li *ngIf="!end && menuitem.visible !== false" [class]="cx('separator')" [pBind]="ptm('separator')">
+                        <svg data-p-icon="chevron-right" *ngIf="!separatorTemplate && !_separatorTemplate" [pBind]="ptm('separatorIcon')" />
+                        <ng-template *ngTemplateOutlet="separatorTemplate || _separatorTemplate"></ng-template>
+                    </li>
+                </ng-template>
+            </ol>
+        </nav>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [BreadCrumbStyle, { provide: BREADCRUMB_INSTANCE, useExisting: Breadcrumb }, { provide: PARENT_INSTANCE, useExisting: Breadcrumb }],
+                    hostDirectives: [Bind]
+                }]
+        }], propDecorators: { model: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], home: [{
+                type: Input
+            }], homeAriaLabel: [{
+                type: Input
+            }], onItemClick: [{
+                type: Output
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: ['item']
+            }], separatorTemplate: [{
+                type: ContentChild,
+                args: ['separator']
+            }], templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
+class BreadcrumbModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: BreadcrumbModule, imports: [Breadcrumb, SharedModule], exports: [Breadcrumb, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: BreadcrumbModule, imports: [Breadcrumb, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: BreadcrumbModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Breadcrumb, SharedModule],
+                    exports: [Breadcrumb, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BreadCrumbStyle, Breadcrumb, BreadcrumbClasses, BreadcrumbModule };
+//# sourceMappingURL=primeng-breadcrumb.mjs.map

package/fesm2022/primeng-breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"primeng-breadcrumb.mjs","sources":["../../src/breadcrumb/style/breadcrumbstyle.ts","../../src/breadcrumb/breadcrumb.ts","../../src/breadcrumb/primeng-breadcrumb.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@primeuix/styles/breadcrumb';\nimport { BaseStyle } from 'primeng/base';\n\nconst classes = {\n    root: () => ['p-breadcrumb p-component'],\n    list: 'p-breadcrumb-list',\n    homeItem: 'p-breadcrumb-home-item',\n    separator: 'p-breadcrumb-separator',\n    item: ({ menuitem }) => ['p-breadcrumb-item', { 'p-disabled': menuitem.disabled }],\n    itemLink: 'p-breadcrumb-item-link',\n    itemIcon: 'p-breadcrumb-item-icon',\n    itemLabel: 'p-breadcrumb-item-label'\n};\n\n@Injectable()\nexport class BreadCrumbStyle extends BaseStyle {\n    name = 'breadcrumb';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Breadcrumb provides contextual information about page hierarchy.\n *\n * [Live Demo](https://www.primeng.org/breadcrumb/)\n *\n * @module breadcrumbstyle\n *\n */\nexport enum BreadcrumbClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-breadcrumb',\n    /**\n     * Class name of the list element\n     */\n    list = 'p-breadcrumb-list',\n    /**\n     * Class name of the home item element\n     */\n    homeItem = 'p-breadcrumb-home-item',\n    /**\n     * Class name of the separator element\n     */\n    separator = 'p-breadcrumb-separator',\n    /**\n     * Class name of the item element\n     */\n    item = 'p-breadcrumb-item',\n    /**\n     * Class name of the item link element\n     */\n    itemLink = 'p-breadcrumb-item-link',\n    /**\n     * Class name of the item icon element\n     */\n    itemIcon = 'p-breadcrumb-item-icon',\n    /**\n     * Class name of the item label element\n     */\n    itemLabel = 'p-breadcrumb-item-label'\n}\n\nexport interface BreadcrumbStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, EventEmitter, inject, InjectionToken, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { Router, RouterLink, RouterLinkActive, RouterModule } from '@angular/router';\nimport { MenuItem, PrimeTemplate, SharedModule } from 'primeng/api';\nimport { Badge } from 'primeng/badge';\nimport { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';\nimport { Bind } from 'primeng/bind';\nimport { ChevronRightIcon, HomeIcon } from 'primeng/icons';\nimport { TooltipModule } from 'primeng/tooltip';\nimport { BreadcrumbItemClickEvent, BreadcrumbItemTemplateContext, BreadcrumbPassThrough } from 'primeng/types/breadcrumb';\nimport { BreadCrumbStyle } from './style/breadcrumbstyle';\n\nconst BREADCRUMB_INSTANCE = new InjectionToken<Breadcrumb>('BREADCRUMB_INSTANCE');\n\n/**\n * Breadcrumb provides contextual information about page hierarchy.\n * @group Components\n */\n@Component({\n    selector: 'p-breadcrumb',\n    standalone: true,\n    imports: [CommonModule, RouterModule, RouterLink, RouterLinkActive, TooltipModule, ChevronRightIcon, HomeIcon, SharedModule, Bind, Badge],\n    template: `\n        <nav [pBind]=\"ptm('root')\" [class]=\"cn(cx('root'), styleClass)\" [style]=\"style\">\n            <ol [class]=\"cx('list')\" [pBind]=\"ptm('list')\">\n                <li [attr.id]=\"home.id\" [class]=\"cn(cx('homeItem'), home.styleClass)\" [ngStyle]=\"home.style\" *ngIf=\"home && home.visible !== false\" pTooltip [tooltipOptions]=\"home.tooltipOptions\" [pBind]=\"ptm('homeItem')\" [unstyled]=\"unstyled()\">\n                    @if (itemTemplate || _itemTemplate) {\n                        <ng-template *ngTemplateOutlet=\"itemTemplate || _itemTemplate; context: { $implicit: home }\"></ng-template>\n                    } @else {\n                        <a\n                            [href]=\"home.url ? home.url : null\"\n                            *ngIf=\"!home.routerLink\"\n                            [attr.aria-label]=\"homeAriaLabel\"\n                            [class]=\"cn(cx('itemLink'), home.linkClass)\"\n                            [ngStyle]=\"home.linkStyle\"\n                            (click)=\"onClick($event, home)\"\n                            [target]=\"home.target\"\n                            [attr.title]=\"home.title\"\n                            [attr.tabindex]=\"home.disabled ? null : home.tabindex || '0'\"\n                            [attr.data-automationid]=\"home.automationId\"\n                            [pBind]=\"ptm('itemLink')\"\n                        >\n                            <span *ngIf=\"home.icon\" [class]=\"cn(cx('itemIcon'), home.icon, home.iconClass)\" [ngStyle]=\"home.iconStyle\" [pBind]=\"ptm('itemIcon')\"></span>\n                            <svg data-p-icon=\"home\" *ngIf=\"!home.icon\" [class]=\"cx('itemIcon')\" [pBind]=\"ptm('itemIcon')\" />\n                            <ng-container *ngIf=\"home.label\">\n                                <span *ngIf=\"home.escape !== false; else htmlHomeLabel\" [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [pBind]=\"ptm('itemLabel')\">{{ home.label }}</span>\n                                <ng-template #htmlHomeLabel><span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [innerHTML]=\"home.label\" [pBind]=\"ptm('itemLabel')\"></span></ng-template>\n                            </ng-container>\n                            <p-badge *ngIf=\"home.badge\" [styleClass]=\"home.badgeStyleClass\" [value]=\"home.badge\" [pt]=\"ptm('pcBadge')\" [unstyled]=\"unstyled()\" />\n                        </a>\n                        <a\n                            *ngIf=\"home.routerLink\"\n                            [routerLink]=\"home.routerLink\"\n                            routerLinkActive=\"p-menuitem-link-active\"\n                            [attr.aria-label]=\"homeAriaLabel\"\n                            [queryParams]=\"home.queryParams\"\n                            [routerLinkActiveOptions]=\"home.routerLinkActiveOptions || { exact: false }\"\n                            [class]=\"cn(cx('itemLink'), home.linkClass)\"\n                            [ngStyle]=\"home.linkStyle\"\n                            (click)=\"onClick($event, home)\"\n                            [target]=\"home.target\"\n                            [attr.title]=\"home.title\"\n                            [attr.tabindex]=\"home.disabled ? null : home.tabindex || '0'\"\n                            [attr.data-automationid]=\"home.automationId\"\n                            [fragment]=\"home.fragment\"\n                            [queryParamsHandling]=\"home.queryParamsHandling\"\n                            [preserveFragment]=\"home.preserveFragment\"\n                            [skipLocationChange]=\"home.skipLocationChange\"\n                            [replaceUrl]=\"home.replaceUrl\"\n                            [state]=\"home.state\"\n                            [pBind]=\"ptm('itemLink')\"\n                        >\n                            <span *ngIf=\"home.icon\" [class]=\"cn(cx('itemIcon'), home.icon, home.iconClass)\" [ngStyle]=\"home.iconStyle\" [pBind]=\"ptm('itemIcon')\"></span>\n                            <svg data-p-icon=\"home\" *ngIf=\"!home.icon\" [class]=\"cx('itemIcon')\" [pBind]=\"ptm('itemIcon')\" />\n                            <ng-container *ngIf=\"home.label\">\n                                <span *ngIf=\"home.escape !== false; else htmlHomeRouteLabel\" [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [pBind]=\"ptm('itemLabel')\">{{ home.label }}</span>\n                                <ng-template #htmlHomeRouteLabel><span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [innerHTML]=\"home.label\" [pBind]=\"ptm('itemLabel')\"></span></ng-template>\n                            </ng-container>\n                            <p-badge *ngIf=\"home.badge\" [styleClass]=\"home.badgeStyleClass\" [value]=\"home.badge\" [pt]=\"ptm('pcBadge')\" [unstyled]=\"unstyled()\" />\n                        </a>\n                    }\n                </li>\n                <li *ngIf=\"model && home\" [class]=\"cx('separator')\" [pBind]=\"ptm('separator')\">\n                    <svg data-p-icon=\"chevron-right\" *ngIf=\"!separatorTemplate && !_separatorTemplate\" [pBind]=\"ptm('separatorIcon')\" />\n                    <ng-template *ngTemplateOutlet=\"separatorTemplate || _separatorTemplate\"></ng-template>\n                </li>\n                <ng-template ngFor let-menuitem let-end=\"last\" let-i=\"index\" [ngForOf]=\"model\">\n                    <li\n                        *ngIf=\"menuitem.visible !== false\"\n                        [class]=\"cn(cx('item', { menuitem }), menuitem.styleClass)\"\n                        [attr.id]=\"menuitem.id\"\n                        [style]=\"menuitem.style\"\n                        pTooltip\n                        [tooltipOptions]=\"menuitem.tooltipOptions\"\n                        [pBind]=\"getPTOptions(menuitem, i, 'item')\"\n                        [pTooltipUnstyled]=\"unstyled()\"\n                    >\n                        @if (itemTemplate || _itemTemplate) {\n                            <ng-template *ngTemplateOutlet=\"itemTemplate || _itemTemplate; context: { $implicit: menuitem }\"></ng-template>\n                        } @else {\n                            <a\n                                *ngIf=\"!menuitem?.routerLink\"\n                                [attr.href]=\"menuitem?.url ? menuitem?.url : null\"\n                                [class]=\"cn(cx('itemLink'), menuitem?.linkClass)\"\n                                [ngStyle]=\"menuitem?.linkStyle\"\n                                (click)=\"onClick($event, menuitem)\"\n                                [target]=\"menuitem?.target\"\n                                [attr.title]=\"menuitem?.title\"\n                                [attr.tabindex]=\"menuitem?.disabled ? null : menuitem?.tabindex || '0'\"\n                                [attr.data-automationid]=\"menuitem?.automationId\"\n                                [pBind]=\"getPTOptions(menuitem, i, 'itemLink')\"\n                            >\n                                <ng-container *ngIf=\"!itemTemplate && !_itemTemplate\">\n                                    <span *ngIf=\"menuitem?.icon\" [class]=\"cn(cx('itemIcon'), menuitem?.icon, menuitem?.iconClass)\" [ngStyle]=\"menuitem?.iconStyle\" [pBind]=\"getPTOptions(menuitem, i, 'itemIcon')\"></span>\n                                    <ng-container *ngIf=\"menuitem?.label\">\n                                        <span *ngIf=\"menuitem?.escape !== false; else htmlLabel\" [class]=\"cn(cx('itemLabel'), menuitem?.labelClass)\" [ngStyle]=\"menuitem?.labelStyle\" [pBind]=\"getPTOptions(menuitem, i, 'itemLabel')\">{{\n                                            menuitem?.label\n                                        }}</span>\n                                        <ng-template #htmlLabel\n                                            ><span [class]=\"cn(cx('itemLabel'), menuitem?.labelClass)\" [ngStyle]=\"menuitem?.labelStyle\" [innerHTML]=\"menuitem?.label\" [pBind]=\"getPTOptions(menuitem, i, 'itemLabel')\"></span\n                                        ></ng-template>\n                                    </ng-container>\n                                    <p-badge *ngIf=\"menuitem?.badge\" [styleClass]=\"menuitem?.badgeStyleClass\" [value]=\"menuitem?.badge\" [pt]=\"getPTOptions(menuitem, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                                </ng-container>\n                            </a>\n                            <a\n                                *ngIf=\"menuitem?.routerLink\"\n                                [routerLink]=\"menuitem?.routerLink\"\n                                routerLinkActive=\"p-menuitem-link-active\"\n                                [queryParams]=\"menuitem?.queryParams\"\n                                [routerLinkActiveOptions]=\"menuitem?.routerLinkActiveOptions || { exact: false }\"\n                                [class]=\"cn(cx('itemLink'), menuitem?.linkClass)\"\n                                [ngStyle]=\"menuitem?.linkStyle\"\n                                (click)=\"onClick($event, menuitem)\"\n                                [target]=\"menuitem?.target\"\n                                [attr.title]=\"menuitem?.title\"\n                                [attr.tabindex]=\"menuitem?.disabled ? null : menuitem?.tabindex || '0'\"\n                                [attr.data-automationid]=\"menuitem?.automationId\"\n                                [fragment]=\"menuitem?.fragment\"\n                                [queryParamsHandling]=\"menuitem?.queryParamsHandling\"\n                                [preserveFragment]=\"menuitem?.preserveFragment\"\n                                [skipLocationChange]=\"menuitem?.skipLocationChange\"\n                                [replaceUrl]=\"menuitem?.replaceUrl\"\n                                [state]=\"menuitem?.state\"\n                                [pBind]=\"getPTOptions(menuitem, i, 'itemLink')\"\n                            >\n                                <span *ngIf=\"menuitem?.icon\" [class]=\"cn(cx('itemIcon'), menuitem?.icon, menuitem?.iconClass)\" [ngStyle]=\"menuitem?.iconStyle\" [pBind]=\"getPTOptions(menuitem, i, 'itemIcon')\"></span>\n                                <ng-container *ngIf=\"menuitem?.label\">\n                                    <span *ngIf=\"menuitem?.escape !== false; else htmlRouteLabel\" [class]=\"cn(cx('itemLabel'), menuitem?.labelClass)\" [ngStyle]=\"menuitem?.labelStyle\" [pBind]=\"getPTOptions(menuitem, i, 'itemLabel')\">{{\n                                        menuitem?.label\n                                    }}</span>\n                                    <ng-template #htmlRouteLabel\n                                        ><span [class]=\"cn(cx('itemLabel'), menuitem?.labelClass)\" [ngStyle]=\"menuitem?.labelStyle\" [innerHTML]=\"menuitem?.label\" [pBind]=\"getPTOptions(menuitem, i, 'itemLabel')\"></span\n                                    ></ng-template>\n                                </ng-container>\n                                <p-badge *ngIf=\"menuitem?.badge\" [styleClass]=\"menuitem?.badgeStyleClass\" [value]=\"menuitem?.badge\" [pt]=\"getPTOptions(menuitem, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                            </a>\n                        }\n                    </li>\n                    <li *ngIf=\"!end && menuitem.visible !== false\" [class]=\"cx('separator')\" [pBind]=\"ptm('separator')\">\n                        <svg data-p-icon=\"chevron-right\" *ngIf=\"!separatorTemplate && !_separatorTemplate\" [pBind]=\"ptm('separatorIcon')\" />\n                        <ng-template *ngTemplateOutlet=\"separatorTemplate || _separatorTemplate\"></ng-template>\n                    </li>\n                </ng-template>\n            </ol>\n        </nav>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [BreadCrumbStyle, { provide: BREADCRUMB_INSTANCE, useExisting: Breadcrumb }, { provide: PARENT_INSTANCE, useExisting: Breadcrumb }],\n    hostDirectives: [Bind]\n})\nexport class Breadcrumb extends BaseComponent<BreadcrumbPassThrough> {\n    componentName = 'Breadcrumb';\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n    /**\n     * An array of menuitems.\n     * @group Props\n     */\n    @Input() model: MenuItem[] | undefined;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * MenuItem configuration for the home icon.\n     * @group Props\n     */\n    @Input() home: MenuItem | undefined;\n    /**\n     * Defines a string that labels the home icon for accessibility.\n     * @group Props\n     */\n    @Input() homeAriaLabel: string | undefined;\n    /**\n     * Fired when an item is selected.\n     * @param {BreadcrumbItemClickEvent} event - custom click event.\n     * @group Emits\n     */\n    @Output() onItemClick: EventEmitter<BreadcrumbItemClickEvent> = new EventEmitter<BreadcrumbItemClickEvent>();\n\n    _componentStyle = inject(BreadCrumbStyle);\n\n    router = inject(Router);\n\n    onClick(event: MouseEvent, item: MenuItem) {\n        if (item.disabled) {\n            event.preventDefault();\n            return;\n        }\n\n        if (!item.url && !item.routerLink) {\n            event.preventDefault();\n        }\n\n        if (item.command) {\n            item.command({\n                originalEvent: event,\n                item: item\n            });\n        }\n\n        this.onItemClick.emit({\n            originalEvent: event,\n            item: item\n        });\n    }\n\n    /**\n     * Custom item template.\n     * @group Templates\n     */\n    @ContentChild('item') itemTemplate: TemplateRef<BreadcrumbItemTemplateContext> | undefined;\n\n    /**\n     * Custom separator template.\n     * @group Templates\n     */\n    @ContentChild('separator') separatorTemplate: TemplateRef<void> | undefined;\n\n    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;\n\n    _separatorTemplate: TemplateRef<void> | undefined;\n\n    _itemTemplate: TemplateRef<BreadcrumbItemTemplateContext> | undefined;\n\n    onAfterContentInit() {\n        this.templates?.forEach((item) => {\n            switch (item.getType()) {\n                case 'separator':\n                    this._separatorTemplate = item.template;\n                    break;\n\n                case 'item':\n                    this._itemTemplate = item.template;\n                    break;\n\n                default:\n                    this._itemTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptm('host'));\n    }\n\n    getPTOptions(item: MenuItem, index: number, key: string) {\n        return this.ptm(key, {\n            context: {\n                item,\n                index\n            }\n        });\n    }\n}\n\n@NgModule({\n    imports: [Breadcrumb, SharedModule],\n    exports: [Breadcrumb, SharedModule]\n})\nexport class BreadcrumbModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}