@gravionlabs/helix-core 22.1.1 → 22.1.3

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

@@ -1 +1 @@
-{"version":3,"file":"gravionlabs-helix-core-breadcrumb.mjs","sources":["../../../projects/core/breadcrumb/style/breadcrumb.css.ts","../../../projects/core/breadcrumb/style/breadcrumbstyle.ts","../../../projects/core/breadcrumb/breadcrumb.ts","../../../projects/core/breadcrumb/breadcrumb.html","../../../projects/core/breadcrumb/gravionlabs-helix-core-breadcrumb.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-breadcrumb {\n        background: dt('breadcrumb.background');\n        padding: dt('breadcrumb.padding');\n        overflow-x: auto;\n    }\n\n    .h-breadcrumb-list {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n        gap: dt('breadcrumb.gap');\n    }\n\n    .h-breadcrumb-separator {\n        display: flex;\n        align-items: center;\n        color: dt('breadcrumb.separator.color');\n    }\n\n    .h-breadcrumb-separator-icon:dir(rtl) {\n        transform: rotate(180deg);\n    }\n\n    .h-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n\n    .h-breadcrumb-item-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n        gap: dt('breadcrumb.item.gap');\n        transition:\n            background dt('breadcrumb.transition.duration'),\n            color dt('breadcrumb.transition.duration'),\n            outline-color dt('breadcrumb.transition.duration'),\n            box-shadow dt('breadcrumb.transition.duration');\n        border-radius: dt('breadcrumb.item.border.radius');\n        outline-color: transparent;\n        color: dt('breadcrumb.item.color');\n    }\n\n    .h-breadcrumb-item-link:focus-visible {\n        box-shadow: dt('breadcrumb.item.focus.ring.shadow');\n        outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');\n        outline-offset: dt('breadcrumb.item.focus.ring.offset');\n    }\n\n    .h-breadcrumb-item-link:hover .h-breadcrumb-item-label {\n        color: dt('breadcrumb.item.hover.color');\n    }\n\n    .h-breadcrumb-item-label {\n        transition: inherit;\n    }\n\n    .h-breadcrumb-item-icon {\n        color: dt('breadcrumb.item.icon.color');\n        transition: inherit;\n    }\n\n    .h-breadcrumb-item-link:hover .h-breadcrumb-item-icon {\n        color: dt('breadcrumb.item.icon.hover.color');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './breadcrumb.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: () => ['h-breadcrumb h-component'],\n    list: 'h-breadcrumb-list',\n    homeItem: 'h-breadcrumb-home-item',\n    separator: 'h-breadcrumb-separator',\n    item: ({ menuitem }) => ['h-breadcrumb-item', { 'h-disabled': menuitem.disabled }],\n    itemLink: 'h-breadcrumb-item-link',\n    itemIcon: 'h-breadcrumb-item-icon',\n    itemLabel: 'h-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 = 'h-breadcrumb',\n    /**\n     * Class name of the list element\n     */\n    list = 'h-breadcrumb-list',\n    /**\n     * Class name of the home item element\n     */\n    homeItem = 'h-breadcrumb-home-item',\n    /**\n     * Class name of the separator element\n     */\n    separator = 'h-breadcrumb-separator',\n    /**\n     * Class name of the item element\n     */\n    item = 'h-breadcrumb-item',\n    /**\n     * Class name of the item link element\n     */\n    itemLink = 'h-breadcrumb-item-link',\n    /**\n     * Class name of the item icon element\n     */\n    itemIcon = 'h-breadcrumb-item-icon',\n    /**\n     * Class name of the item label element\n     */\n    itemLabel = 'h-breadcrumb-item-label'\n}\n\nexport interface BreadcrumbStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, InjectionToken, NgModule, TemplateRef, ViewEncapsulation, input, output, contentChild, contentChildren } from '@angular/core';\nimport { Router, RouterLink, RouterLinkActive, RouterModule } from '@angular/router';\nimport { MenuItem, HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';\nimport { Badge } from '@gravionlabs/helix-core/badge';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind } from '@gravionlabs/helix-core/bind';\nimport { ChevronRightIcon, HomeIcon } from '@gravionlabs/helix-core/icons';\nimport { TooltipModule } from '@gravionlabs/helix-core/tooltip';\nimport { BreadcrumbItemClickEvent, BreadcrumbItemTemplateContext, BreadcrumbPassThrough } from '@gravionlabs/helix-core/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: 'h-breadcrumb',\n    standalone: true,\n    imports: [CommonModule, RouterModule, RouterLink, RouterLinkActive, TooltipModule, ChevronRightIcon, HomeIcon, SharedModule, Bind, Badge],\n    templateUrl: './breadcrumb.html',\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    readonly model = input<MenuItem[]>();\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    readonly style = input<{\n    [klass: string]: any;\n} | null>();\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * MenuItem configuration for the home icon.\n     * @group Props\n     */\n    readonly home = input<MenuItem>();\n    /**\n     * Defines a string that labels the home icon for accessibility.\n     * @group Props\n     */\n    readonly homeAriaLabel = input<string>();\n    /**\n     * Fired when an item is selected.\n     * @param {BreadcrumbItemClickEvent} event - custom click event.\n     * @group Emits\n     */\n    readonly onItemClick = output<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    readonly itemTemplate = contentChild<TemplateRef<BreadcrumbItemTemplateContext>>('item');\n\n    /**\n     * Custom separator template.\n     * @group Templates\n     */\n    readonly separatorTemplate = contentChild<TemplateRef<void>>('separator');\n\n    readonly templates = contentChildren(HelixTemplate);\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","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAO,MAAM,KAAK,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoE5B;;AChED,MAAM,OAAO,GAAG;AACZ,IAAA,IAAI,EAAE,MAAM,CAAC,0BAA0B,CAAC;AACxC,IAAA,IAAI,EAAE,mBAAmB;AACzB,IAAA,QAAQ,EAAE,wBAAwB;AAClC,IAAA,SAAS,EAAE,wBAAwB;AACnC,IAAA,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,mBAAmB,EAAE,EAAE,YAAY,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC;AAClF,IAAA,QAAQ,EAAE,wBAAwB;AAClC,IAAA,QAAQ,EAAE,wBAAwB;AAClC,IAAA,SAAS,EAAE;CACd;AAGK,MAAO,eAAgB,SAAQ,SAAS,CAAA;IAC1C,IAAI,GAAG,YAAY;IAEnB,KAAK,GAAG,KAAK;IAEb,OAAO,GAAG,OAAO;uGALR,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAAf,eAAe,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B;;AASD;;;;;;;;AAQG;IACS;AAAZ,CAAA,UAAY,iBAAiB,EAAA;AACzB;;AAEG;AACH,IAAA,iBAAA,CAAA,MAAA,CAAA,GAAA,cAAqB;AACrB;;AAEG;AACH,IAAA,iBAAA,CAAA,MAAA,CAAA,GAAA,mBAA0B;AAC1B;;AAEG;AACH,IAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,wBAAmC;AACnC;;AAEG;AACH,IAAA,iBAAA,CAAA,WAAA,CAAA,GAAA,wBAAoC;AACpC;;AAEG;AACH,IAAA,iBAAA,CAAA,MAAA,CAAA,GAAA,mBAA0B;AAC1B;;AAEG;AACH,IAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,wBAAmC;AACnC;;AAEG;AACH,IAAA,iBAAA,CAAA,UAAA,CAAA,GAAA,wBAAmC;AACnC;;AAEG;AACH,IAAA,iBAAA,CAAA,WAAA,CAAA,GAAA,yBAAqC;AACzC,CAAC,EAjCW,iBAAiB,KAAjB,iBAAiB,GAAA,EAAA,CAAA,CAAA;;ACrB7B,MAAM,mBAAmB,GAAG,IAAI,cAAc,CAAa,qBAAqB,CAAC;AAEjF;;;AAGG;AAWG,MAAO,UAAW,SAAQ,aAAoC,CAAA;IAChE,aAAa,GAAG,YAAY;IAE5B,qBAAqB,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACpD;;;AAGG;AACM,IAAA,KAAK,GAAG,KAAK;yFAAc;AACpC;;;AAGG;AACM,IAAA,KAAK,GAAG,KAAK;yFAEf;AACP;;;AAGG;AACM,IAAA,UAAU,GAAG,KAAK;8FAAU;AACrC;;;AAGG;AACM,IAAA,IAAI,GAAG,KAAK;wFAAY;AACjC;;;AAGG;AACM,IAAA,aAAa,GAAG,KAAK;iGAAU;AACxC;;;;AAIG;IACM,WAAW,GAAG,MAAM,EAA4B;AAEzD,IAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC;AAEzC,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAEvB,OAAO,CAAC,KAAiB,EAAE,IAAc,EAAA;AACrC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,KAAK,CAAC,cAAc,EAAE;YACtB;QACJ;QAEA,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAC/B,KAAK,CAAC,cAAc,EAAE;QAC1B;AAEA,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,OAAO,CAAC;AACT,gBAAA,aAAa,EAAE,KAAK;AACpB,gBAAA,IAAI,EAAE;AACT,aAAA,CAAC;QACN;AAEA,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AAClB,YAAA,aAAa,EAAE,KAAK;AACpB,YAAA,IAAI,EAAE;AACT,SAAA,CAAC;IACN;AAEA;;;AAGG;IACM,YAAY,GAAG,YAAY,CAA6C,MAAM;qFAAC;AAExF;;;AAGG;IACM,iBAAiB,GAAG,YAAY,CAAoB,WAAW;0FAAC;IAEhE,SAAS,GAAG,eAAe,CAAC,aAAa;kFAAC;AAEnD,IAAA,kBAAkB;AAElB,IAAA,aAAa;IAEb,kBAAkB,GAAA;QACd,IAAI,CAAC,SAAS,EAAE,EAAE,OAAO,CAAC,CAAC,IAAI,KAAI;AAC/B,YAAA,QAAQ,IAAI,CAAC,OAAO,EAAE;AAClB,gBAAA,KAAK,WAAW;AACZ,oBAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,QAAQ;oBACvC;AAEJ,gBAAA,KAAK,MAAM;AACP,oBAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ;oBAClC;AAEJ,gBAAA;AACI,oBAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ;oBAClC;;AAEZ,QAAA,CAAC,CAAC;IACN;IAEA,kBAAkB,GAAA;AACd,QAAA,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACzD;AAEA,IAAA,YAAY,CAAC,IAAc,EAAE,KAAa,EAAE,GAAW,EAAA;AACnD,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;AACjB,YAAA,OAAO,EAAE;gBACL,IAAI;gBACJ;AACH;AACJ,SAAA,CAAC;IACN;uGAhHS,UAAU,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,4uBAHR,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAgFzG,aAAa,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzGtD,grWA8LA,2CDzKc,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAgC,aAAa,qgBAAE,gBAAgB,EAAA,QAAA,EAAA,iCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,QAAQ,EAAA,QAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,+BAAQ,KAAK,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAO/H,UAAU,EAAA,UAAA,EAAA,CAAA;kBAVtB,SAAS;+BACI,cAAc,EAAA,UAAA,EACZ,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,CAAC,EAAA,eAAA,EAExH,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,SAAA,EAC1B,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAA,UAAY,EAAE,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAA,UAAY,EAAE,CAAC,EAAA,cAAA,EAC9H,CAAC,IAAI,CAAC,EAAA,QAAA,EAAA,grWAAA,EAAA;kmBAuE2D,MAAM,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAM1B,WAAW,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAEnC,aAAa,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;MA0CzC,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAvHhB,UAAU,EAoHG,YAAY,CAAA,EAAA,OAAA,EAAA,CApHzB,UAAU,EAqHG,YAAY,CAAA,EAAA,CAAA;AAEzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,OAAA,EAAA,CAHf,UAAU,EAAE,YAAY,EACZ,YAAY,CAAA,EAAA,CAAA;;2FAEzB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;AACnC,oBAAA,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY;AACrC,iBAAA;;;AElJD;;AAEG;;"}
+{"version":3,"file":"gravionlabs-helix-core-breadcrumb.mjs","names":[],"sources":["../../../projects/core/breadcrumb/style/breadcrumb.css.ts","../../../projects/core/breadcrumb/style/breadcrumbstyle.ts","../../../projects/core/breadcrumb/breadcrumb.ts","../../../projects/core/breadcrumb/breadcrumb.html"],"sourcesContent":["export const style = /*css*/ `\n    .h-breadcrumb {\n        background: dt('breadcrumb.background');\n        padding: dt('breadcrumb.padding');\n        overflow-x: auto;\n    }\n\n    .h-breadcrumb-list {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n        gap: dt('breadcrumb.gap');\n    }\n\n    .h-breadcrumb-separator {\n        display: flex;\n        align-items: center;\n        color: dt('breadcrumb.separator.color');\n    }\n\n    .h-breadcrumb-separator-icon:dir(rtl) {\n        transform: rotate(180deg);\n    }\n\n    .h-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n\n    .h-breadcrumb-item-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n        gap: dt('breadcrumb.item.gap');\n        transition:\n            background dt('breadcrumb.transition.duration'),\n            color dt('breadcrumb.transition.duration'),\n            outline-color dt('breadcrumb.transition.duration'),\n            box-shadow dt('breadcrumb.transition.duration');\n        border-radius: dt('breadcrumb.item.border.radius');\n        outline-color: transparent;\n        color: dt('breadcrumb.item.color');\n    }\n\n    .h-breadcrumb-item-link:focus-visible {\n        box-shadow: dt('breadcrumb.item.focus.ring.shadow');\n        outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');\n        outline-offset: dt('breadcrumb.item.focus.ring.offset');\n    }\n\n    .h-breadcrumb-item-link:hover .h-breadcrumb-item-label {\n        color: dt('breadcrumb.item.hover.color');\n    }\n\n    .h-breadcrumb-item-label {\n        transition: inherit;\n    }\n\n    .h-breadcrumb-item-icon {\n        color: dt('breadcrumb.item.icon.color');\n        transition: inherit;\n    }\n\n    .h-breadcrumb-item-link:hover .h-breadcrumb-item-icon {\n        color: dt('breadcrumb.item.icon.hover.color');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './breadcrumb.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: () => ['h-breadcrumb h-component'],\n    list: 'h-breadcrumb-list',\n    homeItem: 'h-breadcrumb-home-item',\n    separator: 'h-breadcrumb-separator',\n    item: ({ menuitem }) => ['h-breadcrumb-item', { 'h-disabled': menuitem.disabled }],\n    itemLink: 'h-breadcrumb-item-link',\n    itemIcon: 'h-breadcrumb-item-icon',\n    itemLabel: 'h-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 = 'h-breadcrumb',\n    /**\n     * Class name of the list element\n     */\n    list = 'h-breadcrumb-list',\n    /**\n     * Class name of the home item element\n     */\n    homeItem = 'h-breadcrumb-home-item',\n    /**\n     * Class name of the separator element\n     */\n    separator = 'h-breadcrumb-separator',\n    /**\n     * Class name of the item element\n     */\n    item = 'h-breadcrumb-item',\n    /**\n     * Class name of the item link element\n     */\n    itemLink = 'h-breadcrumb-item-link',\n    /**\n     * Class name of the item icon element\n     */\n    itemIcon = 'h-breadcrumb-item-icon',\n    /**\n     * Class name of the item label element\n     */\n    itemLabel = 'h-breadcrumb-item-label'\n}\n\nexport interface BreadcrumbStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, InjectionToken, NgModule, TemplateRef, ViewEncapsulation, input, output, contentChild, contentChildren } from '@angular/core';\nimport { Router, RouterLink, RouterLinkActive, RouterModule } from '@angular/router';\nimport { MenuItem, HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';\nimport { Badge } from '@gravionlabs/helix-core/badge';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind } from '@gravionlabs/helix-core/bind';\nimport { ChevronRightIcon, HomeIcon } from '@gravionlabs/helix-core/icons';\nimport { TooltipModule } from '@gravionlabs/helix-core/tooltip';\nimport { BreadcrumbItemClickEvent, BreadcrumbItemTemplateContext, BreadcrumbPassThrough } from '@gravionlabs/helix-core/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: 'h-breadcrumb',\n    standalone: true,\n    imports: [CommonModule, RouterModule, RouterLink, RouterLinkActive, TooltipModule, ChevronRightIcon, HomeIcon, SharedModule, Bind, Badge],\n    templateUrl: './breadcrumb.html',\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    readonly model = input<MenuItem[]>();\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    readonly style = input<{\n    [klass: string]: any;\n} | null>();\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * MenuItem configuration for the home icon.\n     * @group Props\n     */\n    readonly home = input<MenuItem>();\n    /**\n     * Defines a string that labels the home icon for accessibility.\n     * @group Props\n     */\n    readonly homeAriaLabel = input<string>();\n    /**\n     * Fired when an item is selected.\n     * @param {BreadcrumbItemClickEvent} event - custom click event.\n     * @group Emits\n     */\n    readonly onItemClick = output<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    readonly itemTemplate = contentChild<TemplateRef<BreadcrumbItemTemplateContext>>('item');\n\n    /**\n     * Custom separator template.\n     * @group Templates\n     */\n    readonly separatorTemplate = contentChild<TemplateRef<void>>('separator');\n\n    readonly templates = contentChildren(HelixTemplate);\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","<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"],"mappings":"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"}