@gravionlabs/helix-core 22.0.0

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

@@ -0,0 +1,285 @@
+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*/ `
+    .h-breadcrumb {
+        background: dt('breadcrumb.background');
+        padding: dt('breadcrumb.padding');
+        overflow-x: auto;
+    }
+
+    .h-breadcrumb-list {
+        margin: 0;
+        padding: 0;
+        list-style-type: none;
+        display: flex;
+        align-items: center;
+        flex-wrap: nowrap;
+        gap: dt('breadcrumb.gap');
+    }
+
+    .h-breadcrumb-separator {
+        display: flex;
+        align-items: center;
+        color: dt('breadcrumb.separator.color');
+    }
+
+    .h-breadcrumb-separator-icon:dir(rtl) {
+        transform: rotate(180deg);
+    }
+
+    .h-breadcrumb::-webkit-scrollbar {
+        display: none;
+    }
+
+    .h-breadcrumb-item-link {
+        text-decoration: none;
+        display: flex;
+        align-items: center;
+        gap: dt('breadcrumb.item.gap');
+        transition:
+            background dt('breadcrumb.transition.duration'),
+            color dt('breadcrumb.transition.duration'),
+            outline-color dt('breadcrumb.transition.duration'),
+            box-shadow dt('breadcrumb.transition.duration');
+        border-radius: dt('breadcrumb.item.border.radius');
+        outline-color: transparent;
+        color: dt('breadcrumb.item.color');
+    }
+
+    .h-breadcrumb-item-link:focus-visible {
+        box-shadow: dt('breadcrumb.item.focus.ring.shadow');
+        outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');
+        outline-offset: dt('breadcrumb.item.focus.ring.offset');
+    }
+
+    .h-breadcrumb-item-link:hover .h-breadcrumb-item-label {
+        color: dt('breadcrumb.item.hover.color');
+    }
+
+    .h-breadcrumb-item-label {
+        transition: inherit;
+    }
+
+    .h-breadcrumb-item-icon {
+        color: dt('breadcrumb.item.icon.color');
+        transition: inherit;
+    }
+
+    .h-breadcrumb-item-link:hover .h-breadcrumb-item-icon {
+        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'
+};
+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 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";
+})(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.
+ */
+
+export { BreadCrumbStyle, Breadcrumb, BreadcrumbClasses, BreadcrumbModule };
+//# sourceMappingURL=gravionlabs-helix-core-breadcrumb.mjs.map

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

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