@fundamental-ngx/core 0.63.2-rc.7 → 0.63.2

package/fesm2022/fundamental-ngx-core-wizard.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Input, ChangeDetectionStrategy, Component, ContentChild, ViewChild, InjectionToken, Optional, Inject, signal, Directive, EventEmitter, Output, Injectable, HostListener, ContentChildren, HostBinding, ViewEncapsulation, NgModule } from '@angular/core';
+import { inject, ElementRef, Input, ChangeDetectionStrategy, Component, ContentChild, ViewChild, InjectionToken, Optional, Inject, Directive, EventEmitter, signal, Output, Injectable, HostListener, ContentChildren, HostBinding, ViewEncapsulation, NgModule } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { ActionSheetComponent, ActionSheetControlComponent, ActionSheetBodyComponent, ActionSheetItemComponent } from '@fundamental-ngx/core/action-sheet';
 import { FD_DEFAULT_ICON_FONT_FAMILY, IconComponent } from '@fundamental-ngx/core/icon';
@@ -48,10 +48,10 @@ class WizardNextStepComponent {
     _hideElement() {
         this._elRef.nativeElement.style.display = 'none';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardNextStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: WizardNextStepComponent, isStandalone: true, selector: "fd-wizard-next-step", inputs: { floating: "floating", canHide: "canHide" }, ngImport: i0, template: "<div class=\"fd-wizard__next-step\" [class.fd-wizard__next-step--floating]=\"floating\">\n    <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardNextStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: WizardNextStepComponent, isStandalone: true, selector: "fd-wizard-next-step", inputs: { floating: "floating", canHide: "canHide" }, ngImport: i0, template: "<div class=\"fd-wizard__next-step\" [class.fd-wizard__next-step--floating]=\"floating\">\n    <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardNextStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardNextStepComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-wizard-next-step', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"fd-wizard__next-step\" [class.fd-wizard__next-step--floating]=\"floating\">\n    <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { floating: [{
@@ -65,10 +65,10 @@ class WizardContentComponent {
         /** @hidden */
         this.tallContent = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: WizardContentComponent, isStandalone: true, selector: "fd-wizard-content", inputs: { contentBackground: "contentBackground", size: "size" }, queries: [{ propertyName: "nextStep", first: true, predicate: WizardNextStepComponent, descendants: true }], viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true }], ngImport: i0, template: "<ng-template #contentTemplate>\n    <section\n        role=\"region\"\n        [id]=\"wizardContentId\"\n        class=\"fd-wizard__content\"\n        [class]=\"\n            (contentBackground ? 'fd-wizard__content--' + contentBackground + ' ' : '') +\n            (size ? 'fd-wizard__content--' + size : '')\n        \"\n        [class.fd-wizard-tall-content]=\"tallContent\"\n    >\n        <div class=\"fd-wizard__step-content-container\">\n            <ng-content></ng-content>\n        </div>\n    </section>\n</ng-template>\n", styles: [".fd-wizard-tall-content{height:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: WizardContentComponent, isStandalone: true, selector: "fd-wizard-content", inputs: { contentBackground: "contentBackground", size: "size" }, queries: [{ propertyName: "nextStep", first: true, predicate: WizardNextStepComponent, descendants: true }], viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true }], ngImport: i0, template: "<ng-template #contentTemplate>\n    <section\n        role=\"region\"\n        [id]=\"wizardContentId\"\n        class=\"fd-wizard__content\"\n        [class]=\"\n            (contentBackground ? 'fd-wizard__content--' + contentBackground + ' ' : '') +\n            (size ? 'fd-wizard__content--' + size : '')\n        \"\n        [class.fd-wizard-tall-content]=\"tallContent\"\n    >\n        <div class=\"fd-wizard__step-content-container\">\n            <ng-content></ng-content>\n        </div>\n    </section>\n</ng-template>\n", styles: [".fd-wizard-tall-content{height:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-wizard-content', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-template #contentTemplate>\n    <section\n        role=\"region\"\n        [id]=\"wizardContentId\"\n        class=\"fd-wizard__content\"\n        [class]=\"\n            (contentBackground ? 'fd-wizard__content--' + contentBackground + ' ' : '') +\n            (size ? 'fd-wizard__content--' + size : '')\n        \"\n        [class.fd-wizard-tall-content]=\"tallContent\"\n    >\n        <div class=\"fd-wizard__step-content-container\">\n            <ng-content></ng-content>\n        </div>\n    </section>\n</ng-template>\n", styles: [".fd-wizard-tall-content{height:auto}\n"] }]
         }], propDecorators: { contentBackground: [{
@@ -97,10 +97,10 @@ class WizardNavigationComponent {
     constructor(_wizard) {
         this._wizard = _wizard;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardNavigationComponent, deps: [{ token: WIZARD, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: WizardNavigationComponent, isStandalone: true, selector: "fd-wizard-navigation", inputs: { ariaLabel: "ariaLabel" }, ngImport: i0, template: "<nav class=\"fd-wizard__navigation\" [attr.aria-label]=\"ariaLabel\">\n    <ng-content></ng-content>\n</nav>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardNavigationComponent, deps: [{ token: WIZARD, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: WizardNavigationComponent, isStandalone: true, selector: "fd-wizard-navigation", inputs: { ariaLabel: "ariaLabel" }, ngImport: i0, template: "<nav class=\"fd-wizard__navigation\" [attr.aria-label]=\"ariaLabel\">\n    <ng-content></ng-content>\n</nav>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-wizard-navigation', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<nav class=\"fd-wizard__navigation\" [attr.aria-label]=\"ariaLabel\">\n    <ng-content></ng-content>\n</nav>\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -119,20 +119,12 @@ class WizardProgressBarDirective {
          */
         this.size = null;
         /** @hidden */
-        this._visible = signal(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_visible" }] : /* istanbul ignore next */ []));
+        this.visible = true;
     }
-    /** @hidden */
-    set visible(value) {
-        this._visible.set(value);
-    }
-    get visible() {
-        return this._visible();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardProgressBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: WizardProgressBarDirective, isStandalone: true, selector: "[fd-wizard-progress-bar]", inputs: { size: "size" }, host: { properties: { "class.fd-wizard__progress-bar--sm": "size === \"sm\"", "class.fd-wizard__progress-bar--md": "size === \"md\"", "class.fd-wizard__progress-bar--lg": "size === \"lg\"", "class.fd-wizard__progress-bar--xl": "size === \"xl\"", "style.display": "_visible() ? \"\" : \"none\"" }, classAttribute: "fd-wizard__progress-bar" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardProgressBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: WizardProgressBarDirective, isStandalone: true, selector: "[fd-wizard-progress-bar]", inputs: { size: "size" }, host: { properties: { "class.fd-wizard__progress-bar--sm": "size === \"sm\"", "class.fd-wizard__progress-bar--md": "size === \"md\"", "class.fd-wizard__progress-bar--lg": "size === \"lg\"", "class.fd-wizard__progress-bar--xl": "size === \"xl\"", "style.display": "visible ? \"\" : \"none\"" }, classAttribute: "fd-wizard__progress-bar" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardProgressBarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardProgressBarDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -143,7 +135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         '[class.fd-wizard__progress-bar--md]': 'size === "md"',
                         '[class.fd-wizard__progress-bar--lg]': 'size === "lg"',
                         '[class.fd-wizard__progress-bar--xl]': 'size === "xl"',
-                        '[style.display]': '_visible() ? "" : "none"'
+                        '[style.display]': 'visible ? "" : "none"'
                     },
                     standalone: true
                 }]
@@ -166,8 +158,7 @@ class WizardStepIndicatorComponent {
          */
         this.stepIndicatorItemClicked = new EventEmitter();
         /** @hidden */
-        this.stackedItems$ = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "stackedItems$" }] : /* istanbul ignore next */ []));
+        this.stackedItems$ = signal([], ...(ngDevMode ? [{ debugName: "stackedItems$" }] : []));
         /** @hidden */
         this._subscriptions = new Subscription();
     }
@@ -189,15 +180,15 @@ class WizardStepIndicatorComponent {
     setStackedItems(items) {
         this.stackedItems$.set(items || []);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardStepIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: WizardStepIndicatorComponent, isStandalone: true, selector: "fd-wizard-step-indicator", inputs: { glyph: "glyph", glyphFont: "glyphFont" }, outputs: { stepIndicatorItemClicked: "stepIndicatorItemClicked" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardStepIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: WizardStepIndicatorComponent, isStandalone: true, selector: "fd-wizard-step-indicator", inputs: { glyph: "glyph", glyphFont: "glyphFont" }, outputs: { stepIndicatorItemClicked: "stepIndicatorItemClicked" }, providers: [
             {
                 provide: FD_WIZARD_STEP_INDICATOR,
                 useExisting: WizardStepIndicatorComponent
             }
         ], viewQueries: [{ propertyName: "actionSheet", first: true, predicate: ActionSheetComponent, descendants: true }], ngImport: i0, template: "@if (stackedItems$() && stackedItems$().length > 1) {\n    <fd-action-sheet [style.pointer-events]=\"'all'\">\n        <fd-action-sheet-control>\n            <span class=\"fd-wizard__step-indicator\">\n                <ng-template [ngTemplateOutlet]=\"stepIndicatorContent\"></ng-template>\n            </span>\n        </fd-action-sheet-control>\n        <fd-action-sheet-body>\n            @for (step of stackedItems$(); track step) {\n                <li\n                    fd-action-sheet-item\n                    [label]=\"step.label\"\n                    [glyph]=\"step.glyph\"\n                    [glyphFont]=\"glyphFont\"\n                    [disabled]=\"!step.visited\"\n                    (click)=\"stepItemClicked(step, $event)\"\n                ></li>\n            }\n        </fd-action-sheet-body>\n    </fd-action-sheet>\n} @else {\n    <span\n        class=\"fd-wizard__step-indicator\"\n        (click)=\"stepItemClicked(stackedItems$().length ? stackedItems$()[0] : undefined, $event)\"\n    >\n        <ng-template [ngTemplateOutlet]=\"stepIndicatorContent\"></ng-template>\n    </span>\n}\n<ng-template #stepIndicatorContent>\n    @if (glyph) {\n        <fd-icon [glyph]=\"glyph\" class=\"fd-wizard__icon\"></fd-icon>\n    }\n    <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "component", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers", "controlTitle", "controlTitleHeading"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "component", type: ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "glyphFont", "negative", "isCloseButton", "disabled", "fdType", "toggled"], outputs: ["keyDown"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardStepIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardStepIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-wizard-step-indicator', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -343,10 +334,10 @@ class WizardStepComponent {
             this.glyph = this.stepIndicator.glyph;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardStepComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: WIZARD, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: WizardStepComponent, isStandalone: true, selector: "[fd-wizard-step]", inputs: { ariaLabel: "ariaLabel", ariaRoleDecription: "ariaRoleDecription", status: "status", branching: "branching", label: "label", optionalText: "optionalText", isSummary: "isSummary", stepClickValidator: "stepClickValidator" }, outputs: { statusChange: "statusChange", stepClicked: "stepClicked", stepIndicatorItemClicked: "stepIndicatorItemClicked" }, host: { properties: { "class.fd-wizard__step--completed": "status === \"completed\" || completed", "class.fd-wizard__step--current": "status === \"current\"", "class.fd-wizard__step--upcoming": "status === \"upcoming\"", "class.fd-wizard__step--active": "status === \"active\"", "attr.aria-label": "ariaLabel" }, classAttribute: "fd-wizard__step" }, queries: [{ propertyName: "content", first: true, predicate: WizardContentComponent, descendants: true }, { propertyName: "stepIndicator", first: true, predicate: FD_WIZARD_STEP_INDICATOR, descendants: true }], viewQueries: [{ propertyName: "wizardLabel", first: true, predicate: ["wizardLabel"], descendants: true, read: ElementRef }, { propertyName: "progressBarLink", first: true, predicate: ["progressBarLink"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-wizard__step-wrapper\">\n    @if (label || optionalText) {\n        <a\n            #progressBarLink\n            class=\"fd-wizard__step-container\"\n            (click)=\"stepContainerKeypress()\"\n            (keypress)=\"stepContainerKeypress($event)\"\n            [style.cursor]=\"['completed', 'current'].includes(status) || (visited && _isValidated) ? 'pointer' : 'none'\"\n            [attr.tabindex]=\"status === 'current' ? 0 : -1\"\n            role=\"navigation\"\n        >\n            <ng-content select=\"fd-wizard-step-indicator\"></ng-content>\n            <div class=\"fd-wizard__label-container\" [class.fd-wizard__label-container--optional]=\"optionalText\">\n                <div #wizardLabel>\n                    <span class=\"fd-wizard__label\">{{ label }}</span>\n                    @if (optionalText) {\n                        <span class=\"fd-wizard__optional-text\">\n                            {{ optionalText }}\n                        </span>\n                    }\n                </div>\n            </div>\n        </a>\n    }\n    <ng-content></ng-content>\n    @if (!_finalStep || branching) {\n        <span\n            class=\"fd-wizard__connector\"\n            [class.fd-wizard__connector--active]=\"completed\"\n            [class.fd-wizard__connector--branching]=\"branching\"\n        >\n        </span>\n    }\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardStepComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: WIZARD, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: WizardStepComponent, isStandalone: true, selector: "[fd-wizard-step]", inputs: { ariaLabel: "ariaLabel", ariaRoleDecription: "ariaRoleDecription", status: "status", branching: "branching", label: "label", optionalText: "optionalText", isSummary: "isSummary", stepClickValidator: "stepClickValidator" }, outputs: { statusChange: "statusChange", stepClicked: "stepClicked", stepIndicatorItemClicked: "stepIndicatorItemClicked" }, host: { properties: { "class.fd-wizard__step--completed": "status === \"completed\" || completed", "class.fd-wizard__step--current": "status === \"current\"", "class.fd-wizard__step--upcoming": "status === \"upcoming\"", "class.fd-wizard__step--active": "status === \"active\"", "attr.aria-label": "ariaLabel" }, classAttribute: "fd-wizard__step" }, queries: [{ propertyName: "content", first: true, predicate: WizardContentComponent, descendants: true }, { propertyName: "stepIndicator", first: true, predicate: FD_WIZARD_STEP_INDICATOR, descendants: true }], viewQueries: [{ propertyName: "wizardLabel", first: true, predicate: ["wizardLabel"], descendants: true, read: ElementRef }, { propertyName: "progressBarLink", first: true, predicate: ["progressBarLink"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-wizard__step-wrapper\">\n    @if (label || optionalText) {\n        <a\n            #progressBarLink\n            class=\"fd-wizard__step-container\"\n            (click)=\"stepContainerKeypress()\"\n            (keypress)=\"stepContainerKeypress($event)\"\n            [style.cursor]=\"['completed', 'current'].includes(status) || (visited && _isValidated) ? 'pointer' : 'none'\"\n            [attr.tabindex]=\"status === 'current' ? 0 : -1\"\n            role=\"navigation\"\n        >\n            <ng-content select=\"fd-wizard-step-indicator\"></ng-content>\n            <div class=\"fd-wizard__label-container\" [class.fd-wizard__label-container--optional]=\"optionalText\">\n                <div #wizardLabel>\n                    <span class=\"fd-wizard__label\">{{ label }}</span>\n                    @if (optionalText) {\n                        <span class=\"fd-wizard__optional-text\">\n                            {{ optionalText }}\n                        </span>\n                    }\n                </div>\n            </div>\n        </a>\n    }\n    <ng-content></ng-content>\n    @if (!_finalStep || branching) {\n        <span\n            class=\"fd-wizard__connector\"\n            [class.fd-wizard__connector--active]=\"completed\"\n            [class.fd-wizard__connector--branching]=\"branching\"\n        >\n        </span>\n    }\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardStepComponent, decorators: [{
             type: Component,
             args: [{ selector: '[fd-wizard-step]', host: {
                         class: 'fd-wizard__step',
@@ -445,10 +436,10 @@ class WizardService {
             steps.get(steps.length - 1)?.progressBarLink.nativeElement.focus();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardService, decorators: [{
             type: Injectable
         }] });
 
@@ -931,8 +922,8 @@ class WizardComponent {
         }
         return this.steps.last;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: FD_DIALOG_BODY_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: WizardComponent, isStandalone: true, selector: "fd-wizard", inputs: { appendToWizard: "appendToWizard", contentHeight: "contentHeight", responsivePaddings: "responsivePaddings", displaySummaryStep: "displaySummaryStep", ariaLabel: "ariaLabel" }, host: { attributes: { "role": "region" }, listeners: { "window:resize": "resizeHandler()" }, properties: { "attr.aria-label": "ariaLabel || _defaultAriaLabel()", "class.fd-wizard--responsive-paddings": "this.responsivePaddings" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: FD_DIALOG_BODY_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: WizardComponent, isStandalone: true, selector: "fd-wizard", inputs: { appendToWizard: "appendToWizard", contentHeight: "contentHeight", responsivePaddings: "responsivePaddings", displaySummaryStep: "displaySummaryStep", ariaLabel: "ariaLabel" }, host: { attributes: { "role": "region" }, listeners: { "window:resize": "resizeHandler()" }, properties: { "attr.aria-label": "ariaLabel || _defaultAriaLabel()", "class.fd-wizard--responsive-paddings": "this.responsivePaddings" } }, providers: [
             WizardService,
             {
                 provide: WIZARD,
@@ -940,7 +931,7 @@ class WizardComponent {
             }
         ], queries: [{ propertyName: "progressBar", first: true, predicate: WizardProgressBarDirective, descendants: true }, { propertyName: "steps", predicate: WizardStepComponent, descendants: true }, { propertyName: "wizardContent", predicate: WizardContentComponent }], viewQueries: [{ propertyName: "wrapperContainer", first: true, predicate: ["wrapperContainer"], descendants: true }, { propertyName: "scrollbar", first: true, predicate: ScrollbarDirective, descendants: true }], ngImport: i0, template: "<section class=\"fd-wizard\">\n    <ng-content select=\"fd-wizard-navigation\"></ng-content>\n    @if (appendToWizard) {\n        <div\n            class=\"fd-wizard-container-wrapper\"\n            #wrapperContainer\n            fdScrollSpy\n            cdkScrollable\n            [trackedTags]=\"['div']\"\n            (spyChange)=\"scrollSpyChange($event)\"\n        >\n            <div fd-scrollbar>\n                @for (contentTemplate of contentTemplates; track contentTemplate) {\n                    <div>\n                        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n                    </div>\n                }\n            </div>\n        </div>\n    } @else {\n        <div cdkScrollable class=\"fd-wizard-container-wrapper\">\n            <div fd-scrollbar>\n                @for (contentTemplate of contentTemplates; track contentTemplate) {\n                    <div>\n                        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n                    </div>\n                }\n            </div>\n        </div>\n    }\n    <ng-content></ng-content>\n</section>\n", styles: [".fd-wizard{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-wizard:after,.fd-wizard:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__navigation{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-wizard__navigation:after,.fd-wizard__navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:table;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:4rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%;-webkit-padding-before:1rem;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);list-style-type:none;padding-block-start:1rem;position:relative;table-layout:fixed}.fd-wizard__progress-bar:after,.fd-wizard__progress-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar--sm{padding-inline:1rem}.fd-wizard__progress-bar--lg,.fd-wizard__progress-bar--md{padding-inline:2rem}.fd-wizard__progress-bar--xl{padding-inline:3rem}.fd-wizard__step-wrapper{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2rem}.fd-wizard__step-wrapper:after,.fd-wizard__step-wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--sapTextColor);display:table-cell;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;min-width:10.5rem;padding-block:0;padding-inline:0;position:relative;vertical-align:top;width:100%}.fd-wizard__step:after,.fd-wizard__step:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:var(--fdWizard_Completed_Step_Border);color:var(--fdWizard_Completed_Step_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__label{color:var(--fdWizard_Current_Step_Label_Color)}.fd-wizard__step--current .fd-wizard__step-indicator{background:var(--fdWizard_Current_Step_Background_Color);border:var(--fdWizard_Current_Step_Border);color:var(--fdWizard_Current_Step_Color);position:relative}.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Current_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__step-indicator:after{background:var(--fdWizard_Selection_Bar_Background);border-radius:.125rem .125rem 0 0;bottom:-1rem;content:\"\";display:inline-block;height:var(--fdWizard_Selection_Bar_Height);left:-.1875rem;position:absolute;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;width:calc(100% + .375rem)}.fd-wizard__step--upcoming .fd-wizard__label,.fd-wizard__step--upcoming .fd-wizard__optional-text{color:var(--sapContent_LabelColor)}.fd-wizard__step--upcoming .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:.0625rem solid var(--sapList_BorderColor);color:var(--fdWizard_Upcoming_Step_Color)}.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Upcoming_Step_Icon_Color)}.fd-wizard__step--upcoming .fd-wizard__step-container{cursor:default;pointer-events:none}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:var(--fdWizard_Completed_Step_Border);color:var(--fdWizard_Completed_Step_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--no-label{min-width:4rem}.fd-wizard__step--no-label .fd-wizard__label-container{display:none}.fd-wizard__step--stacked-top.fd-wizard__step--stacked{min-width:4rem;width:4rem}.fd-wizard__step--stacked-top.fd-wizard__step--stacked .fd-wizard__connector{display:block;min-width:auto}.fd-wizard__step--stacked{min-width:auto;width:.25rem}.fd-wizard__step--stacked:last-child{-webkit-padding-end:2.375rem;padding-inline-end:2.375rem}.fd-wizard__step--stacked .fd-wizard__connector,.fd-wizard__step--stacked .fd-wizard__label-container{display:none}.fd-wizard__step--stacked.fd-wizard__step--upcoming:first-child{z-index:9}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(2){z-index:8}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(3){z-index:7}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(4){z-index:6}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(5){z-index:5}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(6){z-index:4}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(7){z-index:3}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(8){z-index:2}.fd-wizard__step--active .fd-wizard__step-indicator{background:var(--sapActiveColor);border-color:var(--fdWizard_Active_Step_Border_Color);color:var(--fdWizard_Active_Step_Color)}.fd-wizard__step--active .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--active .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Active_Step_Icon_Color)}.fd-wizard__step-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.fd-wizard__step-container:after,.fd-wizard__step-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step-container.is-focus,.fd-wizard__step-container:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);z-index:5}.fd-wizard__step-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;height:2rem;margin-block:0;margin-inline:0;margin-inline:.1875rem var(--fdWizard_Step_Indicator_Margin_Right);min-height:2rem;min-width:2rem;width:2rem}.fd-wizard__step-indicator:after,.fd-wizard__step-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__icon [class*=sap-icon],.fd-wizard__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--sapFontLargeSize);height:100%}.fd-wizard__label-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;color:var(--sapContent_LabelColor);-ms-flex-direction:column;flex-direction:column;max-height:2rem;max-width:100%;overflow:hidden}.fd-wizard__label-container:after,.fd-wizard__label-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__label-container--optional .fd-wizard__label{-webkit-line-clamp:1;max-height:1rem}.fd-wizard__label,.fd-wizard__label-container--optional .fd-wizard__label{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--fdWizard_Label_Font_Family);font-size:var(--sapFontSize);font-weight:400;font-weight:var(--fdWizard_Label_Font_Weight);forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0}.fd-wizard__label:after,.fd-wizard__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__optional-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:1;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__optional-text:after,.fd-wizard__optional-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__connector{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;border-bottom:.0625rem solid var(--sapList_BorderColor);-ms-flex:1 1 auto;flex:1 1 auto;margin-block:.5rem;margin-inline:.5rem;max-width:100%;min-width:1rem}.fd-wizard__connector:after,.fd-wizard__connector:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__connector--active{border-bottom-color:var(--fdWizard_Connector_Active_Border_Color)}.fd-wizard__connector--branching{border-bottom-style:dashed}.fd-wizard__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-before:1rem;background:var(--sapBackgroundColor);height:100%;padding-block-start:1rem;width:100%}.fd-wizard__content:after,.fd-wizard__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__content--sm{padding-inline:1rem}.fd-wizard__content--lg,.fd-wizard__content--md{padding-inline:2rem}.fd-wizard__content--xl{padding-inline:3rem}.fd-wizard__content--solid{background:var(--fdWizard_Content_Solid_Background)}.fd-wizard__content--list{background:var(--fdWizard_Content_List_Background)}.fd-wizard__content--transparent{background:var(--fdWizard_Content_Transparent_Background)}.fd-wizard__step-content-container{background-color:var(--fdWizard_Step_Content_Container_Background_Color);border:0;border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:var(--fdWizard_Step_Content_Container_Spacing);padding-inline:0;padding-inline:var(--fdWizard_Step_Content_Container_Spacing)}.fd-wizard__step-content-container:after,.fd-wizard__step-content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step-content-container--sm{padding-inline:1rem}.fd-wizard__step-content-container--lg,.fd-wizard__step-content-container--md{padding-inline:2rem}.fd-wizard__step-content-container--xl{padding-inline:3rem}.fd-wizard__next-step{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:1rem;padding-block:0;padding-inline:0}.fd-wizard__next-step:after,.fd-wizard__next-step:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__next-step--sm{padding-inline:1rem}.fd-wizard__next-step--lg,.fd-wizard__next-step--md{padding-inline:2rem}.fd-wizard__next-step--xl{padding-inline:3rem}.fd-wizard__next-step--floating{bottom:3.5rem;position:absolute}.fd-wizard__label,.fd-wizard__optional-text{display:block;display:-webkit-box}.fd-wizard-container-wrapper{overflow:auto}@media(max-width:599px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:1rem;padding-right:1rem}}@media(min-width:600px)and (max-width:1439px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:2rem;padding-right:2rem}}@media(min-width:1440px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:3rem;padding-right:3rem}}.fd-wizard__progress-bar{z-index:1003}:host .fd-scrollbar{max-height:100%;max-width:100%;width:100%;height:100%}\n/*! Bundled license information:\n\nfundamental-styles/dist/wizard.css:\n  (*!\n   * Fundamental Library Styles v0.41.8\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "directive", type: ScrollSpyDirective, selector: "[fdScrollSpy]", inputs: ["trackedTags", "fireEmpty", "targetPercent", "targetOffset", "scrollSpyDisabled"], outputs: ["spyChange"], exportAs: ["fdScrollSpy"] }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-wizard', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         WizardService,
@@ -1010,8 +1001,8 @@ const components = [
     `WizardNextStepComponent`
  */
 class WizardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: WizardModule, imports: [WizardComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: WizardModule, imports: [WizardComponent,
             WizardNavigationComponent,
             WizardProgressBarDirective,
             WizardStepComponent,
@@ -1024,9 +1015,9 @@ class WizardModule {
             WizardStepIndicatorComponent,
             WizardContentComponent,
             WizardNextStepComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardModule, providers: [WizardService], imports: [WizardStepIndicatorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardModule, providers: [WizardService], imports: [WizardStepIndicatorComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: WizardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],