@gravionlabs/helix-core 22.1.2 → 22.1.4

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

@@ -1 +1 @@
-{"version":3,"file":"gravionlabs-helix-core-steps.mjs","sources":["../../../projects/core/steps/style/steps.css.ts","../../../projects/core/steps/style/stepsstyle.ts","../../../projects/core/steps/steps.ts","../../../projects/core/steps/steps.html","../../../projects/core/steps/gravionlabs-helix-core-steps.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-steps {\n        position: relative;\n    }\n\n    .h-steps-list {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .h-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .h-steps-item.h-disabled,\n    .h-steps-item.h-disabled * {\n        opacity: 1;\n        pointer-events: auto;\n        user-select: auto;\n        cursor: auto;\n    }\n\n    .h-steps-item:before {\n        content: ' ';\n        border-top: 2px solid dt('steps.separator.background');\n        width: 100%;\n        top: 50%;\n        left: 0;\n        display: block;\n        position: absolute;\n        margin-top: calc(-1rem + 1px);\n    }\n\n    .h-steps-item:first-child::before {\n        width: calc(50% + 1rem);\n        transform: translateX(100%);\n    }\n\n    .h-steps-item:last-child::before {\n        width: 50%;\n    }\n\n    .h-steps-item-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        transition:\n            outline-color dt('steps.transition.duration'),\n            box-shadow dt('steps.transition.duration');\n        border-radius: dt('steps.item.link.border.radius');\n        outline-color: transparent;\n        gap: dt('steps.item.link.gap');\n    }\n\n    .h-steps-item-link:not(.h-disabled):focus-visible {\n        box-shadow: dt('steps.item.link.focus.ring.shadow');\n        outline: dt('steps.item.link.focus.ring.width') dt('steps.item.link.focus.ring.style') dt('steps.item.link.focus.ring.color');\n        outline-offset: dt('steps.item.link.focus.ring.offset');\n    }\n\n    .h-steps-item-label {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n        color: dt('steps.item.label.color');\n        display: block;\n        font-weight: dt('steps.item.label.font.weight');\n    }\n\n    .h-steps-item-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: dt('steps.item.number.color');\n        border: 2px solid dt('steps.item.number.border.color');\n        background: dt('steps.item.number.background');\n        min-width: dt('steps.item.number.size');\n        height: dt('steps.item.number.size');\n        line-height: dt('steps.item.number.size');\n        font-size: dt('steps.item.number.font.size');\n        z-index: 1;\n        border-radius: dt('steps.item.number.border.radius');\n        position: relative;\n        font-weight: dt('steps.item.number.font.weight');\n    }\n\n    .h-steps-item-number::after {\n        content: ' ';\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        border-radius: dt('steps.item.number.border.radius');\n        box-shadow: dt('steps.item.number.shadow');\n    }\n\n    .h-steps:not(.h-readonly) .h-steps-item {\n        cursor: pointer;\n    }\n\n    .h-steps-item-active .h-steps-item-number {\n        background: dt('steps.item.number.active.background');\n        border-color: dt('steps.item.number.active.border.color');\n        color: dt('steps.item.number.active.color');\n    }\n\n    .h-steps-item-active .h-steps-item-label {\n        color: dt('steps.item.label.active.color');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './steps.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: ({ instance }) => ['h-steps h-component', { 'h-readonly': instance.readonly }],\n    list: 'h-steps-list',\n    item: ({ instance, item, index }) => [\n        'h-steps-item',\n        {\n            'h-steps-item-active': instance.isActive(item, index),\n            'h-disabled': instance.isItemDisabled(item, index)\n        }\n    ],\n    itemLink: 'h-steps-item-link',\n    itemNumber: 'h-steps-item-number',\n    itemLabel: 'h-steps-item-label'\n};\n@Injectable()\nexport class StepsStyle extends BaseStyle {\n    name = 'steps';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Steps components is an indicator for the steps in a wizard workflow. Example below uses nested routes with Steps.\n *\n * [Live Demo](https://www.primeng.org/steps/)\n *\n * @module stepsstyle\n *\n */\nexport enum StepsClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-steps',\n    /**\n     * Class name of the list element\n     */\n    list = 'h-steps-list',\n    /**\n     * Class name of the item element\n     */\n    item = 'h-steps-item',\n    /**\n     * Class name of the item link element\n     */\n    itemLink = 'h-steps-item-link',\n    /**\n     * Class name of the item number element\n     */\n    itemNumber = 'h-steps-item-number',\n    /**\n     * Class name of the item label element\n     */\n    itemLabel = 'h-steps-item-label'\n}\n\nexport interface StepsStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, ElementRef, inject, NgModule, numberAttribute, OnDestroy, OnInit, ViewEncapsulation, input, output, viewChild } from '@angular/core';\nimport { ActivatedRoute, Router, RouterModule } from '@angular/router';\nimport { find, findSingle } from '@gravionlabs/helix-core/uix/utils';\nimport { MenuItem, SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent } from '@gravionlabs/helix-core/basecomponent';\nimport { TooltipModule } from '@gravionlabs/helix-core/tooltip';\nimport { Nullable } from '@gravionlabs/helix-core/ts-helpers';\nimport { Subscription } from 'rxjs';\nimport { StepsStyle } from './style/stepsstyle';\n\n/**\n * Steps components is an indicator for the steps in a wizard workflow.\n * @group Components\n */\n@Component({\n    selector: 'h-steps',\n    standalone: true,\n    imports: [CommonModule, RouterModule, TooltipModule, SharedModule],\n    templateUrl: './steps.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [StepsStyle]\n})\nexport class Steps extends BaseComponent {\n    componentName = 'Steps';\n    /**\n     * Index of the active item.\n     * @group Props\n     */\n    readonly activeIndex = input<number, unknown>(0, { transform: numberAttribute });\n    /**\n     * An array of menu items.\n     * @group Props\n     */\n    readonly model = input<MenuItem[]>();\n    /**\n     * Whether the items are clickable or not.\n     * @group Props\n     */\n    readonly readonly = input<boolean, unknown>(true, { transform: booleanAttribute });\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    readonly style = input<{\n    [klass: string]: any;\n} | null>();\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.\n     * @group Props\n     */\n    readonly exact = input<boolean, unknown>(true, { transform: booleanAttribute });\n    /**\n     * Callback to invoke when the new step is selected.\n     * @param {number} number - current index.\n     * @group Emits\n     */\n    readonly activeIndexChange = output<number>();\n\n    readonly listViewChild = viewChild<Nullable<ElementRef>>('list');\n\n    router = inject(Router);\n\n    route = inject(ActivatedRoute);\n\n    _componentStyle = inject(StepsStyle);\n\n    subscription: Subscription | undefined;\n\n    onInit() {\n        this.subscription = this.router.events.subscribe(() => this.cd.markForCheck());\n    }\n\n    onItemClick(event: Event, item: MenuItem, i: number) {\n        if (this.readonly() || item.disabled) {\n            event.preventDefault();\n            return;\n        }\n\n        this.activeIndexChange.emit(i);\n\n        if (!item.url && !item.routerLink) {\n            event.preventDefault();\n        }\n\n        if (item.command) {\n            item.command({\n                originalEvent: event,\n                item: item,\n                index: i\n            });\n        }\n    }\n\n    onItemKeydown(event: KeyboardEvent, item: MenuItem, i: number) {\n        const activeIndex = this.activeIndex();\n        switch (event.code) {\n            case 'ArrowRight': {\n                this.navigateToNextItem(event.target);\n                event.preventDefault();\n                break;\n            }\n\n            case 'ArrowLeft': {\n                this.navigateToPrevItem(event.target);\n                event.preventDefault();\n                break;\n            }\n\n            case 'Home': {\n                this.navigateToFirstItem(event.target);\n                event.preventDefault();\n                break;\n            }\n\n            case 'End': {\n                this.navigateToLastItem(event.target);\n                event.preventDefault();\n                break;\n            }\n\n            case 'Tab':\n                if (i !== (activeIndex ?? -1)) {\n                    const siblings = <any>find(this.listViewChild()?.nativeElement, '[data-pc-section=\"menuitem\"]');\n                    siblings[i].children[0].tabIndex = '-1';\n                    siblings[activeIndex ?? 0].children[0].tabIndex = '0';\n                }\n                break;\n\n            case 'Enter':\n            case 'Space': {\n                this.onItemClick(event, item, i);\n                event.preventDefault();\n                break;\n            }\n\n            default:\n                break;\n        }\n    }\n\n    navigateToNextItem(target) {\n        const nextItem = this.findNextItem(target);\n\n        nextItem && this.setFocusToMenuitem(target, nextItem);\n    }\n\n    navigateToPrevItem(target) {\n        const prevItem = this.findPrevItem(target);\n\n        prevItem && this.setFocusToMenuitem(target, prevItem);\n    }\n\n    navigateToFirstItem(target) {\n        const firstItem = this.findFirstItem();\n\n        firstItem && this.setFocusToMenuitem(target, firstItem);\n    }\n\n    navigateToLastItem(target) {\n        const lastItem = this.findLastItem();\n\n        lastItem && this.setFocusToMenuitem(target, lastItem);\n    }\n\n    findNextItem(item) {\n        const nextItem = item.parentElement.nextElementSibling;\n\n        return nextItem ? nextItem.children[0] : null;\n    }\n\n    findPrevItem(item) {\n        const prevItem = item.parentElement.previousElementSibling;\n\n        return prevItem ? prevItem.children[0] : null;\n    }\n\n    findFirstItem() {\n        const firstSibling = findSingle(this.listViewChild()?.nativeElement, '[data-pc-section=\"menuitem\"]');\n\n        return firstSibling ? firstSibling.children[0] : null;\n    }\n\n    findLastItem() {\n        const siblings = find(this.listViewChild()?.nativeElement, '[data-pc-section=\"menuitem\"]');\n\n        return siblings ? siblings[siblings.length - 1].children[0] : null;\n    }\n\n    setFocusToMenuitem(target, focusableItem) {\n        target.tabIndex = '-1';\n        focusableItem.tabIndex = '0';\n        focusableItem.focus();\n    }\n\n    isClickableRouterLink(item: MenuItem) {\n        return item.routerLink && !this.readonly() && !item.disabled;\n    }\n\n    isItemDisabled(item: MenuItem, index: number): boolean {\n        return item.disabled || (this.readonly() && !this.isActive(item, index));\n    }\n\n    isActive(item: MenuItem, index: number) {\n        if (item.routerLink) {\n            let routerLink = Array.isArray(item.routerLink) ? item.routerLink : [item.routerLink];\n\n            return this.router.isActive(this.router.createUrlTree(routerLink, { relativeTo: this.route }).toString(), false);\n        }\n\n        return index === this.activeIndex();\n    }\n\n    getItemTabIndex(item: MenuItem, index: number): string {\n        if (item.disabled) {\n            return '-1';\n        }\n\n        if (!item.disabled && this.activeIndex() === index) {\n            return item.tabindex || '0';\n        }\n\n        return item.tabindex ?? '-1';\n    }\n\n    onDestroy() {\n        if (this.subscription) {\n            this.subscription.unsubscribe();\n        }\n    }\n}\n\n@NgModule({\n    imports: [Steps, SharedModule],\n    exports: [Steps, SharedModule]\n})\nexport class StepsModule {}\n","<nav [class]=\"cn(cx('root'), styleClass())\" [ngStyle]=\"style()\" [attr.data-pc-name]=\"'steps'\">\n  <ul #list [attr.data-pc-section]=\"'menu'\" [class]=\"cx('list')\">\n    @for (item of model(); track item.label; let i = $index) {\n      @if (item.visible !== false) {\n        <li\n          [class]=\"cx('item', { item, index: i })\"\n          #menuitem\n          [ngStyle]=\"item.style\"\n          [attr.aria-current]=\"isActive(item, i) ? 'step' : undefined\"\n          [attr.id]=\"item.id\"\n          hTooltip\n          [tooltipOptions]=\"item.tooltipOptions\"\n          [pTooltipUnstyled]=\"unstyled()\"\n          [attr.data-pc-section]=\"'menuitem'\"\n          >\n          @if (isClickableRouterLink(item)) {\n            <a\n              role=\"link\"\n              [routerLink]=\"item.routerLink\"\n              [queryParams]=\"item.queryParams\"\n              [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n              [class]=\"cx('itemLink')\"\n              (click)=\"onItemClick($event, item, i)\"\n              (keydown)=\"onItemKeydown($event, item, i)\"\n              [target]=\"item.target\"\n              [attr.tabindex]=\"getItemTabIndex(item, i)\"\n              [attr.aria-expanded]=\"i === activeIndex()\"\n              [attr.aria-disabled]=\"item.disabled || (readonly() && i !== activeIndex())\"\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.ariaCurrentWhenActive]=\"exact() ? 'step' : undefined\"\n              >\n              <span [class]=\"cx('itemNumber')\">{{ i + 1 }}</span>\n              @if (item.escape !== false) {\n                <span [class]=\"cx('itemLabel')\">{{ item.label }}</span>\n              } @else {\n                <span [class]=\"cx('itemLabel')\" [innerHTML]=\"item.label\"></span>\n              }\n            </a>\n          } @else {\n            <a\n              role=\"link\"\n              [attr.href]=\"item.url\"\n              [class]=\"cx('itemLink')\"\n              (click)=\"onItemClick($event, item, i)\"\n              (keydown)=\"onItemKeydown($event, item, i)\"\n              [target]=\"item.target\"\n              [attr.tabindex]=\"getItemTabIndex(item, i)\"\n              [attr.aria-expanded]=\"i === activeIndex()\"\n              [attr.aria-disabled]=\"item.disabled || (readonly() && i !== activeIndex())\"\n              [attr.ariaCurrentWhenActive]=\"exact() && (!item.disabled || readonly()) ? 'step' : undefined\"\n              >\n              <span [class]=\"cx('itemNumber')\">{{ i + 1 }}</span>\n              @if (item.escape !== false) {\n                <span [class]=\"cx('itemLabel')\">{{ item.label }}</span>\n              } @else {\n                <span [class]=\"cx('itemLabel')\" [innerHTML]=\"item.label\"></span>\n              }\n            </a>\n          }\n        </li>\n      }\n    }\n  </ul>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"gravionlabs-helix-core-steps.mjs","names":[],"sources":["../../../projects/core/steps/style/steps.css.ts","../../../projects/core/steps/style/stepsstyle.ts","../../../projects/core/steps/steps.ts","../../../projects/core/steps/steps.html"],"sourcesContent":["export const style = /*css*/ `\n    .h-steps {\n        position: relative;\n    }\n\n    .h-steps-list {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .h-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .h-steps-item.h-disabled,\n    .h-steps-item.h-disabled * {\n        opacity: 1;\n        pointer-events: auto;\n        user-select: auto;\n        cursor: auto;\n    }\n\n    .h-steps-item:before {\n        content: ' ';\n        border-top: 2px solid dt('steps.separator.background');\n        width: 100%;\n        top: 50%;\n        left: 0;\n        display: block;\n        position: absolute;\n        margin-top: calc(-1rem + 1px);\n    }\n\n    .h-steps-item:first-child::before {\n        width: calc(50% + 1rem);\n        transform: translateX(100%);\n    }\n\n    .h-steps-item:last-child::before {\n        width: 50%;\n    }\n\n    .h-steps-item-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        transition:\n            outline-color dt('steps.transition.duration'),\n            box-shadow dt('steps.transition.duration');\n        border-radius: dt('steps.item.link.border.radius');\n        outline-color: transparent;\n        gap: dt('steps.item.link.gap');\n    }\n\n    .h-steps-item-link:not(.h-disabled):focus-visible {\n        box-shadow: dt('steps.item.link.focus.ring.shadow');\n        outline: dt('steps.item.link.focus.ring.width') dt('steps.item.link.focus.ring.style') dt('steps.item.link.focus.ring.color');\n        outline-offset: dt('steps.item.link.focus.ring.offset');\n    }\n\n    .h-steps-item-label {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n        color: dt('steps.item.label.color');\n        display: block;\n        font-weight: dt('steps.item.label.font.weight');\n    }\n\n    .h-steps-item-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: dt('steps.item.number.color');\n        border: 2px solid dt('steps.item.number.border.color');\n        background: dt('steps.item.number.background');\n        min-width: dt('steps.item.number.size');\n        height: dt('steps.item.number.size');\n        line-height: dt('steps.item.number.size');\n        font-size: dt('steps.item.number.font.size');\n        z-index: 1;\n        border-radius: dt('steps.item.number.border.radius');\n        position: relative;\n        font-weight: dt('steps.item.number.font.weight');\n    }\n\n    .h-steps-item-number::after {\n        content: ' ';\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        border-radius: dt('steps.item.number.border.radius');\n        box-shadow: dt('steps.item.number.shadow');\n    }\n\n    .h-steps:not(.h-readonly) .h-steps-item {\n        cursor: pointer;\n    }\n\n    .h-steps-item-active .h-steps-item-number {\n        background: dt('steps.item.number.active.background');\n        border-color: dt('steps.item.number.active.border.color');\n        color: dt('steps.item.number.active.color');\n    }\n\n    .h-steps-item-active .h-steps-item-label {\n        color: dt('steps.item.label.active.color');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './steps.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: ({ instance }) => ['h-steps h-component', { 'h-readonly': instance.readonly }],\n    list: 'h-steps-list',\n    item: ({ instance, item, index }) => [\n        'h-steps-item',\n        {\n            'h-steps-item-active': instance.isActive(item, index),\n            'h-disabled': instance.isItemDisabled(item, index)\n        }\n    ],\n    itemLink: 'h-steps-item-link',\n    itemNumber: 'h-steps-item-number',\n    itemLabel: 'h-steps-item-label'\n};\n@Injectable()\nexport class StepsStyle extends BaseStyle {\n    name = 'steps';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Steps components is an indicator for the steps in a wizard workflow. Example below uses nested routes with Steps.\n *\n * [Live Demo](https://www.primeng.org/steps/)\n *\n * @module stepsstyle\n *\n */\nexport enum StepsClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-steps',\n    /**\n     * Class name of the list element\n     */\n    list = 'h-steps-list',\n    /**\n     * Class name of the item element\n     */\n    item = 'h-steps-item',\n    /**\n     * Class name of the item link element\n     */\n    itemLink = 'h-steps-item-link',\n    /**\n     * Class name of the item number element\n     */\n    itemNumber = 'h-steps-item-number',\n    /**\n     * Class name of the item label element\n     */\n    itemLabel = 'h-steps-item-label'\n}\n\nexport interface StepsStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, ElementRef, inject, NgModule, numberAttribute, OnDestroy, OnInit, ViewEncapsulation, input, output, viewChild } from '@angular/core';\nimport { ActivatedRoute, Router, RouterModule } from '@angular/router';\nimport { find, findSingle } from '@gravionlabs/helix-core/uix/utils';\nimport { MenuItem, SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent } from '@gravionlabs/helix-core/basecomponent';\nimport { TooltipModule } from '@gravionlabs/helix-core/tooltip';\nimport { Nullable } from '@gravionlabs/helix-core/ts-helpers';\nimport { Subscription } from 'rxjs';\nimport { StepsStyle } from './style/stepsstyle';\n\n/**\n * Steps components is an indicator for the steps in a wizard workflow.\n * @group Components\n */\n@Component({\n    selector: 'h-steps',\n    standalone: true,\n    imports: [CommonModule, RouterModule, TooltipModule, SharedModule],\n    templateUrl: './steps.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [StepsStyle]\n})\nexport class Steps extends BaseComponent {\n    componentName = 'Steps';\n    /**\n     * Index of the active item.\n     * @group Props\n     */\n    readonly activeIndex = input<number, unknown>(0, { transform: numberAttribute });\n    /**\n     * An array of menu items.\n     * @group Props\n     */\n    readonly model = input<MenuItem[]>();\n    /**\n     * Whether the items are clickable or not.\n     * @group Props\n     */\n    readonly readonly = input<boolean, unknown>(true, { transform: booleanAttribute });\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    readonly style = input<{\n    [klass: string]: any;\n} | null>();\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.\n     * @group Props\n     */\n    readonly exact = input<boolean, unknown>(true, { transform: booleanAttribute });\n    /**\n     * Callback to invoke when the new step is selected.\n     * @param {number} number - current index.\n     * @group Emits\n     */\n    readonly activeIndexChange = output<number>();\n\n    readonly listViewChild = viewChild<Nullable<ElementRef>>('list');\n\n    router = inject(Router);\n\n    route = inject(ActivatedRoute);\n\n    _componentStyle = inject(StepsStyle);\n\n    subscription: Subscription | undefined;\n\n    onInit() {\n        this.subscription = this.router.events.subscribe(() => this.cd.markForCheck());\n    }\n\n    onItemClick(event: Event, item: MenuItem, i: number) {\n        if (this.readonly() || item.disabled) {\n            event.preventDefault();\n            return;\n        }\n\n        this.activeIndexChange.emit(i);\n\n        if (!item.url && !item.routerLink) {\n            event.preventDefault();\n        }\n\n        if (item.command) {\n            item.command({\n                originalEvent: event,\n                item: item,\n                index: i\n            });\n        }\n    }\n\n    onItemKeydown(event: KeyboardEvent, item: MenuItem, i: number) {\n        const activeIndex = this.activeIndex();\n        switch (event.code) {\n            case 'ArrowRight': {\n                this.navigateToNextItem(event.target);\n                event.preventDefault();\n                break;\n            }\n\n            case 'ArrowLeft': {\n                this.navigateToPrevItem(event.target);\n                event.preventDefault();\n                break;\n            }\n\n            case 'Home': {\n                this.navigateToFirstItem(event.target);\n                event.preventDefault();\n                break;\n            }\n\n            case 'End': {\n                this.navigateToLastItem(event.target);\n                event.preventDefault();\n                break;\n            }\n\n            case 'Tab':\n                if (i !== (activeIndex ?? -1)) {\n                    const siblings = <any>find(this.listViewChild()?.nativeElement, '[data-pc-section=\"menuitem\"]');\n                    siblings[i].children[0].tabIndex = '-1';\n                    siblings[activeIndex ?? 0].children[0].tabIndex = '0';\n                }\n                break;\n\n            case 'Enter':\n            case 'Space': {\n                this.onItemClick(event, item, i);\n                event.preventDefault();\n                break;\n            }\n\n            default:\n                break;\n        }\n    }\n\n    navigateToNextItem(target) {\n        const nextItem = this.findNextItem(target);\n\n        nextItem && this.setFocusToMenuitem(target, nextItem);\n    }\n\n    navigateToPrevItem(target) {\n        const prevItem = this.findPrevItem(target);\n\n        prevItem && this.setFocusToMenuitem(target, prevItem);\n    }\n\n    navigateToFirstItem(target) {\n        const firstItem = this.findFirstItem();\n\n        firstItem && this.setFocusToMenuitem(target, firstItem);\n    }\n\n    navigateToLastItem(target) {\n        const lastItem = this.findLastItem();\n\n        lastItem && this.setFocusToMenuitem(target, lastItem);\n    }\n\n    findNextItem(item) {\n        const nextItem = item.parentElement.nextElementSibling;\n\n        return nextItem ? nextItem.children[0] : null;\n    }\n\n    findPrevItem(item) {\n        const prevItem = item.parentElement.previousElementSibling;\n\n        return prevItem ? prevItem.children[0] : null;\n    }\n\n    findFirstItem() {\n        const firstSibling = findSingle(this.listViewChild()?.nativeElement, '[data-pc-section=\"menuitem\"]');\n\n        return firstSibling ? firstSibling.children[0] : null;\n    }\n\n    findLastItem() {\n        const siblings = find(this.listViewChild()?.nativeElement, '[data-pc-section=\"menuitem\"]');\n\n        return siblings ? siblings[siblings.length - 1].children[0] : null;\n    }\n\n    setFocusToMenuitem(target, focusableItem) {\n        target.tabIndex = '-1';\n        focusableItem.tabIndex = '0';\n        focusableItem.focus();\n    }\n\n    isClickableRouterLink(item: MenuItem) {\n        return item.routerLink && !this.readonly() && !item.disabled;\n    }\n\n    isItemDisabled(item: MenuItem, index: number): boolean {\n        return item.disabled || (this.readonly() && !this.isActive(item, index));\n    }\n\n    isActive(item: MenuItem, index: number) {\n        if (item.routerLink) {\n            let routerLink = Array.isArray(item.routerLink) ? item.routerLink : [item.routerLink];\n\n            return this.router.isActive(this.router.createUrlTree(routerLink, { relativeTo: this.route }).toString(), false);\n        }\n\n        return index === this.activeIndex();\n    }\n\n    getItemTabIndex(item: MenuItem, index: number): string {\n        if (item.disabled) {\n            return '-1';\n        }\n\n        if (!item.disabled && this.activeIndex() === index) {\n            return item.tabindex || '0';\n        }\n\n        return item.tabindex ?? '-1';\n    }\n\n    onDestroy() {\n        if (this.subscription) {\n            this.subscription.unsubscribe();\n        }\n    }\n}\n\n@NgModule({\n    imports: [Steps, SharedModule],\n    exports: [Steps, SharedModule]\n})\nexport class StepsModule {}\n","<nav [class]=\"cn(cx('root'), styleClass())\" [ngStyle]=\"style()\" [attr.data-pc-name]=\"'steps'\">\n  <ul #list [attr.data-pc-section]=\"'menu'\" [class]=\"cx('list')\">\n    @for (item of model(); track item.label; let i = $index) {\n      @if (item.visible !== false) {\n        <li\n          [class]=\"cx('item', { item, index: i })\"\n          #menuitem\n          [ngStyle]=\"item.style\"\n          [attr.aria-current]=\"isActive(item, i) ? 'step' : undefined\"\n          [attr.id]=\"item.id\"\n          hTooltip\n          [tooltipOptions]=\"item.tooltipOptions\"\n          [pTooltipUnstyled]=\"unstyled()\"\n          [attr.data-pc-section]=\"'menuitem'\"\n          >\n          @if (isClickableRouterLink(item)) {\n            <a\n              role=\"link\"\n              [routerLink]=\"item.routerLink\"\n              [queryParams]=\"item.queryParams\"\n              [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n              [class]=\"cx('itemLink')\"\n              (click)=\"onItemClick($event, item, i)\"\n              (keydown)=\"onItemKeydown($event, item, i)\"\n              [target]=\"item.target\"\n              [attr.tabindex]=\"getItemTabIndex(item, i)\"\n              [attr.aria-expanded]=\"i === activeIndex()\"\n              [attr.aria-disabled]=\"item.disabled || (readonly() && i !== activeIndex())\"\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.ariaCurrentWhenActive]=\"exact() ? 'step' : undefined\"\n              >\n              <span [class]=\"cx('itemNumber')\">{{ i + 1 }}</span>\n              @if (item.escape !== false) {\n                <span [class]=\"cx('itemLabel')\">{{ item.label }}</span>\n              } @else {\n                <span [class]=\"cx('itemLabel')\" [innerHTML]=\"item.label\"></span>\n              }\n            </a>\n          } @else {\n            <a\n              role=\"link\"\n              [attr.href]=\"item.url\"\n              [class]=\"cx('itemLink')\"\n              (click)=\"onItemClick($event, item, i)\"\n              (keydown)=\"onItemKeydown($event, item, i)\"\n              [target]=\"item.target\"\n              [attr.tabindex]=\"getItemTabIndex(item, i)\"\n              [attr.aria-expanded]=\"i === activeIndex()\"\n              [attr.aria-disabled]=\"item.disabled || (readonly() && i !== activeIndex())\"\n              [attr.ariaCurrentWhenActive]=\"exact() && (!item.disabled || readonly()) ? 'step' : undefined\"\n              >\n              <span [class]=\"cx('itemNumber')\">{{ i + 1 }}</span>\n              @if (item.escape !== false) {\n                <span [class]=\"cx('itemLabel')\">{{ item.label }}</span>\n              } @else {\n                <span [class]=\"cx('itemLabel')\" [innerHTML]=\"item.label\"></span>\n              }\n            </a>\n          }\n        </li>\n      }\n    }\n  </ul>\n</nav>\n"],"mappings":"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"}