@gravionlabs/helix-core 22.1.2 → 22.1.4

package/fesm2022/gravionlabs-helix-core-breadcrumb.mjs

@@ -1,21 +1,20 @@
-export * from '@gravionlabs/helix-core/types/breadcrumb';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, output, contentChild, contentChildren, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import * as i3 from '@angular/router';
-import { Router, RouterModule, RouterLink, RouterLinkActive } from '@angular/router';
-import { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';
-import { Badge } from '@gravionlabs/helix-core/badge';
-import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { ChevronRightIcon, HomeIcon } from '@gravionlabs/helix-core/icons';
-import * as i4 from '@gravionlabs/helix-core/tooltip';
-import { TooltipModule } from '@gravionlabs/helix-core/tooltip';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style = /*css*/ `
+import * as i2 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, contentChild, contentChildren, inject, input, output } from "@angular/core";
+import * as i3 from "@angular/router";
+import { Router, RouterLink, RouterLinkActive, RouterModule } from "@angular/router";
+import { HelixTemplate, SharedModule } from "@gravionlabs/helix-core/api";
+import { Badge } from "@gravionlabs/helix-core/badge";
+import { BaseComponent, PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { ChevronRightIcon, HomeIcon } from "@gravionlabs/helix-core/icons";
+import * as i4 from "@gravionlabs/helix-core/tooltip";
+import { TooltipModule } from "@gravionlabs/helix-core/tooltip";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/breadcrumb";
+const style = `
     .h-breadcrumb {
         background: dt('breadcrumb.background');
         padding: dt('breadcrumb.padding');
@@ -84,202 +83,464 @@ const style = /*css*/ `
         color: dt('breadcrumb.item.icon.hover.color');
     }
 `;
-
 const classes = {
-    root: () => ['h-breadcrumb h-component'],
-    list: 'h-breadcrumb-list',
-    homeItem: 'h-breadcrumb-home-item',
-    separator: 'h-breadcrumb-separator',
-    item: ({ menuitem }) => ['h-breadcrumb-item', { 'h-disabled': menuitem.disabled }],
-    itemLink: 'h-breadcrumb-item-link',
-    itemIcon: 'h-breadcrumb-item-icon',
-    itemLabel: 'h-breadcrumb-item-label'
+	root: () => ["h-breadcrumb h-component"],
+	list: "h-breadcrumb-list",
+	homeItem: "h-breadcrumb-home-item",
+	separator: "h-breadcrumb-separator",
+	item: ({ menuitem }) => ["h-breadcrumb-item", { "h-disabled": menuitem.disabled }],
+	itemLink: "h-breadcrumb-item-link",
+	itemIcon: "h-breadcrumb-item-icon",
+	itemLabel: "h-breadcrumb-item-label"
 };
-class BreadCrumbStyle extends BaseStyle {
-    name = 'breadcrumb';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BreadCrumbStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BreadCrumbStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BreadCrumbStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Breadcrumb provides contextual information about page hierarchy.
- *
- * [Live Demo](https://www.primeng.org/breadcrumb/)
- *
- * @module breadcrumbstyle
- *
- */
+var BreadCrumbStyle = class BreadCrumbStyle extends BaseStyle {
+	name = "breadcrumb";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BreadCrumbStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BreadCrumbStyle
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: BreadCrumbStyle,
+	decorators: [{ type: Injectable }]
+});
 var BreadcrumbClasses;
-(function (BreadcrumbClasses) {
-    /**
-     * Class name of the root element
-     */
-    BreadcrumbClasses["root"] = "h-breadcrumb";
-    /**
-     * Class name of the list element
-     */
-    BreadcrumbClasses["list"] = "h-breadcrumb-list";
-    /**
-     * Class name of the home item element
-     */
-    BreadcrumbClasses["homeItem"] = "h-breadcrumb-home-item";
-    /**
-     * Class name of the separator element
-     */
-    BreadcrumbClasses["separator"] = "h-breadcrumb-separator";
-    /**
-     * Class name of the item element
-     */
-    BreadcrumbClasses["item"] = "h-breadcrumb-item";
-    /**
-     * Class name of the item link element
-     */
-    BreadcrumbClasses["itemLink"] = "h-breadcrumb-item-link";
-    /**
-     * Class name of the item icon element
-     */
-    BreadcrumbClasses["itemIcon"] = "h-breadcrumb-item-icon";
-    /**
-     * Class name of the item label element
-     */
-    BreadcrumbClasses["itemLabel"] = "h-breadcrumb-item-label";
+(function(BreadcrumbClasses) {
+	BreadcrumbClasses["root"] = "h-breadcrumb";
+	BreadcrumbClasses["list"] = "h-breadcrumb-list";
+	BreadcrumbClasses["homeItem"] = "h-breadcrumb-home-item";
+	BreadcrumbClasses["separator"] = "h-breadcrumb-separator";
+	BreadcrumbClasses["item"] = "h-breadcrumb-item";
+	BreadcrumbClasses["itemLink"] = "h-breadcrumb-item-link";
+	BreadcrumbClasses["itemIcon"] = "h-breadcrumb-item-icon";
+	BreadcrumbClasses["itemLabel"] = "h-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 = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "model" }] : /* istanbul ignore next */ []));
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    style = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "style" }] : /* istanbul ignore next */ []));
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    styleClass = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * MenuItem configuration for the home icon.
-     * @group Props
-     */
-    home = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "home" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines a string that labels the home icon for accessibility.
-     * @group Props
-     */
-    homeAriaLabel = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "homeAriaLabel" }] : /* istanbul ignore next */ []));
-    /**
-     * Fired when an item is selected.
-     * @param {BreadcrumbItemClickEvent} event - custom click event.
-     * @group Emits
-     */
-    onItemClick = output();
-    _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 = contentChild('item', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "itemTemplate" }] : /* istanbul ignore next */ []));
-    /**
-     * Custom separator template.
-     * @group Templates
-     */
-    separatorTemplate = contentChild('separator', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "separatorTemplate" }] : /* istanbul ignore next */ []));
-    templates = contentChildren(HelixTemplate, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
-    _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: "22.1.6", ngImport: i0, type: Breadcrumb, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Breadcrumb, isStandalone: true, selector: "h-breadcrumb", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, home: { classPropertyName: "home", publicName: "home", isSignal: true, isRequired: false, transformFunction: null }, homeAriaLabel: { classPropertyName: "homeAriaLabel", publicName: "homeAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, providers: [BreadCrumbStyle, { provide: BREADCRUMB_INSTANCE, useExisting: Breadcrumb }, { provide: PARENT_INSTANCE, useExisting: Breadcrumb }], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "separatorTemplate", first: true, predicate: ["separator"], descendants: true, isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<nav [hBind]=\"ptm('root')\" [class]=\"cn(cx('root'), styleClass())\" [style]=\"style()\">\n  <ol [class]=\"cx('list')\" [hBind]=\"ptm('list')\">\n    @if (home(); as home) {\n      @if (home.visible !== false) {\n        <li [attr.id]=\"home.id\" [class]=\"cn(cx('homeItem'), home.styleClass)\" [ngStyle]=\"home.style\" hTooltip [tooltipOptions]=\"home.tooltipOptions\" [hBind]=\"ptm('homeItem')\" [unstyled]=\"unstyled()\">\n          @if (itemTemplate() || _itemTemplate) {\n            <ng-template *ngTemplateOutlet=\"itemTemplate() || _itemTemplate; context: { $implicit: home }\"></ng-template>\n          } @else {\n            @if (!home.routerLink) {\n              <a\n                [href]=\"home.url ? home.url : null\"\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                [hBind]=\"ptm('itemLink')\"\n                >\n                @if (home.icon) {\n                  <span [class]=\"cn(cx('itemIcon'), home.icon, home.iconClass)\" [ngStyle]=\"home.iconStyle\" [hBind]=\"ptm('itemIcon')\"></span>\n                }\n                @if (!home.icon) {\n                  <svg data-h-icon=\"home\" [class]=\"cx('itemIcon')\" [hBind]=\"ptm('itemIcon')\" />\n                }\n                @if (home.label) {\n                  @if (home.escape !== false) {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [hBind]=\"ptm('itemLabel')\">{{ home.label }}</span>\n                  } @else {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [innerHTML]=\"home.label\" [hBind]=\"ptm('itemLabel')\"></span>\n                  }\n                }\n                @if (home.badge) {\n                  <h-badge [styleClass]=\"home.badgeStyleClass\" [value]=\"home.badge\" [pt]=\"ptm('pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            }\n            @if (home.routerLink) {\n              <a\n                [routerLink]=\"home.routerLink\"\n                routerLinkActive=\"h-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                [hBind]=\"ptm('itemLink')\"\n                >\n                @if (home.icon) {\n                  <span [class]=\"cn(cx('itemIcon'), home.icon, home.iconClass)\" [ngStyle]=\"home.iconStyle\" [hBind]=\"ptm('itemIcon')\"></span>\n                }\n                @if (!home.icon) {\n                  <svg data-h-icon=\"home\" [class]=\"cx('itemIcon')\" [hBind]=\"ptm('itemIcon')\" />\n                }\n                @if (home.label) {\n                  @if (home.escape !== false) {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [hBind]=\"ptm('itemLabel')\">{{ home.label }}</span>\n                  } @else {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [innerHTML]=\"home.label\" [hBind]=\"ptm('itemLabel')\"></span>\n                  }\n                }\n                @if (home.badge) {\n                  <h-badge [styleClass]=\"home.badgeStyleClass\" [value]=\"home.badge\" [pt]=\"ptm('pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            }\n          }\n        </li>\n      }\n    }\n    @if (model() && home()) {\n      <li [class]=\"cx('separator')\" [hBind]=\"ptm('separator')\">\n        @if (!separatorTemplate() && !_separatorTemplate) {\n          <svg data-h-icon=\"chevron-right\" [hBind]=\"ptm('separatorIcon')\" />\n        }\n        <ng-template *ngTemplateOutlet=\"separatorTemplate() || _separatorTemplate\"></ng-template>\n      </li>\n    }\n    @for (menuitem of model(); track menuitem; let end = $last; let i = $index) {\n      @if (menuitem.visible !== false) {\n        <li\n          [class]=\"cn(cx('item', { menuitem }), menuitem.styleClass)\"\n          [attr.id]=\"menuitem.id\"\n          [style]=\"menuitem.style\"\n          hTooltip\n          [tooltipOptions]=\"menuitem.tooltipOptions\"\n          [hBind]=\"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            @if (!menuitem?.routerLink) {\n              <a\n                [attr.href]=\"menuitem?.url ? menuitem?.url : null\"\n                [class]=\"cn(cx('itemLink'), $safeNavigationMigration(menuitem?.linkClass))\"\n                [ngStyle]=\"$safeNavigationMigration(menuitem?.linkStyle)\"\n                (click)=\"onClick($event, menuitem)\"\n                [target]=\"$safeNavigationMigration(menuitem?.target)\"\n                [attr.title]=\"menuitem?.title\"\n                [attr.tabindex]=\"menuitem?.disabled ? null : menuitem?.tabindex || '0'\"\n                [attr.data-automationid]=\"menuitem?.automationId\"\n                [hBind]=\"getPTOptions(menuitem, i, 'itemLink')\"\n                >\n                @if (!itemTemplate() && !_itemTemplate) {\n                  @if (menuitem?.icon) {\n                    <span [class]=\"cn(cx('itemIcon'), $safeNavigationMigration(menuitem?.icon), $safeNavigationMigration(menuitem?.iconClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.iconStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemIcon')\"></span>\n                  }\n                  @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\">{{\n                        menuitem?.label\n                      }}</span>\n                    } @else {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [innerHTML]=\"$safeNavigationMigration(menuitem?.label)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\"></span\n                        >\n                      }\n                    }\n                    @if (menuitem?.badge) {\n                      <h-badge [styleClass]=\"$safeNavigationMigration(menuitem?.badgeStyleClass)\" [value]=\"$safeNavigationMigration(menuitem?.badge)\" [pt]=\"getPTOptions(menuitem, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                    }\n                  }\n                </a>\n              }\n              @if (menuitem?.routerLink) {\n                <a\n                  [routerLink]=\"$safeNavigationMigration(menuitem?.routerLink)\"\n                  routerLinkActive=\"h-menuitem-link-active\"\n                  [queryParams]=\"$safeNavigationMigration(menuitem?.queryParams)\"\n                  [routerLinkActiveOptions]=\"menuitem?.routerLinkActiveOptions || { exact: false }\"\n                  [class]=\"cn(cx('itemLink'), $safeNavigationMigration(menuitem?.linkClass))\"\n                  [ngStyle]=\"$safeNavigationMigration(menuitem?.linkStyle)\"\n                  (click)=\"onClick($event, menuitem)\"\n                  [target]=\"$safeNavigationMigration(menuitem?.target)\"\n                  [attr.title]=\"menuitem?.title\"\n                  [attr.tabindex]=\"menuitem?.disabled ? null : menuitem?.tabindex || '0'\"\n                  [attr.data-automationid]=\"menuitem?.automationId\"\n                  [fragment]=\"$safeNavigationMigration(menuitem?.fragment)\"\n                  [queryParamsHandling]=\"$safeNavigationMigration(menuitem?.queryParamsHandling)\"\n                  [preserveFragment]=\"$safeNavigationMigration(menuitem?.preserveFragment)\"\n                  [skipLocationChange]=\"$safeNavigationMigration(menuitem?.skipLocationChange)\"\n                  [replaceUrl]=\"$safeNavigationMigration(menuitem?.replaceUrl)\"\n                  [state]=\"$safeNavigationMigration(menuitem?.state)\"\n                  [hBind]=\"getPTOptions(menuitem, i, 'itemLink')\"\n                  >\n                  @if (menuitem?.icon) {\n                    <span [class]=\"cn(cx('itemIcon'), $safeNavigationMigration(menuitem?.icon), $safeNavigationMigration(menuitem?.iconClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.iconStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemIcon')\"></span>\n                  }\n                  @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\">{{\n                        menuitem?.label\n                      }}</span>\n                    } @else {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [innerHTML]=\"$safeNavigationMigration(menuitem?.label)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\"></span\n                        >\n                      }\n                    }\n                    @if (menuitem?.badge) {\n                      <h-badge [styleClass]=\"$safeNavigationMigration(menuitem?.badgeStyleClass)\" [value]=\"$safeNavigationMigration(menuitem?.badge)\" [pt]=\"getPTOptions(menuitem, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                    }\n                  </a>\n                }\n              }\n            </li>\n          }\n          @if (!end && menuitem.visible !== false) {\n            <li [class]=\"cx('separator')\" [hBind]=\"ptm('separator')\">\n              @if (!separatorTemplate() && !_separatorTemplate) {\n                <svg data-h-icon=\"chevron-right\" [hBind]=\"ptm('separatorIcon')\" />\n              }\n              <ng-template *ngTemplateOutlet=\"separatorTemplate() || _separatorTemplate\"></ng-template>\n            </li>\n          }\n        }\n      </ol>\n    </nav>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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", "browserUrl", "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: "[hTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "hTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: i1.Bind, selector: "[hBind]", inputs: ["hBind"] }, { kind: "component", type: ChevronRightIcon, selector: "[data-h-icon=\"chevron-right\"]" }, { kind: "component", type: HomeIcon, selector: "[data-h-icon=\"home\"]" }, { kind: "ngmodule", type: SharedModule }, { kind: "component", type: Badge, selector: "h-badge", inputs: ["styleClass", "badgeSize", "size", "severity", "value", "badgeDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Breadcrumb, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-breadcrumb', standalone: true, imports: [CommonModule, RouterModule, RouterLink, RouterLinkActive, TooltipModule, ChevronRightIcon, HomeIcon, SharedModule, Bind, Badge], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [BreadCrumbStyle, { provide: BREADCRUMB_INSTANCE, useExisting: Breadcrumb }, { provide: PARENT_INSTANCE, useExisting: Breadcrumb }], hostDirectives: [Bind], template: "<nav [hBind]=\"ptm('root')\" [class]=\"cn(cx('root'), styleClass())\" [style]=\"style()\">\n  <ol [class]=\"cx('list')\" [hBind]=\"ptm('list')\">\n    @if (home(); as home) {\n      @if (home.visible !== false) {\n        <li [attr.id]=\"home.id\" [class]=\"cn(cx('homeItem'), home.styleClass)\" [ngStyle]=\"home.style\" hTooltip [tooltipOptions]=\"home.tooltipOptions\" [hBind]=\"ptm('homeItem')\" [unstyled]=\"unstyled()\">\n          @if (itemTemplate() || _itemTemplate) {\n            <ng-template *ngTemplateOutlet=\"itemTemplate() || _itemTemplate; context: { $implicit: home }\"></ng-template>\n          } @else {\n            @if (!home.routerLink) {\n              <a\n                [href]=\"home.url ? home.url : null\"\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                [hBind]=\"ptm('itemLink')\"\n                >\n                @if (home.icon) {\n                  <span [class]=\"cn(cx('itemIcon'), home.icon, home.iconClass)\" [ngStyle]=\"home.iconStyle\" [hBind]=\"ptm('itemIcon')\"></span>\n                }\n                @if (!home.icon) {\n                  <svg data-h-icon=\"home\" [class]=\"cx('itemIcon')\" [hBind]=\"ptm('itemIcon')\" />\n                }\n                @if (home.label) {\n                  @if (home.escape !== false) {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [hBind]=\"ptm('itemLabel')\">{{ home.label }}</span>\n                  } @else {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [innerHTML]=\"home.label\" [hBind]=\"ptm('itemLabel')\"></span>\n                  }\n                }\n                @if (home.badge) {\n                  <h-badge [styleClass]=\"home.badgeStyleClass\" [value]=\"home.badge\" [pt]=\"ptm('pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            }\n            @if (home.routerLink) {\n              <a\n                [routerLink]=\"home.routerLink\"\n                routerLinkActive=\"h-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                [hBind]=\"ptm('itemLink')\"\n                >\n                @if (home.icon) {\n                  <span [class]=\"cn(cx('itemIcon'), home.icon, home.iconClass)\" [ngStyle]=\"home.iconStyle\" [hBind]=\"ptm('itemIcon')\"></span>\n                }\n                @if (!home.icon) {\n                  <svg data-h-icon=\"home\" [class]=\"cx('itemIcon')\" [hBind]=\"ptm('itemIcon')\" />\n                }\n                @if (home.label) {\n                  @if (home.escape !== false) {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [hBind]=\"ptm('itemLabel')\">{{ home.label }}</span>\n                  } @else {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [innerHTML]=\"home.label\" [hBind]=\"ptm('itemLabel')\"></span>\n                  }\n                }\n                @if (home.badge) {\n                  <h-badge [styleClass]=\"home.badgeStyleClass\" [value]=\"home.badge\" [pt]=\"ptm('pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            }\n          }\n        </li>\n      }\n    }\n    @if (model() && home()) {\n      <li [class]=\"cx('separator')\" [hBind]=\"ptm('separator')\">\n        @if (!separatorTemplate() && !_separatorTemplate) {\n          <svg data-h-icon=\"chevron-right\" [hBind]=\"ptm('separatorIcon')\" />\n        }\n        <ng-template *ngTemplateOutlet=\"separatorTemplate() || _separatorTemplate\"></ng-template>\n      </li>\n    }\n    @for (menuitem of model(); track menuitem; let end = $last; let i = $index) {\n      @if (menuitem.visible !== false) {\n        <li\n          [class]=\"cn(cx('item', { menuitem }), menuitem.styleClass)\"\n          [attr.id]=\"menuitem.id\"\n          [style]=\"menuitem.style\"\n          hTooltip\n          [tooltipOptions]=\"menuitem.tooltipOptions\"\n          [hBind]=\"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            @if (!menuitem?.routerLink) {\n              <a\n                [attr.href]=\"menuitem?.url ? menuitem?.url : null\"\n                [class]=\"cn(cx('itemLink'), $safeNavigationMigration(menuitem?.linkClass))\"\n                [ngStyle]=\"$safeNavigationMigration(menuitem?.linkStyle)\"\n                (click)=\"onClick($event, menuitem)\"\n                [target]=\"$safeNavigationMigration(menuitem?.target)\"\n                [attr.title]=\"menuitem?.title\"\n                [attr.tabindex]=\"menuitem?.disabled ? null : menuitem?.tabindex || '0'\"\n                [attr.data-automationid]=\"menuitem?.automationId\"\n                [hBind]=\"getPTOptions(menuitem, i, 'itemLink')\"\n                >\n                @if (!itemTemplate() && !_itemTemplate) {\n                  @if (menuitem?.icon) {\n                    <span [class]=\"cn(cx('itemIcon'), $safeNavigationMigration(menuitem?.icon), $safeNavigationMigration(menuitem?.iconClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.iconStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemIcon')\"></span>\n                  }\n                  @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\">{{\n                        menuitem?.label\n                      }}</span>\n                    } @else {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [innerHTML]=\"$safeNavigationMigration(menuitem?.label)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\"></span\n                        >\n                      }\n                    }\n                    @if (menuitem?.badge) {\n                      <h-badge [styleClass]=\"$safeNavigationMigration(menuitem?.badgeStyleClass)\" [value]=\"$safeNavigationMigration(menuitem?.badge)\" [pt]=\"getPTOptions(menuitem, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                    }\n                  }\n                </a>\n              }\n              @if (menuitem?.routerLink) {\n                <a\n                  [routerLink]=\"$safeNavigationMigration(menuitem?.routerLink)\"\n                  routerLinkActive=\"h-menuitem-link-active\"\n                  [queryParams]=\"$safeNavigationMigration(menuitem?.queryParams)\"\n                  [routerLinkActiveOptions]=\"menuitem?.routerLinkActiveOptions || { exact: false }\"\n                  [class]=\"cn(cx('itemLink'), $safeNavigationMigration(menuitem?.linkClass))\"\n                  [ngStyle]=\"$safeNavigationMigration(menuitem?.linkStyle)\"\n                  (click)=\"onClick($event, menuitem)\"\n                  [target]=\"$safeNavigationMigration(menuitem?.target)\"\n                  [attr.title]=\"menuitem?.title\"\n                  [attr.tabindex]=\"menuitem?.disabled ? null : menuitem?.tabindex || '0'\"\n                  [attr.data-automationid]=\"menuitem?.automationId\"\n                  [fragment]=\"$safeNavigationMigration(menuitem?.fragment)\"\n                  [queryParamsHandling]=\"$safeNavigationMigration(menuitem?.queryParamsHandling)\"\n                  [preserveFragment]=\"$safeNavigationMigration(menuitem?.preserveFragment)\"\n                  [skipLocationChange]=\"$safeNavigationMigration(menuitem?.skipLocationChange)\"\n                  [replaceUrl]=\"$safeNavigationMigration(menuitem?.replaceUrl)\"\n                  [state]=\"$safeNavigationMigration(menuitem?.state)\"\n                  [hBind]=\"getPTOptions(menuitem, i, 'itemLink')\"\n                  >\n                  @if (menuitem?.icon) {\n                    <span [class]=\"cn(cx('itemIcon'), $safeNavigationMigration(menuitem?.icon), $safeNavigationMigration(menuitem?.iconClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.iconStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemIcon')\"></span>\n                  }\n                  @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\">{{\n                        menuitem?.label\n                      }}</span>\n                    } @else {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [innerHTML]=\"$safeNavigationMigration(menuitem?.label)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\"></span\n                        >\n                      }\n                    }\n                    @if (menuitem?.badge) {\n                      <h-badge [styleClass]=\"$safeNavigationMigration(menuitem?.badgeStyleClass)\" [value]=\"$safeNavigationMigration(menuitem?.badge)\" [pt]=\"getPTOptions(menuitem, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                    }\n                  </a>\n                }\n              }\n            </li>\n          }\n          @if (!end && menuitem.visible !== false) {\n            <li [class]=\"cx('separator')\" [hBind]=\"ptm('separator')\">\n              @if (!separatorTemplate() && !_separatorTemplate) {\n                <svg data-h-icon=\"chevron-right\" [hBind]=\"ptm('separatorIcon')\" />\n              }\n              <ng-template *ngTemplateOutlet=\"separatorTemplate() || _separatorTemplate\"></ng-template>\n            </li>\n          }\n        }\n      </ol>\n    </nav>\n" }]
-        }], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], home: [{ type: i0.Input, args: [{ isSignal: true, alias: "home", required: false }] }], homeAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "homeAriaLabel", required: false }] }], onItemClick: [{ type: i0.Output, args: ["onItemClick"] }], itemTemplate: [{ type: i0.ContentChild, args: ['item', { isSignal: true }] }], separatorTemplate: [{ type: i0.ContentChild, args: ['separator', { isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
-class BreadcrumbModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: BreadcrumbModule, imports: [Breadcrumb, SharedModule], exports: [Breadcrumb, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BreadcrumbModule, imports: [Breadcrumb, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: BreadcrumbModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Breadcrumb, SharedModule],
-                    exports: [Breadcrumb, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const BREADCRUMB_INSTANCE = new InjectionToken("BREADCRUMB_INSTANCE");
+var Breadcrumb = class Breadcrumb extends BaseComponent {
+	componentName = "Breadcrumb";
+	bindDirectiveInstance = inject(Bind, { self: true });
+	model = input(...ngDevMode ? [void 0, { debugName: "model" }] : 	/* istanbul ignore next */ []);
+	style = input(...ngDevMode ? [void 0, { debugName: "style" }] : 	/* istanbul ignore next */ []);
+	styleClass = input(...ngDevMode ? [void 0, { debugName: "styleClass" }] : 	/* istanbul ignore next */ []);
+	home = input(...ngDevMode ? [void 0, { debugName: "home" }] : 	/* istanbul ignore next */ []);
+	homeAriaLabel = input(...ngDevMode ? [void 0, { debugName: "homeAriaLabel" }] : 	/* istanbul ignore next */ []);
+	onItemClick = output();
+	_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
+		});
+		this.onItemClick.emit({
+			originalEvent: event,
+			item
+		});
+	}
+	itemTemplate = contentChild("item", ...ngDevMode ? [{ debugName: "itemTemplate" }] : 	/* istanbul ignore next */ []);
+	separatorTemplate = contentChild("separator", ...ngDevMode ? [{ debugName: "separatorTemplate" }] : 	/* istanbul ignore next */ []);
+	templates = contentChildren(HelixTemplate, ...ngDevMode ? [{ debugName: "templates" }] : 	/* istanbul ignore next */ []);
+	_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: "22.2.1",
+		ngImport: i0,
+		type: Breadcrumb,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: Breadcrumb,
+		isStandalone: true,
+		selector: "h-breadcrumb",
+		inputs: {
+			model: {
+				classPropertyName: "model",
+				publicName: "model",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			style: {
+				classPropertyName: "style",
+				publicName: "style",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styleClass: {
+				classPropertyName: "styleClass",
+				publicName: "styleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			home: {
+				classPropertyName: "home",
+				publicName: "home",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			homeAriaLabel: {
+				classPropertyName: "homeAriaLabel",
+				publicName: "homeAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { onItemClick: "onItemClick" },
+		providers: [
+			BreadCrumbStyle,
+			{
+				provide: BREADCRUMB_INSTANCE,
+				useExisting: Breadcrumb
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Breadcrumb
+			}
+		],
+		queries: [
+			{
+				propertyName: "itemTemplate",
+				first: true,
+				predicate: ["item"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "separatorTemplate",
+				first: true,
+				predicate: ["separator"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "templates",
+				predicate: HelixTemplate,
+				isSignal: true
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "<nav [hBind]=\"ptm('root')\" [class]=\"cn(cx('root'), styleClass())\" [style]=\"style()\">\n  <ol [class]=\"cx('list')\" [hBind]=\"ptm('list')\">\n    @if (home(); as home) {\n      @if (home.visible !== false) {\n        <li [attr.id]=\"home.id\" [class]=\"cn(cx('homeItem'), home.styleClass)\" [ngStyle]=\"home.style\" hTooltip [tooltipOptions]=\"home.tooltipOptions\" [hBind]=\"ptm('homeItem')\" [unstyled]=\"unstyled()\">\n          @if (itemTemplate() || _itemTemplate) {\n            <ng-template *ngTemplateOutlet=\"itemTemplate() || _itemTemplate; context: { $implicit: home }\"></ng-template>\n          } @else {\n            @if (!home.routerLink) {\n              <a\n                [href]=\"home.url ? home.url : null\"\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                [hBind]=\"ptm('itemLink')\"\n                >\n                @if (home.icon) {\n                  <span [class]=\"cn(cx('itemIcon'), home.icon, home.iconClass)\" [ngStyle]=\"home.iconStyle\" [hBind]=\"ptm('itemIcon')\"></span>\n                }\n                @if (!home.icon) {\n                  <svg data-h-icon=\"home\" [class]=\"cx('itemIcon')\" [hBind]=\"ptm('itemIcon')\" />\n                }\n                @if (home.label) {\n                  @if (home.escape !== false) {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [hBind]=\"ptm('itemLabel')\">{{ home.label }}</span>\n                  } @else {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [innerHTML]=\"home.label\" [hBind]=\"ptm('itemLabel')\"></span>\n                  }\n                }\n                @if (home.badge) {\n                  <h-badge [styleClass]=\"home.badgeStyleClass\" [value]=\"home.badge\" [pt]=\"ptm('pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            }\n            @if (home.routerLink) {\n              <a\n                [routerLink]=\"home.routerLink\"\n                routerLinkActive=\"h-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                [hBind]=\"ptm('itemLink')\"\n                >\n                @if (home.icon) {\n                  <span [class]=\"cn(cx('itemIcon'), home.icon, home.iconClass)\" [ngStyle]=\"home.iconStyle\" [hBind]=\"ptm('itemIcon')\"></span>\n                }\n                @if (!home.icon) {\n                  <svg data-h-icon=\"home\" [class]=\"cx('itemIcon')\" [hBind]=\"ptm('itemIcon')\" />\n                }\n                @if (home.label) {\n                  @if (home.escape !== false) {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [hBind]=\"ptm('itemLabel')\">{{ home.label }}</span>\n                  } @else {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [innerHTML]=\"home.label\" [hBind]=\"ptm('itemLabel')\"></span>\n                  }\n                }\n                @if (home.badge) {\n                  <h-badge [styleClass]=\"home.badgeStyleClass\" [value]=\"home.badge\" [pt]=\"ptm('pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            }\n          }\n        </li>\n      }\n    }\n    @if (model() && home()) {\n      <li [class]=\"cx('separator')\" [hBind]=\"ptm('separator')\">\n        @if (!separatorTemplate() && !_separatorTemplate) {\n          <svg data-h-icon=\"chevron-right\" [hBind]=\"ptm('separatorIcon')\" />\n        }\n        <ng-template *ngTemplateOutlet=\"separatorTemplate() || _separatorTemplate\"></ng-template>\n      </li>\n    }\n    @for (menuitem of model(); track menuitem; let end = $last; let i = $index) {\n      @if (menuitem.visible !== false) {\n        <li\n          [class]=\"cn(cx('item', { menuitem }), menuitem.styleClass)\"\n          [attr.id]=\"menuitem.id\"\n          [style]=\"menuitem.style\"\n          hTooltip\n          [tooltipOptions]=\"menuitem.tooltipOptions\"\n          [hBind]=\"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            @if (!menuitem?.routerLink) {\n              <a\n                [attr.href]=\"menuitem?.url ? menuitem?.url : null\"\n                [class]=\"cn(cx('itemLink'), $safeNavigationMigration(menuitem?.linkClass))\"\n                [ngStyle]=\"$safeNavigationMigration(menuitem?.linkStyle)\"\n                (click)=\"onClick($event, menuitem)\"\n                [target]=\"$safeNavigationMigration(menuitem?.target)\"\n                [attr.title]=\"menuitem?.title\"\n                [attr.tabindex]=\"menuitem?.disabled ? null : menuitem?.tabindex || '0'\"\n                [attr.data-automationid]=\"menuitem?.automationId\"\n                [hBind]=\"getPTOptions(menuitem, i, 'itemLink')\"\n                >\n                @if (!itemTemplate() && !_itemTemplate) {\n                  @if (menuitem?.icon) {\n                    <span [class]=\"cn(cx('itemIcon'), $safeNavigationMigration(menuitem?.icon), $safeNavigationMigration(menuitem?.iconClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.iconStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemIcon')\"></span>\n                  }\n                  @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\">{{\n                        menuitem?.label\n                      }}</span>\n                    } @else {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [innerHTML]=\"$safeNavigationMigration(menuitem?.label)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\"></span\n                        >\n                      }\n                    }\n                    @if (menuitem?.badge) {\n                      <h-badge [styleClass]=\"$safeNavigationMigration(menuitem?.badgeStyleClass)\" [value]=\"$safeNavigationMigration(menuitem?.badge)\" [pt]=\"getPTOptions(menuitem, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                    }\n                  }\n                </a>\n              }\n              @if (menuitem?.routerLink) {\n                <a\n                  [routerLink]=\"$safeNavigationMigration(menuitem?.routerLink)\"\n                  routerLinkActive=\"h-menuitem-link-active\"\n                  [queryParams]=\"$safeNavigationMigration(menuitem?.queryParams)\"\n                  [routerLinkActiveOptions]=\"menuitem?.routerLinkActiveOptions || { exact: false }\"\n                  [class]=\"cn(cx('itemLink'), $safeNavigationMigration(menuitem?.linkClass))\"\n                  [ngStyle]=\"$safeNavigationMigration(menuitem?.linkStyle)\"\n                  (click)=\"onClick($event, menuitem)\"\n                  [target]=\"$safeNavigationMigration(menuitem?.target)\"\n                  [attr.title]=\"menuitem?.title\"\n                  [attr.tabindex]=\"menuitem?.disabled ? null : menuitem?.tabindex || '0'\"\n                  [attr.data-automationid]=\"menuitem?.automationId\"\n                  [fragment]=\"$safeNavigationMigration(menuitem?.fragment)\"\n                  [queryParamsHandling]=\"$safeNavigationMigration(menuitem?.queryParamsHandling)\"\n                  [preserveFragment]=\"$safeNavigationMigration(menuitem?.preserveFragment)\"\n                  [skipLocationChange]=\"$safeNavigationMigration(menuitem?.skipLocationChange)\"\n                  [replaceUrl]=\"$safeNavigationMigration(menuitem?.replaceUrl)\"\n                  [state]=\"$safeNavigationMigration(menuitem?.state)\"\n                  [hBind]=\"getPTOptions(menuitem, i, 'itemLink')\"\n                  >\n                  @if (menuitem?.icon) {\n                    <span [class]=\"cn(cx('itemIcon'), $safeNavigationMigration(menuitem?.icon), $safeNavigationMigration(menuitem?.iconClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.iconStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemIcon')\"></span>\n                  }\n                  @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\">{{\n                        menuitem?.label\n                      }}</span>\n                    } @else {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [innerHTML]=\"$safeNavigationMigration(menuitem?.label)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\"></span\n                        >\n                      }\n                    }\n                    @if (menuitem?.badge) {\n                      <h-badge [styleClass]=\"$safeNavigationMigration(menuitem?.badgeStyleClass)\" [value]=\"$safeNavigationMigration(menuitem?.badge)\" [pt]=\"getPTOptions(menuitem, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                    }\n                  </a>\n                }\n              }\n            </li>\n          }\n          @if (!end && menuitem.visible !== false) {\n            <li [class]=\"cx('separator')\" [hBind]=\"ptm('separator')\">\n              @if (!separatorTemplate() && !_separatorTemplate) {\n                <svg data-h-icon=\"chevron-right\" [hBind]=\"ptm('separatorIcon')\" />\n              }\n              <ng-template *ngTemplateOutlet=\"separatorTemplate() || _separatorTemplate\"></ng-template>\n            </li>\n          }\n        }\n      </ol>\n    </nav>\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				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",
+					"browserUrl",
+					"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: "[hTooltip]",
+				inputs: [
+					"tooltipPosition",
+					"tooltipEvent",
+					"positionStyle",
+					"tooltipStyleClass",
+					"tooltipZIndex",
+					"escape",
+					"showDelay",
+					"hideDelay",
+					"life",
+					"positionTop",
+					"positionLeft",
+					"autoHide",
+					"fitContent",
+					"hideOnEscape",
+					"showOnEllipsis",
+					"hTooltip",
+					"tooltipDisabled",
+					"tooltipOptions",
+					"appendTo",
+					"ptTooltip",
+					"pTooltipPT",
+					"pTooltipUnstyled"
+				]
+			},
+			{
+				kind: "directive",
+				type: i1.Bind,
+				selector: "[hBind]",
+				inputs: ["hBind"]
+			},
+			{
+				kind: "component",
+				type: ChevronRightIcon,
+				selector: "[data-h-icon=\"chevron-right\"]"
+			},
+			{
+				kind: "component",
+				type: HomeIcon,
+				selector: "[data-h-icon=\"home\"]"
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "component",
+				type: Badge,
+				selector: "h-badge",
+				inputs: [
+					"styleClass",
+					"badgeSize",
+					"size",
+					"severity",
+					"value",
+					"badgeDisabled"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Breadcrumb,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-breadcrumb",
+			standalone: true,
+			imports: [
+				CommonModule,
+				RouterModule,
+				RouterLink,
+				RouterLinkActive,
+				TooltipModule,
+				ChevronRightIcon,
+				HomeIcon,
+				SharedModule,
+				Bind,
+				Badge
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			providers: [
+				BreadCrumbStyle,
+				{
+					provide: BREADCRUMB_INSTANCE,
+					useExisting: Breadcrumb
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Breadcrumb
+				}
+			],
+			hostDirectives: [Bind],
+			template: "<nav [hBind]=\"ptm('root')\" [class]=\"cn(cx('root'), styleClass())\" [style]=\"style()\">\n  <ol [class]=\"cx('list')\" [hBind]=\"ptm('list')\">\n    @if (home(); as home) {\n      @if (home.visible !== false) {\n        <li [attr.id]=\"home.id\" [class]=\"cn(cx('homeItem'), home.styleClass)\" [ngStyle]=\"home.style\" hTooltip [tooltipOptions]=\"home.tooltipOptions\" [hBind]=\"ptm('homeItem')\" [unstyled]=\"unstyled()\">\n          @if (itemTemplate() || _itemTemplate) {\n            <ng-template *ngTemplateOutlet=\"itemTemplate() || _itemTemplate; context: { $implicit: home }\"></ng-template>\n          } @else {\n            @if (!home.routerLink) {\n              <a\n                [href]=\"home.url ? home.url : null\"\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                [hBind]=\"ptm('itemLink')\"\n                >\n                @if (home.icon) {\n                  <span [class]=\"cn(cx('itemIcon'), home.icon, home.iconClass)\" [ngStyle]=\"home.iconStyle\" [hBind]=\"ptm('itemIcon')\"></span>\n                }\n                @if (!home.icon) {\n                  <svg data-h-icon=\"home\" [class]=\"cx('itemIcon')\" [hBind]=\"ptm('itemIcon')\" />\n                }\n                @if (home.label) {\n                  @if (home.escape !== false) {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [hBind]=\"ptm('itemLabel')\">{{ home.label }}</span>\n                  } @else {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [innerHTML]=\"home.label\" [hBind]=\"ptm('itemLabel')\"></span>\n                  }\n                }\n                @if (home.badge) {\n                  <h-badge [styleClass]=\"home.badgeStyleClass\" [value]=\"home.badge\" [pt]=\"ptm('pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            }\n            @if (home.routerLink) {\n              <a\n                [routerLink]=\"home.routerLink\"\n                routerLinkActive=\"h-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                [hBind]=\"ptm('itemLink')\"\n                >\n                @if (home.icon) {\n                  <span [class]=\"cn(cx('itemIcon'), home.icon, home.iconClass)\" [ngStyle]=\"home.iconStyle\" [hBind]=\"ptm('itemIcon')\"></span>\n                }\n                @if (!home.icon) {\n                  <svg data-h-icon=\"home\" [class]=\"cx('itemIcon')\" [hBind]=\"ptm('itemIcon')\" />\n                }\n                @if (home.label) {\n                  @if (home.escape !== false) {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [hBind]=\"ptm('itemLabel')\">{{ home.label }}</span>\n                  } @else {\n                    <span [class]=\"cn(cx('itemLabel'), home.labelClass)\" [ngStyle]=\"home.labelStyle\" [innerHTML]=\"home.label\" [hBind]=\"ptm('itemLabel')\"></span>\n                  }\n                }\n                @if (home.badge) {\n                  <h-badge [styleClass]=\"home.badgeStyleClass\" [value]=\"home.badge\" [pt]=\"ptm('pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            }\n          }\n        </li>\n      }\n    }\n    @if (model() && home()) {\n      <li [class]=\"cx('separator')\" [hBind]=\"ptm('separator')\">\n        @if (!separatorTemplate() && !_separatorTemplate) {\n          <svg data-h-icon=\"chevron-right\" [hBind]=\"ptm('separatorIcon')\" />\n        }\n        <ng-template *ngTemplateOutlet=\"separatorTemplate() || _separatorTemplate\"></ng-template>\n      </li>\n    }\n    @for (menuitem of model(); track menuitem; let end = $last; let i = $index) {\n      @if (menuitem.visible !== false) {\n        <li\n          [class]=\"cn(cx('item', { menuitem }), menuitem.styleClass)\"\n          [attr.id]=\"menuitem.id\"\n          [style]=\"menuitem.style\"\n          hTooltip\n          [tooltipOptions]=\"menuitem.tooltipOptions\"\n          [hBind]=\"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            @if (!menuitem?.routerLink) {\n              <a\n                [attr.href]=\"menuitem?.url ? menuitem?.url : null\"\n                [class]=\"cn(cx('itemLink'), $safeNavigationMigration(menuitem?.linkClass))\"\n                [ngStyle]=\"$safeNavigationMigration(menuitem?.linkStyle)\"\n                (click)=\"onClick($event, menuitem)\"\n                [target]=\"$safeNavigationMigration(menuitem?.target)\"\n                [attr.title]=\"menuitem?.title\"\n                [attr.tabindex]=\"menuitem?.disabled ? null : menuitem?.tabindex || '0'\"\n                [attr.data-automationid]=\"menuitem?.automationId\"\n                [hBind]=\"getPTOptions(menuitem, i, 'itemLink')\"\n                >\n                @if (!itemTemplate() && !_itemTemplate) {\n                  @if (menuitem?.icon) {\n                    <span [class]=\"cn(cx('itemIcon'), $safeNavigationMigration(menuitem?.icon), $safeNavigationMigration(menuitem?.iconClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.iconStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemIcon')\"></span>\n                  }\n                  @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\">{{\n                        menuitem?.label\n                      }}</span>\n                    } @else {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [innerHTML]=\"$safeNavigationMigration(menuitem?.label)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\"></span\n                        >\n                      }\n                    }\n                    @if (menuitem?.badge) {\n                      <h-badge [styleClass]=\"$safeNavigationMigration(menuitem?.badgeStyleClass)\" [value]=\"$safeNavigationMigration(menuitem?.badge)\" [pt]=\"getPTOptions(menuitem, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                    }\n                  }\n                </a>\n              }\n              @if (menuitem?.routerLink) {\n                <a\n                  [routerLink]=\"$safeNavigationMigration(menuitem?.routerLink)\"\n                  routerLinkActive=\"h-menuitem-link-active\"\n                  [queryParams]=\"$safeNavigationMigration(menuitem?.queryParams)\"\n                  [routerLinkActiveOptions]=\"menuitem?.routerLinkActiveOptions || { exact: false }\"\n                  [class]=\"cn(cx('itemLink'), $safeNavigationMigration(menuitem?.linkClass))\"\n                  [ngStyle]=\"$safeNavigationMigration(menuitem?.linkStyle)\"\n                  (click)=\"onClick($event, menuitem)\"\n                  [target]=\"$safeNavigationMigration(menuitem?.target)\"\n                  [attr.title]=\"menuitem?.title\"\n                  [attr.tabindex]=\"menuitem?.disabled ? null : menuitem?.tabindex || '0'\"\n                  [attr.data-automationid]=\"menuitem?.automationId\"\n                  [fragment]=\"$safeNavigationMigration(menuitem?.fragment)\"\n                  [queryParamsHandling]=\"$safeNavigationMigration(menuitem?.queryParamsHandling)\"\n                  [preserveFragment]=\"$safeNavigationMigration(menuitem?.preserveFragment)\"\n                  [skipLocationChange]=\"$safeNavigationMigration(menuitem?.skipLocationChange)\"\n                  [replaceUrl]=\"$safeNavigationMigration(menuitem?.replaceUrl)\"\n                  [state]=\"$safeNavigationMigration(menuitem?.state)\"\n                  [hBind]=\"getPTOptions(menuitem, i, 'itemLink')\"\n                  >\n                  @if (menuitem?.icon) {\n                    <span [class]=\"cn(cx('itemIcon'), $safeNavigationMigration(menuitem?.icon), $safeNavigationMigration(menuitem?.iconClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.iconStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemIcon')\"></span>\n                  }\n                  @if (menuitem?.label) {\n                    @if (menuitem?.escape !== false) {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\">{{\n                        menuitem?.label\n                      }}</span>\n                    } @else {\n                      <span [class]=\"cn(cx('itemLabel'), $safeNavigationMigration(menuitem?.labelClass))\" [ngStyle]=\"$safeNavigationMigration(menuitem?.labelStyle)\" [innerHTML]=\"$safeNavigationMigration(menuitem?.label)\" [hBind]=\"getPTOptions(menuitem, i, 'itemLabel')\"></span\n                        >\n                      }\n                    }\n                    @if (menuitem?.badge) {\n                      <h-badge [styleClass]=\"$safeNavigationMigration(menuitem?.badgeStyleClass)\" [value]=\"$safeNavigationMigration(menuitem?.badge)\" [pt]=\"getPTOptions(menuitem, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                    }\n                  </a>\n                }\n              }\n            </li>\n          }\n          @if (!end && menuitem.visible !== false) {\n            <li [class]=\"cx('separator')\" [hBind]=\"ptm('separator')\">\n              @if (!separatorTemplate() && !_separatorTemplate) {\n                <svg data-h-icon=\"chevron-right\" [hBind]=\"ptm('separatorIcon')\" />\n              }\n              <ng-template *ngTemplateOutlet=\"separatorTemplate() || _separatorTemplate\"></ng-template>\n            </li>\n          }\n        }\n      </ol>\n    </nav>\n"
+		}]
+	}],
+	propDecorators: {
+		model: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "model",
+				required: false
+			}]
+		}],
+		style: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "style",
+				required: false
+			}]
+		}],
+		styleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleClass",
+				required: false
+			}]
+		}],
+		home: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "home",
+				required: false
+			}]
+		}],
+		homeAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "homeAriaLabel",
+				required: false
+			}]
+		}],
+		onItemClick: [{
+			type: i0.Output,
+			args: ["onItemClick"]
+		}],
+		itemTemplate: [{
+			type: i0.ContentChild,
+			args: ["item", { isSignal: true }]
+		}],
+		separatorTemplate: [{
+			type: i0.ContentChild,
+			args: ["separator", { isSignal: true }]
+		}],
+		templates: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }]
+		}]
+	}
+});
+var BreadcrumbModule = class BreadcrumbModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BreadcrumbModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BreadcrumbModule,
+		imports: [Breadcrumb, SharedModule],
+		exports: [Breadcrumb, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BreadcrumbModule,
+		imports: [
+			Breadcrumb,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: BreadcrumbModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [Breadcrumb, SharedModule],
+			exports: [Breadcrumb, SharedModule]
+		}]
+	}]
+});
 export { BreadCrumbStyle, Breadcrumb, BreadcrumbClasses, BreadcrumbModule };
-//# sourceMappingURL=gravionlabs-helix-core-breadcrumb.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-breadcrumb.mjs.map