primeng 22.1.0 → 22.1.2

package/fesm2022/primeng-steps.mjs

@@ -1,427 +1,543 @@
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, inject, booleanAttribute, numberAttribute, ViewChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import * as i2 from '@angular/router';
-import { Router, ActivatedRoute, RouterModule } from '@angular/router';
-import { find, findSingle } from '@primeuix/utils';
-import { SharedModule } from 'primeng/api';
-import { BaseComponent } from 'primeng/basecomponent';
-import * as i3 from 'primeng/tooltip';
-import { TooltipModule } from 'primeng/tooltip';
-import { style } from '@primeuix/styles/steps';
-import { BaseStyle } from 'primeng/base';
-
+import * as i1 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Injectable, Input, NgModule, Output, ViewChild, ViewEncapsulation, booleanAttribute, inject, numberAttribute } from "@angular/core";
+import * as i2 from "@angular/router";
+import { ActivatedRoute, Router, RouterModule } from "@angular/router";
+import { find, findSingle } from "@primeuix/utils";
+import { SharedModule } from "primeng/api";
+import { BaseComponent } from "primeng/basecomponent";
+import * as i3 from "primeng/tooltip";
+import { TooltipModule } from "primeng/tooltip";
+import { style } from "@primeuix/styles/steps";
+import { BaseStyle } from "primeng/base";
 const classes = {
-    root: ({ instance }) => ['p-steps p-component', { 'p-readonly': instance.readonly }],
-    list: 'p-steps-list',
-    item: ({ instance, item, index }) => [
-        'p-steps-item',
-        {
-            'p-steps-item-active': instance.isActive(item, index),
-            'p-disabled': instance.isItemDisabled(item, index)
-        }
-    ],
-    itemLink: 'p-steps-item-link',
-    itemNumber: 'p-steps-item-number',
-    itemLabel: 'p-steps-item-label'
+	root: ({ instance }) => ["p-steps p-component", { "p-readonly": instance.readonly }],
+	list: "p-steps-list",
+	item: ({ instance, item, index }) => ["p-steps-item", {
+		"p-steps-item-active": instance.isActive(item, index),
+		"p-disabled": instance.isItemDisabled(item, index)
+	}],
+	itemLink: "p-steps-item-link",
+	itemNumber: "p-steps-item-number",
+	itemLabel: "p-steps-item-label"
+};
+var StepsStyle = class StepsStyle extends BaseStyle {
+	name = "steps";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StepsStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StepsStyle
+	});
 };
-class StepsStyle extends BaseStyle {
-    name = 'steps';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: StepsStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: StepsStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: StepsStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Steps components is an indicator for the steps in a wizard workflow. Example below uses nested routes with Steps.
- *
- * [Live Demo](https://www.primeng.org/steps/)
- *
- * @module stepsstyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StepsStyle,
+	decorators: [{ type: Injectable }]
+});
 var StepsClasses;
-(function (StepsClasses) {
-    /**
-     * Class name of the root element
-     */
-    StepsClasses["root"] = "p-steps";
-    /**
-     * Class name of the list element
-     */
-    StepsClasses["list"] = "p-steps-list";
-    /**
-     * Class name of the item element
-     */
-    StepsClasses["item"] = "p-steps-item";
-    /**
-     * Class name of the item link element
-     */
-    StepsClasses["itemLink"] = "p-steps-item-link";
-    /**
-     * Class name of the item number element
-     */
-    StepsClasses["itemNumber"] = "p-steps-item-number";
-    /**
-     * Class name of the item label element
-     */
-    StepsClasses["itemLabel"] = "p-steps-item-label";
+(function(StepsClasses) {
+	StepsClasses["root"] = "p-steps";
+	StepsClasses["list"] = "p-steps-list";
+	StepsClasses["item"] = "p-steps-item";
+	StepsClasses["itemLink"] = "p-steps-item-link";
+	StepsClasses["itemNumber"] = "p-steps-item-number";
+	StepsClasses["itemLabel"] = "p-steps-item-label";
 })(StepsClasses || (StepsClasses = {}));
-
-/**
- * Steps components is an indicator for the steps in a wizard workflow.
- * @group Components
- */
-class Steps extends BaseComponent {
-    componentName = 'Steps';
-    /**
-     * Index of the active item.
-     * @group Props
-     */
-    activeIndex = 0;
-    /**
-     * An array of menu items.
-     * @group Props
-     */
-    model;
-    /**
-     * Whether the items are clickable or not.
-     * @group Props
-     */
-    readonly = true;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    style;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    styleClass;
-    /**
-     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
-     * @group Props
-     */
-    exact = true;
-    /**
-     * Callback to invoke when the new step is selected.
-     * @param {number} number - current index.
-     * @group Emits
-     */
-    activeIndexChange = new EventEmitter();
-    listViewChild;
-    router = inject(Router);
-    route = inject(ActivatedRoute);
-    _componentStyle = inject(StepsStyle);
-    subscription;
-    onInit() {
-        this.subscription = this.router.events.subscribe(() => this.cd.markForCheck());
-    }
-    onItemClick(event, item, i) {
-        if (this.readonly || item.disabled) {
-            event.preventDefault();
-            return;
-        }
-        this.activeIndexChange.emit(i);
-        if (!item.url && !item.routerLink) {
-            event.preventDefault();
-        }
-        if (item.command) {
-            item.command({
-                originalEvent: event,
-                item: item,
-                index: i
-            });
-        }
-    }
-    onItemKeydown(event, item, i) {
-        switch (event.code) {
-            case 'ArrowRight': {
-                this.navigateToNextItem(event.target);
-                event.preventDefault();
-                break;
-            }
-            case 'ArrowLeft': {
-                this.navigateToPrevItem(event.target);
-                event.preventDefault();
-                break;
-            }
-            case 'Home': {
-                this.navigateToFirstItem(event.target);
-                event.preventDefault();
-                break;
-            }
-            case 'End': {
-                this.navigateToLastItem(event.target);
-                event.preventDefault();
-                break;
-            }
-            case 'Tab':
-                if (i !== (this.activeIndex ?? -1)) {
-                    const siblings = find(this.listViewChild?.nativeElement, '[data-pc-section="menuitem"]');
-                    siblings[i].children[0].tabIndex = '-1';
-                    siblings[this.activeIndex ?? 0].children[0].tabIndex = '0';
-                }
-                break;
-            case 'Enter':
-            case 'Space': {
-                this.onItemClick(event, item, i);
-                event.preventDefault();
-                break;
-            }
-            default:
-                break;
-        }
-    }
-    navigateToNextItem(target) {
-        const nextItem = this.findNextItem(target);
-        nextItem && this.setFocusToMenuitem(target, nextItem);
-    }
-    navigateToPrevItem(target) {
-        const prevItem = this.findPrevItem(target);
-        prevItem && this.setFocusToMenuitem(target, prevItem);
-    }
-    navigateToFirstItem(target) {
-        const firstItem = this.findFirstItem();
-        firstItem && this.setFocusToMenuitem(target, firstItem);
-    }
-    navigateToLastItem(target) {
-        const lastItem = this.findLastItem();
-        lastItem && this.setFocusToMenuitem(target, lastItem);
-    }
-    findNextItem(item) {
-        const nextItem = item.parentElement.nextElementSibling;
-        return nextItem ? nextItem.children[0] : null;
-    }
-    findPrevItem(item) {
-        const prevItem = item.parentElement.previousElementSibling;
-        return prevItem ? prevItem.children[0] : null;
-    }
-    findFirstItem() {
-        const firstSibling = findSingle(this.listViewChild?.nativeElement, '[data-pc-section="menuitem"]');
-        return firstSibling ? firstSibling.children[0] : null;
-    }
-    findLastItem() {
-        const siblings = find(this.listViewChild?.nativeElement, '[data-pc-section="menuitem"]');
-        return siblings ? siblings[siblings.length - 1].children[0] : null;
-    }
-    setFocusToMenuitem(target, focusableItem) {
-        target.tabIndex = '-1';
-        focusableItem.tabIndex = '0';
-        focusableItem.focus();
-    }
-    isClickableRouterLink(item) {
-        return item.routerLink && !this.readonly && !item.disabled;
-    }
-    isItemDisabled(item, index) {
-        return item.disabled || (this.readonly && !this.isActive(item, index));
-    }
-    isActive(item, index) {
-        if (item.routerLink) {
-            let routerLink = Array.isArray(item.routerLink) ? item.routerLink : [item.routerLink];
-            return this.router.isActive(this.router.createUrlTree(routerLink, { relativeTo: this.route }).toString(), false);
-        }
-        return index === this.activeIndex;
-    }
-    getItemTabIndex(item, index) {
-        if (item.disabled) {
-            return '-1';
-        }
-        if (!item.disabled && this.activeIndex === index) {
-            return item.tabindex || '0';
-        }
-        return item.tabindex ?? '-1';
-    }
-    onDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Steps, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: Steps, isStandalone: true, selector: "p-steps", inputs: { activeIndex: ["activeIndex", "activeIndex", numberAttribute], model: "model", readonly: ["readonly", "readonly", booleanAttribute], style: "style", styleClass: "styleClass", exact: ["exact", "exact", booleanAttribute] }, outputs: { activeIndexChange: "activeIndexChange" }, providers: [StepsStyle], viewQueries: [{ propertyName: "listViewChild", first: true, predicate: ["list"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+var Steps = class Steps extends BaseComponent {
+	componentName = "Steps";
+	activeIndex = 0;
+	model;
+	readonly = true;
+	style;
+	styleClass;
+	exact = true;
+	activeIndexChange = new EventEmitter();
+	listViewChild;
+	router = inject(Router);
+	route = inject(ActivatedRoute);
+	_componentStyle = inject(StepsStyle);
+	subscription;
+	onInit() {
+		this.subscription = this.router.events.subscribe(() => this.cd.markForCheck());
+	}
+	onItemClick(event, item, i) {
+		if (this.readonly || item.disabled) {
+			event.preventDefault();
+			return;
+		}
+		this.activeIndexChange.emit(i);
+		if (!item.url && !item.routerLink) event.preventDefault();
+		if (item.command) item.command({
+			originalEvent: event,
+			item,
+			index: i
+		});
+	}
+	onItemKeydown(event, item, i) {
+		switch (event.code) {
+			case "ArrowRight":
+				this.navigateToNextItem(event.target);
+				event.preventDefault();
+				break;
+			case "ArrowLeft":
+				this.navigateToPrevItem(event.target);
+				event.preventDefault();
+				break;
+			case "Home":
+				this.navigateToFirstItem(event.target);
+				event.preventDefault();
+				break;
+			case "End":
+				this.navigateToLastItem(event.target);
+				event.preventDefault();
+				break;
+			case "Tab":
+				if (i !== (this.activeIndex ?? -1)) {
+					const siblings = find(this.listViewChild?.nativeElement, "[data-pc-section=\"menuitem\"]");
+					siblings[i].children[0].tabIndex = "-1";
+					siblings[this.activeIndex ?? 0].children[0].tabIndex = "0";
+				}
+				break;
+			case "Enter":
+			case "Space":
+				this.onItemClick(event, item, i);
+				event.preventDefault();
+		}
+	}
+	navigateToNextItem(target) {
+		const nextItem = this.findNextItem(target);
+		if (nextItem) this.setFocusToMenuitem(target, nextItem);
+	}
+	navigateToPrevItem(target) {
+		const prevItem = this.findPrevItem(target);
+		if (prevItem) this.setFocusToMenuitem(target, prevItem);
+	}
+	navigateToFirstItem(target) {
+		const firstItem = this.findFirstItem();
+		if (firstItem) this.setFocusToMenuitem(target, firstItem);
+	}
+	navigateToLastItem(target) {
+		const lastItem = this.findLastItem();
+		if (lastItem) this.setFocusToMenuitem(target, lastItem);
+	}
+	findNextItem(item) {
+		const nextItem = item.parentElement.nextElementSibling;
+		return nextItem ? nextItem.children[0] : null;
+	}
+	findPrevItem(item) {
+		const prevItem = item.parentElement.previousElementSibling;
+		return prevItem ? prevItem.children[0] : null;
+	}
+	findFirstItem() {
+		const firstSibling = findSingle(this.listViewChild?.nativeElement, "[data-pc-section=\"menuitem\"]");
+		return firstSibling ? firstSibling.children[0] : null;
+	}
+	findLastItem() {
+		const siblings = find(this.listViewChild?.nativeElement, "[data-pc-section=\"menuitem\"]");
+		return siblings ? siblings[siblings.length - 1].children[0] : null;
+	}
+	setFocusToMenuitem(target, focusableItem) {
+		target.tabIndex = "-1";
+		focusableItem.tabIndex = "0";
+		focusableItem.focus();
+	}
+	isClickableRouterLink(item) {
+		return item.routerLink && !this.readonly && !item.disabled;
+	}
+	isItemDisabled(item, index) {
+		return item.disabled || this.readonly && !this.isActive(item, index);
+	}
+	isActive(item, index) {
+		if (item.routerLink) {
+			let routerLink = Array.isArray(item.routerLink) ? item.routerLink : [item.routerLink];
+			return this.router.isActive(this.router.createUrlTree(routerLink, { relativeTo: this.route }).toString(), false);
+		}
+		return index === this.activeIndex;
+	}
+	getItemTabIndex(item, index) {
+		if (item.disabled) return "-1";
+		if (!item.disabled && this.activeIndex === index) return item.tabindex || "0";
+		return item.tabindex ?? "-1";
+	}
+	onDestroy() {
+		if (this.subscription) this.subscription.unsubscribe();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Steps,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: Steps,
+		isStandalone: true,
+		selector: "p-steps",
+		inputs: {
+			activeIndex: [
+				"activeIndex",
+				"activeIndex",
+				numberAttribute
+			],
+			model: "model",
+			readonly: [
+				"readonly",
+				"readonly",
+				booleanAttribute
+			],
+			style: "style",
+			styleClass: "styleClass",
+			exact: [
+				"exact",
+				"exact",
+				booleanAttribute
+			]
+		},
+		outputs: { activeIndexChange: "activeIndexChange" },
+		providers: [StepsStyle],
+		viewQueries: [{
+			propertyName: "listViewChild",
+			first: true,
+			predicate: ["list"],
+			descendants: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
         <nav [class]="cn(cx('root'), styleClass)" [ngStyle]="style" [attr.data-pc-name]="'steps'">
             <ul #list [attr.data-pc-section]="'menu'" [class]="cx('list')">
                 @for (item of model; track item.label; let i = $index) {
-                    <li
-                        *ngIf="item.visible !== false"
-                        [class]="cx('item', { item, index: i })"
-                        #menuitem
-                        [ngStyle]="item.style"
-                        [attr.aria-current]="isActive(item, i) ? 'step' : undefined"
-                        [attr.id]="item.id"
-                        pTooltip
-                        [tooltipOptions]="item.tooltipOptions"
-                        [pTooltipUnstyled]="unstyled()"
-                        [attr.data-pc-section]="'menuitem'"
-                    >
-                        <a
-                            role="link"
-                            *ngIf="isClickableRouterLink(item); else elseBlock"
-                            [routerLink]="item.routerLink"
-                            [queryParams]="item.queryParams"
-                            routerLinkActive="p-menuitem-link-active"
-                            [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
-                            [class]="cx('itemLink')"
-                            (click)="onItemClick($event, item, i)"
-                            (keydown)="onItemKeydown($event, item, i)"
-                            [target]="item.target"
-                            [attr.tabindex]="getItemTabIndex(item, i)"
-                            [attr.aria-expanded]="i === activeIndex"
-                            [attr.aria-disabled]="item.disabled || (readonly && i !== activeIndex)"
-                            [fragment]="item.fragment"
-                            [queryParamsHandling]="item.queryParamsHandling"
-                            [preserveFragment]="item.preserveFragment"
-                            [skipLocationChange]="item.skipLocationChange"
-                            [replaceUrl]="item.replaceUrl"
-                            [state]="item.state"
-                            [attr.ariaCurrentWhenActive]="exact ? 'step' : undefined"
+                    @if (item.visible !== false) {
+                        <li
+                            [class]="cx('item', { item, index: i })"
+                            #menuitem
+                            [ngStyle]="item.style"
+                            [attr.aria-current]="isActive(item, i) ? 'step' : undefined"
+                            [attr.id]="item.id"
+                            pTooltip
+                            [tooltipOptions]="item.tooltipOptions"
+                            [pTooltipUnstyled]="unstyled()"
+                            [attr.data-pc-section]="'menuitem'"
                         >
-                            <span [class]="cx('itemNumber')">{{ i + 1 }}</span>
-                            <span [class]="cx('itemLabel')" *ngIf="item.escape !== false; else htmlLabel">{{ item.label }}</span>
-                            <ng-template #htmlLabel><span [class]="cx('itemLabel')" [innerHTML]="item.label"></span></ng-template>
-                        </a>
-                        <ng-template #elseBlock>
-                            <a
-                                role="link"
-                                [attr.href]="item.url"
-                                [class]="cx('itemLink')"
-                                (click)="onItemClick($event, item, i)"
-                                (keydown)="onItemKeydown($event, item, i)"
-                                [target]="item.target"
-                                [attr.tabindex]="getItemTabIndex(item, i)"
-                                [attr.aria-expanded]="i === activeIndex"
-                                [attr.aria-disabled]="item.disabled || (readonly && i !== activeIndex)"
-                                [attr.ariaCurrentWhenActive]="exact && (!item.disabled || readonly) ? 'step' : undefined"
-                            >
-                                <span [class]="cx('itemNumber')">{{ i + 1 }}</span>
-                                <span [class]="cx('itemLabel')" *ngIf="item.escape !== false; else htmlRouteLabel">{{ item.label }}</span>
-                                <ng-template #htmlRouteLabel><span [class]="cx('itemLabel')" [innerHTML]="item.label"></span></ng-template>
-                            </a>
-                        </ng-template>
-                    </li>
+                            @if (isClickableRouterLink(item)) {
+                                <a
+                                    role="link"
+                                    [routerLink]="item.routerLink"
+                                    [queryParams]="item.queryParams"
+                                    routerLinkActive="p-menuitem-link-active"
+                                    [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
+                                    [class]="cx('itemLink')"
+                                    (click)="onItemClick($event, item, i)"
+                                    (keydown)="onItemKeydown($event, item, i)"
+                                    [target]="item.target"
+                                    [attr.tabindex]="getItemTabIndex(item, i)"
+                                    [attr.aria-expanded]="i === activeIndex"
+                                    [attr.aria-disabled]="item.disabled || (readonly && i !== activeIndex)"
+                                    [fragment]="item.fragment"
+                                    [queryParamsHandling]="item.queryParamsHandling"
+                                    [preserveFragment]="item.preserveFragment"
+                                    [skipLocationChange]="item.skipLocationChange"
+                                    [replaceUrl]="item.replaceUrl"
+                                    [state]="item.state"
+                                    [attr.ariaCurrentWhenActive]="exact ? 'step' : undefined"
+                                >
+                                    <span [class]="cx('itemNumber')">{{ i + 1 }}</span>
+                                    @if (item.escape !== false) {
+                                        <span [class]="cx('itemLabel')">{{ item.label }}</span>
+                                    } @else {
+                                        <span [class]="cx('itemLabel')" [innerHTML]="item.label"></span>
+                                    }
+                                </a>
+                            } @else {
+                                <a
+                                    role="link"
+                                    [attr.href]="item.url"
+                                    [class]="cx('itemLink')"
+                                    (click)="onItemClick($event, item, i)"
+                                    (keydown)="onItemKeydown($event, item, i)"
+                                    [target]="item.target"
+                                    [attr.tabindex]="getItemTabIndex(item, i)"
+                                    [attr.aria-expanded]="i === activeIndex"
+                                    [attr.aria-disabled]="item.disabled || (readonly && i !== activeIndex)"
+                                    [attr.ariaCurrentWhenActive]="exact && (!item.disabled || readonly) ? 'step' : undefined"
+                                >
+                                    <span [class]="cx('itemNumber')">{{ i + 1 }}</span>
+                                    @if (item.escape !== false) {
+                                        <span [class]="cx('itemLabel')">{{ item.label }}</span>
+                                    } @else {
+                                        <span [class]="cx('itemLabel')" [innerHTML]="item.label"></span>
+                                    }
+                                </a>
+                            }
+                        </li>
+                    }
                 }
             </ul>
         </nav>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Steps, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-steps',
-                    standalone: true,
-                    imports: [CommonModule, RouterModule, TooltipModule, SharedModule],
-                    template: `
+    `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i1.NgStyle,
+				selector: "[ngStyle]",
+				inputs: ["ngStyle"]
+			},
+			{
+				kind: "ngmodule",
+				type: RouterModule
+			},
+			{
+				kind: "directive",
+				type: i2.RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "directive",
+				type: i2.RouterLinkActive,
+				selector: "[routerLinkActive]",
+				inputs: [
+					"routerLinkActiveOptions",
+					"ariaCurrentWhenActive",
+					"routerLinkActive"
+				],
+				outputs: ["isActiveChange"],
+				exportAs: ["routerLinkActive"]
+			},
+			{
+				kind: "ngmodule",
+				type: TooltipModule
+			},
+			{
+				kind: "directive",
+				type: i3.Tooltip,
+				selector: "[pTooltip]",
+				inputs: [
+					"tooltipPosition",
+					"tooltipEvent",
+					"positionStyle",
+					"tooltipStyleClass",
+					"tooltipZIndex",
+					"escape",
+					"showDelay",
+					"hideDelay",
+					"life",
+					"positionTop",
+					"positionLeft",
+					"autoHide",
+					"fitContent",
+					"hideOnEscape",
+					"showOnEllipsis",
+					"pTooltip",
+					"tooltipDisabled",
+					"tooltipOptions",
+					"appendTo",
+					"pTooltipPT",
+					"pTooltipUnstyled"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Steps,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "p-steps",
+			standalone: true,
+			imports: [
+				CommonModule,
+				RouterModule,
+				TooltipModule,
+				SharedModule
+			],
+			template: `
         <nav [class]="cn(cx('root'), styleClass)" [ngStyle]="style" [attr.data-pc-name]="'steps'">
             <ul #list [attr.data-pc-section]="'menu'" [class]="cx('list')">
                 @for (item of model; track item.label; let i = $index) {
-                    <li
-                        *ngIf="item.visible !== false"
-                        [class]="cx('item', { item, index: i })"
-                        #menuitem
-                        [ngStyle]="item.style"
-                        [attr.aria-current]="isActive(item, i) ? 'step' : undefined"
-                        [attr.id]="item.id"
-                        pTooltip
-                        [tooltipOptions]="item.tooltipOptions"
-                        [pTooltipUnstyled]="unstyled()"
-                        [attr.data-pc-section]="'menuitem'"
-                    >
-                        <a
-                            role="link"
-                            *ngIf="isClickableRouterLink(item); else elseBlock"
-                            [routerLink]="item.routerLink"
-                            [queryParams]="item.queryParams"
-                            routerLinkActive="p-menuitem-link-active"
-                            [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
-                            [class]="cx('itemLink')"
-                            (click)="onItemClick($event, item, i)"
-                            (keydown)="onItemKeydown($event, item, i)"
-                            [target]="item.target"
-                            [attr.tabindex]="getItemTabIndex(item, i)"
-                            [attr.aria-expanded]="i === activeIndex"
-                            [attr.aria-disabled]="item.disabled || (readonly && i !== activeIndex)"
-                            [fragment]="item.fragment"
-                            [queryParamsHandling]="item.queryParamsHandling"
-                            [preserveFragment]="item.preserveFragment"
-                            [skipLocationChange]="item.skipLocationChange"
-                            [replaceUrl]="item.replaceUrl"
-                            [state]="item.state"
-                            [attr.ariaCurrentWhenActive]="exact ? 'step' : undefined"
+                    @if (item.visible !== false) {
+                        <li
+                            [class]="cx('item', { item, index: i })"
+                            #menuitem
+                            [ngStyle]="item.style"
+                            [attr.aria-current]="isActive(item, i) ? 'step' : undefined"
+                            [attr.id]="item.id"
+                            pTooltip
+                            [tooltipOptions]="item.tooltipOptions"
+                            [pTooltipUnstyled]="unstyled()"
+                            [attr.data-pc-section]="'menuitem'"
                         >
-                            <span [class]="cx('itemNumber')">{{ i + 1 }}</span>
-                            <span [class]="cx('itemLabel')" *ngIf="item.escape !== false; else htmlLabel">{{ item.label }}</span>
-                            <ng-template #htmlLabel><span [class]="cx('itemLabel')" [innerHTML]="item.label"></span></ng-template>
-                        </a>
-                        <ng-template #elseBlock>
-                            <a
-                                role="link"
-                                [attr.href]="item.url"
-                                [class]="cx('itemLink')"
-                                (click)="onItemClick($event, item, i)"
-                                (keydown)="onItemKeydown($event, item, i)"
-                                [target]="item.target"
-                                [attr.tabindex]="getItemTabIndex(item, i)"
-                                [attr.aria-expanded]="i === activeIndex"
-                                [attr.aria-disabled]="item.disabled || (readonly && i !== activeIndex)"
-                                [attr.ariaCurrentWhenActive]="exact && (!item.disabled || readonly) ? 'step' : undefined"
-                            >
-                                <span [class]="cx('itemNumber')">{{ i + 1 }}</span>
-                                <span [class]="cx('itemLabel')" *ngIf="item.escape !== false; else htmlRouteLabel">{{ item.label }}</span>
-                                <ng-template #htmlRouteLabel><span [class]="cx('itemLabel')" [innerHTML]="item.label"></span></ng-template>
-                            </a>
-                        </ng-template>
-                    </li>
+                            @if (isClickableRouterLink(item)) {
+                                <a
+                                    role="link"
+                                    [routerLink]="item.routerLink"
+                                    [queryParams]="item.queryParams"
+                                    routerLinkActive="p-menuitem-link-active"
+                                    [routerLinkActiveOptions]="item.routerLinkActiveOptions || { exact: false }"
+                                    [class]="cx('itemLink')"
+                                    (click)="onItemClick($event, item, i)"
+                                    (keydown)="onItemKeydown($event, item, i)"
+                                    [target]="item.target"
+                                    [attr.tabindex]="getItemTabIndex(item, i)"
+                                    [attr.aria-expanded]="i === activeIndex"
+                                    [attr.aria-disabled]="item.disabled || (readonly && i !== activeIndex)"
+                                    [fragment]="item.fragment"
+                                    [queryParamsHandling]="item.queryParamsHandling"
+                                    [preserveFragment]="item.preserveFragment"
+                                    [skipLocationChange]="item.skipLocationChange"
+                                    [replaceUrl]="item.replaceUrl"
+                                    [state]="item.state"
+                                    [attr.ariaCurrentWhenActive]="exact ? 'step' : undefined"
+                                >
+                                    <span [class]="cx('itemNumber')">{{ i + 1 }}</span>
+                                    @if (item.escape !== false) {
+                                        <span [class]="cx('itemLabel')">{{ item.label }}</span>
+                                    } @else {
+                                        <span [class]="cx('itemLabel')" [innerHTML]="item.label"></span>
+                                    }
+                                </a>
+                            } @else {
+                                <a
+                                    role="link"
+                                    [attr.href]="item.url"
+                                    [class]="cx('itemLink')"
+                                    (click)="onItemClick($event, item, i)"
+                                    (keydown)="onItemKeydown($event, item, i)"
+                                    [target]="item.target"
+                                    [attr.tabindex]="getItemTabIndex(item, i)"
+                                    [attr.aria-expanded]="i === activeIndex"
+                                    [attr.aria-disabled]="item.disabled || (readonly && i !== activeIndex)"
+                                    [attr.ariaCurrentWhenActive]="exact && (!item.disabled || readonly) ? 'step' : undefined"
+                                >
+                                    <span [class]="cx('itemNumber')">{{ i + 1 }}</span>
+                                    @if (item.escape !== false) {
+                                        <span [class]="cx('itemLabel')">{{ item.label }}</span>
+                                    } @else {
+                                        <span [class]="cx('itemLabel')" [innerHTML]="item.label"></span>
+                                    }
+                                </a>
+                            }
+                        </li>
+                    }
                 }
             </ul>
         </nav>
     `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [StepsStyle]
-                }]
-        }], propDecorators: { activeIndex: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], model: [{
-                type: Input
-            }], readonly: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], style: [{
-                type: Input
-            }], styleClass: [{
-                type: Input
-            }], exact: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], activeIndexChange: [{
-                type: Output
-            }], listViewChild: [{
-                type: ViewChild,
-                args: ['list', { static: false }]
-            }] } });
-class StepsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: StepsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: StepsModule, imports: [Steps, SharedModule], exports: [Steps, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: StepsModule, imports: [Steps, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: StepsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Steps, SharedModule],
-                    exports: [Steps, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			providers: [StepsStyle]
+		}]
+	}],
+	propDecorators: {
+		activeIndex: [{
+			type: Input,
+			args: [{ transform: numberAttribute }]
+		}],
+		model: [{ type: Input }],
+		readonly: [{
+			type: Input,
+			args: [{ transform: booleanAttribute }]
+		}],
+		style: [{ type: Input }],
+		styleClass: [{ type: Input }],
+		exact: [{
+			type: Input,
+			args: [{ transform: booleanAttribute }]
+		}],
+		activeIndexChange: [{ type: Output }],
+		listViewChild: [{
+			type: ViewChild,
+			args: ["list", { static: false }]
+		}]
+	}
+});
+var StepsModule = class StepsModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StepsModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StepsModule,
+		imports: [Steps, SharedModule],
+		exports: [Steps, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: StepsModule,
+		imports: [
+			Steps,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: StepsModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [Steps, SharedModule],
+			exports: [Steps, SharedModule]
+		}]
+	}]
+});
 export { Steps, StepsClasses, StepsModule, StepsStyle };
-//# sourceMappingURL=primeng-steps.mjs.map
+
+//# sourceMappingURL=primeng-steps.mjs.map