@gravionlabs/helix-core 22.1.1 → 22.1.3

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

@@ -1,22 +1,21 @@
-export * from '@gravionlabs/helix-core/types/dock';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, input, computed, output, viewChild, inject, signal, contentChild, contentChildren, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import * as i3 from '@angular/router';
-import { RouterModule, RouterLink, RouterLinkActive } from '@angular/router';
-import { uuid, resolve, find, findSingle } from '@gravionlabs/helix-core/uix/utils';
-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 { Ripple } from '@gravionlabs/helix-core/ripple';
-import * as i4 from '@gravionlabs/helix-core/tooltip';
-import { TooltipModule } from '@gravionlabs/helix-core/tooltip';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style = /*css*/ `
+import * as i2 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, computed, contentChild, contentChildren, inject, input, output, signal, viewChild } from "@angular/core";
+import * as i3 from "@angular/router";
+import { RouterLink, RouterLinkActive, RouterModule } from "@angular/router";
+import { find, findSingle, resolve, uuid } from "@gravionlabs/helix-core/uix/utils";
+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 { Ripple } from "@gravionlabs/helix-core/ripple";
+import * as i4 from "@gravionlabs/helix-core/tooltip";
+import { TooltipModule } from "@gravionlabs/helix-core/tooltip";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/dock";
+const style = `
     .h-dock {
         position: absolute;
         z-index: 1;
@@ -129,376 +128,645 @@ const style = /*css*/ `
         margin: 0;
     }
 `;
-
 const classes = {
-    root: ({ instance }) => [
-        'h-dock h-component',
-        `h-dock-${instance.position()}`,
-        {
-            'h-dock-mobile': instance.queryMatches()
-        }
-    ],
-    listContainer: 'h-dock-list-container',
-    list: 'h-dock-list',
-    item: ({ instance, item, id }) => [
-        'h-dock-item',
-        {
-            'h-focus': instance.isItemActive(id),
-            'h-disabled': instance.disabled(item)
-        }
-    ],
-    itemContent: 'h-dock-item-content',
-    itemLink: 'h-dock-item-link',
-    itemIcon: 'h-dock-item-icon'
+	root: ({ instance }) => [
+		"h-dock h-component",
+		`h-dock-${instance.position()}`,
+		{ "h-dock-mobile": instance.queryMatches() }
+	],
+	listContainer: "h-dock-list-container",
+	list: "h-dock-list",
+	item: ({ instance, item, id }) => ["h-dock-item", {
+		"h-focus": instance.isItemActive(id),
+		"h-disabled": instance.disabled(item)
+	}],
+	itemContent: "h-dock-item-content",
+	itemLink: "h-dock-item-link",
+	itemIcon: "h-dock-item-icon"
+};
+var DockStyle = class DockStyle extends BaseStyle {
+	name = "dock";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: DockStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: DockStyle
+	});
 };
-class DockStyle extends BaseStyle {
-    name = 'dock';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DockStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DockStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DockStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Dock is a navigation component consisting of menuitems.
- *
- * [Live Demo](https://www.primeng.org/dock/)
- *
- * @module dockstyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: DockStyle,
+	decorators: [{ type: Injectable }]
+});
 var DockClasses;
-(function (DockClasses) {
-    /**
-     * Class name of the root element
-     */
-    DockClasses["root"] = "h-dock";
-    /**
-     * Class name of the list container element
-     */
-    DockClasses["listContainer"] = "h-dock-list-container";
-    /**
-     * Class name of the list element
-     */
-    DockClasses["list"] = "h-dock-list";
-    /**
-     * Class name of the item element
-     */
-    DockClasses["item"] = "h-dock-item";
-    /**
-     * Class name of the item content element
-     */
-    DockClasses["itemContent"] = "h-dock-item-content";
-    /**
-     * Class name of the item link element
-     */
-    DockClasses["itemLink"] = "h-dock-item-link";
-    /**
-     * Class name of the item icon element
-     */
-    DockClasses["itemIcon"] = "h-dock-item-icon";
+(function(DockClasses) {
+	DockClasses["root"] = "h-dock";
+	DockClasses["listContainer"] = "h-dock-list-container";
+	DockClasses["list"] = "h-dock-list";
+	DockClasses["item"] = "h-dock-item";
+	DockClasses["itemContent"] = "h-dock-item-content";
+	DockClasses["itemLink"] = "h-dock-item-link";
+	DockClasses["itemIcon"] = "h-dock-item-icon";
 })(DockClasses || (DockClasses = {}));
-
-const DOCK_INSTANCE = new InjectionToken('DOCK_INSTANCE');
-/**
- * Dock is a navigation component consisting of menuitems.
- * @group Components
- */
-class Dock extends BaseComponent {
-    cd;
-    componentName = 'Dock';
-    /**
-     * Current id state as a string.
-     * @group Props
-     */
-    id = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
-    autoId = uuid('pn_id_');
-    $id = computed(() => this.id() || this.autoId, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "$id" }] : /* istanbul ignore next */ []));
-    /**
-     * Class of the element.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    styleClass = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * MenuModel instance to define the action items.
-     * @group Props
-     */
-    model = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
-    /**
-     * Position of element.
-     * @group Props
-     */
-    position = input('bottom', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines a string that labels the input for accessibility.
-     * @group Props
-     */
-    ariaLabel = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    /**
-     * The breakpoint to define the maximum width boundary.
-     * @defaultValue 960px
-     * @group Props
-     */
-    breakpoint = input('960px', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "breakpoint" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines a string that labels the dropdown button for accessibility.
-     * @group Props
-     */
-    ariaLabelledBy = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
-    /**
-     * Callback to execute when button is focused.
-     * @param {FocusEvent} event - Focus event.
-     * @group Emits
-     */
-    onFocus = output();
-    /**
-     * Callback to invoke when the component loses focus.
-     * @param {FocusEvent} event - Focus event.
-     * @group Emits
-     */
-    onBlur = output();
-    listViewChild = viewChild('list', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "listViewChild" }] : /* istanbul ignore next */ []));
-    currentIndex;
-    tabindex = 0;
-    focused = false;
-    focusedOptionIndex = -1;
-    _componentStyle = inject(DockStyle);
-    bindDirectiveInstance = inject(Bind, { self: true });
-    $pcDock = inject(DOCK_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    matchMediaListener;
-    query;
-    queryMatches = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "queryMatches" }] : /* istanbul ignore next */ []));
-    mobileActive = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "mobileActive" }] : /* istanbul ignore next */ []));
-    get focusedOptionId() {
-        return this.focusedOptionIndex !== -1 && this.focusedOptionIndex !== '-1' ? String(this.focusedOptionIndex) : null;
-    }
-    constructor(cd) {
-        super();
-        this.cd = cd;
-        this.currentIndex = -3;
-    }
-    onInit() {
-        this.bindMatchMediaListener();
-    }
-    onDestroy() {
-        this.unbindMatchMediaListener();
-    }
-    /**
-     * Custom item template.
-     * @param {DockItemTemplateContext} context - item template context.
-     * @group Templates
-     */
-    itemTemplate = contentChild('item', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "itemTemplate" }] : /* istanbul ignore next */ []));
-    _itemTemplate;
-    getItemId(item, index) {
-        return item && item?.id ? item.id : `${index}`;
-    }
-    getItemProp(processedItem, name) {
-        return processedItem && processedItem.item ? resolve(processedItem.item[name]) : undefined;
-    }
-    disabled(item) {
-        return typeof item.disabled === 'function' ? item.disabled() : item.disabled || false;
-    }
-    isItemActive(id) {
-        return String(id) === String(this.focusedOptionIndex);
-    }
-    onListMouseLeave() {
-        this.currentIndex = -3;
-        this.cd.markForCheck();
-    }
-    onItemMouseEnter(index) {
-        this.currentIndex = index;
-        if (index === 1) {
-        }
-        this.cd.markForCheck();
-    }
-    onItemClick(e, item) {
-        if (item.command) {
-            item.command({ originalEvent: e, item });
-        }
-    }
-    onListFocus(event) {
-        this.focused = true;
-        this.changeFocusedOptionIndex(0);
-        this.onFocus.emit(event);
-    }
-    onListBlur(event) {
-        this.focused = false;
-        this.focusedOptionIndex = -1;
-        this.onBlur.emit(event);
-    }
-    onListKeyDown(event) {
-        switch (event.code) {
-            case 'ArrowDown': {
-                const position = this.position();
-                if (position === 'left' || position === 'right')
-                    this.onArrowDownKey();
-                event.preventDefault();
-                break;
-            }
-            case 'ArrowUp': {
-                const position = this.position();
-                if (position === 'left' || position === 'right')
-                    this.onArrowUpKey();
-                event.preventDefault();
-                break;
-            }
-            case 'ArrowRight': {
-                const position = this.position();
-                if (position === 'top' || position === 'bottom')
-                    this.onArrowDownKey();
-                event.preventDefault();
-                break;
-            }
-            case 'ArrowLeft': {
-                const position = this.position();
-                if (position === 'top' || position === 'bottom')
-                    this.onArrowUpKey();
-                event.preventDefault();
-                break;
-            }
-            case 'Home': {
-                this.onHomeKey();
-                event.preventDefault();
-                break;
-            }
-            case 'End': {
-                this.onEndKey();
-                event.preventDefault();
-                break;
-            }
-            case 'Enter':
-            case 'Space': {
-                this.onSpaceKey();
-                event.preventDefault();
-                break;
-            }
-            default:
-                break;
-        }
-    }
-    onArrowDownKey() {
-        const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex);
-        this.changeFocusedOptionIndex(optionIndex);
-    }
-    onArrowUpKey() {
-        const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex);
-        this.changeFocusedOptionIndex(optionIndex);
-    }
-    onHomeKey() {
-        this.changeFocusedOptionIndex(0);
-    }
-    onEndKey() {
-        this.changeFocusedOptionIndex(find(this.listViewChild()?.nativeElement, 'li[data-pc-section="item"][data-h-disabled="false"]').length - 1);
-    }
-    onSpaceKey() {
-        const element = findSingle(this.listViewChild()?.nativeElement, `li[id="${`${this.focusedOptionIndex}`}"]`);
-        const anchorElement = element && findSingle(element, 'a,button');
-        anchorElement ? anchorElement.click() : element && element.click();
-    }
-    findNextOptionIndex(index) {
-        const menuitems = find(this.listViewChild()?.nativeElement, 'li[data-pc-section="item"][data-h-disabled="false"]');
-        const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);
-        return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;
-    }
-    changeFocusedOptionIndex(index) {
-        const menuitems = find(this.listViewChild()?.nativeElement, 'li[data-pc-section="item"][data-h-disabled="false"]');
-        let order = index >= menuitems.length ? menuitems.length - 1 : index < 0 ? 0 : index;
-        this.focusedOptionIndex = menuitems[order]?.getAttribute('id');
-    }
-    findPrevOptionIndex(index) {
-        const menuitems = find(this.listViewChild()?.nativeElement, 'li[data-pc-section="item"][data-h-disabled="false"]');
-        const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);
-        return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;
-    }
-    isClickableRouterLink(item) {
-        return !!item.routerLink && !this.disabled(item);
-    }
-    templates = contentChildren(HelixTemplate, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
-    onAfterContentInit() {
-        this.templates()?.forEach((item) => {
-            switch (item.getType()) {
-                case 'item':
-                    this._itemTemplate = item.template;
-                    break;
-                default:
-                    this._itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    getPTOptions(item, index, key) {
-        return this.ptm(key, {
-            context: {
-                item,
-                index
-            }
-        });
-    }
-    bindMatchMediaListener() {
-        if (!this.matchMediaListener) {
-            const query = window.matchMedia(`(max-width: ${this.breakpoint()})`);
-            this.query = query;
-            this.queryMatches.set(query.matches);
-            this.matchMediaListener = () => {
-                this.queryMatches.set(query.matches);
-                this.mobileActive.set(false);
-            };
-            this.renderer.listen(this.query, 'change', this.matchMediaListener.bind(this));
-        }
-    }
-    unbindMatchMediaListener() {
-        if (this.matchMediaListener) {
-            this.matchMediaListener();
-            this.matchMediaListener = null;
-            this.query = null;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Dock, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Dock, isStandalone: true, selector: "h-dock", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, breakpoint: { classPropertyName: "breakpoint", publicName: "breakpoint", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class": "cn(cx(\"root\"), styleClass())" } }, providers: [DockStyle, { provide: DOCK_INSTANCE, useExisting: Dock }, { provide: PARENT_INSTANCE, useExisting: Dock }], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], viewQueries: [{ propertyName: "listViewChild", first: true, predicate: ["list"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<div [class]=\"cx('listContainer')\" [hBind]=\"ptm('listContainer')\">\n  <ul\n    #list\n    [attr.id]=\"$id()\"\n    [class]=\"cx('list')\"\n    role=\"menu\"\n    [attr.aria-orientation]=\"position() === 'bottom' || position() === 'top' ? 'horizontal' : 'vertical'\"\n    [attr.aria-activedescendant]=\"focused ? focusedOptionId : undefined\"\n    [tabindex]=\"tabindex\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    (focus)=\"onListFocus($event)\"\n    (blur)=\"onListBlur($event)\"\n    (keydown)=\"onListKeyDown($event)\"\n    (mouseleave)=\"onListMouseLeave()\"\n    [hBind]=\"ptm('list')\"\n    >\n    @for (item of model(); track item.label; let i = $index) {\n      @if (item.visible !== false) {\n        <li\n          [attr.id]=\"getItemId(item, i)\"\n          [class]=\"cn(cx('item', { item, id: getItemId(item, i) }), $safeNavigationMigration(item?.styleClass))\"\n          [ngStyle]=\"item.style\"\n          role=\"menuitem\"\n          [attr.aria-label]=\"item.label\"\n          [attr.aria-disabled]=\"disabled(item) || false\"\n          (click)=\"onItemClick($event, item)\"\n          (mouseenter)=\"onItemMouseEnter(i)\"\n          [hBind]=\"getPTOptions(item, i, 'item')\"\n          [attr.data-h-focused]=\"isItemActive(getItemId(item, i))\"\n          [attr.data-h-disabled]=\"disabled(item) || false\"\n          >\n          <div [class]=\"cx('itemContent')\" [hBind]=\"getPTOptions(item, i, 'itemContent')\">\n            @if (isClickableRouterLink(item)) {\n              <a\n                hRipple\n                [routerLink]=\"item.routerLink\"\n                [queryParams]=\"item.queryParams\"\n                [class]=\"cn(cx('itemLink'), $safeNavigationMigration(item?.linkClass))\"\n                [ngStyle]=\"$safeNavigationMigration(item?.linkStyle)\"\n                routerLinkActive=\"router-link-active\"\n                [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n                [target]=\"item.target\"\n                [attr.title]=\"item.title\"\n                [attr.data-automationid]=\"item.automationId\"\n                [attr.tabindex]=\"item.disabled ? null : item.tabindex ? item.tabindex : '-1'\"\n                hTooltip\n                [tooltipOptions]=\"item.tooltipOptions\"\n                [pTooltipUnstyled]=\"unstyled()\"\n                [fragment]=\"item.fragment\"\n                [queryParamsHandling]=\"item.queryParamsHandling\"\n                [preserveFragment]=\"item.preserveFragment\"\n                [skipLocationChange]=\"item.skipLocationChange\"\n                [replaceUrl]=\"item.replaceUrl\"\n                [state]=\"item.state\"\n                [attr.aria-hidden]=\"true\"\n                [hBind]=\"getPTOptions(item, i, 'itemLink')\"\n                >\n                @if (item.icon && !itemTemplate() && !_itemTemplate) {\n                  <span [class]=\"cn(cx('itemIcon'), item.icon, item.iconClass)\" [ngStyle]=\"item.iconStyle\" [hBind]=\"getPTOptions(item, i, 'itemIcon')\"></span>\n                }\n                <ng-container *ngTemplateOutlet=\"itemTemplate() || itemTemplate(); context: { $implicit: item }\"></ng-container>\n                @if (item.badge) {\n                  <h-badge [styleClass]=\"item.badgeStyleClass\" [value]=\"item.badge\" [pt]=\"getPTOptions(item, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            } @else {\n              <a\n                [tooltipPosition]=\"item.tooltipPosition\"\n                [attr.href]=\"item.url || null\"\n                [class]=\"cn(cx('itemLink'), $safeNavigationMigration(item?.linkClass))\"\n                [ngStyle]=\"$safeNavigationMigration(item?.linkStyle)\"\n                hRipple\n                hTooltip\n                [tooltipOptions]=\"item.tooltipOptions\"\n                [pTooltipUnstyled]=\"unstyled()\"\n                [target]=\"item.target\"\n                [attr.title]=\"item.title\"\n                [attr.data-automationid]=\"item.automationId\"\n                [attr.tabindex]=\"item.disabled ? null : item.tabindex ? item.tabindex : '-1'\"\n                [attr.aria-hidden]=\"true\"\n                [hBind]=\"getPTOptions(item, i, 'itemLink')\"\n                >\n                @if (item.icon && !itemTemplate() && !_itemTemplate) {\n                  <span [class]=\"cn(cx('itemIcon'), item.icon, item.iconClass)\" [ngStyle]=\"item.iconStyle\" [hBind]=\"getPTOptions(item, i, 'itemIcon')\"></span>\n                }\n                <ng-container *ngTemplateOutlet=\"itemTemplate() || _itemTemplate; context: { $implicit: item }\"></ng-container>\n                @if (item.badge) {\n                  <h-badge [styleClass]=\"item.badgeStyleClass\" [value]=\"item.badge\" [pt]=\"getPTOptions(item, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            }\n          </div>\n        </li>\n      }\n    }\n  </ul>\n</div>\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: "directive", type: Ripple, selector: "[hRipple]" }, { 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: "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: Dock, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-dock', standalone: true, imports: [CommonModule, RouterModule, RouterLink, RouterLinkActive, Ripple, TooltipModule, SharedModule, Bind, Badge], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [DockStyle, { provide: DOCK_INSTANCE, useExisting: Dock }, { provide: PARENT_INSTANCE, useExisting: Dock }], host: {
-                        '[class]': 'cn(cx("root"), styleClass())'
-                    }, hostDirectives: [Bind], template: "<div [class]=\"cx('listContainer')\" [hBind]=\"ptm('listContainer')\">\n  <ul\n    #list\n    [attr.id]=\"$id()\"\n    [class]=\"cx('list')\"\n    role=\"menu\"\n    [attr.aria-orientation]=\"position() === 'bottom' || position() === 'top' ? 'horizontal' : 'vertical'\"\n    [attr.aria-activedescendant]=\"focused ? focusedOptionId : undefined\"\n    [tabindex]=\"tabindex\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    (focus)=\"onListFocus($event)\"\n    (blur)=\"onListBlur($event)\"\n    (keydown)=\"onListKeyDown($event)\"\n    (mouseleave)=\"onListMouseLeave()\"\n    [hBind]=\"ptm('list')\"\n    >\n    @for (item of model(); track item.label; let i = $index) {\n      @if (item.visible !== false) {\n        <li\n          [attr.id]=\"getItemId(item, i)\"\n          [class]=\"cn(cx('item', { item, id: getItemId(item, i) }), $safeNavigationMigration(item?.styleClass))\"\n          [ngStyle]=\"item.style\"\n          role=\"menuitem\"\n          [attr.aria-label]=\"item.label\"\n          [attr.aria-disabled]=\"disabled(item) || false\"\n          (click)=\"onItemClick($event, item)\"\n          (mouseenter)=\"onItemMouseEnter(i)\"\n          [hBind]=\"getPTOptions(item, i, 'item')\"\n          [attr.data-h-focused]=\"isItemActive(getItemId(item, i))\"\n          [attr.data-h-disabled]=\"disabled(item) || false\"\n          >\n          <div [class]=\"cx('itemContent')\" [hBind]=\"getPTOptions(item, i, 'itemContent')\">\n            @if (isClickableRouterLink(item)) {\n              <a\n                hRipple\n                [routerLink]=\"item.routerLink\"\n                [queryParams]=\"item.queryParams\"\n                [class]=\"cn(cx('itemLink'), $safeNavigationMigration(item?.linkClass))\"\n                [ngStyle]=\"$safeNavigationMigration(item?.linkStyle)\"\n                routerLinkActive=\"router-link-active\"\n                [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n                [target]=\"item.target\"\n                [attr.title]=\"item.title\"\n                [attr.data-automationid]=\"item.automationId\"\n                [attr.tabindex]=\"item.disabled ? null : item.tabindex ? item.tabindex : '-1'\"\n                hTooltip\n                [tooltipOptions]=\"item.tooltipOptions\"\n                [pTooltipUnstyled]=\"unstyled()\"\n                [fragment]=\"item.fragment\"\n                [queryParamsHandling]=\"item.queryParamsHandling\"\n                [preserveFragment]=\"item.preserveFragment\"\n                [skipLocationChange]=\"item.skipLocationChange\"\n                [replaceUrl]=\"item.replaceUrl\"\n                [state]=\"item.state\"\n                [attr.aria-hidden]=\"true\"\n                [hBind]=\"getPTOptions(item, i, 'itemLink')\"\n                >\n                @if (item.icon && !itemTemplate() && !_itemTemplate) {\n                  <span [class]=\"cn(cx('itemIcon'), item.icon, item.iconClass)\" [ngStyle]=\"item.iconStyle\" [hBind]=\"getPTOptions(item, i, 'itemIcon')\"></span>\n                }\n                <ng-container *ngTemplateOutlet=\"itemTemplate() || itemTemplate(); context: { $implicit: item }\"></ng-container>\n                @if (item.badge) {\n                  <h-badge [styleClass]=\"item.badgeStyleClass\" [value]=\"item.badge\" [pt]=\"getPTOptions(item, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            } @else {\n              <a\n                [tooltipPosition]=\"item.tooltipPosition\"\n                [attr.href]=\"item.url || null\"\n                [class]=\"cn(cx('itemLink'), $safeNavigationMigration(item?.linkClass))\"\n                [ngStyle]=\"$safeNavigationMigration(item?.linkStyle)\"\n                hRipple\n                hTooltip\n                [tooltipOptions]=\"item.tooltipOptions\"\n                [pTooltipUnstyled]=\"unstyled()\"\n                [target]=\"item.target\"\n                [attr.title]=\"item.title\"\n                [attr.data-automationid]=\"item.automationId\"\n                [attr.tabindex]=\"item.disabled ? null : item.tabindex ? item.tabindex : '-1'\"\n                [attr.aria-hidden]=\"true\"\n                [hBind]=\"getPTOptions(item, i, 'itemLink')\"\n                >\n                @if (item.icon && !itemTemplate() && !_itemTemplate) {\n                  <span [class]=\"cn(cx('itemIcon'), item.icon, item.iconClass)\" [ngStyle]=\"item.iconStyle\" [hBind]=\"getPTOptions(item, i, 'itemIcon')\"></span>\n                }\n                <ng-container *ngTemplateOutlet=\"itemTemplate() || _itemTemplate; context: { $implicit: item }\"></ng-container>\n                @if (item.badge) {\n                  <h-badge [styleClass]=\"item.badgeStyleClass\" [value]=\"item.badge\" [pt]=\"getPTOptions(item, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            }\n          </div>\n        </li>\n      }\n    }\n  </ul>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], breakpoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakpoint", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], onFocus: [{ type: i0.Output, args: ["onFocus"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }], listViewChild: [{ type: i0.ViewChild, args: ['list', { isSignal: true }] }], itemTemplate: [{ type: i0.ContentChild, args: ['item', { isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
-class DockModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: DockModule, imports: [Dock, SharedModule], exports: [Dock, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DockModule, imports: [Dock, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DockModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Dock, SharedModule],
-                    exports: [Dock, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const DOCK_INSTANCE = new InjectionToken("DOCK_INSTANCE");
+var Dock = class Dock extends BaseComponent {
+	cd;
+	componentName = "Dock";
+	id = input(...ngDevMode ? [void 0, { debugName: "id" }] : 	/* istanbul ignore next */ []);
+	autoId = uuid("pn_id_");
+	$id = computed(() => this.id() || this.autoId, ...ngDevMode ? [{ debugName: "$id" }] : 	/* istanbul ignore next */ []);
+	styleClass = input(...ngDevMode ? [void 0, { debugName: "styleClass" }] : 	/* istanbul ignore next */ []);
+	model = input(null, ...ngDevMode ? [{ debugName: "model" }] : 	/* istanbul ignore next */ []);
+	position = input("bottom", ...ngDevMode ? [{ debugName: "position" }] : 	/* istanbul ignore next */ []);
+	ariaLabel = input(...ngDevMode ? [void 0, { debugName: "ariaLabel" }] : 	/* istanbul ignore next */ []);
+	breakpoint = input("960px", ...ngDevMode ? [{ debugName: "breakpoint" }] : 	/* istanbul ignore next */ []);
+	ariaLabelledBy = input(...ngDevMode ? [void 0, { debugName: "ariaLabelledBy" }] : 	/* istanbul ignore next */ []);
+	onFocus = output();
+	onBlur = output();
+	listViewChild = viewChild("list", ...ngDevMode ? [{ debugName: "listViewChild" }] : 	/* istanbul ignore next */ []);
+	currentIndex;
+	tabindex = 0;
+	focused = false;
+	focusedOptionIndex = -1;
+	_componentStyle = inject(DockStyle);
+	bindDirectiveInstance = inject(Bind, { self: true });
+	$pcDock = inject(DOCK_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	matchMediaListener;
+	query;
+	queryMatches = signal(false, ...ngDevMode ? [{ debugName: "queryMatches" }] : 	/* istanbul ignore next */ []);
+	mobileActive = signal(false, ...ngDevMode ? [{ debugName: "mobileActive" }] : 	/* istanbul ignore next */ []);
+	get focusedOptionId() {
+		return this.focusedOptionIndex !== -1 && this.focusedOptionIndex !== "-1" ? String(this.focusedOptionIndex) : null;
+	}
+	constructor(cd) {
+		super();
+		this.cd = cd;
+		this.currentIndex = -3;
+	}
+	onInit() {
+		this.bindMatchMediaListener();
+	}
+	onDestroy() {
+		this.unbindMatchMediaListener();
+	}
+	itemTemplate = contentChild("item", ...ngDevMode ? [{ debugName: "itemTemplate" }] : 	/* istanbul ignore next */ []);
+	_itemTemplate;
+	getItemId(item, index) {
+		return item && item?.id ? item.id : `${index}`;
+	}
+	getItemProp(processedItem, name) {
+		return processedItem && processedItem.item ? resolve(processedItem.item[name]) : void 0;
+	}
+	disabled(item) {
+		return typeof item.disabled === "function" ? item.disabled() : item.disabled || false;
+	}
+	isItemActive(id) {
+		return String(id) === String(this.focusedOptionIndex);
+	}
+	onListMouseLeave() {
+		this.currentIndex = -3;
+		this.cd.markForCheck();
+	}
+	onItemMouseEnter(index) {
+		this.currentIndex = index;
+		if (index === 1) {}
+		this.cd.markForCheck();
+	}
+	onItemClick(e, item) {
+		if (item.command) item.command({
+			originalEvent: e,
+			item
+		});
+	}
+	onListFocus(event) {
+		this.focused = true;
+		this.changeFocusedOptionIndex(0);
+		this.onFocus.emit(event);
+	}
+	onListBlur(event) {
+		this.focused = false;
+		this.focusedOptionIndex = -1;
+		this.onBlur.emit(event);
+	}
+	onListKeyDown(event) {
+		switch (event.code) {
+			case "ArrowDown": {
+				const position = this.position();
+				if (position === "left" || position === "right") this.onArrowDownKey();
+				event.preventDefault();
+				break;
+			}
+			case "ArrowUp": {
+				const position = this.position();
+				if (position === "left" || position === "right") this.onArrowUpKey();
+				event.preventDefault();
+				break;
+			}
+			case "ArrowRight": {
+				const position = this.position();
+				if (position === "top" || position === "bottom") this.onArrowDownKey();
+				event.preventDefault();
+				break;
+			}
+			case "ArrowLeft": {
+				const position = this.position();
+				if (position === "top" || position === "bottom") this.onArrowUpKey();
+				event.preventDefault();
+				break;
+			}
+			case "Home":
+				this.onHomeKey();
+				event.preventDefault();
+				break;
+			case "End":
+				this.onEndKey();
+				event.preventDefault();
+				break;
+			case "Enter":
+			case "Space":
+				this.onSpaceKey();
+				event.preventDefault();
+				break;
+			default: break;
+		}
+	}
+	onArrowDownKey() {
+		const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex);
+		this.changeFocusedOptionIndex(optionIndex);
+	}
+	onArrowUpKey() {
+		const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex);
+		this.changeFocusedOptionIndex(optionIndex);
+	}
+	onHomeKey() {
+		this.changeFocusedOptionIndex(0);
+	}
+	onEndKey() {
+		this.changeFocusedOptionIndex(find(this.listViewChild()?.nativeElement, "li[data-pc-section=\"item\"][data-h-disabled=\"false\"]").length - 1);
+	}
+	onSpaceKey() {
+		const element = findSingle(this.listViewChild()?.nativeElement, `li[id="${`${this.focusedOptionIndex}`}"]`);
+		const anchorElement = element && findSingle(element, "a,button");
+		anchorElement ? anchorElement.click() : element && element.click();
+	}
+	findNextOptionIndex(index) {
+		const matchedOptionIndex = [...find(this.listViewChild()?.nativeElement, "li[data-pc-section=\"item\"][data-h-disabled=\"false\"]")].findIndex((link) => link.id === index);
+		return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;
+	}
+	changeFocusedOptionIndex(index) {
+		const menuitems = find(this.listViewChild()?.nativeElement, "li[data-pc-section=\"item\"][data-h-disabled=\"false\"]");
+		let order = index >= menuitems.length ? menuitems.length - 1 : index < 0 ? 0 : index;
+		this.focusedOptionIndex = menuitems[order]?.getAttribute("id");
+	}
+	findPrevOptionIndex(index) {
+		const matchedOptionIndex = [...find(this.listViewChild()?.nativeElement, "li[data-pc-section=\"item\"][data-h-disabled=\"false\"]")].findIndex((link) => link.id === index);
+		return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;
+	}
+	isClickableRouterLink(item) {
+		return !!item.routerLink && !this.disabled(item);
+	}
+	templates = contentChildren(HelixTemplate, ...ngDevMode ? [{ debugName: "templates" }] : 	/* istanbul ignore next */ []);
+	onAfterContentInit() {
+		this.templates()?.forEach((item) => {
+			switch (item.getType()) {
+				case "item":
+					this._itemTemplate = item.template;
+					break;
+				default:
+					this._itemTemplate = item.template;
+					break;
+			}
+		});
+	}
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	getPTOptions(item, index, key) {
+		return this.ptm(key, { context: {
+			item,
+			index
+		} });
+	}
+	bindMatchMediaListener() {
+		if (!this.matchMediaListener) {
+			const query = window.matchMedia(`(max-width: ${this.breakpoint()})`);
+			this.query = query;
+			this.queryMatches.set(query.matches);
+			this.matchMediaListener = () => {
+				this.queryMatches.set(query.matches);
+				this.mobileActive.set(false);
+			};
+			this.renderer.listen(this.query, "change", this.matchMediaListener.bind(this));
+		}
+	}
+	unbindMatchMediaListener() {
+		if (this.matchMediaListener) {
+			this.matchMediaListener();
+			this.matchMediaListener = null;
+			this.query = null;
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: Dock,
+		deps: [{ token: i0.ChangeDetectorRef }],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: Dock,
+		isStandalone: true,
+		selector: "h-dock",
+		inputs: {
+			id: {
+				classPropertyName: "id",
+				publicName: "id",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styleClass: {
+				classPropertyName: "styleClass",
+				publicName: "styleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			model: {
+				classPropertyName: "model",
+				publicName: "model",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			position: {
+				classPropertyName: "position",
+				publicName: "position",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			breakpoint: {
+				classPropertyName: "breakpoint",
+				publicName: "breakpoint",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabelledBy: {
+				classPropertyName: "ariaLabelledBy",
+				publicName: "ariaLabelledBy",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			onFocus: "onFocus",
+			onBlur: "onBlur"
+		},
+		host: { properties: { "class": "cn(cx(\"root\"), styleClass())" } },
+		providers: [
+			DockStyle,
+			{
+				provide: DOCK_INSTANCE,
+				useExisting: Dock
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Dock
+			}
+		],
+		queries: [{
+			propertyName: "itemTemplate",
+			first: true,
+			predicate: ["item"],
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "templates",
+			predicate: HelixTemplate,
+			isSignal: true
+		}],
+		viewQueries: [{
+			propertyName: "listViewChild",
+			first: true,
+			predicate: ["list"],
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "<div [class]=\"cx('listContainer')\" [hBind]=\"ptm('listContainer')\">\n  <ul\n    #list\n    [attr.id]=\"$id()\"\n    [class]=\"cx('list')\"\n    role=\"menu\"\n    [attr.aria-orientation]=\"position() === 'bottom' || position() === 'top' ? 'horizontal' : 'vertical'\"\n    [attr.aria-activedescendant]=\"focused ? focusedOptionId : undefined\"\n    [tabindex]=\"tabindex\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    (focus)=\"onListFocus($event)\"\n    (blur)=\"onListBlur($event)\"\n    (keydown)=\"onListKeyDown($event)\"\n    (mouseleave)=\"onListMouseLeave()\"\n    [hBind]=\"ptm('list')\"\n    >\n    @for (item of model(); track item.label; let i = $index) {\n      @if (item.visible !== false) {\n        <li\n          [attr.id]=\"getItemId(item, i)\"\n          [class]=\"cn(cx('item', { item, id: getItemId(item, i) }), $safeNavigationMigration(item?.styleClass))\"\n          [ngStyle]=\"item.style\"\n          role=\"menuitem\"\n          [attr.aria-label]=\"item.label\"\n          [attr.aria-disabled]=\"disabled(item) || false\"\n          (click)=\"onItemClick($event, item)\"\n          (mouseenter)=\"onItemMouseEnter(i)\"\n          [hBind]=\"getPTOptions(item, i, 'item')\"\n          [attr.data-h-focused]=\"isItemActive(getItemId(item, i))\"\n          [attr.data-h-disabled]=\"disabled(item) || false\"\n          >\n          <div [class]=\"cx('itemContent')\" [hBind]=\"getPTOptions(item, i, 'itemContent')\">\n            @if (isClickableRouterLink(item)) {\n              <a\n                hRipple\n                [routerLink]=\"item.routerLink\"\n                [queryParams]=\"item.queryParams\"\n                [class]=\"cn(cx('itemLink'), $safeNavigationMigration(item?.linkClass))\"\n                [ngStyle]=\"$safeNavigationMigration(item?.linkStyle)\"\n                routerLinkActive=\"router-link-active\"\n                [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n                [target]=\"item.target\"\n                [attr.title]=\"item.title\"\n                [attr.data-automationid]=\"item.automationId\"\n                [attr.tabindex]=\"item.disabled ? null : item.tabindex ? item.tabindex : '-1'\"\n                hTooltip\n                [tooltipOptions]=\"item.tooltipOptions\"\n                [pTooltipUnstyled]=\"unstyled()\"\n                [fragment]=\"item.fragment\"\n                [queryParamsHandling]=\"item.queryParamsHandling\"\n                [preserveFragment]=\"item.preserveFragment\"\n                [skipLocationChange]=\"item.skipLocationChange\"\n                [replaceUrl]=\"item.replaceUrl\"\n                [state]=\"item.state\"\n                [attr.aria-hidden]=\"true\"\n                [hBind]=\"getPTOptions(item, i, 'itemLink')\"\n                >\n                @if (item.icon && !itemTemplate() && !_itemTemplate) {\n                  <span [class]=\"cn(cx('itemIcon'), item.icon, item.iconClass)\" [ngStyle]=\"item.iconStyle\" [hBind]=\"getPTOptions(item, i, 'itemIcon')\"></span>\n                }\n                <ng-container *ngTemplateOutlet=\"itemTemplate() || itemTemplate(); context: { $implicit: item }\"></ng-container>\n                @if (item.badge) {\n                  <h-badge [styleClass]=\"item.badgeStyleClass\" [value]=\"item.badge\" [pt]=\"getPTOptions(item, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            } @else {\n              <a\n                [tooltipPosition]=\"item.tooltipPosition\"\n                [attr.href]=\"item.url || null\"\n                [class]=\"cn(cx('itemLink'), $safeNavigationMigration(item?.linkClass))\"\n                [ngStyle]=\"$safeNavigationMigration(item?.linkStyle)\"\n                hRipple\n                hTooltip\n                [tooltipOptions]=\"item.tooltipOptions\"\n                [pTooltipUnstyled]=\"unstyled()\"\n                [target]=\"item.target\"\n                [attr.title]=\"item.title\"\n                [attr.data-automationid]=\"item.automationId\"\n                [attr.tabindex]=\"item.disabled ? null : item.tabindex ? item.tabindex : '-1'\"\n                [attr.aria-hidden]=\"true\"\n                [hBind]=\"getPTOptions(item, i, 'itemLink')\"\n                >\n                @if (item.icon && !itemTemplate() && !_itemTemplate) {\n                  <span [class]=\"cn(cx('itemIcon'), item.icon, item.iconClass)\" [ngStyle]=\"item.iconStyle\" [hBind]=\"getPTOptions(item, i, 'itemIcon')\"></span>\n                }\n                <ng-container *ngTemplateOutlet=\"itemTemplate() || _itemTemplate; context: { $implicit: item }\"></ng-container>\n                @if (item.badge) {\n                  <h-badge [styleClass]=\"item.badgeStyleClass\" [value]=\"item.badge\" [pt]=\"getPTOptions(item, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            }\n          </div>\n        </li>\n      }\n    }\n  </ul>\n</div>\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: "directive",
+				type: Ripple,
+				selector: "[hRipple]"
+			},
+			{
+				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: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "component",
+				type: Badge,
+				selector: "h-badge",
+				inputs: [
+					"styleClass",
+					"badgeSize",
+					"size",
+					"severity",
+					"value",
+					"badgeDisabled"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Dock,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-dock",
+			standalone: true,
+			imports: [
+				CommonModule,
+				RouterModule,
+				RouterLink,
+				RouterLinkActive,
+				Ripple,
+				TooltipModule,
+				SharedModule,
+				Bind,
+				Badge
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			providers: [
+				DockStyle,
+				{
+					provide: DOCK_INSTANCE,
+					useExisting: Dock
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Dock
+				}
+			],
+			host: { "[class]": "cn(cx(\"root\"), styleClass())" },
+			hostDirectives: [Bind],
+			template: "<div [class]=\"cx('listContainer')\" [hBind]=\"ptm('listContainer')\">\n  <ul\n    #list\n    [attr.id]=\"$id()\"\n    [class]=\"cx('list')\"\n    role=\"menu\"\n    [attr.aria-orientation]=\"position() === 'bottom' || position() === 'top' ? 'horizontal' : 'vertical'\"\n    [attr.aria-activedescendant]=\"focused ? focusedOptionId : undefined\"\n    [tabindex]=\"tabindex\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    (focus)=\"onListFocus($event)\"\n    (blur)=\"onListBlur($event)\"\n    (keydown)=\"onListKeyDown($event)\"\n    (mouseleave)=\"onListMouseLeave()\"\n    [hBind]=\"ptm('list')\"\n    >\n    @for (item of model(); track item.label; let i = $index) {\n      @if (item.visible !== false) {\n        <li\n          [attr.id]=\"getItemId(item, i)\"\n          [class]=\"cn(cx('item', { item, id: getItemId(item, i) }), $safeNavigationMigration(item?.styleClass))\"\n          [ngStyle]=\"item.style\"\n          role=\"menuitem\"\n          [attr.aria-label]=\"item.label\"\n          [attr.aria-disabled]=\"disabled(item) || false\"\n          (click)=\"onItemClick($event, item)\"\n          (mouseenter)=\"onItemMouseEnter(i)\"\n          [hBind]=\"getPTOptions(item, i, 'item')\"\n          [attr.data-h-focused]=\"isItemActive(getItemId(item, i))\"\n          [attr.data-h-disabled]=\"disabled(item) || false\"\n          >\n          <div [class]=\"cx('itemContent')\" [hBind]=\"getPTOptions(item, i, 'itemContent')\">\n            @if (isClickableRouterLink(item)) {\n              <a\n                hRipple\n                [routerLink]=\"item.routerLink\"\n                [queryParams]=\"item.queryParams\"\n                [class]=\"cn(cx('itemLink'), $safeNavigationMigration(item?.linkClass))\"\n                [ngStyle]=\"$safeNavigationMigration(item?.linkStyle)\"\n                routerLinkActive=\"router-link-active\"\n                [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n                [target]=\"item.target\"\n                [attr.title]=\"item.title\"\n                [attr.data-automationid]=\"item.automationId\"\n                [attr.tabindex]=\"item.disabled ? null : item.tabindex ? item.tabindex : '-1'\"\n                hTooltip\n                [tooltipOptions]=\"item.tooltipOptions\"\n                [pTooltipUnstyled]=\"unstyled()\"\n                [fragment]=\"item.fragment\"\n                [queryParamsHandling]=\"item.queryParamsHandling\"\n                [preserveFragment]=\"item.preserveFragment\"\n                [skipLocationChange]=\"item.skipLocationChange\"\n                [replaceUrl]=\"item.replaceUrl\"\n                [state]=\"item.state\"\n                [attr.aria-hidden]=\"true\"\n                [hBind]=\"getPTOptions(item, i, 'itemLink')\"\n                >\n                @if (item.icon && !itemTemplate() && !_itemTemplate) {\n                  <span [class]=\"cn(cx('itemIcon'), item.icon, item.iconClass)\" [ngStyle]=\"item.iconStyle\" [hBind]=\"getPTOptions(item, i, 'itemIcon')\"></span>\n                }\n                <ng-container *ngTemplateOutlet=\"itemTemplate() || itemTemplate(); context: { $implicit: item }\"></ng-container>\n                @if (item.badge) {\n                  <h-badge [styleClass]=\"item.badgeStyleClass\" [value]=\"item.badge\" [pt]=\"getPTOptions(item, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            } @else {\n              <a\n                [tooltipPosition]=\"item.tooltipPosition\"\n                [attr.href]=\"item.url || null\"\n                [class]=\"cn(cx('itemLink'), $safeNavigationMigration(item?.linkClass))\"\n                [ngStyle]=\"$safeNavigationMigration(item?.linkStyle)\"\n                hRipple\n                hTooltip\n                [tooltipOptions]=\"item.tooltipOptions\"\n                [pTooltipUnstyled]=\"unstyled()\"\n                [target]=\"item.target\"\n                [attr.title]=\"item.title\"\n                [attr.data-automationid]=\"item.automationId\"\n                [attr.tabindex]=\"item.disabled ? null : item.tabindex ? item.tabindex : '-1'\"\n                [attr.aria-hidden]=\"true\"\n                [hBind]=\"getPTOptions(item, i, 'itemLink')\"\n                >\n                @if (item.icon && !itemTemplate() && !_itemTemplate) {\n                  <span [class]=\"cn(cx('itemIcon'), item.icon, item.iconClass)\" [ngStyle]=\"item.iconStyle\" [hBind]=\"getPTOptions(item, i, 'itemIcon')\"></span>\n                }\n                <ng-container *ngTemplateOutlet=\"itemTemplate() || _itemTemplate; context: { $implicit: item }\"></ng-container>\n                @if (item.badge) {\n                  <h-badge [styleClass]=\"item.badgeStyleClass\" [value]=\"item.badge\" [pt]=\"getPTOptions(item, i, 'pcBadge')\" [unstyled]=\"unstyled()\" />\n                }\n              </a>\n            }\n          </div>\n        </li>\n      }\n    }\n  </ul>\n</div>\n"
+		}]
+	}],
+	ctorParameters: () => [{ type: i0.ChangeDetectorRef }],
+	propDecorators: {
+		id: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "id",
+				required: false
+			}]
+		}],
+		styleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleClass",
+				required: false
+			}]
+		}],
+		model: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "model",
+				required: false
+			}]
+		}],
+		position: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "position",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		breakpoint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "breakpoint",
+				required: false
+			}]
+		}],
+		ariaLabelledBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabelledBy",
+				required: false
+			}]
+		}],
+		onFocus: [{
+			type: i0.Output,
+			args: ["onFocus"]
+		}],
+		onBlur: [{
+			type: i0.Output,
+			args: ["onBlur"]
+		}],
+		listViewChild: [{
+			type: i0.ViewChild,
+			args: ["list", { isSignal: true }]
+		}],
+		itemTemplate: [{
+			type: i0.ContentChild,
+			args: ["item", { isSignal: true }]
+		}],
+		templates: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }]
+		}]
+	}
+});
+var DockModule = class DockModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: DockModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: DockModule,
+		imports: [Dock, SharedModule],
+		exports: [Dock, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: DockModule,
+		imports: [
+			Dock,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: DockModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [Dock, SharedModule],
+			exports: [Dock, SharedModule]
+		}]
+	}]
+});
 export { Dock, DockClasses, DockModule, DockStyle };
-//# sourceMappingURL=gravionlabs-helix-core-dock.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-dock.mjs.map