@gravionlabs/helix-core 22.0.0

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

@@ -0,0 +1,504 @@
+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*/ `
+    .h-dock {
+        position: absolute;
+        z-index: 1;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        pointer-events: none;
+    }
+
+    .h-dock-list-container {
+        display: flex;
+        pointer-events: auto;
+        background: dt('dock.background');
+        border: 1px solid dt('dock.border.color');
+        padding: dt('dock.padding');
+        border-radius: dt('dock.border.radius');
+    }
+
+    .h-dock-list {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        outline: 0 none;
+    }
+
+    .h-dock-item {
+        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+        will-change: transform;
+        padding: dt('dock.item.padding');
+        border-radius: dt('dock.item.border.radius');
+    }
+
+    .h-dock-item.h-focus {
+        box-shadow: dt('dock.item.focus.ring.shadow');
+        outline: dt('dock.item.focus.ring.width') dt('dock.item.focus.ring.style') dt('dock.item.focus.ring.color');
+        outline-offset: dt('dock.item.focus.ring.offset');
+    }
+
+    .h-dock-item-link {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+        overflow: hidden;
+        cursor: default;
+        width: dt('dock.item.size');
+        height: dt('dock.item.size');
+    }
+
+    .h-dock-top {
+        left: 0;
+        top: 0;
+        width: 100%;
+    }
+
+    .h-dock-bottom {
+        left: 0;
+        bottom: 0;
+        width: 100%;
+    }
+
+    .h-dock-right {
+        right: 0;
+        top: 0;
+        height: 100%;
+    }
+
+    .h-dock-right .h-dock-list {
+        flex-direction: column;
+    }
+
+    .h-dock-left {
+        left: 0;
+        top: 0;
+        height: 100%;
+    }
+
+    .h-dock-left .h-dock-list {
+        flex-direction: column;
+    }
+
+    .h-dock-mobile.h-dock-top .h-dock-list-container,
+    .h-dock-mobile.h-dock-bottom .h-dock-list-container {
+        overflow-x: auto;
+        width: 100%;
+    }
+
+    .h-dock-mobile.h-dock-top .h-dock-list-container .h-dock-list,
+    .h-dock-mobile.h-dock-bottom .h-dock-list-container .h-dock-list {
+        margin: 0 auto;
+    }
+
+    .h-dock-mobile.h-dock-left .h-dock-list-container,
+    .h-dock-mobile.h-dock-right .h-dock-list-container {
+        overflow-y: auto;
+        height: 100%;
+    }
+
+    .h-dock-mobile.h-dock-left .h-dock-list-container .h-dock-list,
+    .h-dock-mobile.h-dock-right .h-dock-list-container .h-dock-list {
+        margin: auto 0;
+    }
+
+    .h-dock-mobile .h-dock-list .h-dock-item {
+        transform: none;
+        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'
+};
+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
+ *
+ */
+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";
+})(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.
+ */
+
+export { Dock, DockClasses, DockModule, DockStyle };
+//# sourceMappingURL=gravionlabs-helix-core-dock.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-dock.mjs","sources":["../../../projects/core/dock/style/dock.css.ts","../../../projects/core/dock/style/dockstyle.ts","../../../projects/core/dock/dock.ts","../../../projects/core/dock/dock.html","../../../projects/core/dock/gravionlabs-helix-core-dock.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .h-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n        background: dt('dock.background');\n        border: 1px solid dt('dock.border.color');\n        padding: dt('dock.padding');\n        border-radius: dt('dock.border.radius');\n    }\n\n    .h-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        outline: 0 none;\n    }\n\n    .h-dock-item {\n        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n        padding: dt('dock.item.padding');\n        border-radius: dt('dock.item.border.radius');\n    }\n\n    .h-dock-item.h-focus {\n        box-shadow: dt('dock.item.focus.ring.shadow');\n        outline: dt('dock.item.focus.ring.width') dt('dock.item.focus.ring.style') dt('dock.item.focus.ring.color');\n        outline-offset: dt('dock.item.focus.ring.offset');\n    }\n\n    .h-dock-item-link {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n        width: dt('dock.item.size');\n        height: dt('dock.item.size');\n    }\n\n    .h-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .h-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .h-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .h-dock-right .h-dock-list {\n        flex-direction: column;\n    }\n\n    .h-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .h-dock-left .h-dock-list {\n        flex-direction: column;\n    }\n\n    .h-dock-mobile.h-dock-top .h-dock-list-container,\n    .h-dock-mobile.h-dock-bottom .h-dock-list-container {\n        overflow-x: auto;\n        width: 100%;\n    }\n\n    .h-dock-mobile.h-dock-top .h-dock-list-container .h-dock-list,\n    .h-dock-mobile.h-dock-bottom .h-dock-list-container .h-dock-list {\n        margin: 0 auto;\n    }\n\n    .h-dock-mobile.h-dock-left .h-dock-list-container,\n    .h-dock-mobile.h-dock-right .h-dock-list-container {\n        overflow-y: auto;\n        height: 100%;\n    }\n\n    .h-dock-mobile.h-dock-left .h-dock-list-container .h-dock-list,\n    .h-dock-mobile.h-dock-right .h-dock-list-container .h-dock-list {\n        margin: auto 0;\n    }\n\n    .h-dock-mobile .h-dock-list .h-dock-item {\n        transform: none;\n        margin: 0;\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './dock.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-dock h-component',\n        `h-dock-${instance.position()}`,\n        {\n            'h-dock-mobile': instance.queryMatches()\n        }\n    ],\n    listContainer: 'h-dock-list-container',\n    list: 'h-dock-list',\n    item: ({ instance, item, id }) => [\n        'h-dock-item',\n        {\n            'h-focus': instance.isItemActive(id),\n            'h-disabled': instance.disabled(item)\n        }\n    ],\n    itemContent: 'h-dock-item-content',\n    itemLink: 'h-dock-item-link',\n    itemIcon: 'h-dock-item-icon'\n};\n\n@Injectable()\nexport class DockStyle extends BaseStyle {\n    name = 'dock';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Dock is a navigation component consisting of menuitems.\n *\n * [Live Demo](https://www.primeng.org/dock/)\n *\n * @module dockstyle\n *\n */\nexport enum DockClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-dock',\n    /**\n     * Class name of the list container element\n     */\n    listContainer = 'h-dock-list-container',\n    /**\n     * Class name of the list element\n     */\n    list = 'h-dock-list',\n    /**\n     * Class name of the item element\n     */\n    item = 'h-dock-item',\n    /**\n     * Class name of the item content element\n     */\n    itemContent = 'h-dock-item-content',\n    /**\n     * Class name of the item link element\n     */\n    itemLink = 'h-dock-item-link',\n    /**\n     * Class name of the item icon element\n     */\n    itemIcon = 'h-dock-item-icon'\n}\n\nexport interface DockStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, inject, InjectionToken, Input, NgModule, signal, TemplateRef, ViewEncapsulation, input, output, viewChild, contentChild, contentChildren, computed } from '@angular/core';\nimport { RouterLink, RouterLinkActive, RouterModule } from '@angular/router';\nimport { find, findSingle, resolve, uuid } from '@gravionlabs/helix-core/uix/utils';\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 { Ripple } from '@gravionlabs/helix-core/ripple';\nimport { TooltipModule } from '@gravionlabs/helix-core/tooltip';\nimport { Nullable } from '@gravionlabs/helix-core/ts-helpers';\nimport { DockItemTemplateContext, DockPassThrough } from '@gravionlabs/helix-core/types/dock';\nimport { DockStyle } from './style/dockstyle';\n\nconst DOCK_INSTANCE = new InjectionToken<Dock>('DOCK_INSTANCE');\n\n/**\n * Dock is a navigation component consisting of menuitems.\n * @group Components\n */\n@Component({\n    selector: 'h-dock',\n    standalone: true,\n    imports: [CommonModule, RouterModule, RouterLink, RouterLinkActive, Ripple, TooltipModule, SharedModule, Bind, Badge],\n    templateUrl: './dock.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [DockStyle, { provide: DOCK_INSTANCE, useExisting: Dock }, { provide: PARENT_INSTANCE, useExisting: Dock }],\n    host: {\n        '[class]': 'cn(cx(\"root\"), styleClass())'\n    },\n    hostDirectives: [Bind]\n})\nexport class Dock extends BaseComponent<DockPassThrough> {\n    componentName = 'Dock';\n\n    /**\n     * Current id state as a string.\n     * @group Props\n     */\n    readonly id = input<string>();\n\n    private readonly autoId = uuid('pn_id_');\n\n    readonly $id = computed(() => this.id() || this.autoId);\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * MenuModel instance to define the action items.\n     * @group Props\n     */\n    readonly model = input<MenuItem[] | undefined | null>(null);\n    /**\n     * Position of element.\n     * @group Props\n     */\n    readonly position = input<'bottom' | 'top' | 'left' | 'right'>('bottom');\n    /**\n     * Defines a string that labels the input for accessibility.\n     * @group Props\n     */\n    readonly ariaLabel = input<string>();\n    /**\n     * The breakpoint to define the maximum width boundary.\n     * @defaultValue 960px\n     * @group Props\n     */\n    readonly breakpoint = input<string | undefined>('960px');\n    /**\n     * Defines a string that labels the dropdown button for accessibility.\n     * @group Props\n     */\n    readonly ariaLabelledBy = input<string>();\n    /**\n     * Callback to execute when button is focused.\n     * @param {FocusEvent} event - Focus event.\n     * @group Emits\n     */\n    readonly onFocus = output<FocusEvent>();\n    /**\n     * Callback to invoke when the component loses focus.\n     * @param {FocusEvent} event - Focus event.\n     * @group Emits\n     */\n    readonly onBlur = output<FocusEvent>();\n\n    readonly listViewChild = viewChild<Nullable<ElementRef>>('list');\n\n    currentIndex: number;\n\n    tabindex: number = 0;\n\n    focused: boolean = false;\n\n    focusedOptionIndex: string | number = -1;\n\n    _componentStyle = inject(DockStyle);\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    $pcDock: Dock | undefined = inject(DOCK_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    matchMediaListener: any;\n\n    query: any;\n\n    queryMatches = signal<boolean>(false);\n\n    mobileActive = signal<boolean>(false);\n\n    get focusedOptionId() {\n        return this.focusedOptionIndex !== -1 && this.focusedOptionIndex !== '-1' ? String(this.focusedOptionIndex) : null;\n    }\n\n    constructor(public cd: ChangeDetectorRef) {\n        super();\n        this.currentIndex = -3;\n    }\n\n    onInit() {\n        this.bindMatchMediaListener();\n    }\n\n    onDestroy() {\n        this.unbindMatchMediaListener();\n    }\n\n    /**\n     * Custom item template.\n     * @param {DockItemTemplateContext} context - item template context.\n     * @group Templates\n     */\n    readonly itemTemplate = contentChild<TemplateRef<DockItemTemplateContext>>('item');\n\n    _itemTemplate: TemplateRef<DockItemTemplateContext> | undefined;\n\n    getItemId(item, index) {\n        return item && item?.id ? item.id : `${index}`;\n    }\n\n    getItemProp(processedItem, name) {\n        return processedItem && processedItem.item ? resolve(processedItem.item[name]) : undefined;\n    }\n\n    disabled(item) {\n        return typeof item.disabled === 'function' ? item.disabled() : item.disabled || false;\n    }\n\n    isItemActive(id) {\n        return String(id) === String(this.focusedOptionIndex);\n    }\n\n    onListMouseLeave() {\n        this.currentIndex = -3;\n        this.cd.markForCheck();\n    }\n\n    onItemMouseEnter(index: number) {\n        this.currentIndex = index;\n\n        if (index === 1) {\n        }\n\n        this.cd.markForCheck();\n    }\n\n    onItemClick(e: Event, item: MenuItem) {\n        if (item.command) {\n            item.command({ originalEvent: e, item });\n        }\n    }\n\n    onListFocus(event) {\n        this.focused = true;\n        this.changeFocusedOptionIndex(0);\n        this.onFocus.emit(event);\n    }\n\n    onListBlur(event) {\n        this.focused = false;\n        this.focusedOptionIndex = -1;\n        this.onBlur.emit(event);\n    }\n\n    onListKeyDown(event) {\n        switch (event.code) {\n            case 'ArrowDown': {\n                const position = this.position();\n                if (position === 'left' || position === 'right') this.onArrowDownKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'ArrowUp': {\n                const position = this.position();\n                if (position === 'left' || position === 'right') this.onArrowUpKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'ArrowRight': {\n                const position = this.position();\n                if (position === 'top' || position === 'bottom') this.onArrowDownKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'ArrowLeft': {\n                const position = this.position();\n                if (position === 'top' || position === 'bottom') this.onArrowUpKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'Home': {\n                this.onHomeKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'End': {\n                this.onEndKey();\n                event.preventDefault();\n                break;\n            }\n\n            case 'Enter':\n\n            case 'Space': {\n                this.onSpaceKey();\n                event.preventDefault();\n                break;\n            }\n\n            default:\n                break;\n        }\n    }\n\n    onArrowDownKey() {\n        const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex);\n\n        this.changeFocusedOptionIndex(optionIndex);\n    }\n\n    onArrowUpKey() {\n        const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex);\n\n        this.changeFocusedOptionIndex(optionIndex);\n    }\n\n    onHomeKey() {\n        this.changeFocusedOptionIndex(0);\n    }\n\n    onEndKey() {\n        this.changeFocusedOptionIndex(find(this.listViewChild()?.nativeElement, 'li[data-pc-section=\"item\"][data-h-disabled=\"false\"]').length - 1);\n    }\n\n    onSpaceKey() {\n        const element = <HTMLElement>findSingle(this.listViewChild()?.nativeElement, `li[id=\"${`${this.focusedOptionIndex}`}\"]`);\n        const anchorElement = element && <HTMLElement>findSingle(element, 'a,button');\n\n        anchorElement ? anchorElement.click() : element && element.click();\n    }\n\n    findNextOptionIndex(index) {\n        const menuitems = find(this.listViewChild()?.nativeElement, 'li[data-pc-section=\"item\"][data-h-disabled=\"false\"]');\n        const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);\n\n        return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;\n    }\n\n    changeFocusedOptionIndex(index) {\n        const menuitems = <any>find(this.listViewChild()?.nativeElement, 'li[data-pc-section=\"item\"][data-h-disabled=\"false\"]');\n\n        let order = index >= menuitems.length ? menuitems.length - 1 : index < 0 ? 0 : index;\n\n        this.focusedOptionIndex = menuitems[order]?.getAttribute('id');\n    }\n\n    findPrevOptionIndex(index) {\n        const menuitems = find(this.listViewChild()?.nativeElement, 'li[data-pc-section=\"item\"][data-h-disabled=\"false\"]');\n        const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);\n\n        return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;\n    }\n\n    isClickableRouterLink(item: any) {\n        return !!item.routerLink && !this.disabled(item);\n    }\n\n    readonly templates = contentChildren(HelixTemplate);\n\n    onAfterContentInit() {\n        this.templates()?.forEach((item) => {\n            switch (item.getType()) {\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.ptms(['host', 'root']));\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    bindMatchMediaListener() {\n        if (!this.matchMediaListener) {\n            const query = window.matchMedia(`(max-width: ${this.breakpoint()})`);\n            this.query = query;\n            this.queryMatches.set(query.matches);\n\n            this.matchMediaListener = () => {\n                this.queryMatches.set(query.matches);\n                this.mobileActive.set(false);\n            };\n\n            this.renderer.listen(this.query, 'change', this.matchMediaListener.bind(this));\n        }\n    }\n\n    unbindMatchMediaListener() {\n        if (this.matchMediaListener) {\n            this.matchMediaListener();\n            this.matchMediaListener = null;\n            this.query = null;\n        }\n    }\n}\n\n@NgModule({\n    imports: [Dock, SharedModule],\n    exports: [Dock, SharedModule]\n})\nexport class DockModule {}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}