cax-design-system 2.8.5 → 3.0.1

package/fesm2022/cax-design-system-stepper.mjs

@@ -4,7 +4,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, Component, ContentChildren, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { CaxTemplate, SharedModule } from 'cax-design-system/api';
 import { UniqueComponentId } from 'cax-design-system/utils';
-import { trigger, state, transition, style, animate } from '@angular/animations';
+import { trigger, state, style, transition, animate } from '@angular/animations';
 
 class StepperHeader {
     id;
@@ -17,8 +17,8 @@ class StepperHeader {
     getStepProp;
     ariaControls;
     onClick = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: StepperHeader, isStandalone: false, selector: "p-stepperHeader", inputs: { id: "id", template: "template", stepperPanel: "stepperPanel", index: "index", disabled: "disabled", active: "active", highlighted: "highlighted", getStepProp: "getStepProp", ariaControls: "ariaControls" }, outputs: { onClick: "onClick" }, host: { classAttribute: "cax-element" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: StepperHeader, isStandalone: false, selector: "p-stepperHeader", inputs: { id: "id", template: "template", stepperPanel: "stepperPanel", index: "index", disabled: "disabled", active: "active", highlighted: "highlighted", getStepProp: "getStepProp", ariaControls: "ariaControls" }, outputs: { onClick: "onClick" }, host: { classAttribute: "cax-element" }, ngImport: i0, template: `
         <ng-container *ngIf="template; else buttonRef">
             <ng-container
                 *ngTemplateOutlet="
@@ -44,7 +44,7 @@ class StepperHeader {
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperHeader, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-stepperHeader',
@@ -106,8 +106,8 @@ class StepperSeparator {
     index;
     active;
     highlighted;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: StepperSeparator, isStandalone: false, selector: "p-stepperSeparator", inputs: { template: "template", separatorClass: "separatorClass", stepperPanel: "stepperPanel", index: "index", active: "active", highlighted: "highlighted" }, host: { classAttribute: "p-stepper-separator" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: StepperSeparator, isStandalone: false, selector: "p-stepperSeparator", inputs: { template: "template", separatorClass: "separatorClass", stepperPanel: "stepperPanel", index: "index", active: "active", highlighted: "highlighted" }, host: { classAttribute: "p-stepper-separator" }, ngImport: i0, template: `
         <ng-container *ngIf="template; else span">
             <ng-container *ngTemplateOutlet="template; context: { index: index, active: active, highlighted: highlighted, class: separatorClass }"></ng-container>
         </ng-container>
@@ -116,7 +116,7 @@ class StepperSeparator {
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperSeparator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperSeparator, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-stepperSeparator',
@@ -158,8 +158,8 @@ class StepperContent {
     onClick = new EventEmitter();
     prevCallback = new EventEmitter();
     nextCallback = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: StepperContent, isStandalone: false, selector: "p-stepperContent", inputs: { id: "id", orientation: "orientation", template: "template", ariaLabelledby: "ariaLabelledby", stepperPanel: "stepperPanel", index: "index", active: "active", highlighted: "highlighted" }, outputs: { onClick: "onClick", prevCallback: "prevCallback", nextCallback: "nextCallback" }, host: { properties: { "class.p-stepper-content": "true", "class.cax-element": "true", "class.p-toggleable-content": "orientation === 'vertical'" } }, ngImport: i0, template: ` <div [id]="id" role="tabpanel" data-pc-name="stepperpanel" [attr.data-pc-index]="index" [attr.data-p-active]="active" [attr.aria-labelledby]="ariaLabelledby">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: StepperContent, isStandalone: false, selector: "p-stepperContent", inputs: { id: "id", orientation: "orientation", template: "template", ariaLabelledby: "ariaLabelledby", stepperPanel: "stepperPanel", index: "index", active: "active", highlighted: "highlighted" }, outputs: { onClick: "onClick", prevCallback: "prevCallback", nextCallback: "nextCallback" }, host: { properties: { "class.p-stepper-content": "true", "class.cax-element": "true", "class.p-toggleable-content": "orientation === 'vertical'" } }, ngImport: i0, template: ` <div [id]="id" role="tabpanel" data-pc-name="stepperpanel" [attr.data-pc-index]="index" [attr.data-p-active]="active" [attr.aria-labelledby]="ariaLabelledby">
         <ng-container *ngIf="template">
             <ng-container *ngTemplateOutlet="template; context: { index: index, active: active, highlighted: highlighted, onClick: onClick, prevCallback: prevCallback, nextCallback: nextCallback }"></ng-container>
         </ng-container>
@@ -170,7 +170,7 @@ class StepperContent {
         </ng-template>
     </div>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-stepperContent',
@@ -237,10 +237,10 @@ class StepperPanel {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: StepperPanel, isStandalone: false, selector: "p-stepperPanel", inputs: { header: "header" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: StepperPanel, isStandalone: false, selector: "p-stepperPanel", inputs: { header: "header" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperPanel, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-stepperPanel',
@@ -361,8 +361,8 @@ class Stepper {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Stepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: Stepper, isStandalone: false, selector: "p-stepper", inputs: { activeStep: "activeStep", orientation: "orientation", linear: "linear", transitionOptions: "transitionOptions" }, outputs: { onClick: "onClick", activeStepChange: "activeStepChange" }, host: { properties: { "class.p-stepper": "true", "class.p-component": "true", "class.p-stepper-vertical": "orientation === 'vertical'" } }, queries: [{ propertyName: "stepperPanels", predicate: StepperPanel }, { propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Stepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: Stepper, isStandalone: false, selector: "p-stepper", inputs: { activeStep: "activeStep", orientation: "orientation", linear: "linear", transitionOptions: "transitionOptions" }, outputs: { onClick: "onClick", activeStepChange: "activeStepChange" }, host: { properties: { "class.p-stepper": "true", "class.p-component": "true", "class.p-stepper-vertical": "orientation === 'vertical'" } }, queries: [{ propertyName: "stepperPanels", predicate: StepperPanel }, { propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: `
         <div role="tablist">
             <ng-container *ngIf="startTemplate">
                 <ng-container *ngTemplateOutlet="startTemplate"></ng-container>
@@ -502,7 +502,7 @@ class Stepper {
             ])
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Stepper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Stepper, decorators: [{
             type: Component,
             args: [{ selector: 'p-stepper', template: `
         <div role="tablist">
@@ -667,11 +667,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 type: Output
             }] } });
 class StepperModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: StepperModule, declarations: [Stepper, StepperPanel, StepperPanel, StepperContent, StepperHeader, StepperSeparator], imports: [CommonModule, SharedModule], exports: [Stepper, StepperPanel, StepperContent, StepperHeader, StepperSeparator, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperModule, imports: [CommonModule, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: StepperModule, declarations: [Stepper, StepperPanel, StepperPanel, StepperContent, StepperHeader, StepperSeparator], imports: [CommonModule, SharedModule], exports: [Stepper, StepperPanel, StepperContent, StepperHeader, StepperSeparator, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperModule, imports: [CommonModule, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepperModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SharedModule],

package/fesm2022/cax-design-system-stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-stepper.mjs","sources":["../../src/app/components/stepper/stepper.ts","../../src/app/components/stepper/cax-design-system-stepper.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { CaxTemplate, SharedModule } from 'cax-design-system/api';\nimport { Nullable } from 'cax-design-system/ts-helpers';\nimport { UniqueComponentId } from 'cax-design-system/utils';\nimport { animate, state, style, transition, trigger } from '@angular/animations';\n\n@Component({\n    selector: 'p-stepperHeader',\n    template: `\n        <ng-container *ngIf=\"template; else buttonRef\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    template;\n                    context: {\n                        index: index,\n                        active: active,\n                        highlighted: highlighted,\n                        class: 'p-stepper-action',\n                        headerClass: 'p-stepper-action',\n                        numberClass: 'p-stepper-number',\n                        titleClass: 'p-stepper-title',\n                        onClick: onClick\n                    }\n                \"\n            ></ng-container>\n        </ng-container>\n        <ng-template #buttonRef>\n            <p-button [id]=\"id\" class=\"p-stepper-action\" role=\"tab\" [tabindex]=\"disabled ? -1 : undefined\" [aria-controls]=\"ariaControls\" (click)=\"onClick.emit($event, index)\">\n                <span class=\"p-stepper-number\">{{ index + 1 }}</span>\n                <span class=\"p-stepper-title\">{{ getStepProp }}</span>\n            </p-button>\n        </ng-template>\n    `,\n    host: {\n        class: 'cax-element'\n    },\n    standalone: false\n})\nexport class StepperHeader {\n    @Input() id: string | undefined;\n\n    @Input() template: TemplateRef<any> | undefined;\n\n    @Input() stepperPanel: StepperPanel;\n\n    @Input() index: string | undefined;\n\n    @Input() disabled: boolean | undefined;\n\n    @Input() active: boolean | undefined;\n\n    @Input() highlighted: boolean | undefined;\n\n    @Input() getStepProp: string | undefined;\n\n    @Input() ariaControls: string | undefined;\n\n    @Output() onClick = new EventEmitter<void>();\n}\n\n@Component({\n    selector: 'p-stepperSeparator',\n    template: `\n        <ng-container *ngIf=\"template; else span\">\n            <ng-container *ngTemplateOutlet=\"template; context: { index: index, active: active, highlighted: highlighted, class: separatorClass }\"></ng-container>\n        </ng-container>\n        <ng-template #span>\n            <span [class]=\"separatorClass\" aria-hidden=\"true\"></span>\n        </ng-template>\n    `,\n    standalone: false,\n    host: {\n        class: 'p-stepper-separator'\n    }\n})\nexport class StepperSeparator {\n    @Input() template: TemplateRef<any> | undefined;\n\n    @Input() separatorClass: string | undefined;\n\n    @Input() stepperPanel: StepperPanel;\n\n    @Input() index: string | undefined;\n\n    @Input() active: boolean | undefined;\n\n    @Input() highlighted: boolean | undefined;\n}\n\n@Component({\n    selector: 'p-stepperContent',\n    template: ` <div [id]=\"id\" role=\"tabpanel\" data-pc-name=\"stepperpanel\" [attr.data-pc-index]=\"index\" [attr.data-p-active]=\"active\" [attr.aria-labelledby]=\"ariaLabelledby\">\n        <ng-container *ngIf=\"template\">\n            <ng-container *ngTemplateOutlet=\"template; context: { index: index, active: active, highlighted: highlighted, onClick: onClick, prevCallback: prevCallback, nextCallback: nextCallback }\"></ng-container>\n        </ng-container>\n        <ng-template *ngIf=\"!template\">\n            <ng-container *ngIf=\"stepperPanel\">\n                <ng-container *ngTemplateOutlet=\"stepperPanel\"></ng-container>\n            </ng-container>\n        </ng-template>\n    </div>`,\n\n    host: {\n        '[class.p-stepper-content]': 'true',\n        '[class.cax-element]': 'true',\n        '[class.p-toggleable-content]': \"orientation === 'vertical'\"\n    },\n    standalone: false\n})\nexport class StepperContent {\n    @Input() id: string | undefined;\n\n    @Input() orientation: 'vertical' | 'horizontal';\n\n    @Input() template: TemplateRef<any> | undefined;\n\n    @Input() ariaLabelledby: string | undefined;\n\n    @Input() stepperPanel: StepperPanel;\n\n    @Input() index: string | undefined;\n\n    @Input() active: boolean | undefined;\n\n    @Input() highlighted: boolean | undefined;\n\n    @Output() onClick = new EventEmitter<void>();\n\n    @Output() prevCallback = new EventEmitter<void>();\n\n    @Output() nextCallback = new EventEmitter<void>();\n}\n\n@Component({\n    selector: 'p-stepperPanel',\n    template: ` <ng-content></ng-content> `,\n    host: {\n        class: 'cax-element'\n    },\n    standalone: false\n})\nexport class StepperPanel {\n    @Input() header: string | undefined;\n\n    @ContentChildren(CaxTemplate) templates: Nullable<QueryList<CaxTemplate>>;\n\n    headerTemplate: Nullable<TemplateRef<any>>;\n\n    startTemplate: Nullable<TemplateRef<any>>;\n\n    contentTemplate: Nullable<TemplateRef<any>>;\n\n    separatorTemplate: Nullable<TemplateRef<any>>;\n\n    endTemplate: Nullable<TemplateRef<any>>;\n\n    ngAfterContentInit() {\n        (this.templates as QueryList<CaxTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'header':\n                    this.headerTemplate = item.template;\n                    break;\n                case 'content':\n                    this.contentTemplate = item.template;\n                    break;\n                case 'separator':\n                    this.separatorTemplate = item.template;\n                    break;\n            }\n        });\n    }\n}\n\n/**\n * The Stepper component displays a wizard-like workflow by guiding users through the multi-step progression.\n * @group Components\n */\n@Component({\n    selector: 'p-stepper',\n    template: `\n        <div role=\"tablist\">\n            <ng-container *ngIf=\"startTemplate\">\n                <ng-container *ngTemplateOutlet=\"startTemplate\"></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"orientation === 'horizontal'; else vertical\">\n                <ul class=\"p-stepper-nav\">\n                    <ng-template ngFor let-step [ngForOf]=\"panels\" let-index=\"index\" [ngForTrackBy]=\"trackByFn\">\n                        <li\n                            [key]=\"getStepKey(step, index)\"\n                            class=\"p-stepper-header\"\n                            [ngClass]=\"{\n                                'p-highlight': isStepActive(index),\n                                'p-disabled': isItemDisabled(index)\n                            }\"\n                            [attr.aria-current]=\"isStepActive(index) ? 'step' : undefined\"\n                            role=\"presentation\"\n                            [data-pc-name]=\"stepperPanel\"\n                            [data-p-highlight]=\"isStepActive(index)\"\n                            [data-p-disabled]=\"isItemDisabled(index)\"\n                            [data-pc-index]=\"index\"\n                            [data-p-active]=\"isStepActive(index)\"\n                        >\n                            <p-stepperHeader\n                                [id]=\"getStepHeaderActionId(index)\"\n                                [template]=\"step.headerTemplate\"\n                                [stepperPanel]=\"step\"\n                                [getStepProp]=\"getStepProp(step, 'header')\"\n                                [index]=\"index\"\n                                [disabled]=\"isItemDisabled(index)\"\n                                [active]=\"isStepActive(index)\"\n                                [highlighted]=\"index < activeStep\"\n                                [class]=\"'p-stepper-action'\"\n                                [aria-controls]=\"getStepContentId(index)\"\n                                (onClick)=\"onItemClick($event, index)\"\n                            ></p-stepperHeader>\n\n                            <ng-container *ngIf=\"index !== stepperPanels.length - 1\">\n                                <p-stepperSeparator [template]=\"step.separatorTemplate\" [separatorClass]=\"'p-stepper-separator'\" [stepperPanel]=\"step\" [index]=\"index\" [active]=\"isStepActive(index)\" [highlighted]=\"index < activeStep\" />\n                            </ng-container>\n                        </li>\n                    </ng-template>\n                </ul>\n                <div class=\"p-stepper-panels\">\n                    <ng-template ngFor let-step [ngForOf]=\"panels\" let-index=\"index\" [ngForTrackBy]=\"trackByFn\">\n                        <ng-container *ngIf=\"isStepActive(index)\">\n                            <p-stepperContent\n                                [id]=\"getStepContentId(index)\"\n                                [template]=\"step.contentTemplate\"\n                                [orientation]=\"orientation\"\n                                [stepperPanel]=\"step\"\n                                [index]=\"index\"\n                                [active]=\"isStepActive(index)\"\n                                [highlighted]=\"index < activeStep\"\n                                [ariaLabelledby]=\"getStepHeaderActionId(index)\"\n                                (onClick)=\"onItemClick($event, index)\"\n                                (nextCallback)=\"nextCallback($event, index)\"\n                                (prevCallback)=\"prevCallback($event, index)\"\n                            />\n                        </ng-container>\n                    </ng-template>\n                </div>\n            </ng-container>\n            <ng-template #vertical>\n                <ng-template ngFor let-step [ngForOf]=\"panels\" let-index=\"index\" [ngForTrackBy]=\"trackByFn\">\n                    <div\n                        [key]=\"getStepKey(step, index)\"\n                        class=\"p-stepper-panel\"\n                        [ngClass]=\"{\n                            'p-stepper-panel-active': orientation === 'vertical' && isStepActive(index)\n                        }\"\n                        [attr.aria-current]=\"isStepActive(index) ? 'step' : undefined\"\n                        [data-pc-name]=\"'stepperpanel'\"\n                        [data-p-highlight]=\"isStepActive(index)\"\n                        [data-p-disabled]=\"isItemDisabled(index)\"\n                        [data-pc-index]=\"index\"\n                        [data-p-active]=\"isStepActive(index)\"\n                    >\n                        <div\n                            class=\"p-stepper-header \"\n                            [ngClass]=\"{\n                                'p-highlight': isStepActive(index),\n                                'p-disabled': isItemDisabled(index)\n                            }\"\n                        >\n                            <p-stepperHeader\n                                [id]=\"getStepHeaderActionId(index)\"\n                                [template]=\"step.headerTemplate\"\n                                [stepperPanel]=\"step\"\n                                [getStepProp]=\"getStepProp(step, 'header')\"\n                                [index]=\"index\"\n                                [disabled]=\"isItemDisabled(index)\"\n                                [active]=\"isStepActive(index)\"\n                                [highlighted]=\"index < activeStep\"\n                                [class]=\"'p-stepper-action'\"\n                                [aria-controls]=\"getStepContentId(index)\"\n                                (onClick)=\"onItemClick($event, index)\"\n                            ></p-stepperHeader>\n                        </div>\n\n                        <div class=\"p-stepper-toggleable-content\" [@tabContent]=\"isStepActive(index) ? { value: 'visible', params: { transitionParams: transitionOptions } } : { value: 'hidden', params: { transitionParams: transitionOptions } }\">\n                            <ng-container *ngIf=\"index !== stepperPanels.length - 1\">\n                                <p-stepperSeparator [template]=\"step.separatorTemplate\" [separatorClass]=\"'p-stepper-separator'\" [stepperPanel]=\"step\" [index]=\"index\" [active]=\"isStepActive(index)\" [highlighted]=\"index < activeStep\" />\n                            </ng-container>\n                            <p-stepperContent\n                                [id]=\"getStepContentId(index)\"\n                                [template]=\"step.contentTemplate\"\n                                [orientation]=\"orientation\"\n                                [stepperPanel]=\"step\"\n                                [index]=\"index\"\n                                [active]=\"isStepActive(index)\"\n                                [highlighted]=\"index < activeStep\"\n                                [ariaLabelledby]=\"getStepHeaderActionId(index)\"\n                                (onClick)=\"onItemClick($event, index)\"\n                                (nextCallback)=\"nextCallback($event, index)\"\n                                (prevCallback)=\"prevCallback($event, index)\"\n                            />\n                        </div>\n                    </div>\n                </ng-template>\n            </ng-template>\n            <ng-container *ngIf=\"endTemplate\">\n                <ng-container *ngTemplateOutlet=\"endTemplate\"></ng-container>\n            </ng-container>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./stepper.css'],\n    standalone: false,\n    host: {\n        '[class.p-stepper]': 'true',\n        '[class.p-component]': 'true',\n        '[class.p-stepper-vertical]': \"orientation === 'vertical'\"\n    },\n    animations: [\n        trigger('tabContent', [\n            state(\n                'hidden',\n                style({\n                    height: '0',\n                    visibility: 'hidden'\n                })\n            ),\n            state(\n                'visible',\n                style({\n                    height: '*',\n                    visibility: 'visible'\n                })\n            ),\n            transition('visible <=> hidden', [animate('250ms cubic-bezier(0.86, 0, 0.07, 1)')]),\n            transition('void => *', animate(0))\n        ])\n    ]\n})\nexport class Stepper implements AfterContentInit {\n    /**\n     * Active step index of stepper.\n     * @group Props\n     */\n    @Input() activeStep: number | undefined | null = 0;\n    /**\n     * Orientation of the stepper.\n     * @group Props\n     */\n    @Input() orientation: 'vertical' | 'horizontal' = 'horizontal';\n    /**\n     * Whether the steps are clickable or not.\n     * @group Props\n     */\n    @Input() linear: boolean = false;\n    /**\n     * Transition options of the animation.\n     * @group Props\n     */\n    @Input() transitionOptions: string = '400ms cubic-bezier(0.86, 0, 0.07, 1)';\n\n    @ContentChildren(StepperPanel) stepperPanels: QueryList<StepperPanel> | undefined;\n\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    @Output() onClick: EventEmitter<any> = new EventEmitter<any>();\n\n    /**\n     * Emitted when the value changes.\n     * @param {ActiveStepChangeEvent} event - custom change event.\n     * @group Emits\n     */\n    @Output() activeStepChange: EventEmitter<number> = new EventEmitter<number>();\n\n    headerTemplate: Nullable<TemplateRef<any>>;\n\n    startTemplate: Nullable<TemplateRef<any>>;\n\n    separatorTemplate: Nullable<TemplateRef<any>>;\n\n    endTemplate: Nullable<TemplateRef<any>>;\n\n    id: string = UniqueComponentId();\n\n    panels!: StepperPanel[];\n\n    isStepActive(index: number) {\n        return this.activeStep === index;\n    }\n\n    getStepProp(step) {\n        if (step?.header) {\n            return step.header;\n        }\n\n        if (step?.content) {\n            return step.content;\n        }\n        return undefined;\n    }\n\n    getStepKey(step, index) {\n        return this.getStepProp(step) || index;\n    }\n\n    getStepHeaderActionId(index) {\n        return `${this.id}_${index}_header_action`;\n    }\n\n    getStepContentId(index) {\n        return `${this.id}_${index}_content`;\n    }\n\n    updateActiveStep(event, index) {\n        this.activeStep = index;\n\n        this.activeStepChange.emit(this.activeStep);\n    }\n\n    onItemClick(event, index) {\n        if (this.linear) {\n            event.preventDefault();\n\n            return;\n        }\n        if (index !== this.activeStep) {\n            this.updateActiveStep(event, index);\n        }\n    }\n\n    isItemDisabled(index) {\n        return this.linear && !this.isStepActive(index);\n    }\n\n    prevCallback(event, index) {\n        if (index !== 0) {\n            this.updateActiveStep(event, index - 1);\n        }\n    }\n\n    nextCallback(event, index) {\n        if (index !== this.stepperPanels.length - 1) {\n            this.updateActiveStep(event, index + 1);\n        }\n    }\n\n    trackByFn(index: number): number {\n        return index;\n    }\n\n    ngAfterContentInit() {\n        this.panels = (this.stepperPanels as QueryList<StepperPanel>).toArray();\n        (this.templates as QueryList<CaxTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'start':\n                    this.startTemplate = item.template;\n                    break;\n\n                case 'end':\n                    this.endTemplate = item.template;\n                    break;\n\n                default:\n                    break;\n            }\n        });\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, SharedModule],\n    exports: [Stepper, StepperPanel, StepperContent, StepperHeader, StepperSeparator, SharedModule],\n    declarations: [Stepper, StepperPanel, StepperPanel, StepperContent, StepperHeader, StepperSeparator]\n})\nexport class StepperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cax-design-system-stepper.mjs","sources":["../../src/app/components/stepper/stepper.ts","../../src/app/components/stepper/cax-design-system-stepper.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { CaxTemplate, SharedModule } from 'cax-design-system/api';\nimport { Nullable } from 'cax-design-system/ts-helpers';\nimport { UniqueComponentId } from 'cax-design-system/utils';\nimport { animate, state, style, transition, trigger } from '@angular/animations';\n\n@Component({\n    selector: 'p-stepperHeader',\n    template: `\n        <ng-container *ngIf=\"template; else buttonRef\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    template;\n                    context: {\n                        index: index,\n                        active: active,\n                        highlighted: highlighted,\n                        class: 'p-stepper-action',\n                        headerClass: 'p-stepper-action',\n                        numberClass: 'p-stepper-number',\n                        titleClass: 'p-stepper-title',\n                        onClick: onClick\n                    }\n                \"\n            ></ng-container>\n        </ng-container>\n        <ng-template #buttonRef>\n            <p-button [id]=\"id\" class=\"p-stepper-action\" role=\"tab\" [tabindex]=\"disabled ? -1 : undefined\" [aria-controls]=\"ariaControls\" (click)=\"onClick.emit($event, index)\">\n                <span class=\"p-stepper-number\">{{ index + 1 }}</span>\n                <span class=\"p-stepper-title\">{{ getStepProp }}</span>\n            </p-button>\n        </ng-template>\n    `,\n    host: {\n        class: 'cax-element'\n    },\n    standalone: false\n})\nexport class StepperHeader {\n    @Input() id: string | undefined;\n\n    @Input() template: TemplateRef<any> | undefined;\n\n    @Input() stepperPanel: StepperPanel;\n\n    @Input() index: string | undefined;\n\n    @Input() disabled: boolean | undefined;\n\n    @Input() active: boolean | undefined;\n\n    @Input() highlighted: boolean | undefined;\n\n    @Input() getStepProp: string | undefined;\n\n    @Input() ariaControls: string | undefined;\n\n    @Output() onClick = new EventEmitter<void>();\n}\n\n@Component({\n    selector: 'p-stepperSeparator',\n    template: `\n        <ng-container *ngIf=\"template; else span\">\n            <ng-container *ngTemplateOutlet=\"template; context: { index: index, active: active, highlighted: highlighted, class: separatorClass }\"></ng-container>\n        </ng-container>\n        <ng-template #span>\n            <span [class]=\"separatorClass\" aria-hidden=\"true\"></span>\n        </ng-template>\n    `,\n    standalone: false,\n    host: {\n        class: 'p-stepper-separator'\n    }\n})\nexport class StepperSeparator {\n    @Input() template: TemplateRef<any> | undefined;\n\n    @Input() separatorClass: string | undefined;\n\n    @Input() stepperPanel: StepperPanel;\n\n    @Input() index: string | undefined;\n\n    @Input() active: boolean | undefined;\n\n    @Input() highlighted: boolean | undefined;\n}\n\n@Component({\n    selector: 'p-stepperContent',\n    template: ` <div [id]=\"id\" role=\"tabpanel\" data-pc-name=\"stepperpanel\" [attr.data-pc-index]=\"index\" [attr.data-p-active]=\"active\" [attr.aria-labelledby]=\"ariaLabelledby\">\n        <ng-container *ngIf=\"template\">\n            <ng-container *ngTemplateOutlet=\"template; context: { index: index, active: active, highlighted: highlighted, onClick: onClick, prevCallback: prevCallback, nextCallback: nextCallback }\"></ng-container>\n        </ng-container>\n        <ng-template *ngIf=\"!template\">\n            <ng-container *ngIf=\"stepperPanel\">\n                <ng-container *ngTemplateOutlet=\"stepperPanel\"></ng-container>\n            </ng-container>\n        </ng-template>\n    </div>`,\n\n    host: {\n        '[class.p-stepper-content]': 'true',\n        '[class.cax-element]': 'true',\n        '[class.p-toggleable-content]': \"orientation === 'vertical'\"\n    },\n    standalone: false\n})\nexport class StepperContent {\n    @Input() id: string | undefined;\n\n    @Input() orientation: 'vertical' | 'horizontal';\n\n    @Input() template: TemplateRef<any> | undefined;\n\n    @Input() ariaLabelledby: string | undefined;\n\n    @Input() stepperPanel: StepperPanel;\n\n    @Input() index: string | undefined;\n\n    @Input() active: boolean | undefined;\n\n    @Input() highlighted: boolean | undefined;\n\n    @Output() onClick = new EventEmitter<void>();\n\n    @Output() prevCallback = new EventEmitter<void>();\n\n    @Output() nextCallback = new EventEmitter<void>();\n}\n\n@Component({\n    selector: 'p-stepperPanel',\n    template: ` <ng-content></ng-content> `,\n    host: {\n        class: 'cax-element'\n    },\n    standalone: false\n})\nexport class StepperPanel {\n    @Input() header: string | undefined;\n\n    @ContentChildren(CaxTemplate) templates: Nullable<QueryList<CaxTemplate>>;\n\n    headerTemplate: Nullable<TemplateRef<any>>;\n\n    startTemplate: Nullable<TemplateRef<any>>;\n\n    contentTemplate: Nullable<TemplateRef<any>>;\n\n    separatorTemplate: Nullable<TemplateRef<any>>;\n\n    endTemplate: Nullable<TemplateRef<any>>;\n\n    ngAfterContentInit() {\n        (this.templates as QueryList<CaxTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'header':\n                    this.headerTemplate = item.template;\n                    break;\n                case 'content':\n                    this.contentTemplate = item.template;\n                    break;\n                case 'separator':\n                    this.separatorTemplate = item.template;\n                    break;\n            }\n        });\n    }\n}\n\n/**\n * The Stepper component displays a wizard-like workflow by guiding users through the multi-step progression.\n * @group Components\n */\n@Component({\n    selector: 'p-stepper',\n    template: `\n        <div role=\"tablist\">\n            <ng-container *ngIf=\"startTemplate\">\n                <ng-container *ngTemplateOutlet=\"startTemplate\"></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"orientation === 'horizontal'; else vertical\">\n                <ul class=\"p-stepper-nav\">\n                    <ng-template ngFor let-step [ngForOf]=\"panels\" let-index=\"index\" [ngForTrackBy]=\"trackByFn\">\n                        <li\n                            [key]=\"getStepKey(step, index)\"\n                            class=\"p-stepper-header\"\n                            [ngClass]=\"{\n                                'p-highlight': isStepActive(index),\n                                'p-disabled': isItemDisabled(index)\n                            }\"\n                            [attr.aria-current]=\"isStepActive(index) ? 'step' : undefined\"\n                            role=\"presentation\"\n                            [data-pc-name]=\"stepperPanel\"\n                            [data-p-highlight]=\"isStepActive(index)\"\n                            [data-p-disabled]=\"isItemDisabled(index)\"\n                            [data-pc-index]=\"index\"\n                            [data-p-active]=\"isStepActive(index)\"\n                        >\n                            <p-stepperHeader\n                                [id]=\"getStepHeaderActionId(index)\"\n                                [template]=\"step.headerTemplate\"\n                                [stepperPanel]=\"step\"\n                                [getStepProp]=\"getStepProp(step, 'header')\"\n                                [index]=\"index\"\n                                [disabled]=\"isItemDisabled(index)\"\n                                [active]=\"isStepActive(index)\"\n                                [highlighted]=\"index < activeStep\"\n                                [class]=\"'p-stepper-action'\"\n                                [aria-controls]=\"getStepContentId(index)\"\n                                (onClick)=\"onItemClick($event, index)\"\n                            ></p-stepperHeader>\n\n                            <ng-container *ngIf=\"index !== stepperPanels.length - 1\">\n                                <p-stepperSeparator [template]=\"step.separatorTemplate\" [separatorClass]=\"'p-stepper-separator'\" [stepperPanel]=\"step\" [index]=\"index\" [active]=\"isStepActive(index)\" [highlighted]=\"index < activeStep\" />\n                            </ng-container>\n                        </li>\n                    </ng-template>\n                </ul>\n                <div class=\"p-stepper-panels\">\n                    <ng-template ngFor let-step [ngForOf]=\"panels\" let-index=\"index\" [ngForTrackBy]=\"trackByFn\">\n                        <ng-container *ngIf=\"isStepActive(index)\">\n                            <p-stepperContent\n                                [id]=\"getStepContentId(index)\"\n                                [template]=\"step.contentTemplate\"\n                                [orientation]=\"orientation\"\n                                [stepperPanel]=\"step\"\n                                [index]=\"index\"\n                                [active]=\"isStepActive(index)\"\n                                [highlighted]=\"index < activeStep\"\n                                [ariaLabelledby]=\"getStepHeaderActionId(index)\"\n                                (onClick)=\"onItemClick($event, index)\"\n                                (nextCallback)=\"nextCallback($event, index)\"\n                                (prevCallback)=\"prevCallback($event, index)\"\n                            />\n                        </ng-container>\n                    </ng-template>\n                </div>\n            </ng-container>\n            <ng-template #vertical>\n                <ng-template ngFor let-step [ngForOf]=\"panels\" let-index=\"index\" [ngForTrackBy]=\"trackByFn\">\n                    <div\n                        [key]=\"getStepKey(step, index)\"\n                        class=\"p-stepper-panel\"\n                        [ngClass]=\"{\n                            'p-stepper-panel-active': orientation === 'vertical' && isStepActive(index)\n                        }\"\n                        [attr.aria-current]=\"isStepActive(index) ? 'step' : undefined\"\n                        [data-pc-name]=\"'stepperpanel'\"\n                        [data-p-highlight]=\"isStepActive(index)\"\n                        [data-p-disabled]=\"isItemDisabled(index)\"\n                        [data-pc-index]=\"index\"\n                        [data-p-active]=\"isStepActive(index)\"\n                    >\n                        <div\n                            class=\"p-stepper-header \"\n                            [ngClass]=\"{\n                                'p-highlight': isStepActive(index),\n                                'p-disabled': isItemDisabled(index)\n                            }\"\n                        >\n                            <p-stepperHeader\n                                [id]=\"getStepHeaderActionId(index)\"\n                                [template]=\"step.headerTemplate\"\n                                [stepperPanel]=\"step\"\n                                [getStepProp]=\"getStepProp(step, 'header')\"\n                                [index]=\"index\"\n                                [disabled]=\"isItemDisabled(index)\"\n                                [active]=\"isStepActive(index)\"\n                                [highlighted]=\"index < activeStep\"\n                                [class]=\"'p-stepper-action'\"\n                                [aria-controls]=\"getStepContentId(index)\"\n                                (onClick)=\"onItemClick($event, index)\"\n                            ></p-stepperHeader>\n                        </div>\n\n                        <div class=\"p-stepper-toggleable-content\" [@tabContent]=\"isStepActive(index) ? { value: 'visible', params: { transitionParams: transitionOptions } } : { value: 'hidden', params: { transitionParams: transitionOptions } }\">\n                            <ng-container *ngIf=\"index !== stepperPanels.length - 1\">\n                                <p-stepperSeparator [template]=\"step.separatorTemplate\" [separatorClass]=\"'p-stepper-separator'\" [stepperPanel]=\"step\" [index]=\"index\" [active]=\"isStepActive(index)\" [highlighted]=\"index < activeStep\" />\n                            </ng-container>\n                            <p-stepperContent\n                                [id]=\"getStepContentId(index)\"\n                                [template]=\"step.contentTemplate\"\n                                [orientation]=\"orientation\"\n                                [stepperPanel]=\"step\"\n                                [index]=\"index\"\n                                [active]=\"isStepActive(index)\"\n                                [highlighted]=\"index < activeStep\"\n                                [ariaLabelledby]=\"getStepHeaderActionId(index)\"\n                                (onClick)=\"onItemClick($event, index)\"\n                                (nextCallback)=\"nextCallback($event, index)\"\n                                (prevCallback)=\"prevCallback($event, index)\"\n                            />\n                        </div>\n                    </div>\n                </ng-template>\n            </ng-template>\n            <ng-container *ngIf=\"endTemplate\">\n                <ng-container *ngTemplateOutlet=\"endTemplate\"></ng-container>\n            </ng-container>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./stepper.css'],\n    standalone: false,\n    host: {\n        '[class.p-stepper]': 'true',\n        '[class.p-component]': 'true',\n        '[class.p-stepper-vertical]': \"orientation === 'vertical'\"\n    },\n    animations: [\n        trigger('tabContent', [\n            state(\n                'hidden',\n                style({\n                    height: '0',\n                    visibility: 'hidden'\n                })\n            ),\n            state(\n                'visible',\n                style({\n                    height: '*',\n                    visibility: 'visible'\n                })\n            ),\n            transition('visible <=> hidden', [animate('250ms cubic-bezier(0.86, 0, 0.07, 1)')]),\n            transition('void => *', animate(0))\n        ])\n    ]\n})\nexport class Stepper implements AfterContentInit {\n    /**\n     * Active step index of stepper.\n     * @group Props\n     */\n    @Input() activeStep: number | undefined | null = 0;\n    /**\n     * Orientation of the stepper.\n     * @group Props\n     */\n    @Input() orientation: 'vertical' | 'horizontal' = 'horizontal';\n    /**\n     * Whether the steps are clickable or not.\n     * @group Props\n     */\n    @Input() linear: boolean = false;\n    /**\n     * Transition options of the animation.\n     * @group Props\n     */\n    @Input() transitionOptions: string = '400ms cubic-bezier(0.86, 0, 0.07, 1)';\n\n    @ContentChildren(StepperPanel) stepperPanels: QueryList<StepperPanel> | undefined;\n\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    @Output() onClick: EventEmitter<any> = new EventEmitter<any>();\n\n    /**\n     * Emitted when the value changes.\n     * @param {ActiveStepChangeEvent} event - custom change event.\n     * @group Emits\n     */\n    @Output() activeStepChange: EventEmitter<number> = new EventEmitter<number>();\n\n    headerTemplate: Nullable<TemplateRef<any>>;\n\n    startTemplate: Nullable<TemplateRef<any>>;\n\n    separatorTemplate: Nullable<TemplateRef<any>>;\n\n    endTemplate: Nullable<TemplateRef<any>>;\n\n    id: string = UniqueComponentId();\n\n    panels!: StepperPanel[];\n\n    isStepActive(index: number) {\n        return this.activeStep === index;\n    }\n\n    getStepProp(step) {\n        if (step?.header) {\n            return step.header;\n        }\n\n        if (step?.content) {\n            return step.content;\n        }\n        return undefined;\n    }\n\n    getStepKey(step, index) {\n        return this.getStepProp(step) || index;\n    }\n\n    getStepHeaderActionId(index) {\n        return `${this.id}_${index}_header_action`;\n    }\n\n    getStepContentId(index) {\n        return `${this.id}_${index}_content`;\n    }\n\n    updateActiveStep(event, index) {\n        this.activeStep = index;\n\n        this.activeStepChange.emit(this.activeStep);\n    }\n\n    onItemClick(event, index) {\n        if (this.linear) {\n            event.preventDefault();\n\n            return;\n        }\n        if (index !== this.activeStep) {\n            this.updateActiveStep(event, index);\n        }\n    }\n\n    isItemDisabled(index) {\n        return this.linear && !this.isStepActive(index);\n    }\n\n    prevCallback(event, index) {\n        if (index !== 0) {\n            this.updateActiveStep(event, index - 1);\n        }\n    }\n\n    nextCallback(event, index) {\n        if (index !== this.stepperPanels.length - 1) {\n            this.updateActiveStep(event, index + 1);\n        }\n    }\n\n    trackByFn(index: number): number {\n        return index;\n    }\n\n    ngAfterContentInit() {\n        this.panels = (this.stepperPanels as QueryList<StepperPanel>).toArray();\n        (this.templates as QueryList<CaxTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'start':\n                    this.startTemplate = item.template;\n                    break;\n\n                case 'end':\n                    this.endTemplate = item.template;\n                    break;\n\n                default:\n                    break;\n            }\n        });\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, SharedModule],\n    exports: [Stepper, StepperPanel, StepperContent, StepperHeader, StepperSeparator, SharedModule],\n    declarations: [Stepper, StepperPanel, StepperPanel, StepperContent, StepperHeader, StepperSeparator]\n})\nexport class StepperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cax-design-system-steps.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, booleanAttribute, numberAttribute, ViewChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { EventEmitter, booleanAttribute, numberAttribute, ContentChildren, ViewChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { DomHandler } from 'cax-design-system/dom';
+import { CaxTemplate, SharedModule } from 'cax-design-system/api';
 import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i2 from '@angular/common';
@@ -53,6 +54,12 @@ class Steps {
      */
     activeIndexChange = new EventEmitter();
     listViewChild;
+    /**
+     * Templates of the component.
+     * @group Props
+     */
+    templates;
+    stepTemplate;
     constructor(router, route, cd) {
         this.router = router;
         this.route = route;
@@ -62,6 +69,15 @@ class Steps {
     ngOnInit() {
         this.subscription = this.router.events.subscribe(() => this.cd.markForCheck());
     }
+    ngAfterContentInit() {
+        this.templates?.forEach((item) => {
+            switch (item.getType()) {
+                case 'step':
+                    this.stepTemplate = item.template;
+                    break;
+            }
+        });
+    }
     onItemClick(event, item, i) {
         if (this.readonly || item.disabled) {
             event.preventDefault();
@@ -179,14 +195,14 @@ class Steps {
             this.subscription.unsubscribe();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Steps, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.17", type: Steps, isStandalone: false, selector: "cax-steps", inputs: { activeIndex: ["activeIndex", "activeIndex", numberAttribute], model: "model", readonly: ["readonly", "readonly", booleanAttribute], style: "style", styleClass: "styleClass", exact: ["exact", "exact", booleanAttribute] }, outputs: { activeIndexChange: "activeIndexChange" }, host: { classAttribute: "cax-element" }, viewQueries: [{ propertyName: "listViewChild", first: true, predicate: ["list"], descendants: true }], ngImport: i0, template: "<nav [ngClass]=\"{ 'cax-steps cax-component': true, 'cax-readonly': readonly }\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.data-pc-name]=\"'steps'\">\r\n    <ul #list [attr.data-pc-section]=\"'menu'\">\r\n        <li\r\n            *ngFor=\"let item of model; let i = index\"\r\n            class=\"cax-steps-item\"\r\n            #menuitem\r\n            [ngStyle]=\"item.style\"\r\n            [class]=\"item.styleClass\"\r\n            [attr.aria-current]=\"isActive(item, i) ? 'step' : undefined\"\r\n            [attr.id]=\"item.id\"\r\n            caxTooltip\r\n            [tooltipOptions]=\"item.tooltipOptions\"\r\n            [ngClass]=\"{\r\n                'cax-highlight': i <= activeIndex,  \r\n                'cax-steps-current': isActive(item, i),\r\n                'cax-disabled': item.disabled || (readonly && !isActive(item, i))\r\n            }\"\r\n            [attr.data-pc-section]=\"'menuitem'\"\r\n        >\r\n            <a\r\n                role=\"link\"\r\n                *ngIf=\"isClickableRouterLink(item); else elseBlock\"\r\n                [routerLink]=\"item.routerLink\"\r\n                [queryParams]=\"item.queryParams\"\r\n                [routerLinkActive]=\"'cax-menuitem-link-active'\"\r\n                [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\r\n                class=\"cax-menuitem-link\"\r\n                (click)=\"onItemClick($event, item, i)\"\r\n                (keydown)=\"onItemKeydown($event, item, i)\"\r\n                [target]=\"item.target\"\r\n                [attr.tabindex]=\"getItemTabIndex(item, i)\"\r\n                [attr.aria-disabled]=\"item.disabled || (readonly && i !== activeIndex)\"\r\n                [fragment]=\"item.fragment\"\r\n                [queryParamsHandling]=\"item.queryParamsHandling\"\r\n                [preserveFragment]=\"item.preserveFragment\"\r\n                [skipLocationChange]=\"item.skipLocationChange\"\r\n                [replaceUrl]=\"item.replaceUrl\"\r\n                [state]=\"item.state\"\r\n                [attr.aria-current]=\"i === activeIndex ? 'step' : null\"\r\n            >\r\n                <span class=\"cax-steps-number\"> {{ i + 1 }}</span>\r\n                <span class=\"cax-steps-title\" *ngIf=\"item.escape !== false; else htmlLabel\"> {{ item.label }}</span>\r\n                <ng-template #htmlLabel><span class=\"cax-steps-title\" [innerHTML]=\"item.label\"></span></ng-template>\r\n            </a>\r\n            <ng-template #elseBlock>\r\n                <a\r\n                    role=\"link\"\r\n                    [attr.href]=\"item.url\"\r\n                    class=\"cax-menuitem-link\"\r\n                    (click)=\"onItemClick($event, item, i)\"\r\n                    (keydown)=\"onItemKeydown($event, item, i)\"\r\n                    [target]=\"item.target\"\r\n                    [attr.tabindex]=\"getItemTabIndex(item, i)\"\r\n                    [attr.aria-disabled]=\"item.disabled || (readonly && i !== activeIndex)\"\r\n                    [attr.aria-current]=\"i === activeIndex ? 'step' : null\"\r\n                >\r\n                    <span class=\"cax-steps-number\"> {{ i + 1 }} </span>\r\n                    <span class=\"cax-steps-title\" *ngIf=\"item.escape !== false; else htmlRouteLabel\">{{ item.label }}</span>\r\n                    <ng-template #htmlRouteLabel><span class=\"cax-steps-title\" [innerHTML]=\"item.label\"></span></ng-template>\r\n                </a>\r\n            </ng-template>\r\n        </li>\r\n    </ul>\r\n</nav>", styles: ["@layer cax{.cax-steps{position:relative}.cax-steps ul{padding:0;margin:0;list-style-type:none;display:flex}.cax-steps-item{position:relative;display:flex;justify-content:center;flex:1 1 auto}.cax-steps-item .cax-menuitem-link{display:inline-flex;flex-direction:column;align-items:center;overflow:hidden;text-decoration:none}.cax-steps.cax-steps-readonly .cax-steps-item{cursor:auto}.cax-steps-item.cax-steps-current .cax-menuitem-link{cursor:default}.cax-steps-title{white-space:nowrap}.cax-steps-number{display:flex;align-items:center;justify-content:center}.cax-steps-title{display:block}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.Tooltip, selector: "[caxTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "caxTooltip", "tooltipDisabled", "tooltipOptions", "linkUrl", "linkText"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Steps, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.25", type: Steps, isStandalone: false, selector: "cax-steps", inputs: { activeIndex: ["activeIndex", "activeIndex", numberAttribute], model: "model", readonly: ["readonly", "readonly", booleanAttribute], style: "style", styleClass: "styleClass", exact: ["exact", "exact", booleanAttribute] }, outputs: { activeIndexChange: "activeIndexChange" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "listViewChild", first: true, predicate: ["list"], descendants: true }], ngImport: i0, template: "<nav [ngClass]=\"{ 'cax-steps cax-component': true, 'cax-readonly': readonly }\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.data-pc-name]=\"'steps'\">\n    <ul #list [attr.data-pc-section]=\"'menu'\">\n        <li\n            *ngFor=\"let item of model; let i = index\"\n            class=\"cax-steps-item\"\n            #menuitem\n            [ngStyle]=\"item.style\"\n            [class]=\"item.styleClass\"\n            [attr.aria-current]=\"isActive(item, i) ? 'step' : undefined\"\n            [attr.id]=\"item.id\"\n            caxTooltip\n            [tooltipOptions]=\"item.tooltipOptions\"\n            [ngClass]=\"{\n                'cax-highlight': i <= activeIndex,  \n                'cax-steps-current': isActive(item, i),\n                'cax-disabled': item.disabled || (readonly && !isActive(item, i))\n            }\"\n            [attr.data-pc-section]=\"'menuitem'\"\n        >\n            <a\n                role=\"link\"\n                *ngIf=\"isClickableRouterLink(item); else elseBlock\"\n                [routerLink]=\"item.routerLink\"\n                [queryParams]=\"item.queryParams\"\n                [routerLinkActive]=\"'cax-menuitem-link-active'\"\n                [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n                class=\"cax-menuitem-link\"\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-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.aria-current]=\"i === activeIndex ? 'step' : null\"\n            >\n                <span class=\"cax-steps-number cax-text-body-xsm-semibold\">\n                    <ng-container *ngIf=\"!stepTemplate; else stepTemplateOutlet\"> {{ i + 1 }} </ng-container>\n                    <ng-template #stepTemplateOutlet>\n                        <ng-container *ngTemplateOutlet=\"stepTemplate; context: { $implicit: item, index: i }\"></ng-container>\n                    </ng-template>\n                </span>\n                <span class=\"cax-steps-title cax-text-body-sm-medium\" *ngIf=\"item.escape !== false; else htmlLabel\"> {{ item.label }}</span>\n                <ng-template #htmlLabel><span class=\"cax-steps-title cax-text-body-sm-medium\" [innerHTML]=\"item.label\"></span></ng-template>\n            </a>\n            <ng-template #elseBlock>\n                <a\n                    role=\"link\"\n                    [attr.href]=\"item.url\"\n                    class=\"cax-menuitem-link\"\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-disabled]=\"item.disabled || (readonly && i !== activeIndex)\"\n                    [attr.aria-current]=\"i === activeIndex ? 'step' : null\"\n                >\n                    <span class=\"cax-steps-number cax-text-body-xsm-semibold\">\n                        <ng-container *ngIf=\"!stepTemplate; else stepTemplateOutlet\"> {{ i + 1 }} </ng-container>\n                        <ng-template #stepTemplateOutlet>\n                            <ng-container *ngTemplateOutlet=\"stepTemplate; context: { $implicit: item, index: i }\"></ng-container>\n                        </ng-template>\n                    </span>\n                    <span class=\"cax-steps-title cax-text-body-sm-medium\" *ngIf=\"item.escape !== false; else htmlRouteLabel\">{{ item.label }}</span>\n                    <ng-template #htmlRouteLabel><span class=\"cax-steps-title cax-text-body-sm-medium\" [innerHTML]=\"item.label\"></span></ng-template>\n                </a>\n            </ng-template>\n        </li>\n    </ul>\n</nav>\n", styles: ["@layer cax{.cax-steps{position:relative}.cax-steps ul{padding:0;margin:0;list-style-type:none;display:flex}.cax-steps-item{position:relative;display:flex;justify-content:center;flex:1 1 auto}.cax-steps-item .cax-menuitem-link{display:inline-flex;flex-direction:column;align-items:center;overflow:hidden;text-decoration:none}.cax-steps.cax-steps-readonly .cax-steps-item{cursor:auto}.cax-steps-item.cax-steps-current .cax-menuitem-link{cursor:default}.cax-steps-title{white-space:nowrap}.cax-steps-number{display:flex;align-items:center;justify-content:center}.cax-steps-title{display:block}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.Tooltip, selector: "[caxTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "caxTooltip", "tooltipDisabled", "tooltipOptions", "linkUrl", "linkText"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Steps, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: Steps, decorators: [{
             type: Component,
             args: [{ selector: 'cax-steps', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, host: {
                         class: 'cax-element'
-                    }, template: "<nav [ngClass]=\"{ 'cax-steps cax-component': true, 'cax-readonly': readonly }\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.data-pc-name]=\"'steps'\">\r\n    <ul #list [attr.data-pc-section]=\"'menu'\">\r\n        <li\r\n            *ngFor=\"let item of model; let i = index\"\r\n            class=\"cax-steps-item\"\r\n            #menuitem\r\n            [ngStyle]=\"item.style\"\r\n            [class]=\"item.styleClass\"\r\n            [attr.aria-current]=\"isActive(item, i) ? 'step' : undefined\"\r\n            [attr.id]=\"item.id\"\r\n            caxTooltip\r\n            [tooltipOptions]=\"item.tooltipOptions\"\r\n            [ngClass]=\"{\r\n                'cax-highlight': i <= activeIndex,  \r\n                'cax-steps-current': isActive(item, i),\r\n                'cax-disabled': item.disabled || (readonly && !isActive(item, i))\r\n            }\"\r\n            [attr.data-pc-section]=\"'menuitem'\"\r\n        >\r\n            <a\r\n                role=\"link\"\r\n                *ngIf=\"isClickableRouterLink(item); else elseBlock\"\r\n                [routerLink]=\"item.routerLink\"\r\n                [queryParams]=\"item.queryParams\"\r\n                [routerLinkActive]=\"'cax-menuitem-link-active'\"\r\n                [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\r\n                class=\"cax-menuitem-link\"\r\n                (click)=\"onItemClick($event, item, i)\"\r\n                (keydown)=\"onItemKeydown($event, item, i)\"\r\n                [target]=\"item.target\"\r\n                [attr.tabindex]=\"getItemTabIndex(item, i)\"\r\n                [attr.aria-disabled]=\"item.disabled || (readonly && i !== activeIndex)\"\r\n                [fragment]=\"item.fragment\"\r\n                [queryParamsHandling]=\"item.queryParamsHandling\"\r\n                [preserveFragment]=\"item.preserveFragment\"\r\n                [skipLocationChange]=\"item.skipLocationChange\"\r\n                [replaceUrl]=\"item.replaceUrl\"\r\n                [state]=\"item.state\"\r\n                [attr.aria-current]=\"i === activeIndex ? 'step' : null\"\r\n            >\r\n                <span class=\"cax-steps-number\"> {{ i + 1 }}</span>\r\n                <span class=\"cax-steps-title\" *ngIf=\"item.escape !== false; else htmlLabel\"> {{ item.label }}</span>\r\n                <ng-template #htmlLabel><span class=\"cax-steps-title\" [innerHTML]=\"item.label\"></span></ng-template>\r\n            </a>\r\n            <ng-template #elseBlock>\r\n                <a\r\n                    role=\"link\"\r\n                    [attr.href]=\"item.url\"\r\n                    class=\"cax-menuitem-link\"\r\n                    (click)=\"onItemClick($event, item, i)\"\r\n                    (keydown)=\"onItemKeydown($event, item, i)\"\r\n                    [target]=\"item.target\"\r\n                    [attr.tabindex]=\"getItemTabIndex(item, i)\"\r\n                    [attr.aria-disabled]=\"item.disabled || (readonly && i !== activeIndex)\"\r\n                    [attr.aria-current]=\"i === activeIndex ? 'step' : null\"\r\n                >\r\n                    <span class=\"cax-steps-number\"> {{ i + 1 }} </span>\r\n                    <span class=\"cax-steps-title\" *ngIf=\"item.escape !== false; else htmlRouteLabel\">{{ item.label }}</span>\r\n                    <ng-template #htmlRouteLabel><span class=\"cax-steps-title\" [innerHTML]=\"item.label\"></span></ng-template>\r\n                </a>\r\n            </ng-template>\r\n        </li>\r\n    </ul>\r\n</nav>", styles: ["@layer cax{.cax-steps{position:relative}.cax-steps ul{padding:0;margin:0;list-style-type:none;display:flex}.cax-steps-item{position:relative;display:flex;justify-content:center;flex:1 1 auto}.cax-steps-item .cax-menuitem-link{display:inline-flex;flex-direction:column;align-items:center;overflow:hidden;text-decoration:none}.cax-steps.cax-steps-readonly .cax-steps-item{cursor:auto}.cax-steps-item.cax-steps-current .cax-menuitem-link{cursor:default}.cax-steps-title{white-space:nowrap}.cax-steps-number{display:flex;align-items:center;justify-content:center}.cax-steps-title{display:block}}\n"] }]
+                    }, template: "<nav [ngClass]=\"{ 'cax-steps cax-component': true, 'cax-readonly': readonly }\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.data-pc-name]=\"'steps'\">\n    <ul #list [attr.data-pc-section]=\"'menu'\">\n        <li\n            *ngFor=\"let item of model; let i = index\"\n            class=\"cax-steps-item\"\n            #menuitem\n            [ngStyle]=\"item.style\"\n            [class]=\"item.styleClass\"\n            [attr.aria-current]=\"isActive(item, i) ? 'step' : undefined\"\n            [attr.id]=\"item.id\"\n            caxTooltip\n            [tooltipOptions]=\"item.tooltipOptions\"\n            [ngClass]=\"{\n                'cax-highlight': i <= activeIndex,  \n                'cax-steps-current': isActive(item, i),\n                'cax-disabled': item.disabled || (readonly && !isActive(item, i))\n            }\"\n            [attr.data-pc-section]=\"'menuitem'\"\n        >\n            <a\n                role=\"link\"\n                *ngIf=\"isClickableRouterLink(item); else elseBlock\"\n                [routerLink]=\"item.routerLink\"\n                [queryParams]=\"item.queryParams\"\n                [routerLinkActive]=\"'cax-menuitem-link-active'\"\n                [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n                class=\"cax-menuitem-link\"\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-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.aria-current]=\"i === activeIndex ? 'step' : null\"\n            >\n                <span class=\"cax-steps-number cax-text-body-xsm-semibold\">\n                    <ng-container *ngIf=\"!stepTemplate; else stepTemplateOutlet\"> {{ i + 1 }} </ng-container>\n                    <ng-template #stepTemplateOutlet>\n                        <ng-container *ngTemplateOutlet=\"stepTemplate; context: { $implicit: item, index: i }\"></ng-container>\n                    </ng-template>\n                </span>\n                <span class=\"cax-steps-title cax-text-body-sm-medium\" *ngIf=\"item.escape !== false; else htmlLabel\"> {{ item.label }}</span>\n                <ng-template #htmlLabel><span class=\"cax-steps-title cax-text-body-sm-medium\" [innerHTML]=\"item.label\"></span></ng-template>\n            </a>\n            <ng-template #elseBlock>\n                <a\n                    role=\"link\"\n                    [attr.href]=\"item.url\"\n                    class=\"cax-menuitem-link\"\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-disabled]=\"item.disabled || (readonly && i !== activeIndex)\"\n                    [attr.aria-current]=\"i === activeIndex ? 'step' : null\"\n                >\n                    <span class=\"cax-steps-number cax-text-body-xsm-semibold\">\n                        <ng-container *ngIf=\"!stepTemplate; else stepTemplateOutlet\"> {{ i + 1 }} </ng-container>\n                        <ng-template #stepTemplateOutlet>\n                            <ng-container *ngTemplateOutlet=\"stepTemplate; context: { $implicit: item, index: i }\"></ng-container>\n                        </ng-template>\n                    </span>\n                    <span class=\"cax-steps-title cax-text-body-sm-medium\" *ngIf=\"item.escape !== false; else htmlRouteLabel\">{{ item.label }}</span>\n                    <ng-template #htmlRouteLabel><span class=\"cax-steps-title cax-text-body-sm-medium\" [innerHTML]=\"item.label\"></span></ng-template>\n                </a>\n            </ng-template>\n        </li>\n    </ul>\n</nav>\n", styles: ["@layer cax{.cax-steps{position:relative}.cax-steps ul{padding:0;margin:0;list-style-type:none;display:flex}.cax-steps-item{position:relative;display:flex;justify-content:center;flex:1 1 auto}.cax-steps-item .cax-menuitem-link{display:inline-flex;flex-direction:column;align-items:center;overflow:hidden;text-decoration:none}.cax-steps.cax-steps-readonly .cax-steps-item{cursor:auto}.cax-steps-item.cax-steps-current .cax-menuitem-link{cursor:default}.cax-steps-title{white-space:nowrap}.cax-steps-number{display:flex;align-items:center;justify-content:center}.cax-steps-title{display:block}}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i0.ChangeDetectorRef }], propDecorators: { activeIndex: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
@@ -207,18 +223,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             }], listViewChild: [{
                 type: ViewChild,
                 args: ['list', { static: false }]
+            }], templates: [{
+                type: ContentChildren,
+                args: [CaxTemplate]
             }] } });
 
 class StepsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: StepsModule, declarations: [Steps], imports: [CommonModule, RouterModule, TooltipModule], exports: [Steps, RouterModule, TooltipModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepsModule, imports: [CommonModule, RouterModule, TooltipModule, RouterModule, TooltipModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: StepsModule, declarations: [Steps], imports: [CommonModule, RouterModule, TooltipModule, SharedModule], exports: [Steps, RouterModule, TooltipModule, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepsModule, imports: [CommonModule, RouterModule, TooltipModule, SharedModule, RouterModule, TooltipModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StepsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StepsModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, RouterModule, TooltipModule],
-                    exports: [Steps, RouterModule, TooltipModule],
+                    imports: [CommonModule, RouterModule, TooltipModule, SharedModule],
+                    exports: [Steps, RouterModule, TooltipModule, SharedModule],
                     declarations: [Steps]
                 }]
         }] });

package/fesm2022/cax-design-system-steps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-steps.mjs","sources":["../../src/app/components/steps/steps.ts","../../src/app/components/steps/steps.html","../../src/app/components/steps/steps.module.ts","../../src/app/components/steps/cax-design-system-steps.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, NgModule, OnDestroy, OnInit, Output, ViewChild, ViewEncapsulation, booleanAttribute, numberAttribute } from '@angular/core';\nimport { ActivatedRoute, Router, RouterModule } from '@angular/router';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { Nullable } from 'cax-design-system/ts-helpers';\nimport { MenuItem } from 'cax-design-system/api';\nimport { TooltipModule } from 'cax-design-system/tooltip';\nimport { Subscription } from 'rxjs';\n/**\n * Steps components is an indicator for the steps in a wizard workflow.\n * @group Components\n */\n@Component({\n    selector: 'cax-steps',\n    templateUrl: './steps.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./steps.scss'],\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Steps implements OnInit, OnDestroy {\n    /**\n     * Index of the active item.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) activeIndex: number = 0;\n    /**\n     * An array of menu items.\n     * @group Props\n     */\n    @Input() model: MenuItem[] | undefined;\n    /**\n     * Whether the items are clickable or not.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) readonly: boolean = true;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) exact: boolean = true;\n    /**\n     * Callback to invoke when the new step is selected.\n     * @param {number} number - current index.\n     * @group Emits\n     */\n    @Output() activeIndexChange: EventEmitter<number> = new EventEmitter<number>();\n\n    @ViewChild('list', { static: false }) listViewChild: Nullable<ElementRef>;\n\n    constructor(\n        private router: Router,\n        private route: ActivatedRoute,\n        private cd: ChangeDetectorRef\n    ) {}\n\n    subscription: Subscription | undefined;\n\n    ngOnInit() {\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        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 !== this.activeIndex) {\n                    const siblings = DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section=\"menuitem\"]');\n                    siblings[i].children[0].tabIndex = '-1';\n                    siblings[this.activeIndex].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    navigateToPrevItem(target) {\n        const prevItem = this.findPrevItem(target);\n\n        prevItem && this.setFocusToMenuitem(target, prevItem);\n    }\n    navigateToFirstItem(target) {\n        const firstItem = this.findFirstItem();\n\n        firstItem && this.setFocusToMenuitem(target, firstItem);\n    }\n    navigateToLastItem(target) {\n        const lastItem = this.findLastItem();\n\n        lastItem && this.setFocusToMenuitem(target, lastItem);\n    }\n    findNextItem(item) {\n        const nextItem = item.parentElement.nextElementSibling;\n\n        return nextItem ? nextItem.children[0] : null;\n    }\n    findPrevItem(item) {\n        const prevItem = item.parentElement.previousElementSibling;\n\n        return prevItem ? prevItem.children[0] : null;\n    }\n    findFirstItem() {\n        const firstSibling = DomHandler.findSingle(this.listViewChild.nativeElement, '[data-pc-section=\"menuitem\"]');\n\n        return firstSibling ? firstSibling.children[0] : null;\n    }\n    findLastItem() {\n        const siblings = DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section=\"menuitem\"]');\n\n        return siblings ? siblings[siblings.length - 1].children[0] : null;\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    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    ngOnDestroy() {\n        if (this.subscription) {\n            this.subscription.unsubscribe();\n        }\n    }\n}\n","<nav [ngClass]=\"{ 'cax-steps cax-component': true, 'cax-readonly': readonly }\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.data-pc-name]=\"'steps'\">\r\n    <ul #list [attr.data-pc-section]=\"'menu'\">\r\n        <li\r\n            *ngFor=\"let item of model; let i = index\"\r\n            class=\"cax-steps-item\"\r\n            #menuitem\r\n            [ngStyle]=\"item.style\"\r\n            [class]=\"item.styleClass\"\r\n            [attr.aria-current]=\"isActive(item, i) ? 'step' : undefined\"\r\n            [attr.id]=\"item.id\"\r\n            caxTooltip\r\n            [tooltipOptions]=\"item.tooltipOptions\"\r\n            [ngClass]=\"{\r\n                'cax-highlight': i <= activeIndex,  \r\n                'cax-steps-current': isActive(item, i),\r\n                'cax-disabled': item.disabled || (readonly && !isActive(item, i))\r\n            }\"\r\n            [attr.data-pc-section]=\"'menuitem'\"\r\n        >\r\n            <a\r\n                role=\"link\"\r\n                *ngIf=\"isClickableRouterLink(item); else elseBlock\"\r\n                [routerLink]=\"item.routerLink\"\r\n                [queryParams]=\"item.queryParams\"\r\n                [routerLinkActive]=\"'cax-menuitem-link-active'\"\r\n                [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\r\n                class=\"cax-menuitem-link\"\r\n                (click)=\"onItemClick($event, item, i)\"\r\n                (keydown)=\"onItemKeydown($event, item, i)\"\r\n                [target]=\"item.target\"\r\n                [attr.tabindex]=\"getItemTabIndex(item, i)\"\r\n                [attr.aria-disabled]=\"item.disabled || (readonly && i !== activeIndex)\"\r\n                [fragment]=\"item.fragment\"\r\n                [queryParamsHandling]=\"item.queryParamsHandling\"\r\n                [preserveFragment]=\"item.preserveFragment\"\r\n                [skipLocationChange]=\"item.skipLocationChange\"\r\n                [replaceUrl]=\"item.replaceUrl\"\r\n                [state]=\"item.state\"\r\n                [attr.aria-current]=\"i === activeIndex ? 'step' : null\"\r\n            >\r\n                <span class=\"cax-steps-number\"> {{ i + 1 }}</span>\r\n                <span class=\"cax-steps-title\" *ngIf=\"item.escape !== false; else htmlLabel\"> {{ item.label }}</span>\r\n                <ng-template #htmlLabel><span class=\"cax-steps-title\" [innerHTML]=\"item.label\"></span></ng-template>\r\n            </a>\r\n            <ng-template #elseBlock>\r\n                <a\r\n                    role=\"link\"\r\n                    [attr.href]=\"item.url\"\r\n                    class=\"cax-menuitem-link\"\r\n                    (click)=\"onItemClick($event, item, i)\"\r\n                    (keydown)=\"onItemKeydown($event, item, i)\"\r\n                    [target]=\"item.target\"\r\n                    [attr.tabindex]=\"getItemTabIndex(item, i)\"\r\n                    [attr.aria-disabled]=\"item.disabled || (readonly && i !== activeIndex)\"\r\n                    [attr.aria-current]=\"i === activeIndex ? 'step' : null\"\r\n                >\r\n                    <span class=\"cax-steps-number\"> {{ i + 1 }} </span>\r\n                    <span class=\"cax-steps-title\" *ngIf=\"item.escape !== false; else htmlRouteLabel\">{{ item.label }}</span>\r\n                    <ng-template #htmlRouteLabel><span class=\"cax-steps-title\" [innerHTML]=\"item.label\"></span></ng-template>\r\n                </a>\r\n            </ng-template>\r\n        </li>\r\n    </ul>\r\n</nav>","import { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { TooltipModule } from 'cax-design-system/tooltip';\nimport { Steps } from './steps';\nimport { NgModule } from '@angular/core';\n\n@NgModule({\n    imports: [CommonModule, RouterModule, TooltipModule],\n    exports: [Steps, RouterModule, TooltipModule],\n    declarations: [Steps]\n})\nexport class StepsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cax-design-system-steps.mjs","sources":["../../src/app/components/steps/steps.ts","../../src/app/components/steps/steps.html","../../src/app/components/steps/steps.module.ts","../../src/app/components/steps/cax-design-system-steps.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    Input,\n    NgModule,\n    OnDestroy,\n    OnInit,\n    Output,\n    QueryList,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation,\n    booleanAttribute,\n    numberAttribute\n} from '@angular/core';\nimport { ActivatedRoute, Router, RouterModule } from '@angular/router';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { Nullable } from 'cax-design-system/ts-helpers';\nimport { MenuItem, CaxTemplate } from 'cax-design-system/api';\nimport { TooltipModule } from 'cax-design-system/tooltip';\nimport { Subscription } from 'rxjs';\n/**\n * Steps components is an indicator for the steps in a wizard workflow.\n * @group Components\n */\n@Component({\n    selector: 'cax-steps',\n    templateUrl: './steps.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./steps.scss'],\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Steps implements OnInit, AfterContentInit, OnDestroy {\n    /**\n     * Index of the active item.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) activeIndex: number = 0;\n    /**\n     * An array of menu items.\n     * @group Props\n     */\n    @Input() model: MenuItem[] | undefined;\n    /**\n     * Whether the items are clickable or not.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) readonly: boolean = true;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) exact: boolean = true;\n    /**\n     * Callback to invoke when the new step is selected.\n     * @param {number} number - current index.\n     * @group Emits\n     */\n    @Output() activeIndexChange: EventEmitter<number> = new EventEmitter<number>();\n\n    @ViewChild('list', { static: false }) listViewChild: Nullable<ElementRef>;\n    /**\n     * Templates of the component.\n     * @group Props\n     */\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    stepTemplate: TemplateRef<any> | undefined;\n\n    constructor(\n        private router: Router,\n        private route: ActivatedRoute,\n        private cd: ChangeDetectorRef\n    ) {}\n\n    subscription: Subscription | undefined;\n\n    ngOnInit() {\n        this.subscription = this.router.events.subscribe(() => this.cd.markForCheck());\n    }\n\n    ngAfterContentInit() {\n        this.templates?.forEach((item) => {\n            switch (item.getType()) {\n                case 'step':\n                    this.stepTemplate = item.template;\n                    break;\n            }\n        });\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        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 !== this.activeIndex) {\n                    const siblings = DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section=\"menuitem\"]');\n                    siblings[i].children[0].tabIndex = '-1';\n                    siblings[this.activeIndex].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    navigateToPrevItem(target) {\n        const prevItem = this.findPrevItem(target);\n\n        prevItem && this.setFocusToMenuitem(target, prevItem);\n    }\n    navigateToFirstItem(target) {\n        const firstItem = this.findFirstItem();\n\n        firstItem && this.setFocusToMenuitem(target, firstItem);\n    }\n    navigateToLastItem(target) {\n        const lastItem = this.findLastItem();\n\n        lastItem && this.setFocusToMenuitem(target, lastItem);\n    }\n    findNextItem(item) {\n        const nextItem = item.parentElement.nextElementSibling;\n\n        return nextItem ? nextItem.children[0] : null;\n    }\n    findPrevItem(item) {\n        const prevItem = item.parentElement.previousElementSibling;\n\n        return prevItem ? prevItem.children[0] : null;\n    }\n    findFirstItem() {\n        const firstSibling = DomHandler.findSingle(this.listViewChild.nativeElement, '[data-pc-section=\"menuitem\"]');\n\n        return firstSibling ? firstSibling.children[0] : null;\n    }\n    findLastItem() {\n        const siblings = DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section=\"menuitem\"]');\n\n        return siblings ? siblings[siblings.length - 1].children[0] : null;\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    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    ngOnDestroy() {\n        if (this.subscription) {\n            this.subscription.unsubscribe();\n        }\n    }\n}\n","<nav [ngClass]=\"{ 'cax-steps cax-component': true, 'cax-readonly': readonly }\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.data-pc-name]=\"'steps'\">\n    <ul #list [attr.data-pc-section]=\"'menu'\">\n        <li\n            *ngFor=\"let item of model; let i = index\"\n            class=\"cax-steps-item\"\n            #menuitem\n            [ngStyle]=\"item.style\"\n            [class]=\"item.styleClass\"\n            [attr.aria-current]=\"isActive(item, i) ? 'step' : undefined\"\n            [attr.id]=\"item.id\"\n            caxTooltip\n            [tooltipOptions]=\"item.tooltipOptions\"\n            [ngClass]=\"{\n                'cax-highlight': i <= activeIndex,  \n                'cax-steps-current': isActive(item, i),\n                'cax-disabled': item.disabled || (readonly && !isActive(item, i))\n            }\"\n            [attr.data-pc-section]=\"'menuitem'\"\n        >\n            <a\n                role=\"link\"\n                *ngIf=\"isClickableRouterLink(item); else elseBlock\"\n                [routerLink]=\"item.routerLink\"\n                [queryParams]=\"item.queryParams\"\n                [routerLinkActive]=\"'cax-menuitem-link-active'\"\n                [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n                class=\"cax-menuitem-link\"\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-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.aria-current]=\"i === activeIndex ? 'step' : null\"\n            >\n                <span class=\"cax-steps-number cax-text-body-xsm-semibold\">\n                    <ng-container *ngIf=\"!stepTemplate; else stepTemplateOutlet\"> {{ i + 1 }} </ng-container>\n                    <ng-template #stepTemplateOutlet>\n                        <ng-container *ngTemplateOutlet=\"stepTemplate; context: { $implicit: item, index: i }\"></ng-container>\n                    </ng-template>\n                </span>\n                <span class=\"cax-steps-title cax-text-body-sm-medium\" *ngIf=\"item.escape !== false; else htmlLabel\"> {{ item.label }}</span>\n                <ng-template #htmlLabel><span class=\"cax-steps-title cax-text-body-sm-medium\" [innerHTML]=\"item.label\"></span></ng-template>\n            </a>\n            <ng-template #elseBlock>\n                <a\n                    role=\"link\"\n                    [attr.href]=\"item.url\"\n                    class=\"cax-menuitem-link\"\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-disabled]=\"item.disabled || (readonly && i !== activeIndex)\"\n                    [attr.aria-current]=\"i === activeIndex ? 'step' : null\"\n                >\n                    <span class=\"cax-steps-number cax-text-body-xsm-semibold\">\n                        <ng-container *ngIf=\"!stepTemplate; else stepTemplateOutlet\"> {{ i + 1 }} </ng-container>\n                        <ng-template #stepTemplateOutlet>\n                            <ng-container *ngTemplateOutlet=\"stepTemplate; context: { $implicit: item, index: i }\"></ng-container>\n                        </ng-template>\n                    </span>\n                    <span class=\"cax-steps-title cax-text-body-sm-medium\" *ngIf=\"item.escape !== false; else htmlRouteLabel\">{{ item.label }}</span>\n                    <ng-template #htmlRouteLabel><span class=\"cax-steps-title cax-text-body-sm-medium\" [innerHTML]=\"item.label\"></span></ng-template>\n                </a>\n            </ng-template>\n        </li>\n    </ul>\n</nav>\n","import { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { SharedModule } from 'cax-design-system/api';\nimport { Steps } from './steps';\nimport { NgModule } from '@angular/core';\nimport { TooltipModule } from 'cax-design-system/tooltip';\n\n@NgModule({\n    imports: [CommonModule, RouterModule, TooltipModule, SharedModule],\n    exports: [Steps, RouterModule, TooltipModule, SharedModule],\n    declarations: [Steps]\n})\nexport class StepsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cax-design-system-styleclass.mjs

@@ -259,10 +259,10 @@ class StyleClass {
         this.unbindDocumentClickListener();
         this.unbindDocumentKeydownListener();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StyleClass, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.17", type: StyleClass, isStandalone: false, selector: "[pStyleClass]", inputs: { selector: ["pStyleClass", "selector"], enterClass: "enterClass", enterFromClass: "enterFromClass", enterActiveClass: "enterActiveClass", enterToClass: "enterToClass", leaveClass: "leaveClass", leaveFromClass: "leaveFromClass", leaveActiveClass: "leaveActiveClass", leaveToClass: "leaveToClass", hideOnOutsideClick: ["hideOnOutsideClick", "hideOnOutsideClick", booleanAttribute], toggleClass: "toggleClass", hideOnEscape: ["hideOnEscape", "hideOnEscape", booleanAttribute] }, host: { listeners: { "click": "clickListener($event)" }, classAttribute: "cax-element" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StyleClass, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.25", type: StyleClass, isStandalone: false, selector: "[pStyleClass]", inputs: { selector: ["pStyleClass", "selector"], enterClass: "enterClass", enterFromClass: "enterFromClass", enterActiveClass: "enterActiveClass", enterToClass: "enterToClass", leaveClass: "leaveClass", leaveFromClass: "leaveFromClass", leaveActiveClass: "leaveActiveClass", leaveToClass: "leaveToClass", hideOnOutsideClick: ["hideOnOutsideClick", "hideOnOutsideClick", booleanAttribute], toggleClass: "toggleClass", hideOnEscape: ["hideOnEscape", "hideOnEscape", booleanAttribute] }, host: { listeners: { "click": "clickListener($event)" }, classAttribute: "cax-element" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StyleClass, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StyleClass, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pStyleClass]',
@@ -303,11 +303,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 args: ['click', ['$event']]
             }] } });
 class StyleClassModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StyleClassModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: StyleClassModule, declarations: [StyleClass], imports: [CommonModule], exports: [StyleClass] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StyleClassModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StyleClassModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: StyleClassModule, declarations: [StyleClass], imports: [CommonModule], exports: [StyleClass] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StyleClassModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StyleClassModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: StyleClassModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],