cax-design-system 3.0.0 → 3.0.2

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

@@ -195,10 +195,10 @@ class Steps {
             this.subscription.unsubscribe();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", 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.21", 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 });
+    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.21", 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'
@@ -229,11 +229,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
             }] } });
 
 class StepsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: StepsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", 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: "19.2.21", ngImport: i0, type: StepsModule, imports: [CommonModule, RouterModule, TooltipModule, SharedModule, RouterModule, TooltipModule, SharedModule] });
+    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.21", 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, SharedModule],

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 {\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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"}
+{"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.21", 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.21", 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.21", 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.21", ngImpo
                 args: ['click', ['$event']]
             }] } });
 class StyleClassModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: StyleClassModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: StyleClassModule, declarations: [StyleClass], imports: [CommonModule], exports: [StyleClass] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", 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.21", 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],

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-styleclass.mjs","sources":["../../src/app/components/styleclass/styleclass.ts","../../src/app/components/styleclass/cax-design-system-styleclass.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Directive, ElementRef, HostListener, Input, NgModule, NgZone, OnDestroy, Renderer2, booleanAttribute } from '@angular/core';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { VoidListener } from 'cax-design-system/ts-helpers';\n/**\n * StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.\n * @group Components\n */\n@Directive({\n    selector: '[pStyleClass]',\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class StyleClass implements OnDestroy {\n    constructor(\n        public el: ElementRef,\n        public renderer: Renderer2,\n        private zone: NgZone\n    ) {}\n    /**\n     * Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'.\n     * @group Props\n     */\n    @Input('pStyleClass') selector: string | undefined;\n    /**\n     * Style class to add when item begins to get displayed.\n     * @group Props\n     * @deprecated Use enterFromClass instead\n     */\n    @Input() set enterClass(value: string) {\n        this._enterClass = value;\n        console.warn('enterClass is deprecated, use enterFromClass instead');\n    }\n    get enterClass() {\n        return this._enterClass;\n    }\n    /**\n     * Style class to add when item begins to get displayed.\n     * @group Props\n     */\n    @Input() enterFromClass: string | undefined;\n    /**\n     * Style class to add during enter animation.\n     * @group Props\n     */\n    @Input() enterActiveClass: string | undefined;\n    /**\n     * Style class to add when item begins to get displayed.\n     * @group Props\n     */\n    @Input() enterToClass: string | undefined;\n    /**\n     * Style class to add when item begins to get hidden.\n     * @group Props\n     * @deprecated Use leaveFromClass instead\n     */\n    @Input() set leaveClass(value: string) {\n        this._leaveClass = value;\n        console.warn('leaveClass is deprecated, use leaveFromClass instead');\n    }\n    get leaveClass() {\n        return this._leaveClass;\n    }\n    /**\n     * Style class to add when item begins to get hidden.\n     * @group Props\n     */\n    @Input() leaveFromClass: string | undefined;\n    /**\n     * Style class to add during leave animation.\n     * @group Props\n     */\n    @Input() leaveActiveClass: string | undefined;\n    /**\n     * Style class to add when leave animation is completed.\n     * @group Props\n     */\n    @Input() leaveToClass: string | undefined;\n    /**\n     * Whether to trigger leave animation when outside of the element is clicked.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) hideOnOutsideClick: boolean | undefined;\n    /**\n     * Adds or removes a class when no enter-leave animation is required.\n     * @group Props\n     */\n    @Input() toggleClass: string | undefined;\n    /**\n     * Whether to trigger leave animation when escape key pressed.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) hideOnEscape: boolean | undefined;\n\n    eventListener: VoidListener;\n\n    documentClickListener: VoidListener;\n\n    documentKeydownListener: VoidListener;\n\n    target: HTMLElement | null | undefined;\n\n    enterListener: VoidListener;\n\n    leaveListener: VoidListener;\n\n    animating: boolean | undefined;\n\n    _enterClass: string | undefined;\n\n    _leaveClass: string | undefined;\n\n    @HostListener('click', ['$event'])\n    clickListener() {\n        this.target = this.resolveTarget();\n\n        if (this.toggleClass) {\n            this.toggle();\n        } else {\n            if ((this.target as HTMLElement).offsetParent === null) this.enter();\n            else this.leave();\n        }\n    }\n\n    toggle() {\n        if (DomHandler.hasClass(this.target, this.toggleClass as string)) DomHandler.removeClass(this.target, this.toggleClass as string);\n        else DomHandler.addClass(this.target, this.toggleClass as string);\n    }\n\n    enter() {\n        if (this.enterActiveClass) {\n            if (!this.animating) {\n                this.animating = true;\n\n                if (this.enterActiveClass === 'slidedown') {\n                    (this.target as HTMLElement).style.height = '0px';\n                    DomHandler.removeClass(this.target, 'hidden');\n                    (this.target as HTMLElement).style.maxHeight = (this.target as HTMLElement).scrollHeight + 'px';\n                    DomHandler.addClass(this.target, 'hidden');\n                    (this.target as HTMLElement).style.height = '';\n                }\n\n                DomHandler.addClass(this.target, this.enterActiveClass);\n                if (this.enterClass || this.enterFromClass) {\n                    DomHandler.removeClass(this.target, this.enterClass || this.enterFromClass);\n                }\n\n                this.enterListener = this.renderer.listen(this.target, 'animationend', () => {\n                    DomHandler.removeClass(this.target, this.enterActiveClass as string);\n                    if (this.enterToClass) {\n                        DomHandler.addClass(this.target, this.enterToClass);\n                    }\n                    this.enterListener && this.enterListener();\n\n                    if (this.enterActiveClass === 'slidedown') {\n                        (this.target as HTMLElement).style.maxHeight = '';\n                    }\n                    this.animating = false;\n                });\n            }\n        } else {\n            if (this.enterClass || this.enterFromClass) {\n                DomHandler.removeClass(this.target, this.enterClass || this.enterFromClass);\n            }\n\n            if (this.enterToClass) {\n                DomHandler.addClass(this.target, this.enterToClass);\n            }\n        }\n\n        if (this.hideOnOutsideClick) {\n            this.bindDocumentClickListener();\n        }\n\n        if (this.hideOnEscape) {\n            this.bindDocumentKeydownListener();\n        }\n    }\n\n    leave() {\n        if (this.leaveActiveClass) {\n            if (!this.animating) {\n                this.animating = true;\n                DomHandler.addClass(this.target, this.leaveActiveClass);\n                if (this.leaveClass || this.leaveFromClass) {\n                    DomHandler.removeClass(this.target, this.leaveClass || this.leaveFromClass);\n                }\n\n                this.leaveListener = this.renderer.listen(this.target, 'animationend', () => {\n                    DomHandler.removeClass(this.target, this.leaveActiveClass as string);\n                    if (this.leaveToClass) {\n                        DomHandler.addClass(this.target, this.leaveToClass);\n                    }\n                    this.leaveListener && this.leaveListener();\n                    this.animating = false;\n                });\n            }\n        } else {\n            if (this.leaveClass || this.leaveFromClass) {\n                DomHandler.removeClass(this.target, this.leaveClass || this.leaveFromClass);\n            }\n\n            if (this.leaveToClass) {\n                DomHandler.addClass(this.target, this.leaveToClass);\n            }\n        }\n\n        if (this.hideOnOutsideClick) {\n            this.unbindDocumentClickListener();\n        }\n\n        if (this.hideOnEscape) {\n            this.unbindDocumentKeydownListener();\n        }\n    }\n\n    resolveTarget() {\n        if (this.target) {\n            return this.target;\n        }\n\n        switch (this.selector) {\n            case '@next':\n                return this.el.nativeElement.nextElementSibling;\n\n            case '@prev':\n                return this.el.nativeElement.previousElementSibling;\n\n            case '@parent':\n                return this.el.nativeElement.parentElement;\n\n            case '@grandparent':\n                return this.el.nativeElement.parentElement.parentElement;\n\n            default:\n                return document.querySelector(this.selector as string);\n        }\n    }\n\n    bindDocumentClickListener() {\n        if (!this.documentClickListener) {\n            this.documentClickListener = this.renderer.listen(this.el.nativeElement.ownerDocument, 'click', (event) => {\n                if (!this.isVisible() || getComputedStyle(this.target as HTMLElement).getPropertyValue('position') === 'static') this.unbindDocumentClickListener();\n                else if (this.isOutsideClick(event)) this.leave();\n            });\n        }\n    }\n\n    bindDocumentKeydownListener() {\n        if (!this.documentKeydownListener) {\n            this.zone.runOutsideAngular(() => {\n                this.documentKeydownListener = this.renderer.listen(this.el.nativeElement.ownerDocument, 'keydown', (event) => {\n                    const { key, keyCode, which, type } = event;\n                    if (!this.isVisible() || getComputedStyle(this.target as HTMLElement).getPropertyValue('position') === 'static') this.unbindDocumentKeydownListener();\n                    if (this.isVisible() && key === 'Escape' && keyCode === 27 && which === 27) this.leave();\n                });\n            });\n        }\n    }\n\n    isVisible() {\n        return (this.target as HTMLElement).offsetParent !== null;\n    }\n\n    isOutsideClick(event: MouseEvent) {\n        return !this.el.nativeElement.isSameNode(event.target) && !this.el.nativeElement.contains(event.target) && !(this.target as HTMLElement).contains(<HTMLElement>event.target);\n    }\n\n    unbindDocumentClickListener() {\n        if (this.documentClickListener) {\n            this.documentClickListener();\n            this.documentClickListener = null;\n        }\n    }\n\n    unbindDocumentKeydownListener() {\n        if (this.documentKeydownListener) {\n            this.documentKeydownListener();\n            this.documentKeydownListener = null;\n        }\n    }\n\n    ngOnDestroy() {\n        this.target = null;\n        if (this.eventListener) {\n            this.eventListener();\n        }\n        this.unbindDocumentClickListener();\n        this.unbindDocumentKeydownListener();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [StyleClass],\n    declarations: [StyleClass]\n})\nexport class StyleClassModule {}\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-styleclass.mjs","sources":["../../src/app/components/styleclass/styleclass.ts","../../src/app/components/styleclass/cax-design-system-styleclass.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Directive, ElementRef, HostListener, Input, NgModule, NgZone, OnDestroy, Renderer2, booleanAttribute } from '@angular/core';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { VoidListener } from 'cax-design-system/ts-helpers';\n/**\n * StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.\n * @group Components\n */\n@Directive({\n    selector: '[pStyleClass]',\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class StyleClass implements OnDestroy {\n    constructor(\n        public el: ElementRef,\n        public renderer: Renderer2,\n        private zone: NgZone\n    ) {}\n    /**\n     * Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'.\n     * @group Props\n     */\n    @Input('pStyleClass') selector: string | undefined;\n    /**\n     * Style class to add when item begins to get displayed.\n     * @group Props\n     * @deprecated Use enterFromClass instead\n     */\n    @Input() set enterClass(value: string) {\n        this._enterClass = value;\n        console.warn('enterClass is deprecated, use enterFromClass instead');\n    }\n    get enterClass() {\n        return this._enterClass;\n    }\n    /**\n     * Style class to add when item begins to get displayed.\n     * @group Props\n     */\n    @Input() enterFromClass: string | undefined;\n    /**\n     * Style class to add during enter animation.\n     * @group Props\n     */\n    @Input() enterActiveClass: string | undefined;\n    /**\n     * Style class to add when item begins to get displayed.\n     * @group Props\n     */\n    @Input() enterToClass: string | undefined;\n    /**\n     * Style class to add when item begins to get hidden.\n     * @group Props\n     * @deprecated Use leaveFromClass instead\n     */\n    @Input() set leaveClass(value: string) {\n        this._leaveClass = value;\n        console.warn('leaveClass is deprecated, use leaveFromClass instead');\n    }\n    get leaveClass() {\n        return this._leaveClass;\n    }\n    /**\n     * Style class to add when item begins to get hidden.\n     * @group Props\n     */\n    @Input() leaveFromClass: string | undefined;\n    /**\n     * Style class to add during leave animation.\n     * @group Props\n     */\n    @Input() leaveActiveClass: string | undefined;\n    /**\n     * Style class to add when leave animation is completed.\n     * @group Props\n     */\n    @Input() leaveToClass: string | undefined;\n    /**\n     * Whether to trigger leave animation when outside of the element is clicked.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) hideOnOutsideClick: boolean | undefined;\n    /**\n     * Adds or removes a class when no enter-leave animation is required.\n     * @group Props\n     */\n    @Input() toggleClass: string | undefined;\n    /**\n     * Whether to trigger leave animation when escape key pressed.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) hideOnEscape: boolean | undefined;\n\n    eventListener: VoidListener;\n\n    documentClickListener: VoidListener;\n\n    documentKeydownListener: VoidListener;\n\n    target: HTMLElement | null | undefined;\n\n    enterListener: VoidListener;\n\n    leaveListener: VoidListener;\n\n    animating: boolean | undefined;\n\n    _enterClass: string | undefined;\n\n    _leaveClass: string | undefined;\n\n    @HostListener('click', ['$event'])\n    clickListener() {\n        this.target = this.resolveTarget();\n\n        if (this.toggleClass) {\n            this.toggle();\n        } else {\n            if ((this.target as HTMLElement).offsetParent === null) this.enter();\n            else this.leave();\n        }\n    }\n\n    toggle() {\n        if (DomHandler.hasClass(this.target, this.toggleClass as string)) DomHandler.removeClass(this.target, this.toggleClass as string);\n        else DomHandler.addClass(this.target, this.toggleClass as string);\n    }\n\n    enter() {\n        if (this.enterActiveClass) {\n            if (!this.animating) {\n                this.animating = true;\n\n                if (this.enterActiveClass === 'slidedown') {\n                    (this.target as HTMLElement).style.height = '0px';\n                    DomHandler.removeClass(this.target, 'hidden');\n                    (this.target as HTMLElement).style.maxHeight = (this.target as HTMLElement).scrollHeight + 'px';\n                    DomHandler.addClass(this.target, 'hidden');\n                    (this.target as HTMLElement).style.height = '';\n                }\n\n                DomHandler.addClass(this.target, this.enterActiveClass);\n                if (this.enterClass || this.enterFromClass) {\n                    DomHandler.removeClass(this.target, this.enterClass || this.enterFromClass);\n                }\n\n                this.enterListener = this.renderer.listen(this.target, 'animationend', () => {\n                    DomHandler.removeClass(this.target, this.enterActiveClass as string);\n                    if (this.enterToClass) {\n                        DomHandler.addClass(this.target, this.enterToClass);\n                    }\n                    this.enterListener && this.enterListener();\n\n                    if (this.enterActiveClass === 'slidedown') {\n                        (this.target as HTMLElement).style.maxHeight = '';\n                    }\n                    this.animating = false;\n                });\n            }\n        } else {\n            if (this.enterClass || this.enterFromClass) {\n                DomHandler.removeClass(this.target, this.enterClass || this.enterFromClass);\n            }\n\n            if (this.enterToClass) {\n                DomHandler.addClass(this.target, this.enterToClass);\n            }\n        }\n\n        if (this.hideOnOutsideClick) {\n            this.bindDocumentClickListener();\n        }\n\n        if (this.hideOnEscape) {\n            this.bindDocumentKeydownListener();\n        }\n    }\n\n    leave() {\n        if (this.leaveActiveClass) {\n            if (!this.animating) {\n                this.animating = true;\n                DomHandler.addClass(this.target, this.leaveActiveClass);\n                if (this.leaveClass || this.leaveFromClass) {\n                    DomHandler.removeClass(this.target, this.leaveClass || this.leaveFromClass);\n                }\n\n                this.leaveListener = this.renderer.listen(this.target, 'animationend', () => {\n                    DomHandler.removeClass(this.target, this.leaveActiveClass as string);\n                    if (this.leaveToClass) {\n                        DomHandler.addClass(this.target, this.leaveToClass);\n                    }\n                    this.leaveListener && this.leaveListener();\n                    this.animating = false;\n                });\n            }\n        } else {\n            if (this.leaveClass || this.leaveFromClass) {\n                DomHandler.removeClass(this.target, this.leaveClass || this.leaveFromClass);\n            }\n\n            if (this.leaveToClass) {\n                DomHandler.addClass(this.target, this.leaveToClass);\n            }\n        }\n\n        if (this.hideOnOutsideClick) {\n            this.unbindDocumentClickListener();\n        }\n\n        if (this.hideOnEscape) {\n            this.unbindDocumentKeydownListener();\n        }\n    }\n\n    resolveTarget() {\n        if (this.target) {\n            return this.target;\n        }\n\n        switch (this.selector) {\n            case '@next':\n                return this.el.nativeElement.nextElementSibling;\n\n            case '@prev':\n                return this.el.nativeElement.previousElementSibling;\n\n            case '@parent':\n                return this.el.nativeElement.parentElement;\n\n            case '@grandparent':\n                return this.el.nativeElement.parentElement.parentElement;\n\n            default:\n                return document.querySelector(this.selector as string);\n        }\n    }\n\n    bindDocumentClickListener() {\n        if (!this.documentClickListener) {\n            this.documentClickListener = this.renderer.listen(this.el.nativeElement.ownerDocument, 'click', (event) => {\n                if (!this.isVisible() || getComputedStyle(this.target as HTMLElement).getPropertyValue('position') === 'static') this.unbindDocumentClickListener();\n                else if (this.isOutsideClick(event)) this.leave();\n            });\n        }\n    }\n\n    bindDocumentKeydownListener() {\n        if (!this.documentKeydownListener) {\n            this.zone.runOutsideAngular(() => {\n                this.documentKeydownListener = this.renderer.listen(this.el.nativeElement.ownerDocument, 'keydown', (event) => {\n                    const { key, keyCode, which, type } = event;\n                    if (!this.isVisible() || getComputedStyle(this.target as HTMLElement).getPropertyValue('position') === 'static') this.unbindDocumentKeydownListener();\n                    if (this.isVisible() && key === 'Escape' && keyCode === 27 && which === 27) this.leave();\n                });\n            });\n        }\n    }\n\n    isVisible() {\n        return (this.target as HTMLElement).offsetParent !== null;\n    }\n\n    isOutsideClick(event: MouseEvent) {\n        return !this.el.nativeElement.isSameNode(event.target) && !this.el.nativeElement.contains(event.target) && !(this.target as HTMLElement).contains(<HTMLElement>event.target);\n    }\n\n    unbindDocumentClickListener() {\n        if (this.documentClickListener) {\n            this.documentClickListener();\n            this.documentClickListener = null;\n        }\n    }\n\n    unbindDocumentKeydownListener() {\n        if (this.documentKeydownListener) {\n            this.documentKeydownListener();\n            this.documentKeydownListener = null;\n        }\n    }\n\n    ngOnDestroy() {\n        this.target = null;\n        if (this.eventListener) {\n            this.eventListener();\n        }\n        this.unbindDocumentClickListener();\n        this.unbindDocumentKeydownListener();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [StyleClass],\n    declarations: [StyleClass]\n})\nexport class StyleClassModule {}\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-subscriptioncard.mjs

@@ -41,10 +41,10 @@ class SubscriptionCardComponent {
     onButtonClick() {
         this.buttonClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SubscriptionCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: SubscriptionCardComponent, isStandalone: false, selector: "subscription-card", inputs: { header: "header", description: "description", imageUrl: "imageUrl", iconClass: "iconClass", badgeLabel: "badgeLabel", primaryButtonLabel: "primaryButtonLabel", secondaryButtonLabel: "secondaryButtonLabel", buttonSeverity: "buttonSeverity", primaryButtonIcon: "primaryButtonIcon", active: "active" }, outputs: { primaryClick: "primaryClick", secondaryClick: "secondaryClick", buttonClick: "buttonClick" }, host: { classAttribute: "cax-element" }, ngImport: i0, template: "<div class=\"cax-subscription-card\" [ngClass]=\"{ active: active }\">\n    <!-- Image or Icon -->\n    <div class=\"media-container\">\n        <ng-container *ngIf=\"imageUrl; else iconBlock\">\n            <img [src]=\"imageUrl\" alt=\"Card image\" class=\"cax-subscription-card-img\" />\n        </ng-container>\n\n        <ng-template #iconBlock>\n            <i *ngIf=\"iconClass\" [class]=\"iconClass\" class=\"cax-subscription-card-icon\"></i>\n        </ng-template>\n\n        <span *ngIf=\"badgeLabel\" class=\"cax-badgeLabel\">{{ badgeLabel }}</span>\n    </div>\n\n    <!-- Content -->\n    <div class=\"cax-card-content\">\n        <div class=\"cax-subscard-header\">\n            <h3 class=\"cax-subscard-title\">{{ header }}</h3>\n            <i class=\"cax cax-pen-square\"></i>\n        </div>\n        <p class=\"cax-subscard-description\">{{ description }}</p>\n\n        <div class=\"button-group\">\n            <cax-button [icon]=\"primaryButtonIcon\" [severity]=\"buttonSeverity\" [style]=\"{ width: '100%' }\" [size]=\"'medium'\" (click)=\"onButtonClick()\"></cax-button>\n\n            <cax-button [label]=\"primaryButtonLabel\" [style]=\"{ width: '100%' }\" [severity]=\"buttonSeverity\" [size]=\"'medium'\" (click)=\"onPrimaryClick()\"></cax-button>\n\n            <cax-button [label]=\"secondaryButtonLabel\" [severity]=\"buttonSeverity\" [style]=\"{ width: '100%' }\" [size]=\"'medium'\" (click)=\"onSecondaryClick()\"></cax-button>\n        </div>\n    </div>\n</div>\n", styles: ["@layer cax{.cax-subscription-card{width:386px;border-radius:16px;padding:16px}.cax-subscription-card .media-container{position:relative}.cax-subscription-card .media-container img.cax-subscription-card-img{width:100%;height:164px;border-radius:16px;object-fit:cover}.cax-subscription-card .media-container .cax-subscription-card-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:16px;font-size:48px}.cax-subscription-card .media-container .cax-badgeLabel{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.cax-subscription-card .cax-card-content{padding-top:1rem}.cax-subscription-card .cax-card-content .cax-subscard-title{font-weight:700;font-size:16px;margin:0 0 .25rem}.cax-subscription-card .cax-card-content .cax-subscard-header{display:flex;align-items:center;gap:6px}.cax-subscription-card .cax-card-content .cax-subscard-description{font-size:400;font-size:12px;margin:0 0 1rem;line-height:16px}.cax-subscription-card .cax-card-content .button-group{display:flex;justify-content:space-between}}\n"], dependencies: [{ kind: "component", type: i1.Button, selector: "cax-button", inputs: ["type", "iconPos", "icon", "badge", "rightIcon", "leftIcon", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SubscriptionCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SubscriptionCardComponent, isStandalone: false, selector: "subscription-card", inputs: { header: "header", description: "description", imageUrl: "imageUrl", iconClass: "iconClass", badgeLabel: "badgeLabel", primaryButtonLabel: "primaryButtonLabel", secondaryButtonLabel: "secondaryButtonLabel", buttonSeverity: "buttonSeverity", primaryButtonIcon: "primaryButtonIcon", active: "active" }, outputs: { primaryClick: "primaryClick", secondaryClick: "secondaryClick", buttonClick: "buttonClick" }, host: { classAttribute: "cax-element" }, ngImport: i0, template: "<div class=\"cax-subscription-card\" [ngClass]=\"{ active: active }\">\n    <!-- Image or Icon -->\n    <div class=\"media-container\">\n        <ng-container *ngIf=\"imageUrl; else iconBlock\">\n            <img [src]=\"imageUrl\" alt=\"Card image\" class=\"cax-subscription-card-img\" />\n        </ng-container>\n\n        <ng-template #iconBlock>\n            <i *ngIf=\"iconClass\" [class]=\"iconClass\" class=\"cax-subscription-card-icon\"></i>\n        </ng-template>\n\n        <span *ngIf=\"badgeLabel\" class=\"cax-badgeLabel\">{{ badgeLabel }}</span>\n    </div>\n\n    <!-- Content -->\n    <div class=\"cax-card-content\">\n        <div class=\"cax-subscard-header\">\n            <h3 class=\"cax-subscard-title\">{{ header }}</h3>\n            <i class=\"cax cax-pen-square\"></i>\n        </div>\n        <p class=\"cax-subscard-description\">{{ description }}</p>\n\n        <div class=\"button-group\">\n            <cax-button [icon]=\"primaryButtonIcon\" [severity]=\"buttonSeverity\" [style]=\"{ width: '100%' }\" [size]=\"'medium'\" (click)=\"onButtonClick()\"></cax-button>\n\n            <cax-button [label]=\"primaryButtonLabel\" [style]=\"{ width: '100%' }\" [severity]=\"buttonSeverity\" [size]=\"'medium'\" (click)=\"onPrimaryClick()\"></cax-button>\n\n            <cax-button [label]=\"secondaryButtonLabel\" [severity]=\"buttonSeverity\" [style]=\"{ width: '100%' }\" [size]=\"'medium'\" (click)=\"onSecondaryClick()\"></cax-button>\n        </div>\n    </div>\n</div>\n", styles: ["@layer cax{.cax-subscription-card{width:386px;border-radius:16px;padding:16px}.cax-subscription-card .media-container{position:relative}.cax-subscription-card .media-container img.cax-subscription-card-img{width:100%;height:164px;border-radius:16px;object-fit:cover}.cax-subscription-card .media-container .cax-subscription-card-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:16px;font-size:48px}.cax-subscription-card .media-container .cax-badgeLabel{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.cax-subscription-card .cax-card-content{padding-top:1rem}.cax-subscription-card .cax-card-content .cax-subscard-title{font-weight:700;font-size:16px;margin:0 0 .25rem}.cax-subscription-card .cax-card-content .cax-subscard-header{display:flex;align-items:center;gap:6px}.cax-subscription-card .cax-card-content .cax-subscard-description{font-size:400;font-size:12px;margin:0 0 1rem;line-height:16px}.cax-subscription-card .cax-card-content .button-group{display:flex;justify-content:space-between}}\n"], dependencies: [{ kind: "component", type: i1.Button, selector: "cax-button", inputs: ["type", "iconPos", "icon", "badge", "rightIcon", "leftIcon", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SubscriptionCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SubscriptionCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'subscription-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'cax-element' }, standalone: false, template: "<div class=\"cax-subscription-card\" [ngClass]=\"{ active: active }\">\n    <!-- Image or Icon -->\n    <div class=\"media-container\">\n        <ng-container *ngIf=\"imageUrl; else iconBlock\">\n            <img [src]=\"imageUrl\" alt=\"Card image\" class=\"cax-subscription-card-img\" />\n        </ng-container>\n\n        <ng-template #iconBlock>\n            <i *ngIf=\"iconClass\" [class]=\"iconClass\" class=\"cax-subscription-card-icon\"></i>\n        </ng-template>\n\n        <span *ngIf=\"badgeLabel\" class=\"cax-badgeLabel\">{{ badgeLabel }}</span>\n    </div>\n\n    <!-- Content -->\n    <div class=\"cax-card-content\">\n        <div class=\"cax-subscard-header\">\n            <h3 class=\"cax-subscard-title\">{{ header }}</h3>\n            <i class=\"cax cax-pen-square\"></i>\n        </div>\n        <p class=\"cax-subscard-description\">{{ description }}</p>\n\n        <div class=\"button-group\">\n            <cax-button [icon]=\"primaryButtonIcon\" [severity]=\"buttonSeverity\" [style]=\"{ width: '100%' }\" [size]=\"'medium'\" (click)=\"onButtonClick()\"></cax-button>\n\n            <cax-button [label]=\"primaryButtonLabel\" [style]=\"{ width: '100%' }\" [severity]=\"buttonSeverity\" [size]=\"'medium'\" (click)=\"onPrimaryClick()\"></cax-button>\n\n            <cax-button [label]=\"secondaryButtonLabel\" [severity]=\"buttonSeverity\" [style]=\"{ width: '100%' }\" [size]=\"'medium'\" (click)=\"onSecondaryClick()\"></cax-button>\n        </div>\n    </div>\n</div>\n", styles: ["@layer cax{.cax-subscription-card{width:386px;border-radius:16px;padding:16px}.cax-subscription-card .media-container{position:relative}.cax-subscription-card .media-container img.cax-subscription-card-img{width:100%;height:164px;border-radius:16px;object-fit:cover}.cax-subscription-card .media-container .cax-subscription-card-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:16px;font-size:48px}.cax-subscription-card .media-container .cax-badgeLabel{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.cax-subscription-card .cax-card-content{padding-top:1rem}.cax-subscription-card .cax-card-content .cax-subscard-title{font-weight:700;font-size:16px;margin:0 0 .25rem}.cax-subscription-card .cax-card-content .cax-subscard-header{display:flex;align-items:center;gap:6px}.cax-subscription-card .cax-card-content .cax-subscard-description{font-size:400;font-size:12px;margin:0 0 1rem;line-height:16px}.cax-subscription-card .cax-card-content .button-group{display:flex;justify-content:space-between}}\n"] }]
         }], propDecorators: { header: [{
@@ -76,11 +76,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
             }] } });
 
 class SubscriptionCardModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SubscriptionCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: SubscriptionCardModule, declarations: [SubscriptionCardComponent], imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule], exports: [SubscriptionCardComponent, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SubscriptionCardModule, imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SubscriptionCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: SubscriptionCardModule, declarations: [SubscriptionCardComponent], imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule], exports: [SubscriptionCardComponent, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SubscriptionCardModule, imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SubscriptionCardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SubscriptionCardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule],

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-subscriptioncard.mjs","sources":["../../src/app/components/subscriptioncard/subscriptioncard.component.ts","../../src/app/components/subscriptioncard/subscriptioncard.component.html","../../src/app/components/subscriptioncard/subscriptioncard.module.ts","../../src/app/components/subscriptioncard/cax-design-system-subscriptioncard.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'subscription-card',\n    templateUrl: './subscriptioncard.component.html',\n    styleUrls: ['./subscriptioncard.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: { class: 'cax-element' },\n    standalone: false\n})\nexport class SubscriptionCardComponent {\n    /** Title of the card */\n    @Input() header: string = 'Label';\n\n    /** Body text of the card */\n    @Input() description: string = 'Body will have 2 lines at max so I am writing this to have the enough space.';\n\n    /** Optional image URL */\n    @Input() imageUrl?: string;\n\n    /** Optional icon class (used when imageUrl is not provided) */\n    @Input() iconClass?: string;\n\n    /** Tag text (like CMS or DM) */\n    @Input() badgeLabel?: string;\n\n    /** Button 1 label */\n    @Input() primaryButtonLabel: string = 'Button Label';\n\n    /** Button 2 label */\n    @Input() secondaryButtonLabel: string = 'Button Label';\n\n    /** Button severity (color theme) */\n    @Input() buttonSeverity: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' = 'primary';\n\n    @Input() primaryButtonIcon: string = 'cax cax-check';\n\n    /** Whether card is active (blue border or checkmark shown) */\n    @Input() active: boolean = false;\n\n    /** Emits when the primary button is clicked */\n    @Output() primaryClick = new EventEmitter<void>();\n\n    /** Emits when the secondary button is clicked */\n    @Output() secondaryClick = new EventEmitter<void>();\n\n    @Output() buttonClick = new EventEmitter<void>();\n\n    onPrimaryClick() {\n        this.primaryClick.emit();\n    }\n\n    onSecondaryClick() {\n        this.secondaryClick.emit();\n    }\n\n    onButtonClick() {\n        this.buttonClick.emit();\n    }\n}\n","<div class=\"cax-subscription-card\" [ngClass]=\"{ active: active }\">\n    <!-- Image or Icon -->\n    <div class=\"media-container\">\n        <ng-container *ngIf=\"imageUrl; else iconBlock\">\n            <img [src]=\"imageUrl\" alt=\"Card image\" class=\"cax-subscription-card-img\" />\n        </ng-container>\n\n        <ng-template #iconBlock>\n            <i *ngIf=\"iconClass\" [class]=\"iconClass\" class=\"cax-subscription-card-icon\"></i>\n        </ng-template>\n\n        <span *ngIf=\"badgeLabel\" class=\"cax-badgeLabel\">{{ badgeLabel }}</span>\n    </div>\n\n    <!-- Content -->\n    <div class=\"cax-card-content\">\n        <div class=\"cax-subscard-header\">\n            <h3 class=\"cax-subscard-title\">{{ header }}</h3>\n            <i class=\"cax cax-pen-square\"></i>\n        </div>\n        <p class=\"cax-subscard-description\">{{ description }}</p>\n\n        <div class=\"button-group\">\n            <cax-button [icon]=\"primaryButtonIcon\" [severity]=\"buttonSeverity\" [style]=\"{ width: '100%' }\" [size]=\"'medium'\" (click)=\"onButtonClick()\"></cax-button>\n\n            <cax-button [label]=\"primaryButtonLabel\" [style]=\"{ width: '100%' }\" [severity]=\"buttonSeverity\" [size]=\"'medium'\" (click)=\"onPrimaryClick()\"></cax-button>\n\n            <cax-button [label]=\"secondaryButtonLabel\" [severity]=\"buttonSeverity\" [style]=\"{ width: '100%' }\" [size]=\"'medium'\" (click)=\"onSecondaryClick()\"></cax-button>\n        </div>\n    </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SharedModule } from 'cax-design-system/api';\nimport { SubscriptionCardComponent } from './subscriptioncard.component';\nimport { Button, ButtonModule } from 'cax-design-system/button';\nimport { BadgeModule } from 'cax-design-system/badge';\n\n@NgModule({\n    imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule],\n    declarations: [SubscriptionCardComponent],\n    exports: [SubscriptionCardComponent, SharedModule]\n})\nexport class SubscriptionCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;MAWa,yBAAyB,CAAA;;IAEzB,MAAM,GAAW,OAAO;;IAGxB,WAAW,GAAW,8EAA8E;;AAGpG,IAAA,QAAQ;;AAGR,IAAA,SAAS;;AAGT,IAAA,UAAU;;IAGV,kBAAkB,GAAW,cAAc;;IAG3C,oBAAoB,GAAW,cAAc;;IAG7C,cAAc,GAA+D,SAAS;IAEtF,iBAAiB,GAAW,eAAe;;IAG3C,MAAM,GAAY,KAAK;;AAGtB,IAAA,YAAY,GAAG,IAAI,YAAY,EAAQ;;AAGvC,IAAA,cAAc,GAAG,IAAI,YAAY,EAAQ;AAEzC,IAAA,WAAW,GAAG,IAAI,YAAY,EAAQ;IAEhD,cAAc,GAAA;AACV,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC5B;IAEA,gBAAgB,GAAA;AACZ,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;IAC9B;IAEA,aAAa,GAAA;AACT,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;IAC3B;wGAhDS,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,shBCXtC,69CA+BA,EAAA,MAAA,EAAA,CAAA,olCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,aAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FDpBa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBATrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,aAAA,EAGd,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC,EAAE,KAAK,EAAE,aAAa,EAAE,cAClB,KAAK,EAAA,QAAA,EAAA,69CAAA,EAAA,MAAA,EAAA,CAAA,olCAAA,CAAA,EAAA;8BAIR,MAAM,EAAA,CAAA;sBAAd;gBAGQ,WAAW,EAAA,CAAA;sBAAnB;gBAGQ,QAAQ,EAAA,CAAA;sBAAhB;gBAGQ,SAAS,EAAA,CAAA;sBAAjB;gBAGQ,UAAU,EAAA,CAAA;sBAAlB;gBAGQ,kBAAkB,EAAA,CAAA;sBAA1B;gBAGQ,oBAAoB,EAAA,CAAA;sBAA5B;gBAGQ,cAAc,EAAA,CAAA;sBAAtB;gBAEQ,iBAAiB,EAAA,CAAA;sBAAzB;gBAGQ,MAAM,EAAA,CAAA;sBAAd;gBAGS,YAAY,EAAA,CAAA;sBAArB;gBAGS,cAAc,EAAA,CAAA;sBAAvB;gBAES,WAAW,EAAA,CAAA;sBAApB;;;MEnCQ,sBAAsB,CAAA;wGAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,CAHhB,yBAAyB,CAAA,EAAA,OAAA,EAAA,CAD9B,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,CAAA,EAAA,OAAA,EAAA,CAE7D,yBAAyB,EAAE,YAAY,CAAA,EAAA,CAAA;yGAExC,sBAAsB,EAAA,OAAA,EAAA,CAJrB,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAElC,YAAY,CAAA,EAAA,CAAA;;4FAExC,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,CAAC;oBACxE,YAAY,EAAE,CAAC,yBAAyB,CAAC;AACzC,oBAAA,OAAO,EAAE,CAAC,yBAAyB,EAAE,YAAY;AACpD,iBAAA;;;ACXD;;AAEG;;;;"}
+{"version":3,"file":"cax-design-system-subscriptioncard.mjs","sources":["../../src/app/components/subscriptioncard/subscriptioncard.component.ts","../../src/app/components/subscriptioncard/subscriptioncard.component.html","../../src/app/components/subscriptioncard/subscriptioncard.module.ts","../../src/app/components/subscriptioncard/cax-design-system-subscriptioncard.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'subscription-card',\n    templateUrl: './subscriptioncard.component.html',\n    styleUrls: ['./subscriptioncard.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: { class: 'cax-element' },\n    standalone: false\n})\nexport class SubscriptionCardComponent {\n    /** Title of the card */\n    @Input() header: string = 'Label';\n\n    /** Body text of the card */\n    @Input() description: string = 'Body will have 2 lines at max so I am writing this to have the enough space.';\n\n    /** Optional image URL */\n    @Input() imageUrl?: string;\n\n    /** Optional icon class (used when imageUrl is not provided) */\n    @Input() iconClass?: string;\n\n    /** Tag text (like CMS or DM) */\n    @Input() badgeLabel?: string;\n\n    /** Button 1 label */\n    @Input() primaryButtonLabel: string = 'Button Label';\n\n    /** Button 2 label */\n    @Input() secondaryButtonLabel: string = 'Button Label';\n\n    /** Button severity (color theme) */\n    @Input() buttonSeverity: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' = 'primary';\n\n    @Input() primaryButtonIcon: string = 'cax cax-check';\n\n    /** Whether card is active (blue border or checkmark shown) */\n    @Input() active: boolean = false;\n\n    /** Emits when the primary button is clicked */\n    @Output() primaryClick = new EventEmitter<void>();\n\n    /** Emits when the secondary button is clicked */\n    @Output() secondaryClick = new EventEmitter<void>();\n\n    @Output() buttonClick = new EventEmitter<void>();\n\n    onPrimaryClick() {\n        this.primaryClick.emit();\n    }\n\n    onSecondaryClick() {\n        this.secondaryClick.emit();\n    }\n\n    onButtonClick() {\n        this.buttonClick.emit();\n    }\n}\n","<div class=\"cax-subscription-card\" [ngClass]=\"{ active: active }\">\n    <!-- Image or Icon -->\n    <div class=\"media-container\">\n        <ng-container *ngIf=\"imageUrl; else iconBlock\">\n            <img [src]=\"imageUrl\" alt=\"Card image\" class=\"cax-subscription-card-img\" />\n        </ng-container>\n\n        <ng-template #iconBlock>\n            <i *ngIf=\"iconClass\" [class]=\"iconClass\" class=\"cax-subscription-card-icon\"></i>\n        </ng-template>\n\n        <span *ngIf=\"badgeLabel\" class=\"cax-badgeLabel\">{{ badgeLabel }}</span>\n    </div>\n\n    <!-- Content -->\n    <div class=\"cax-card-content\">\n        <div class=\"cax-subscard-header\">\n            <h3 class=\"cax-subscard-title\">{{ header }}</h3>\n            <i class=\"cax cax-pen-square\"></i>\n        </div>\n        <p class=\"cax-subscard-description\">{{ description }}</p>\n\n        <div class=\"button-group\">\n            <cax-button [icon]=\"primaryButtonIcon\" [severity]=\"buttonSeverity\" [style]=\"{ width: '100%' }\" [size]=\"'medium'\" (click)=\"onButtonClick()\"></cax-button>\n\n            <cax-button [label]=\"primaryButtonLabel\" [style]=\"{ width: '100%' }\" [severity]=\"buttonSeverity\" [size]=\"'medium'\" (click)=\"onPrimaryClick()\"></cax-button>\n\n            <cax-button [label]=\"secondaryButtonLabel\" [severity]=\"buttonSeverity\" [style]=\"{ width: '100%' }\" [size]=\"'medium'\" (click)=\"onSecondaryClick()\"></cax-button>\n        </div>\n    </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SharedModule } from 'cax-design-system/api';\nimport { SubscriptionCardComponent } from './subscriptioncard.component';\nimport { Button, ButtonModule } from 'cax-design-system/button';\nimport { BadgeModule } from 'cax-design-system/badge';\n\n@NgModule({\n    imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule],\n    declarations: [SubscriptionCardComponent],\n    exports: [SubscriptionCardComponent, SharedModule]\n})\nexport class SubscriptionCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}