@fundamental-ngx/platform 0.48.0-rc.9 → 0.48.0

package/fesm2022/fundamental-ngx-platform-wizard-generator.mjs

@@ -1,25 +1,26 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Directive, Input, Output, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChildren, inject, ViewChild, TemplateRef, ContentChild, NgModule } from '@angular/core';
-import { Subject, BehaviorSubject, of, firstValueFrom } from 'rxjs';
-import { take, map, debounceTime, takeUntil, finalize, filter } from 'rxjs/operators';
+import { Injectable, EventEmitter, DestroyRef, inject, ChangeDetectorRef, Directive, Input, Output, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChildren, ViewChild, TemplateRef, ContentChild, NgModule } from '@angular/core';
+import { take, map, debounceTime, finalize, filter } from 'rxjs/operators';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ContentDensityMode, ContentDensityDirective } from '@fundamental-ngx/core/content-density';
 import { cloneDeep, uniq, mergeWith, concat } from 'lodash-es';
-import * as i6 from '@fundamental-ngx/cdk/utils';
+import { Subject, BehaviorSubject, of, firstValueFrom } from 'rxjs';
+import * as i5 from '@fundamental-ngx/cdk/utils';
 import { isFunction, selectStrategy, InitialFocusDirective, RepeatDirective } from '@fundamental-ngx/cdk/utils';
 import * as i2 from '@fundamental-ngx/platform/form';
 import { FormGeneratorComponent, FormGeneratorService, FORM_GENERATOR_ITEM_CONFIG, FORM_GENERATOR_CONFIG, PlatformFormGeneratorModule } from '@fundamental-ngx/platform/form';
 import { CdkScrollable } from '@angular/cdk/overlay';
 import { NgTemplateOutlet } from '@angular/common';
-import * as i3 from '@fundamental-ngx/core/bar';
+import * as i2$2 from '@fundamental-ngx/core/bar';
 import { BarModule } from '@fundamental-ngx/core/bar';
-import * as i2$2 from '@fundamental-ngx/core/dialog';
+import { ButtonComponent } from '@fundamental-ngx/core/button';
+import * as i1$1 from '@fundamental-ngx/core/dialog';
 import { DialogModule } from '@fundamental-ngx/core/dialog';
-import * as i5 from '@fundamental-ngx/core/message-box';
+import * as i4 from '@fundamental-ngx/core/message-box';
 import { MessageBoxService, MessageBoxModule } from '@fundamental-ngx/core/message-box';
 import { ScrollbarDirective } from '@fundamental-ngx/core/scrollbar';
-import * as i4 from '@fundamental-ngx/core/title';
+import * as i3 from '@fundamental-ngx/core/title';
 import { TitleComponent } from '@fundamental-ngx/core/title';
-import { ButtonComponent } from '@fundamental-ngx/platform/button';
 import * as i2$1 from '@fundamental-ngx/core/wizard';
 import { WizardModule } from '@fundamental-ngx/core/wizard';
 import { isFunction as isFunction$1 } from '@fundamental-ngx/platform/shared';
@@ -470,10 +471,10 @@ class WizardGeneratorService {
     _getCompletedStepIds() {
         return this.items.filter((i) => i.status === 'completed').map((i) => i.id);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorService, deps: [{ token: i2.FormGeneratorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorService, deps: [{ token: i2.FormGeneratorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i2.FormGeneratorService }] });
 
@@ -598,9 +599,7 @@ class BaseWizardGenerator {
         return this._visibleItems[currentIndex]?.completed === true;
     }
     /** @hidden */
-    constructor(_wizardGeneratorService, _cd) {
-        this._wizardGeneratorService = _wizardGeneratorService;
-        this._cd = _cd;
+    constructor() {
         /**
          * @description Whether or not apply responsive paddings styling.
          */
@@ -639,23 +638,26 @@ class BaseWizardGenerator {
         this._formPending = false;
         /**
          * @hidden
-         * An RxJS Subject that will kill the data stream upon component’s destruction (for unsubscribing)
          */
-        this._onDestroy$ = new Subject();
+        this._destroyRef = inject(DestroyRef);
+        /** @hidden */
+        this._wizardGeneratorService = inject(WizardGeneratorService);
+        /** @hidden */
+        this._cd = inject(ChangeDetectorRef);
         /**
          * @hidden
          */
         this._navigationButtonLabels = DEFAULT_WIZARD_NAVIGATION_BUTTONS;
         this._wizardGeneratorService
             .getVisibleSteps()
-            .pipe(debounceTime(10), takeUntil(this._onDestroy$))
+            .pipe(debounceTime(10), takeUntilDestroyed(this._destroyRef))
             .subscribe((visibleSteps) => {
             this.visibleItems = visibleSteps;
             this._cd.detectChanges();
         });
         this._wizardGeneratorService
             .trackStepsComponents()
-            .pipe(debounceTime(10), takeUntil(this._onDestroy$))
+            .pipe(debounceTime(10), takeUntilDestroyed(this._destroyRef))
             .subscribe(async (stepsComponents) => {
             if (stepsComponents.size === this.items?.length) {
                 await this._setVisibleSteps();
@@ -663,31 +665,24 @@ class BaseWizardGenerator {
         });
         this._wizardGeneratorService
             .trackAppendToWizardState()
-            .pipe(takeUntil(this._onDestroy$))
+            .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe((value) => {
             this._appendToWizard = value;
         });
         this._wizardGeneratorService
             .trackStepsOrder()
-            .pipe(takeUntil(this._onDestroy$))
+            .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe((newNextStep) => {
             this._nextStepIndex = newNextStep;
             this._stepsOrderChanged = true;
         });
         this._wizardGeneratorService
             .trackNextStepIndex()
-            .pipe(takeUntil(this._onDestroy$))
+            .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe((index) => {
             this._nextStepIndex = index;
         });
     }
-    /**
-     * @hidden
-     */
-    ngOnDestroy() {
-        this._onDestroy$.next();
-        this._onDestroy$.complete();
-    }
     /**
      * @description Reverts Wizard progress one step back.
      */
@@ -715,7 +710,7 @@ class BaseWizardGenerator {
         const nextStepIndex = this._nextStepIndex;
         this._wizardGeneratorService
             .validateStepForms()
-            .pipe(takeUntil(this._onDestroy$))
+            .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe(async (result) => {
             if (!result) {
                 return;
@@ -756,7 +751,7 @@ class BaseWizardGenerator {
         }
         this._wizardGeneratorService
             .validateStepForms()
-            .pipe(takeUntil(this._onDestroy$))
+            .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe(async (result) => {
             if (!result) {
                 return;
@@ -783,12 +778,12 @@ class BaseWizardGenerator {
         this.wizardCreated = true;
         this._cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseWizardGenerator, deps: [{ token: WizardGeneratorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: BaseWizardGenerator, inputs: { responsivePaddings: "responsivePaddings", navigationButtonLabels: "navigationButtonLabels", items: "items", appendToWizard: "appendToWizard", navigationButtons: "navigationButtons", contentHeight: "contentHeight", displaySummaryStep: "displaySummaryStep", unifiedLayout: "unifiedLayout" }, outputs: { wizardFinished: "wizardFinished" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: BaseWizardGenerator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: BaseWizardGenerator, inputs: { responsivePaddings: "responsivePaddings", navigationButtonLabels: "navigationButtonLabels", items: "items", appendToWizard: "appendToWizard", navigationButtons: "navigationButtons", contentHeight: "contentHeight", displaySummaryStep: "displaySummaryStep", unifiedLayout: "unifiedLayout" }, outputs: { wizardFinished: "wizardFinished" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseWizardGenerator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: BaseWizardGenerator, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: WizardGeneratorService }, { type: i0.ChangeDetectorRef }], propDecorators: { responsivePaddings: [{
+        }], ctorParameters: () => [], propDecorators: { responsivePaddings: [{
                 type: Input
             }], navigationButtonLabels: [{
                 type: Input
@@ -844,7 +839,7 @@ class WizardGeneratorStepComponent {
          * @hidden
          * An RxJS Subject that will kill the data stream upon component’s destruction (for unsubscribing)
          */
-        this._onDestroy$ = new Subject();
+        this._destroyRef = inject(DestroyRef);
     }
     /**
      * @hidden
@@ -857,8 +852,6 @@ class WizardGeneratorStepComponent {
      */
     ngOnDestroy() {
         this._wizardGeneratorService.removeWizardStepComponent(this.item.id);
-        this._onDestroy$.next();
-        this._onDestroy$.complete();
     }
     /** @hidden */
     async ngOnChanges(changes) {
@@ -949,7 +942,9 @@ class WizardGeneratorStepComponent {
                 const refreshSteps = strategies[WizardGeneratorRefreshStrategy.REFRESH_STEP_VISIBILITY] !== undefined;
                 const revalidateForms = strategies[WizardGeneratorRefreshStrategy.REVALIDATE_STEP_FORMS];
                 const refreshFormVisibility = strategies[WizardGeneratorRefreshStrategy.REFRESH_FORM_VISIBILITY];
-                control?.valueChanges.pipe(debounceTime(50), takeUntil(this._onDestroy$)).subscribe(async () => {
+                control?.valueChanges
+                    .pipe(debounceTime(50), takeUntilDestroyed(this._destroyRef))
+                    .subscribe(async () => {
                     if (refreshSteps) {
                         await this._wizardGeneratorService.refreshStepVisibility();
                     }
@@ -994,10 +989,10 @@ class WizardGeneratorStepComponent {
             this._visibleFormGroupIds[formGroup.id] = result;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorStepComponent, deps: [{ token: WizardGeneratorService }, { token: i2.FormGeneratorService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: WizardGeneratorStepComponent, isStandalone: true, selector: "fdp-wizard-generator-step", inputs: { item: "item", stepStatus: "stepStatus", unifiedLayout: "unifiedLayout" }, outputs: { formsSubmitted: "formsSubmitted", formsCreated: "formsCreated" }, viewQueries: [{ propertyName: "formGenerators", predicate: FormGeneratorComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (item.title) {\n    <h3 fd-title>{{ item.title }}</h3>\n}\n@for (form of item.formGroups; track form; let i = $index) {\n    @if (_visibleFormGroupIds[form.id] !== false) {\n        <fdp-form-generator\n            [mainTitle]=\"form.title\"\n            [columnLayout]=\"form.columnLayout\"\n            [noAdditionalContent]=\"true\"\n            [formName]=\"form.id\"\n            [formItems]=\"$any(form.formItems)\"\n            [hint]=\"form.guiOptions?.hint!\"\n            [unifiedLayout]=\"unifiedLayout\"\n            (formCreated)=\"onFormCreated($event, form.id)\"\n            (formSubmittedStatus)=\"onFormSubmitted($event, form.id)\"\n        ></fdp-form-generator>\n    }\n}\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: FormGeneratorComponent, selector: "fdp-form-generator", inputs: ["formName", "formItems", "mainTitle", "hideMainTItle", "hint", "columnLayout", "labelColumnLayout", "fieldColumnLayout", "gapColumnLayout", "unifiedLayout", "inlineColumnLayout", "noAdditionalContent"], outputs: ["formCreated", "formSubmitted", "formSubmittedStatus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorStepComponent, deps: [{ token: WizardGeneratorService }, { token: i2.FormGeneratorService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: WizardGeneratorStepComponent, isStandalone: true, selector: "fdp-wizard-generator-step", inputs: { item: "item", stepStatus: "stepStatus", unifiedLayout: "unifiedLayout" }, outputs: { formsSubmitted: "formsSubmitted", formsCreated: "formsCreated" }, viewQueries: [{ propertyName: "formGenerators", predicate: FormGeneratorComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (item.title) {\n    <h3 fd-title>{{ item.title }}</h3>\n}\n@for (form of item.formGroups; track form; let i = $index) {\n    @if (_visibleFormGroupIds[form.id] !== false) {\n        <fdp-form-generator\n            [mainTitle]=\"form.title\"\n            [columnLayout]=\"form.columnLayout\"\n            [noAdditionalContent]=\"true\"\n            [formName]=\"form.id\"\n            [formItems]=\"$any(form.formItems)\"\n            [hint]=\"form.guiOptions?.hint!\"\n            [unifiedLayout]=\"unifiedLayout\"\n            (formCreated)=\"onFormCreated($event, form.id)\"\n            (formSubmittedStatus)=\"onFormSubmitted($event, form.id)\"\n        ></fdp-form-generator>\n    }\n}\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: FormGeneratorComponent, selector: "fdp-form-generator", inputs: ["formName", "formItems", "mainTitle", "hideMainTItle", "hint", "columnLayout", "labelColumnLayout", "fieldColumnLayout", "gapColumnLayout", "unifiedLayout", "inlineColumnLayout", "noAdditionalContent"], outputs: ["formCreated", "formSubmitted", "formSubmittedStatus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorStepComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-wizard-generator-step', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TitleComponent, FormGeneratorComponent], template: "@if (item.title) {\n    <h3 fd-title>{{ item.title }}</h3>\n}\n@for (form of item.formGroups; track form; let i = $index) {\n    @if (_visibleFormGroupIds[form.id] !== false) {\n        <fdp-form-generator\n            [mainTitle]=\"form.title\"\n            [columnLayout]=\"form.columnLayout\"\n            [noAdditionalContent]=\"true\"\n            [formName]=\"form.id\"\n            [formItems]=\"$any(form.formItems)\"\n            [hint]=\"form.guiOptions?.hint!\"\n            [unifiedLayout]=\"unifiedLayout\"\n            (formCreated)=\"onFormCreated($event, form.id)\"\n            (formSubmittedStatus)=\"onFormSubmitted($event, form.id)\"\n        ></fdp-form-generator>\n    }\n}\n" }]
         }], ctorParameters: () => [{ type: WizardGeneratorService }, { type: i2.FormGeneratorService }], propDecorators: { formGenerators: [{
@@ -1035,10 +1030,10 @@ class WizardSummarySectionComponent {
     _trackFn(_, form) {
         return form.id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardSummarySectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: WizardSummarySectionComponent, isStandalone: true, selector: "fdp-wizard-summary-section", inputs: { step: "step" }, outputs: { editStep: "editStep" }, ngImport: i0, template: "@for (group of step.forms; track _trackFn($index, group)) {\n    <h4 fd-title [headerSize]=\"4\">{{ group.title }}</h4>\n    <fd-layout-grid [style.margin-bottom.rem]=\"2\">\n        <div fdLayoutGridRow>\n            <div [fdLayoutGridCol]=\"4\" [colMd]=\"2\" [colLg]=\"2\" [colXl]=\"2\">\n                @for (item of group.items; track item) {\n                    <div>\n                        <label fd-form-label> {{ item.label }}: </label>\n                    </div>\n                }\n            </div>\n            <div [fdLayoutGridCol]=\"4\" [colMd]=\"5\" [colLg]=\"5\" [colXl]=\"5\">\n                @for (item of group.items; track item) {\n                    <div>\n                        <label fd-form-label>\n                            {{ item.value || '-' }}\n                        </label>\n                    </div>\n                }\n            </div>\n            <div [fdLayoutGridCol]=\"1\" [colMd]=\"5\" [colLg]=\"5\" [colXl]=\"5\">\n                <fdp-link href=\"#\" (click)=\"_editStep($event)\">\n                    {{ 'platformWizardGenerator.summarySectionEditStep' | fdTranslate }}\n                </fdp-link>\n            </div>\n        </div>\n    </fd-layout-grid>\n}\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "ngmodule", type: LayoutGridModule }, { kind: "component", type: i1.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i1.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i1.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: LinkComponent, selector: "fdp-link", inputs: ["href", "target", "linkType", "type", "inverted", "title", "hreflang", "download", "media", "rel", "truncate"], outputs: ["click"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardSummarySectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: WizardSummarySectionComponent, isStandalone: true, selector: "fdp-wizard-summary-section", inputs: { step: "step" }, outputs: { editStep: "editStep" }, ngImport: i0, template: "@for (group of step.forms; track _trackFn($index, group)) {\n    <h4 fd-title [headerSize]=\"4\">{{ group.title }}</h4>\n    <fd-layout-grid [style.margin-bottom.rem]=\"2\">\n        <div fdLayoutGridRow>\n            <div [fdLayoutGridCol]=\"4\" [colMd]=\"2\" [colLg]=\"2\" [colXl]=\"2\">\n                @for (item of group.items; track item) {\n                    <div>\n                        <label fd-form-label> {{ item.label }}: </label>\n                    </div>\n                }\n            </div>\n            <div [fdLayoutGridCol]=\"4\" [colMd]=\"5\" [colLg]=\"5\" [colXl]=\"5\">\n                @for (item of group.items; track item) {\n                    <div>\n                        <label fd-form-label>\n                            {{ item.value || '-' }}\n                        </label>\n                    </div>\n                }\n            </div>\n            <div [fdLayoutGridCol]=\"1\" [colMd]=\"5\" [colLg]=\"5\" [colXl]=\"5\">\n                <fdp-link href=\"#\" (click)=\"_editStep($event)\">\n                    {{ 'platformWizardGenerator.summarySectionEditStep' | fdTranslate }}\n                </fdp-link>\n            </div>\n        </div>\n    </fd-layout-grid>\n}\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "ngmodule", type: LayoutGridModule }, { kind: "component", type: i1.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i1.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i1.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: LinkComponent, selector: "fdp-link", inputs: ["href", "target", "linkType", "type", "inverted", "title", "hreflang", "download", "media", "rel", "truncate"], outputs: ["click"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardSummarySectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardSummarySectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-wizard-summary-section', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [TitleComponent, LayoutGridModule, FormLabelComponent, LinkComponent, FdTranslatePipe], template: "@for (group of step.forms; track _trackFn($index, group)) {\n    <h4 fd-title [headerSize]=\"4\">{{ group.title }}</h4>\n    <fd-layout-grid [style.margin-bottom.rem]=\"2\">\n        <div fdLayoutGridRow>\n            <div [fdLayoutGridCol]=\"4\" [colMd]=\"2\" [colLg]=\"2\" [colXl]=\"2\">\n                @for (item of group.items; track item) {\n                    <div>\n                        <label fd-form-label> {{ item.label }}: </label>\n                    </div>\n                }\n            </div>\n            <div [fdLayoutGridCol]=\"4\" [colMd]=\"5\" [colLg]=\"5\" [colXl]=\"5\">\n                @for (item of group.items; track item) {\n                    <div>\n                        <label fd-form-label>\n                            {{ item.value || '-' }}\n                        </label>\n                    </div>\n                }\n            </div>\n            <div [fdLayoutGridCol]=\"1\" [colMd]=\"5\" [colLg]=\"5\" [colXl]=\"5\">\n                <fdp-link href=\"#\" (click)=\"_editStep($event)\">\n                    {{ 'platformWizardGenerator.summarySectionEditStep' | fdTranslate }}\n                </fdp-link>\n            </div>\n        </div>\n    </fd-layout-grid>\n}\n" }]
         }], propDecorators: { step: [{
@@ -1142,10 +1137,10 @@ class WizardSummaryStepComponent {
         }
         return formattedStepValue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardSummaryStepComponent, deps: [{ token: WizardGeneratorService }, { token: i2.FormGeneratorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: WizardSummaryStepComponent, isStandalone: true, selector: "fdp-wizard-summary-step", inputs: { status: "status", customSummaryStepTemplate: "customSummaryStepTemplate" }, ngImport: i0, template: "@if (_shouldRender) {\n    <ng-template #defaultsummaryStepTemplate>\n        @for (step of formattedWizardValue; track _trackFn($index, step)) {\n            <fdp-wizard-summary-section [step]=\"step\" (editStep)=\"editStep($event)\"></fdp-wizard-summary-section>\n        }\n    </ng-template>\n    <ng-template\n        [ngTemplateOutlet]=\"customSummaryStepTemplate || defaultsummaryStepTemplate\"\n        [ngTemplateOutletContext]=\"{ steps: formattedWizardValue, editStep: _editStepFn }\"\n    ></ng-template>\n}\n", dependencies: [{ kind: "component", type: WizardSummarySectionComponent, selector: "fdp-wizard-summary-section", inputs: ["step"], outputs: ["editStep"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardSummaryStepComponent, deps: [{ token: WizardGeneratorService }, { token: i2.FormGeneratorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: WizardSummaryStepComponent, isStandalone: true, selector: "fdp-wizard-summary-step", inputs: { status: "status", customSummaryStepTemplate: "customSummaryStepTemplate" }, ngImport: i0, template: "@if (_shouldRender) {\n    <ng-template #defaultsummaryStepTemplate>\n        @for (step of formattedWizardValue; track _trackFn($index, step)) {\n            <fdp-wizard-summary-section [step]=\"step\" (editStep)=\"editStep($event)\"></fdp-wizard-summary-section>\n        }\n    </ng-template>\n    <ng-template\n        [ngTemplateOutlet]=\"customSummaryStepTemplate || defaultsummaryStepTemplate\"\n        [ngTemplateOutletContext]=\"{ steps: formattedWizardValue, editStep: _editStepFn }\"\n    ></ng-template>\n}\n", dependencies: [{ kind: "component", type: WizardSummarySectionComponent, selector: "fdp-wizard-summary-section", inputs: ["step"], outputs: ["editStep"] }, { 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: "17.0.4", ngImport: i0, type: WizardSummaryStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardSummaryStepComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-wizard-summary-step', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [WizardSummarySectionComponent, NgTemplateOutlet], template: "@if (_shouldRender) {\n    <ng-template #defaultsummaryStepTemplate>\n        @for (step of formattedWizardValue; track _trackFn($index, step)) {\n            <fdp-wizard-summary-section [step]=\"step\" (editStep)=\"editStep($event)\"></fdp-wizard-summary-section>\n        }\n    </ng-template>\n    <ng-template\n        [ngTemplateOutlet]=\"customSummaryStepTemplate || defaultsummaryStepTemplate\"\n        [ngTemplateOutletContext]=\"{ steps: formattedWizardValue, editStep: _editStepFn }\"\n    ></ng-template>\n}\n" }]
         }], ctorParameters: () => [{ type: WizardGeneratorService }, { type: i2.FormGeneratorService }, { type: i0.ChangeDetectorRef }], propDecorators: { status: [{
@@ -1226,7 +1221,7 @@ class WizardBodyComponent {
          * @hidden
          * An RxJS Subject that will kill the data stream upon component’s destruction (for unsubscribing)
          */
-        this._onDestroy$ = new Subject();
+        this._destroyRef = inject(DestroyRef);
         /**
          * @hidden
          */
@@ -1260,19 +1255,12 @@ class WizardBodyComponent {
     ngOnInit() {
         this._wizardGeneratorService
             .getVisibleSteps()
-            .pipe(debounceTime(50), takeUntil(this._onDestroy$))
+            .pipe(debounceTime(50), takeUntilDestroyed(this._destroyRef))
             .subscribe((visibleSteps) => {
             this._visibleItems = visibleSteps;
             this._cd.detectChanges();
         });
     }
-    /**
-     * @hidden
-     */
-    ngOnDestroy() {
-        this._onDestroy$.next();
-        this._onDestroy$.complete();
-    }
     /**
      * @description Callback function for status change.
      * @param id step ID.
@@ -1298,10 +1286,10 @@ class WizardBodyComponent {
     _trackFn(_index, item) {
         return item.id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardBodyComponent, deps: [{ token: WizardGeneratorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: WizardBodyComponent, isStandalone: true, selector: "fdp-wizard-body", inputs: { responsivePaddings: "responsivePaddings", navigationButtonLabels: "navigationButtonLabels", appendToWizard: "appendToWizard", contentHeight: "contentHeight", isFirstStep: "isFirstStep", isLastStep: "isLastStep", isNextStepSummary: "isNextStepSummary", displaySummaryStep: "displaySummaryStep", goNextButtonTemplate: "goNextButtonTemplate", finishButtonTemplate: "finishButtonTemplate", customSummaryStepTemplate: "customSummaryStepTemplate", reviewButtonTemplate: "reviewButtonTemplate", isSummaryStep: "isSummaryStep", navigationButtons: "navigationButtons", unifiedLayout: "unifiedLayout", isBranchingStep: "isBranchingStep", isCurrentStepCompleted: "isCurrentStepCompleted", stepsOrderChanged: "stepsOrderChanged" }, outputs: { statusChange: "statusChange", goNext: "goNext", finish: "finish" }, ngImport: i0, template: "@if (visibleItems) {\n    <fd-wizard\n        [displaySummaryStep]=\"displaySummaryStep\"\n        [responsivePaddings]=\"responsivePaddings\"\n        [appendToWizard]=\"appendToWizard\"\n        [contentHeight]=\"contentHeight\"\n    >\n        <fd-wizard-navigation>\n            <ul fd-wizard-progress-bar>\n                @for (step of visibleItems; track _trackFn(i, step); let i = $index) {\n                    <li\n                        fd-wizard-step\n                        [label]=\"step.name\"\n                        [status]=\"step.status\"\n                        [optionalText]=\"step.optionalText\"\n                        [branching]=\"!!step.branching\"\n                        [stepClickValidator]=\"stepClickValidatorFn(i)\"\n                        [isSummary]=\"!!step.summary\"\n                        (statusChange)=\"stepStatusChanged(step.id, $event)\"\n                        (stepClicked)=\"stepClicked(step.id)\"\n                    >\n                        <fd-wizard-step-indicator [glyph]=\"step.icon || null\">\n                            @if (!step.icon) {\n                                {{ i + 1 }}\n                            }\n                        </fd-wizard-step-indicator>\n                        <fd-wizard-content>\n                            @if (!step.summary) {\n                                <fdp-wizard-generator-step\n                                    [unifiedLayout]=\"unifiedLayout\"\n                                    [item]=\"step\"\n                                    [stepStatus]=\"step.status\"\n                                ></fdp-wizard-generator-step>\n                            } @else {\n                                <fdp-wizard-summary-step\n                                    [customSummaryStepTemplate]=\"customSummaryStepTemplate\"\n                                    [status]=\"step.status\"\n                                ></fdp-wizard-summary-step>\n                            }\n                            @if (navigationButtons) {\n                                <fd-wizard-next-step [canHide]=\"appendToWizard\">\n                                    @if (!isLastStep) {\n                                        <ng-template #defaultGoNextButtonTemplate>\n                                            <fdp-button\n                                                [fdContentDensity]=\"navigationButtonLabels.goNext.contentDensity\"\n                                                [buttonType]=\"navigationButtonLabels.goNext.type\"\n                                                [label]=\"navigationButtonLabels.goNext.label\"\n                                                (click)=\"goNext.emit()\"\n                                            ></fdp-button>\n                                        </ng-template>\n                                        <ng-template #defaultReviewButtonTemplate>\n                                            <fdp-button\n                                                [fdContentDensity]=\"navigationButtonLabels.review.contentDensity\"\n                                                [buttonType]=\"navigationButtonLabels.review.type\"\n                                                [label]=\"navigationButtonLabels.review.label\"\n                                                (click)=\"goNext.emit()\"\n                                            ></fdp-button>\n                                        </ng-template>\n                                        @if (\n                                            (isBranchingStep && (!isCurrentStepCompleted || stepsOrderChanged)) ||\n                                            !isNextStepSummary\n                                        ) {\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"goNextButtonTemplate || defaultGoNextButtonTemplate\"\n                                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                                            ></ng-template>\n                                        } @else {\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"reviewButtonTemplate || defaultReviewButtonTemplate\"\n                                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                                            ></ng-template>\n                                        }\n                                    } @else {\n                                        <ng-template #defaultFinishButtonTemplate>\n                                            <fdp-button\n                                                [fdContentDensity]=\"navigationButtonLabels.finish.contentDensity\"\n                                                [buttonType]=\"navigationButtonLabels.finish.type\"\n                                                [label]=\"navigationButtonLabels.finish.label\"\n                                                (click)=\"finish.emit()\"\n                                            ></fdp-button>\n                                        </ng-template>\n                                        <ng-template\n                                            [ngTemplateOutlet]=\"finishButtonTemplate || defaultFinishButtonTemplate\"\n                                            [ngTemplateOutletContext]=\"{ finish: _finishFn }\"\n                                        ></ng-template>\n                                    }\n                                </fd-wizard-next-step>\n                            }\n                        </fd-wizard-content>\n                    </li>\n                }\n            </ul>\n        </fd-wizard-navigation>\n    </fd-wizard>\n}\n", dependencies: [{ kind: "ngmodule", type: WizardModule }, { kind: "component", type: i2$1.WizardComponent, selector: "fd-wizard", inputs: ["appendToWizard", "contentHeight", "responsivePaddings", "displaySummaryStep", "ariaLabel"] }, { kind: "component", type: i2$1.WizardNavigationComponent, selector: "fd-wizard-navigation", inputs: ["ariaLabel"] }, { kind: "directive", type: i2$1.WizardProgressBarDirective, selector: "[fd-wizard-progress-bar]", inputs: ["size"] }, { kind: "component", type: i2$1.WizardStepComponent, selector: "[fd-wizard-step]", inputs: ["ariaLabel", "ariaRoleDecription", "status", "branching", "label", "optionalText", "isSummary", "stepClickValidator"], outputs: ["statusChange", "stepClicked", "stepIndicatorItemClicked"] }, { kind: "component", type: i2$1.WizardStepIndicatorComponent, selector: "fd-wizard-step-indicator", inputs: ["glyph"], outputs: ["stepIndicatorItemClicked"] }, { kind: "component", type: i2$1.WizardContentComponent, selector: "fd-wizard-content", inputs: ["contentBackground", "size"] }, { kind: "component", type: i2$1.WizardNextStepComponent, selector: "fd-wizard-next-step", inputs: ["floating", "canHide"] }, { kind: "component", type: WizardGeneratorStepComponent, selector: "fdp-wizard-generator-step", inputs: ["item", "stepStatus", "unifiedLayout"], outputs: ["formsSubmitted", "formsCreated"] }, { kind: "component", type: WizardSummaryStepComponent, selector: "fdp-wizard-summary-step", inputs: ["status", "customSummaryStepTemplate"] }, { kind: "component", type: ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardBodyComponent, deps: [{ token: WizardGeneratorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: WizardBodyComponent, isStandalone: true, selector: "fdp-wizard-body", inputs: { responsivePaddings: "responsivePaddings", navigationButtonLabels: "navigationButtonLabels", appendToWizard: "appendToWizard", contentHeight: "contentHeight", isFirstStep: "isFirstStep", isLastStep: "isLastStep", isNextStepSummary: "isNextStepSummary", displaySummaryStep: "displaySummaryStep", goNextButtonTemplate: "goNextButtonTemplate", finishButtonTemplate: "finishButtonTemplate", customSummaryStepTemplate: "customSummaryStepTemplate", reviewButtonTemplate: "reviewButtonTemplate", isSummaryStep: "isSummaryStep", navigationButtons: "navigationButtons", unifiedLayout: "unifiedLayout", isBranchingStep: "isBranchingStep", isCurrentStepCompleted: "isCurrentStepCompleted", stepsOrderChanged: "stepsOrderChanged" }, outputs: { statusChange: "statusChange", goNext: "goNext", finish: "finish" }, ngImport: i0, template: "@if (visibleItems) {\n    <fd-wizard\n        [displaySummaryStep]=\"displaySummaryStep\"\n        [responsivePaddings]=\"responsivePaddings\"\n        [appendToWizard]=\"appendToWizard\"\n        [contentHeight]=\"contentHeight\"\n    >\n        <fd-wizard-navigation>\n            <ul fd-wizard-progress-bar>\n                @for (step of visibleItems; track _trackFn(i, step); let i = $index) {\n                    <li\n                        fd-wizard-step\n                        [label]=\"step.name\"\n                        [status]=\"step.status\"\n                        [optionalText]=\"step.optionalText\"\n                        [branching]=\"!!step.branching\"\n                        [stepClickValidator]=\"stepClickValidatorFn(i)\"\n                        [isSummary]=\"!!step.summary\"\n                        (statusChange)=\"stepStatusChanged(step.id, $event)\"\n                        (stepClicked)=\"stepClicked(step.id)\"\n                    >\n                        <fd-wizard-step-indicator [glyph]=\"step.icon || null\">\n                            @if (!step.icon) {\n                                {{ i + 1 }}\n                            }\n                        </fd-wizard-step-indicator>\n                        <fd-wizard-content>\n                            @if (!step.summary) {\n                                <fdp-wizard-generator-step\n                                    [unifiedLayout]=\"unifiedLayout\"\n                                    [item]=\"step\"\n                                    [stepStatus]=\"step.status\"\n                                ></fdp-wizard-generator-step>\n                            } @else {\n                                <fdp-wizard-summary-step\n                                    [customSummaryStepTemplate]=\"customSummaryStepTemplate\"\n                                    [status]=\"step.status\"\n                                ></fdp-wizard-summary-step>\n                            }\n                            @if (navigationButtons) {\n                                <fd-wizard-next-step [canHide]=\"appendToWizard\">\n                                    @if (!isLastStep) {\n                                        <ng-template #defaultGoNextButtonTemplate>\n                                            <button\n                                                fd-button\n                                                [fdContentDensity]=\"navigationButtonLabels.goNext.contentDensity\"\n                                                [fdType]=\"navigationButtonLabels.goNext.type\"\n                                                [label]=\"navigationButtonLabels.goNext.label\"\n                                                (click)=\"goNext.emit()\"\n                                            ></button>\n                                        </ng-template>\n                                        <ng-template #defaultReviewButtonTemplate>\n                                            <button\n                                                fd-button\n                                                [fdContentDensity]=\"navigationButtonLabels.review.contentDensity\"\n                                                [fdType]=\"navigationButtonLabels.review.type\"\n                                                [label]=\"navigationButtonLabels.review.label\"\n                                                (click)=\"goNext.emit()\"\n                                            ></button>\n                                        </ng-template>\n                                        @if (\n                                            (isBranchingStep && (!isCurrentStepCompleted || stepsOrderChanged)) ||\n                                            !isNextStepSummary\n                                        ) {\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"goNextButtonTemplate || defaultGoNextButtonTemplate\"\n                                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                                            ></ng-template>\n                                        } @else {\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"reviewButtonTemplate || defaultReviewButtonTemplate\"\n                                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                                            ></ng-template>\n                                        }\n                                    } @else {\n                                        <ng-template #defaultFinishButtonTemplate>\n                                            <button\n                                                fd-button\n                                                [fdContentDensity]=\"navigationButtonLabels.finish.contentDensity\"\n                                                [fdType]=\"navigationButtonLabels.finish.type\"\n                                                [label]=\"navigationButtonLabels.finish.label\"\n                                                (click)=\"finish.emit()\"\n                                            ></button>\n                                        </ng-template>\n                                        <ng-template\n                                            [ngTemplateOutlet]=\"finishButtonTemplate || defaultFinishButtonTemplate\"\n                                            [ngTemplateOutletContext]=\"{ finish: _finishFn }\"\n                                        ></ng-template>\n                                    }\n                                </fd-wizard-next-step>\n                            }\n                        </fd-wizard-content>\n                    </li>\n                }\n            </ul>\n        </fd-wizard-navigation>\n    </fd-wizard>\n}\n", dependencies: [{ kind: "ngmodule", type: WizardModule }, { kind: "component", type: i2$1.WizardComponent, selector: "fd-wizard", inputs: ["appendToWizard", "contentHeight", "responsivePaddings", "displaySummaryStep", "ariaLabel"] }, { kind: "component", type: i2$1.WizardNavigationComponent, selector: "fd-wizard-navigation", inputs: ["ariaLabel"] }, { kind: "directive", type: i2$1.WizardProgressBarDirective, selector: "[fd-wizard-progress-bar]", inputs: ["size"] }, { kind: "component", type: i2$1.WizardStepComponent, selector: "[fd-wizard-step]", inputs: ["ariaLabel", "ariaRoleDecription", "status", "branching", "label", "optionalText", "isSummary", "stepClickValidator"], outputs: ["statusChange", "stepClicked", "stepIndicatorItemClicked"] }, { kind: "component", type: i2$1.WizardStepIndicatorComponent, selector: "fd-wizard-step-indicator", inputs: ["glyph", "glyphFont"], outputs: ["stepIndicatorItemClicked"] }, { kind: "component", type: i2$1.WizardContentComponent, selector: "fd-wizard-content", inputs: ["contentBackground", "size"] }, { kind: "component", type: i2$1.WizardNextStepComponent, selector: "fd-wizard-next-step", inputs: ["floating", "canHide"] }, { kind: "component", type: WizardGeneratorStepComponent, selector: "fdp-wizard-generator-step", inputs: ["item", "stepStatus", "unifiedLayout"], outputs: ["formsSubmitted", "formsCreated"] }, { kind: "component", type: WizardSummaryStepComponent, selector: "fdp-wizard-summary-step", inputs: ["status", "customSummaryStepTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { 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: "17.0.4", ngImport: i0, type: WizardBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-wizard-body', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         WizardModule,
@@ -1310,7 +1298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                         ButtonComponent,
                         ContentDensityDirective,
                         NgTemplateOutlet
-                    ], template: "@if (visibleItems) {\n    <fd-wizard\n        [displaySummaryStep]=\"displaySummaryStep\"\n        [responsivePaddings]=\"responsivePaddings\"\n        [appendToWizard]=\"appendToWizard\"\n        [contentHeight]=\"contentHeight\"\n    >\n        <fd-wizard-navigation>\n            <ul fd-wizard-progress-bar>\n                @for (step of visibleItems; track _trackFn(i, step); let i = $index) {\n                    <li\n                        fd-wizard-step\n                        [label]=\"step.name\"\n                        [status]=\"step.status\"\n                        [optionalText]=\"step.optionalText\"\n                        [branching]=\"!!step.branching\"\n                        [stepClickValidator]=\"stepClickValidatorFn(i)\"\n                        [isSummary]=\"!!step.summary\"\n                        (statusChange)=\"stepStatusChanged(step.id, $event)\"\n                        (stepClicked)=\"stepClicked(step.id)\"\n                    >\n                        <fd-wizard-step-indicator [glyph]=\"step.icon || null\">\n                            @if (!step.icon) {\n                                {{ i + 1 }}\n                            }\n                        </fd-wizard-step-indicator>\n                        <fd-wizard-content>\n                            @if (!step.summary) {\n                                <fdp-wizard-generator-step\n                                    [unifiedLayout]=\"unifiedLayout\"\n                                    [item]=\"step\"\n                                    [stepStatus]=\"step.status\"\n                                ></fdp-wizard-generator-step>\n                            } @else {\n                                <fdp-wizard-summary-step\n                                    [customSummaryStepTemplate]=\"customSummaryStepTemplate\"\n                                    [status]=\"step.status\"\n                                ></fdp-wizard-summary-step>\n                            }\n                            @if (navigationButtons) {\n                                <fd-wizard-next-step [canHide]=\"appendToWizard\">\n                                    @if (!isLastStep) {\n                                        <ng-template #defaultGoNextButtonTemplate>\n                                            <fdp-button\n                                                [fdContentDensity]=\"navigationButtonLabels.goNext.contentDensity\"\n                                                [buttonType]=\"navigationButtonLabels.goNext.type\"\n                                                [label]=\"navigationButtonLabels.goNext.label\"\n                                                (click)=\"goNext.emit()\"\n                                            ></fdp-button>\n                                        </ng-template>\n                                        <ng-template #defaultReviewButtonTemplate>\n                                            <fdp-button\n                                                [fdContentDensity]=\"navigationButtonLabels.review.contentDensity\"\n                                                [buttonType]=\"navigationButtonLabels.review.type\"\n                                                [label]=\"navigationButtonLabels.review.label\"\n                                                (click)=\"goNext.emit()\"\n                                            ></fdp-button>\n                                        </ng-template>\n                                        @if (\n                                            (isBranchingStep && (!isCurrentStepCompleted || stepsOrderChanged)) ||\n                                            !isNextStepSummary\n                                        ) {\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"goNextButtonTemplate || defaultGoNextButtonTemplate\"\n                                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                                            ></ng-template>\n                                        } @else {\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"reviewButtonTemplate || defaultReviewButtonTemplate\"\n                                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                                            ></ng-template>\n                                        }\n                                    } @else {\n                                        <ng-template #defaultFinishButtonTemplate>\n                                            <fdp-button\n                                                [fdContentDensity]=\"navigationButtonLabels.finish.contentDensity\"\n                                                [buttonType]=\"navigationButtonLabels.finish.type\"\n                                                [label]=\"navigationButtonLabels.finish.label\"\n                                                (click)=\"finish.emit()\"\n                                            ></fdp-button>\n                                        </ng-template>\n                                        <ng-template\n                                            [ngTemplateOutlet]=\"finishButtonTemplate || defaultFinishButtonTemplate\"\n                                            [ngTemplateOutletContext]=\"{ finish: _finishFn }\"\n                                        ></ng-template>\n                                    }\n                                </fd-wizard-next-step>\n                            }\n                        </fd-wizard-content>\n                    </li>\n                }\n            </ul>\n        </fd-wizard-navigation>\n    </fd-wizard>\n}\n" }]
+                    ], template: "@if (visibleItems) {\n    <fd-wizard\n        [displaySummaryStep]=\"displaySummaryStep\"\n        [responsivePaddings]=\"responsivePaddings\"\n        [appendToWizard]=\"appendToWizard\"\n        [contentHeight]=\"contentHeight\"\n    >\n        <fd-wizard-navigation>\n            <ul fd-wizard-progress-bar>\n                @for (step of visibleItems; track _trackFn(i, step); let i = $index) {\n                    <li\n                        fd-wizard-step\n                        [label]=\"step.name\"\n                        [status]=\"step.status\"\n                        [optionalText]=\"step.optionalText\"\n                        [branching]=\"!!step.branching\"\n                        [stepClickValidator]=\"stepClickValidatorFn(i)\"\n                        [isSummary]=\"!!step.summary\"\n                        (statusChange)=\"stepStatusChanged(step.id, $event)\"\n                        (stepClicked)=\"stepClicked(step.id)\"\n                    >\n                        <fd-wizard-step-indicator [glyph]=\"step.icon || null\">\n                            @if (!step.icon) {\n                                {{ i + 1 }}\n                            }\n                        </fd-wizard-step-indicator>\n                        <fd-wizard-content>\n                            @if (!step.summary) {\n                                <fdp-wizard-generator-step\n                                    [unifiedLayout]=\"unifiedLayout\"\n                                    [item]=\"step\"\n                                    [stepStatus]=\"step.status\"\n                                ></fdp-wizard-generator-step>\n                            } @else {\n                                <fdp-wizard-summary-step\n                                    [customSummaryStepTemplate]=\"customSummaryStepTemplate\"\n                                    [status]=\"step.status\"\n                                ></fdp-wizard-summary-step>\n                            }\n                            @if (navigationButtons) {\n                                <fd-wizard-next-step [canHide]=\"appendToWizard\">\n                                    @if (!isLastStep) {\n                                        <ng-template #defaultGoNextButtonTemplate>\n                                            <button\n                                                fd-button\n                                                [fdContentDensity]=\"navigationButtonLabels.goNext.contentDensity\"\n                                                [fdType]=\"navigationButtonLabels.goNext.type\"\n                                                [label]=\"navigationButtonLabels.goNext.label\"\n                                                (click)=\"goNext.emit()\"\n                                            ></button>\n                                        </ng-template>\n                                        <ng-template #defaultReviewButtonTemplate>\n                                            <button\n                                                fd-button\n                                                [fdContentDensity]=\"navigationButtonLabels.review.contentDensity\"\n                                                [fdType]=\"navigationButtonLabels.review.type\"\n                                                [label]=\"navigationButtonLabels.review.label\"\n                                                (click)=\"goNext.emit()\"\n                                            ></button>\n                                        </ng-template>\n                                        @if (\n                                            (isBranchingStep && (!isCurrentStepCompleted || stepsOrderChanged)) ||\n                                            !isNextStepSummary\n                                        ) {\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"goNextButtonTemplate || defaultGoNextButtonTemplate\"\n                                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                                            ></ng-template>\n                                        } @else {\n                                            <ng-template\n                                                [ngTemplateOutlet]=\"reviewButtonTemplate || defaultReviewButtonTemplate\"\n                                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                                            ></ng-template>\n                                        }\n                                    } @else {\n                                        <ng-template #defaultFinishButtonTemplate>\n                                            <button\n                                                fd-button\n                                                [fdContentDensity]=\"navigationButtonLabels.finish.contentDensity\"\n                                                [fdType]=\"navigationButtonLabels.finish.type\"\n                                                [label]=\"navigationButtonLabels.finish.label\"\n                                                (click)=\"finish.emit()\"\n                                            ></button>\n                                        </ng-template>\n                                        <ng-template\n                                            [ngTemplateOutlet]=\"finishButtonTemplate || defaultFinishButtonTemplate\"\n                                            [ngTemplateOutletContext]=\"{ finish: _finishFn }\"\n                                        ></ng-template>\n                                    }\n                                </fd-wizard-next-step>\n                            }\n                        </fd-wizard-content>\n                    </li>\n                }\n            </ul>\n        </fd-wizard-navigation>\n    </fd-wizard>\n}\n" }]
         }], ctorParameters: () => [{ type: WizardGeneratorService }, { type: i0.ChangeDetectorRef }], propDecorators: { responsivePaddings: [{
                 type: Input
             }], navigationButtonLabels: [{
@@ -1357,8 +1345,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
 
 class DialogWizardGeneratorComponent extends BaseWizardGenerator {
     /** @hidden */
-    constructor(_wizardGeneratorService, _cd, _dialogRef) {
-        super(_wizardGeneratorService, _cd);
+    constructor(_dialogRef) {
+        super();
         this._dialogRef = _dialogRef;
         /**
          * @description Confirmation message when wizard dialog close button has been clicked.
@@ -1431,7 +1419,7 @@ class DialogWizardGeneratorComponent extends BaseWizardGenerator {
         const template = this.confirmationDialogTemplate || this.defaultConfirmationDialogTemplate;
         const messageBoxRef = this._messageBoxService.open(template, { responsivePadding: true });
         messageBoxRef.afterClosed
-            .pipe(filter((result) => result), takeUntil(this._onDestroy$))
+            .pipe(filter((result) => result), takeUntilDestroyed(this._destroyRef))
             .subscribe(() => {
             this._dialogRef.dismiss();
         });
@@ -1447,7 +1435,7 @@ class DialogWizardGeneratorComponent extends BaseWizardGenerator {
         }
         const currentStepId = this._wizardGeneratorService.getCurrentStepId();
         this.submitStepForms(currentStepId)
-            .pipe(takeUntil(this._onDestroy$))
+            .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe(async (result) => {
             if (result && Object.values(result).some((r) => !r.success)) {
                 return;
@@ -1456,10 +1444,10 @@ class DialogWizardGeneratorComponent extends BaseWizardGenerator {
             this._dialogRef.close(wizardResult);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: DialogWizardGeneratorComponent, deps: [{ token: WizardGeneratorService }, { token: i0.ChangeDetectorRef }, { token: i2$2.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: DialogWizardGeneratorComponent, isStandalone: true, selector: "fdp-dialog-wizard-generator", providers: [WizardGeneratorService, FormGeneratorService], viewQueries: [{ propertyName: "defaultConfirmationDialogTemplate", first: true, predicate: ["defaultConfirmationDialogTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <h2 fd-title [headerSize]=\"title.size\">{{ title.text }}</h2>\n    </fd-dialog-header>\n    <fd-dialog-body>\n        <fdp-wizard-body\n            [navigationButtons]=\"false\"\n            [displaySummaryStep]=\"displaySummaryStep\"\n            [responsivePaddings]=\"responsivePaddings\"\n            [navigationButtonLabels]=\"_navigationButtonLabels\"\n            [customSummaryStepTemplate]=\"summaryStepTemplate\"\n            [reviewButtonTemplate]=\"reviewButtonTemplate\"\n            [hidden]=\"!wizardCreated\"\n            [appendToWizard]=\"appendToWizard\"\n            [unifiedLayout]=\"unifiedLayout\"\n            [contentHeight]=\"contentHeight\"\n            (statusChange)=\"stepStatusChanged($event.id, $event.status)\"\n        ></fdp-wizard-body>\n        @if (wizardCreated) {\n            <div fd-bar barDesign=\"floating-footer\" [class.fd-bar--responsive-paddings]=\"responsivePaddings\">\n                <div fd-bar-right>\n                    @if (!isFirstStep) {\n                        <ng-template #defaultGoBackButtonTemplate>\n                            <fdp-button\n                                class=\"fd-bar__element\"\n                                [fdContentDensity]=\"_navigationButtonLabels.goBack.contentDensity\"\n                                [buttonType]=\"_navigationButtonLabels.goBack.type\"\n                                [label]=\"_navigationButtonLabels.goBack.label\"\n                                (click)=\"goBack()\"\n                            ></fdp-button>\n                        </ng-template>\n                        <ng-template\n                            [ngTemplateOutlet]=\"goBackButtonTemplate || defaultGoBackButtonTemplate\"\n                            [ngTemplateOutletContext]=\"{ goBack: _goBackFn }\"\n                        ></ng-template>\n                    }\n                    @if (!isLastStep) {\n                        <ng-template #defaultGoNextButtonTemplate>\n                            <fdp-button\n                                class=\"fd-bar__element\"\n                                [fdContentDensity]=\"_navigationButtonLabels.goNext.contentDensity\"\n                                [buttonType]=\"_navigationButtonLabels.goNext.type\"\n                                [label]=\"_navigationButtonLabels.goNext.label\"\n                                (click)=\"goNext()\"\n                            ></fdp-button>\n                        </ng-template>\n                        <ng-template #defaultReviewButtonTemplate>\n                            <fdp-button\n                                class=\"fd-bar__element\"\n                                [fdContentDensity]=\"_navigationButtonLabels.review.contentDensity\"\n                                [buttonType]=\"_navigationButtonLabels.review.type\"\n                                [label]=\"_navigationButtonLabels.review.label\"\n                                (click)=\"goNext()\"\n                            ></fdp-button>\n                        </ng-template>\n                        @if (\n                            (isBranchingStep && (!isCurrentStepCompleted || _stepsOrderChanged)) || !isNextStepSummary\n                        ) {\n                            <ng-template\n                                [ngTemplateOutlet]=\"goNextButtonTemplate || defaultGoNextButtonTemplate\"\n                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                            ></ng-template>\n                        } @else {\n                            <ng-template\n                                [ngTemplateOutlet]=\"reviewButtonTemplate || defaultReviewButtonTemplate\"\n                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                            ></ng-template>\n                        }\n                    }\n                    @if (isLastStep) {\n                        <ng-template #defaultFinishButtonTemplate>\n                            <fdp-button\n                                class=\"fd-bar__element\"\n                                [fdContentDensity]=\"_navigationButtonLabels.finish.contentDensity\"\n                                [buttonType]=\"_navigationButtonLabels.finish.type\"\n                                [label]=\"_navigationButtonLabels.finish.label\"\n                                (click)=\"finish()\"\n                            ></fdp-button>\n                        </ng-template>\n                        <ng-template\n                            [ngTemplateOutlet]=\"finishButtonTemplate || defaultFinishButtonTemplate\"\n                            [ngTemplateOutletContext]=\"{ finish: _finishFn }\"\n                        ></ng-template>\n                    }\n                    <ng-template #defaultCancelButtonTemplate>\n                        <fdp-button\n                            class=\"fd-bar__element\"\n                            [fdContentDensity]=\"_navigationButtonLabels.cancel.contentDensity\"\n                            [buttonType]=\"_navigationButtonLabels.cancel.type\"\n                            [label]=\"_navigationButtonLabels.cancel.label\"\n                            (click)=\"cancel()\"\n                        ></fdp-button>\n                    </ng-template>\n                    <ng-template\n                        [ngTemplateOutlet]=\"cancelButtonTemplate || defaultCancelButtonTemplate\"\n                        [ngTemplateOutletContext]=\"{ cancel: _cancelFn }\"\n                    ></ng-template>\n                </div>\n            </div>\n        }\n    </fd-dialog-body>\n</fd-dialog>\n<ng-template\n    [fdMessageBoxTemplate]\n    let-messageBox\n    let-messageBoxConfig=\"messageBoxConfig\"\n    #defaultConfirmationDialogTemplate\n>\n    <fd-message-box [messageBoxConfig]=\"messageBoxConfig\" [messageBoxRef]=\"messageBox\">\n        <fd-message-box-body>\n            {{ confirmationDialogText }}\n        </fd-message-box-body>\n        <fd-message-box-footer>\n            <fd-button-bar\n                fdType=\"emphasized\"\n                [label]=\"confirmationDialogCloseText\"\n                type=\"submit\"\n                (click)=\"messageBox.close(true)\"\n            >\n            </fd-button-bar>\n            <fd-button-bar fdkInitialFocus [label]=\"confirmationDialogCancelText\" (click)=\"messageBox.dismiss()\">\n            </fd-button-bar>\n        </fd-message-box-footer>\n    </fd-message-box>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i2$2.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i2$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i4.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: WizardBodyComponent, selector: "fdp-wizard-body", inputs: ["responsivePaddings", "navigationButtonLabels", "appendToWizard", "contentHeight", "isFirstStep", "isLastStep", "isNextStepSummary", "displaySummaryStep", "goNextButtonTemplate", "finishButtonTemplate", "customSummaryStepTemplate", "reviewButtonTemplate", "isSummaryStep", "navigationButtons", "unifiedLayout", "isBranchingStep", "isCurrentStepCompleted", "stepsOrderChanged"], outputs: ["statusChange", "goNext", "finish"] }, { kind: "ngmodule", type: BarModule }, { kind: "component", type: ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MessageBoxModule }, { kind: "component", type: i5.MessageBoxFooterComponent, selector: "fd-message-box-footer" }, { kind: "component", type: i5.MessageBoxBodyComponent, selector: "fd-message-box-body" }, { kind: "component", type: i5.MessageBoxComponent, selector: "fd-message-box", inputs: ["class", "messageBoxRef", "messageBoxConfig"] }, { kind: "directive", type: i5.MessageBoxTemplateDirective, selector: "[fdMessageBoxTemplate]", inputs: ["fdMessageBoxTemplateConfig"] }, { kind: "directive", type: i6.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DialogWizardGeneratorComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: DialogWizardGeneratorComponent, isStandalone: true, selector: "fdp-dialog-wizard-generator", providers: [WizardGeneratorService, FormGeneratorService], viewQueries: [{ propertyName: "defaultConfirmationDialogTemplate", first: true, predicate: ["defaultConfirmationDialogTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<fd-dialog>\n    <fd-dialog-header>\n        <h2 fd-title [headerSize]=\"title.size\">{{ title.text }}</h2>\n    </fd-dialog-header>\n    <fd-dialog-body>\n        <fdp-wizard-body\n            [navigationButtons]=\"false\"\n            [displaySummaryStep]=\"displaySummaryStep\"\n            [responsivePaddings]=\"responsivePaddings\"\n            [navigationButtonLabels]=\"_navigationButtonLabels\"\n            [customSummaryStepTemplate]=\"summaryStepTemplate\"\n            [reviewButtonTemplate]=\"reviewButtonTemplate\"\n            [hidden]=\"!wizardCreated\"\n            [appendToWizard]=\"appendToWizard\"\n            [unifiedLayout]=\"unifiedLayout\"\n            [contentHeight]=\"contentHeight\"\n            (statusChange)=\"stepStatusChanged($event.id, $event.status)\"\n        ></fdp-wizard-body>\n        @if (wizardCreated) {\n            <div fd-bar barDesign=\"floating-footer\" [class.fd-bar--responsive-paddings]=\"responsivePaddings\">\n                <div fd-bar-right>\n                    @if (!isFirstStep) {\n                        <ng-template #defaultGoBackButtonTemplate>\n                            <button\n                                fd-button\n                                [fdContentDensity]=\"_navigationButtonLabels.goBack.contentDensity\"\n                                [fdType]=\"_navigationButtonLabels.goBack.type\"\n                                [label]=\"_navigationButtonLabels.goBack.label\"\n                                (click)=\"goBack()\"\n                            ></button>\n                        </ng-template>\n                        <ng-template\n                            [ngTemplateOutlet]=\"goBackButtonTemplate || defaultGoBackButtonTemplate\"\n                            [ngTemplateOutletContext]=\"{ goBack: _goBackFn }\"\n                        ></ng-template>\n                    }\n                    @if (!isLastStep) {\n                        <ng-template #defaultGoNextButtonTemplate>\n                            <button\n                                fd-button\n                                [fdContentDensity]=\"_navigationButtonLabels.goNext.contentDensity\"\n                                [fdType]=\"_navigationButtonLabels.goNext.type\"\n                                [label]=\"_navigationButtonLabels.goNext.label\"\n                                (click)=\"goNext()\"\n                            ></button>\n                        </ng-template>\n                        <ng-template #defaultReviewButtonTemplate>\n                            <button\n                                fd-button\n                                [fdContentDensity]=\"_navigationButtonLabels.review.contentDensity\"\n                                [fdType]=\"_navigationButtonLabels.review.type\"\n                                [label]=\"_navigationButtonLabels.review.label\"\n                                (click)=\"goNext()\"\n                            ></button>\n                        </ng-template>\n                        @if (\n                            (isBranchingStep && (!isCurrentStepCompleted || _stepsOrderChanged)) || !isNextStepSummary\n                        ) {\n                            <ng-template\n                                [ngTemplateOutlet]=\"goNextButtonTemplate || defaultGoNextButtonTemplate\"\n                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                            ></ng-template>\n                        } @else {\n                            <ng-template\n                                [ngTemplateOutlet]=\"reviewButtonTemplate || defaultReviewButtonTemplate\"\n                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                            ></ng-template>\n                        }\n                    }\n                    @if (isLastStep) {\n                        <ng-template #defaultFinishButtonTemplate>\n                            <button\n                                fd-button\n                                [fdContentDensity]=\"_navigationButtonLabels.finish.contentDensity\"\n                                [fdType]=\"_navigationButtonLabels.finish.type\"\n                                [label]=\"_navigationButtonLabels.finish.label\"\n                                (click)=\"finish()\"\n                            ></button>\n                        </ng-template>\n                        <ng-template\n                            [ngTemplateOutlet]=\"finishButtonTemplate || defaultFinishButtonTemplate\"\n                            [ngTemplateOutletContext]=\"{ finish: _finishFn }\"\n                        ></ng-template>\n                    }\n                    <ng-template #defaultCancelButtonTemplate>\n                        <button\n                            fd-button\n                            [fdContentDensity]=\"_navigationButtonLabels.cancel.contentDensity\"\n                            [fdType]=\"_navigationButtonLabels.cancel.type\"\n                            [label]=\"_navigationButtonLabels.cancel.label\"\n                            (click)=\"cancel()\"\n                        ></button>\n                    </ng-template>\n                    <ng-template\n                        [ngTemplateOutlet]=\"cancelButtonTemplate || defaultCancelButtonTemplate\"\n                        [ngTemplateOutletContext]=\"{ cancel: _cancelFn }\"\n                    ></ng-template>\n                </div>\n            </div>\n        }\n    </fd-dialog-body>\n</fd-dialog>\n<ng-template\n    [fdMessageBoxTemplate]\n    let-messageBox\n    let-messageBoxConfig=\"messageBoxConfig\"\n    #defaultConfirmationDialogTemplate\n>\n    <fd-message-box [messageBoxConfig]=\"messageBoxConfig\" [messageBoxRef]=\"messageBox\">\n        <fd-message-box-body>\n            {{ confirmationDialogText }}\n        </fd-message-box-body>\n        <fd-message-box-footer>\n            <fd-button-bar\n                fdType=\"emphasized\"\n                [label]=\"confirmationDialogCloseText\"\n                type=\"submit\"\n                (click)=\"messageBox.close(true)\"\n            >\n            </fd-button-bar>\n            <fd-button-bar fdkInitialFocus [label]=\"confirmationDialogCancelText\" (click)=\"messageBox.dismiss()\">\n            </fd-button-bar>\n        </fd-message-box-footer>\n    </fd-message-box>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i2$2.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i2$2.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i2$2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: WizardBodyComponent, selector: "fdp-wizard-body", inputs: ["responsivePaddings", "navigationButtonLabels", "appendToWizard", "contentHeight", "isFirstStep", "isLastStep", "isNextStepSummary", "displaySummaryStep", "goNextButtonTemplate", "finishButtonTemplate", "customSummaryStepTemplate", "reviewButtonTemplate", "isSummaryStep", "navigationButtons", "unifiedLayout", "isBranchingStep", "isCurrentStepCompleted", "stepsOrderChanged"], outputs: ["statusChange", "goNext", "finish"] }, { kind: "ngmodule", type: BarModule }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MessageBoxModule }, { kind: "component", type: i4.MessageBoxFooterComponent, selector: "fd-message-box-footer" }, { kind: "component", type: i4.MessageBoxBodyComponent, selector: "fd-message-box-body" }, { kind: "component", type: i4.MessageBoxComponent, selector: "fd-message-box", inputs: ["class", "messageBoxRef", "messageBoxConfig"] }, { kind: "directive", type: i4.MessageBoxTemplateDirective, selector: "[fdMessageBoxTemplate]", inputs: ["fdMessageBoxTemplateConfig"] }, { kind: "directive", type: i5.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: DialogWizardGeneratorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DialogWizardGeneratorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-dialog-wizard-generator', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [WizardGeneratorService, FormGeneratorService], standalone: true, imports: [
                         DialogModule,
@@ -1473,17 +1461,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                         NgTemplateOutlet,
                         MessageBoxModule,
                         InitialFocusDirective
-                    ], template: "<fd-dialog>\n    <fd-dialog-header>\n        <h2 fd-title [headerSize]=\"title.size\">{{ title.text }}</h2>\n    </fd-dialog-header>\n    <fd-dialog-body>\n        <fdp-wizard-body\n            [navigationButtons]=\"false\"\n            [displaySummaryStep]=\"displaySummaryStep\"\n            [responsivePaddings]=\"responsivePaddings\"\n            [navigationButtonLabels]=\"_navigationButtonLabels\"\n            [customSummaryStepTemplate]=\"summaryStepTemplate\"\n            [reviewButtonTemplate]=\"reviewButtonTemplate\"\n            [hidden]=\"!wizardCreated\"\n            [appendToWizard]=\"appendToWizard\"\n            [unifiedLayout]=\"unifiedLayout\"\n            [contentHeight]=\"contentHeight\"\n            (statusChange)=\"stepStatusChanged($event.id, $event.status)\"\n        ></fdp-wizard-body>\n        @if (wizardCreated) {\n            <div fd-bar barDesign=\"floating-footer\" [class.fd-bar--responsive-paddings]=\"responsivePaddings\">\n                <div fd-bar-right>\n                    @if (!isFirstStep) {\n                        <ng-template #defaultGoBackButtonTemplate>\n                            <fdp-button\n                                class=\"fd-bar__element\"\n                                [fdContentDensity]=\"_navigationButtonLabels.goBack.contentDensity\"\n                                [buttonType]=\"_navigationButtonLabels.goBack.type\"\n                                [label]=\"_navigationButtonLabels.goBack.label\"\n                                (click)=\"goBack()\"\n                            ></fdp-button>\n                        </ng-template>\n                        <ng-template\n                            [ngTemplateOutlet]=\"goBackButtonTemplate || defaultGoBackButtonTemplate\"\n                            [ngTemplateOutletContext]=\"{ goBack: _goBackFn }\"\n                        ></ng-template>\n                    }\n                    @if (!isLastStep) {\n                        <ng-template #defaultGoNextButtonTemplate>\n                            <fdp-button\n                                class=\"fd-bar__element\"\n                                [fdContentDensity]=\"_navigationButtonLabels.goNext.contentDensity\"\n                                [buttonType]=\"_navigationButtonLabels.goNext.type\"\n                                [label]=\"_navigationButtonLabels.goNext.label\"\n                                (click)=\"goNext()\"\n                            ></fdp-button>\n                        </ng-template>\n                        <ng-template #defaultReviewButtonTemplate>\n                            <fdp-button\n                                class=\"fd-bar__element\"\n                                [fdContentDensity]=\"_navigationButtonLabels.review.contentDensity\"\n                                [buttonType]=\"_navigationButtonLabels.review.type\"\n                                [label]=\"_navigationButtonLabels.review.label\"\n                                (click)=\"goNext()\"\n                            ></fdp-button>\n                        </ng-template>\n                        @if (\n                            (isBranchingStep && (!isCurrentStepCompleted || _stepsOrderChanged)) || !isNextStepSummary\n                        ) {\n                            <ng-template\n                                [ngTemplateOutlet]=\"goNextButtonTemplate || defaultGoNextButtonTemplate\"\n                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                            ></ng-template>\n                        } @else {\n                            <ng-template\n                                [ngTemplateOutlet]=\"reviewButtonTemplate || defaultReviewButtonTemplate\"\n                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                            ></ng-template>\n                        }\n                    }\n                    @if (isLastStep) {\n                        <ng-template #defaultFinishButtonTemplate>\n                            <fdp-button\n                                class=\"fd-bar__element\"\n                                [fdContentDensity]=\"_navigationButtonLabels.finish.contentDensity\"\n                                [buttonType]=\"_navigationButtonLabels.finish.type\"\n                                [label]=\"_navigationButtonLabels.finish.label\"\n                                (click)=\"finish()\"\n                            ></fdp-button>\n                        </ng-template>\n                        <ng-template\n                            [ngTemplateOutlet]=\"finishButtonTemplate || defaultFinishButtonTemplate\"\n                            [ngTemplateOutletContext]=\"{ finish: _finishFn }\"\n                        ></ng-template>\n                    }\n                    <ng-template #defaultCancelButtonTemplate>\n                        <fdp-button\n                            class=\"fd-bar__element\"\n                            [fdContentDensity]=\"_navigationButtonLabels.cancel.contentDensity\"\n                            [buttonType]=\"_navigationButtonLabels.cancel.type\"\n                            [label]=\"_navigationButtonLabels.cancel.label\"\n                            (click)=\"cancel()\"\n                        ></fdp-button>\n                    </ng-template>\n                    <ng-template\n                        [ngTemplateOutlet]=\"cancelButtonTemplate || defaultCancelButtonTemplate\"\n                        [ngTemplateOutletContext]=\"{ cancel: _cancelFn }\"\n                    ></ng-template>\n                </div>\n            </div>\n        }\n    </fd-dialog-body>\n</fd-dialog>\n<ng-template\n    [fdMessageBoxTemplate]\n    let-messageBox\n    let-messageBoxConfig=\"messageBoxConfig\"\n    #defaultConfirmationDialogTemplate\n>\n    <fd-message-box [messageBoxConfig]=\"messageBoxConfig\" [messageBoxRef]=\"messageBox\">\n        <fd-message-box-body>\n            {{ confirmationDialogText }}\n        </fd-message-box-body>\n        <fd-message-box-footer>\n            <fd-button-bar\n                fdType=\"emphasized\"\n                [label]=\"confirmationDialogCloseText\"\n                type=\"submit\"\n                (click)=\"messageBox.close(true)\"\n            >\n            </fd-button-bar>\n            <fd-button-bar fdkInitialFocus [label]=\"confirmationDialogCancelText\" (click)=\"messageBox.dismiss()\">\n            </fd-button-bar>\n        </fd-message-box-footer>\n    </fd-message-box>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: WizardGeneratorService }, { type: i0.ChangeDetectorRef }, { type: i2$2.DialogRef }], propDecorators: { defaultConfirmationDialogTemplate: [{
+                    ], template: "<fd-dialog>\n    <fd-dialog-header>\n        <h2 fd-title [headerSize]=\"title.size\">{{ title.text }}</h2>\n    </fd-dialog-header>\n    <fd-dialog-body>\n        <fdp-wizard-body\n            [navigationButtons]=\"false\"\n            [displaySummaryStep]=\"displaySummaryStep\"\n            [responsivePaddings]=\"responsivePaddings\"\n            [navigationButtonLabels]=\"_navigationButtonLabels\"\n            [customSummaryStepTemplate]=\"summaryStepTemplate\"\n            [reviewButtonTemplate]=\"reviewButtonTemplate\"\n            [hidden]=\"!wizardCreated\"\n            [appendToWizard]=\"appendToWizard\"\n            [unifiedLayout]=\"unifiedLayout\"\n            [contentHeight]=\"contentHeight\"\n            (statusChange)=\"stepStatusChanged($event.id, $event.status)\"\n        ></fdp-wizard-body>\n        @if (wizardCreated) {\n            <div fd-bar barDesign=\"floating-footer\" [class.fd-bar--responsive-paddings]=\"responsivePaddings\">\n                <div fd-bar-right>\n                    @if (!isFirstStep) {\n                        <ng-template #defaultGoBackButtonTemplate>\n                            <button\n                                fd-button\n                                [fdContentDensity]=\"_navigationButtonLabels.goBack.contentDensity\"\n                                [fdType]=\"_navigationButtonLabels.goBack.type\"\n                                [label]=\"_navigationButtonLabels.goBack.label\"\n                                (click)=\"goBack()\"\n                            ></button>\n                        </ng-template>\n                        <ng-template\n                            [ngTemplateOutlet]=\"goBackButtonTemplate || defaultGoBackButtonTemplate\"\n                            [ngTemplateOutletContext]=\"{ goBack: _goBackFn }\"\n                        ></ng-template>\n                    }\n                    @if (!isLastStep) {\n                        <ng-template #defaultGoNextButtonTemplate>\n                            <button\n                                fd-button\n                                [fdContentDensity]=\"_navigationButtonLabels.goNext.contentDensity\"\n                                [fdType]=\"_navigationButtonLabels.goNext.type\"\n                                [label]=\"_navigationButtonLabels.goNext.label\"\n                                (click)=\"goNext()\"\n                            ></button>\n                        </ng-template>\n                        <ng-template #defaultReviewButtonTemplate>\n                            <button\n                                fd-button\n                                [fdContentDensity]=\"_navigationButtonLabels.review.contentDensity\"\n                                [fdType]=\"_navigationButtonLabels.review.type\"\n                                [label]=\"_navigationButtonLabels.review.label\"\n                                (click)=\"goNext()\"\n                            ></button>\n                        </ng-template>\n                        @if (\n                            (isBranchingStep && (!isCurrentStepCompleted || _stepsOrderChanged)) || !isNextStepSummary\n                        ) {\n                            <ng-template\n                                [ngTemplateOutlet]=\"goNextButtonTemplate || defaultGoNextButtonTemplate\"\n                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                            ></ng-template>\n                        } @else {\n                            <ng-template\n                                [ngTemplateOutlet]=\"reviewButtonTemplate || defaultReviewButtonTemplate\"\n                                [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                            ></ng-template>\n                        }\n                    }\n                    @if (isLastStep) {\n                        <ng-template #defaultFinishButtonTemplate>\n                            <button\n                                fd-button\n                                [fdContentDensity]=\"_navigationButtonLabels.finish.contentDensity\"\n                                [fdType]=\"_navigationButtonLabels.finish.type\"\n                                [label]=\"_navigationButtonLabels.finish.label\"\n                                (click)=\"finish()\"\n                            ></button>\n                        </ng-template>\n                        <ng-template\n                            [ngTemplateOutlet]=\"finishButtonTemplate || defaultFinishButtonTemplate\"\n                            [ngTemplateOutletContext]=\"{ finish: _finishFn }\"\n                        ></ng-template>\n                    }\n                    <ng-template #defaultCancelButtonTemplate>\n                        <button\n                            fd-button\n                            [fdContentDensity]=\"_navigationButtonLabels.cancel.contentDensity\"\n                            [fdType]=\"_navigationButtonLabels.cancel.type\"\n                            [label]=\"_navigationButtonLabels.cancel.label\"\n                            (click)=\"cancel()\"\n                        ></button>\n                    </ng-template>\n                    <ng-template\n                        [ngTemplateOutlet]=\"cancelButtonTemplate || defaultCancelButtonTemplate\"\n                        [ngTemplateOutletContext]=\"{ cancel: _cancelFn }\"\n                    ></ng-template>\n                </div>\n            </div>\n        }\n    </fd-dialog-body>\n</fd-dialog>\n<ng-template\n    [fdMessageBoxTemplate]\n    let-messageBox\n    let-messageBoxConfig=\"messageBoxConfig\"\n    #defaultConfirmationDialogTemplate\n>\n    <fd-message-box [messageBoxConfig]=\"messageBoxConfig\" [messageBoxRef]=\"messageBox\">\n        <fd-message-box-body>\n            {{ confirmationDialogText }}\n        </fd-message-box-body>\n        <fd-message-box-footer>\n            <fd-button-bar\n                fdType=\"emphasized\"\n                [label]=\"confirmationDialogCloseText\"\n                type=\"submit\"\n                (click)=\"messageBox.close(true)\"\n            >\n            </fd-button-bar>\n            <fd-button-bar fdkInitialFocus [label]=\"confirmationDialogCancelText\" (click)=\"messageBox.dismiss()\">\n            </fd-button-bar>\n        </fd-message-box-footer>\n    </fd-message-box>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.DialogRef }], propDecorators: { defaultConfirmationDialogTemplate: [{
                 type: ViewChild,
                 args: ['defaultConfirmationDialogTemplate']
             }] } });
 
 class WizardGeneratorFinishButtonDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorFinishButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: WizardGeneratorFinishButtonDirective, isStandalone: true, selector: "[fdpWizardGeneratorFinishButton], [fdp-wizard-generator-finish-button]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorFinishButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: WizardGeneratorFinishButtonDirective, isStandalone: true, selector: "[fdpWizardGeneratorFinishButton], [fdp-wizard-generator-finish-button]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorFinishButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorFinishButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpWizardGeneratorFinishButton], [fdp-wizard-generator-finish-button]',
@@ -1492,10 +1480,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
         }] });
 
 class WizardGeneratorGoNextButtonDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorGoNextButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: WizardGeneratorGoNextButtonDirective, isStandalone: true, selector: "[fdpWizardGeneratorGoNextButton], [fdp-wizard-generator-go-next-button]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorGoNextButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: WizardGeneratorGoNextButtonDirective, isStandalone: true, selector: "[fdpWizardGeneratorGoNextButton], [fdp-wizard-generator-go-next-button]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorGoNextButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorGoNextButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpWizardGeneratorGoNextButton], [fdp-wizard-generator-go-next-button]',
@@ -1504,10 +1492,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
         }] });
 
 class WizardGeneratorReviewButtonDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorReviewButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: WizardGeneratorReviewButtonDirective, isStandalone: true, selector: "[fdpWizardGeneratorReviewButton], [fdp-wizard-generator-review-button]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorReviewButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: WizardGeneratorReviewButtonDirective, isStandalone: true, selector: "[fdpWizardGeneratorReviewButton], [fdp-wizard-generator-review-button]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorReviewButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorReviewButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpWizardGeneratorReviewButton], [fdp-wizard-generator-review-button]',
@@ -1516,10 +1504,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
         }] });
 
 class WizardGeneratorSummaryStepDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorSummaryStepDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: WizardGeneratorSummaryStepDirective, isStandalone: true, selector: "[fdpWizardGeneratorSummaryStep], [fdp-wizard-generator-summary-step]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorSummaryStepDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: WizardGeneratorSummaryStepDirective, isStandalone: true, selector: "[fdpWizardGeneratorSummaryStep], [fdp-wizard-generator-summary-step]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorSummaryStepDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorSummaryStepDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpWizardGeneratorSummaryStep], [fdp-wizard-generator-summary-step]',
@@ -1528,17 +1516,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
         }] });
 
 class WizardGeneratorComponent extends BaseWizardGenerator {
-    /** @hidden */
-    constructor(_wizardGeneratorService, _cd) {
-        super(_wizardGeneratorService, _cd);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorComponent, deps: [{ token: WizardGeneratorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: WizardGeneratorComponent, isStandalone: true, selector: "fdp-wizard-generator", providers: [WizardGeneratorService, FormGeneratorService], queries: [{ propertyName: "finishButtonTemplate", first: true, predicate: WizardGeneratorFinishButtonDirective, descendants: true, read: TemplateRef }, { propertyName: "goNextButtonTemplate", first: true, predicate: WizardGeneratorGoNextButtonDirective, descendants: true, read: TemplateRef }, { propertyName: "customSummaryStepTemplate", first: true, predicate: WizardGeneratorSummaryStepDirective, descendants: true, read: TemplateRef }, { propertyName: "reviewButtonTemplate", first: true, predicate: WizardGeneratorReviewButtonDirective, descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "@if (wizardCreated) {\n    <fdp-wizard-body\n        [navigationButtonLabels]=\"_navigationButtonLabels\"\n        [goNextButtonTemplate]=\"goNextButtonTemplate\"\n        [finishButtonTemplate]=\"finishButtonTemplate\"\n        [customSummaryStepTemplate]=\"customSummaryStepTemplate\"\n        [reviewButtonTemplate]=\"reviewButtonTemplate\"\n        [responsivePaddings]=\"responsivePaddings\"\n        [hidden]=\"!wizardCreated\"\n        [appendToWizard]=\"appendToWizard\"\n        [contentHeight]=\"contentHeight\"\n        [isFirstStep]=\"isFirstStep\"\n        [isLastStep]=\"isLastStep\"\n        [isNextStepSummary]=\"isNextStepSummary\"\n        [isSummaryStep]=\"isSummaryStep\"\n        [displaySummaryStep]=\"displaySummaryStep\"\n        [navigationButtons]=\"navigationButtons\"\n        [unifiedLayout]=\"unifiedLayout\"\n        [isBranchingStep]=\"isBranchingStep\"\n        [isCurrentStepCompleted]=\"isCurrentStepCompleted\"\n        [stepsOrderChanged]=\"_stepsOrderChanged\"\n        (statusChange)=\"stepStatusChanged($event.id, $event.status)\"\n        (goNext)=\"goNext()\"\n        (finish)=\"finish()\"\n    ></fdp-wizard-body>\n} @else {\n    <fd-wizard>\n        <fd-wizard-navigation>\n            <ul fd-wizard-progress-bar size=\"lg\" role=\"list\" aria-label=\"Wizard Steps\">\n                <li *fdkRepeat=\"3; let i = index\" fd-wizard-step [status]=\"i === 0 ? 'current' : 'upcoming'\">\n                    <fd-skeleton type=\"rectangle\" width=\"32px\" height=\"32px\"></fd-skeleton>\n                    <fd-wizard-content size=\"lg\">\n                        <fd-skeleton type=\"text\" width=\"60%\"></fd-skeleton>\n                    </fd-wizard-content>\n                </li>\n            </ul>\n        </fd-wizard-navigation>\n    </fd-wizard>\n}\n<!-- The Wizard -->\n", dependencies: [{ kind: "component", type: WizardBodyComponent, selector: "fdp-wizard-body", inputs: ["responsivePaddings", "navigationButtonLabels", "appendToWizard", "contentHeight", "isFirstStep", "isLastStep", "isNextStepSummary", "displaySummaryStep", "goNextButtonTemplate", "finishButtonTemplate", "customSummaryStepTemplate", "reviewButtonTemplate", "isSummaryStep", "navigationButtons", "unifiedLayout", "isBranchingStep", "isCurrentStepCompleted", "stepsOrderChanged"], outputs: ["statusChange", "goNext", "finish"] }, { kind: "ngmodule", type: WizardModule }, { kind: "component", type: i2$1.WizardComponent, selector: "fd-wizard", inputs: ["appendToWizard", "contentHeight", "responsivePaddings", "displaySummaryStep", "ariaLabel"] }, { kind: "component", type: i2$1.WizardNavigationComponent, selector: "fd-wizard-navigation", inputs: ["ariaLabel"] }, { kind: "directive", type: i2$1.WizardProgressBarDirective, selector: "[fd-wizard-progress-bar]", inputs: ["size"] }, { kind: "component", type: i2$1.WizardStepComponent, selector: "[fd-wizard-step]", inputs: ["ariaLabel", "ariaRoleDecription", "status", "branching", "label", "optionalText", "isSummary", "stepClickValidator"], outputs: ["statusChange", "stepClicked", "stepIndicatorItemClicked"] }, { kind: "component", type: i2$1.WizardContentComponent, selector: "fd-wizard-content", inputs: ["contentBackground", "size"] }, { kind: "directive", type: RepeatDirective, selector: "[fdkRepeat]", inputs: ["fdkRepeat"] }, { kind: "component", type: SkeletonComponent, selector: "fd-skeleton", inputs: ["animated", "type", "textLines", "width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: WizardGeneratorComponent, isStandalone: true, selector: "fdp-wizard-generator", providers: [WizardGeneratorService, FormGeneratorService], queries: [{ propertyName: "finishButtonTemplate", first: true, predicate: WizardGeneratorFinishButtonDirective, descendants: true, read: TemplateRef }, { propertyName: "goNextButtonTemplate", first: true, predicate: WizardGeneratorGoNextButtonDirective, descendants: true, read: TemplateRef }, { propertyName: "customSummaryStepTemplate", first: true, predicate: WizardGeneratorSummaryStepDirective, descendants: true, read: TemplateRef }, { propertyName: "reviewButtonTemplate", first: true, predicate: WizardGeneratorReviewButtonDirective, descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "@if (wizardCreated) {\n    <fdp-wizard-body\n        [navigationButtonLabels]=\"_navigationButtonLabels\"\n        [goNextButtonTemplate]=\"goNextButtonTemplate\"\n        [finishButtonTemplate]=\"finishButtonTemplate\"\n        [customSummaryStepTemplate]=\"customSummaryStepTemplate\"\n        [reviewButtonTemplate]=\"reviewButtonTemplate\"\n        [responsivePaddings]=\"responsivePaddings\"\n        [hidden]=\"!wizardCreated\"\n        [appendToWizard]=\"appendToWizard\"\n        [contentHeight]=\"contentHeight\"\n        [isFirstStep]=\"isFirstStep\"\n        [isLastStep]=\"isLastStep\"\n        [isNextStepSummary]=\"isNextStepSummary\"\n        [isSummaryStep]=\"isSummaryStep\"\n        [displaySummaryStep]=\"displaySummaryStep\"\n        [navigationButtons]=\"navigationButtons\"\n        [unifiedLayout]=\"unifiedLayout\"\n        [isBranchingStep]=\"isBranchingStep\"\n        [isCurrentStepCompleted]=\"isCurrentStepCompleted\"\n        [stepsOrderChanged]=\"_stepsOrderChanged\"\n        (statusChange)=\"stepStatusChanged($event.id, $event.status)\"\n        (goNext)=\"goNext()\"\n        (finish)=\"finish()\"\n    ></fdp-wizard-body>\n} @else {\n    <fd-wizard>\n        <fd-wizard-navigation>\n            <ul fd-wizard-progress-bar size=\"lg\" role=\"list\" aria-label=\"Wizard Steps\">\n                <li *fdkRepeat=\"3; let i = index\" fd-wizard-step [status]=\"i === 0 ? 'current' : 'upcoming'\">\n                    <fd-skeleton type=\"rectangle\" width=\"32px\" height=\"32px\"></fd-skeleton>\n                    <fd-wizard-content size=\"lg\">\n                        <fd-skeleton type=\"text\" width=\"60%\"></fd-skeleton>\n                    </fd-wizard-content>\n                </li>\n            </ul>\n        </fd-wizard-navigation>\n    </fd-wizard>\n}\n<!-- The Wizard -->\n", dependencies: [{ kind: "component", type: WizardBodyComponent, selector: "fdp-wizard-body", inputs: ["responsivePaddings", "navigationButtonLabels", "appendToWizard", "contentHeight", "isFirstStep", "isLastStep", "isNextStepSummary", "displaySummaryStep", "goNextButtonTemplate", "finishButtonTemplate", "customSummaryStepTemplate", "reviewButtonTemplate", "isSummaryStep", "navigationButtons", "unifiedLayout", "isBranchingStep", "isCurrentStepCompleted", "stepsOrderChanged"], outputs: ["statusChange", "goNext", "finish"] }, { kind: "ngmodule", type: WizardModule }, { kind: "component", type: i2$1.WizardComponent, selector: "fd-wizard", inputs: ["appendToWizard", "contentHeight", "responsivePaddings", "displaySummaryStep", "ariaLabel"] }, { kind: "component", type: i2$1.WizardNavigationComponent, selector: "fd-wizard-navigation", inputs: ["ariaLabel"] }, { kind: "directive", type: i2$1.WizardProgressBarDirective, selector: "[fd-wizard-progress-bar]", inputs: ["size"] }, { kind: "component", type: i2$1.WizardStepComponent, selector: "[fd-wizard-step]", inputs: ["ariaLabel", "ariaRoleDecription", "status", "branching", "label", "optionalText", "isSummary", "stepClickValidator"], outputs: ["statusChange", "stepClicked", "stepIndicatorItemClicked"] }, { kind: "component", type: i2$1.WizardContentComponent, selector: "fd-wizard-content", inputs: ["contentBackground", "size"] }, { kind: "directive", type: RepeatDirective, selector: "[fdkRepeat]", inputs: ["fdkRepeat"] }, { kind: "component", type: SkeletonComponent, selector: "fd-skeleton", inputs: ["animated", "type", "textLines", "width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardGeneratorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-wizard-generator', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [WizardGeneratorService, FormGeneratorService], standalone: true, imports: [WizardBodyComponent, WizardModule, RepeatDirective, SkeletonComponent], template: "@if (wizardCreated) {\n    <fdp-wizard-body\n        [navigationButtonLabels]=\"_navigationButtonLabels\"\n        [goNextButtonTemplate]=\"goNextButtonTemplate\"\n        [finishButtonTemplate]=\"finishButtonTemplate\"\n        [customSummaryStepTemplate]=\"customSummaryStepTemplate\"\n        [reviewButtonTemplate]=\"reviewButtonTemplate\"\n        [responsivePaddings]=\"responsivePaddings\"\n        [hidden]=\"!wizardCreated\"\n        [appendToWizard]=\"appendToWizard\"\n        [contentHeight]=\"contentHeight\"\n        [isFirstStep]=\"isFirstStep\"\n        [isLastStep]=\"isLastStep\"\n        [isNextStepSummary]=\"isNextStepSummary\"\n        [isSummaryStep]=\"isSummaryStep\"\n        [displaySummaryStep]=\"displaySummaryStep\"\n        [navigationButtons]=\"navigationButtons\"\n        [unifiedLayout]=\"unifiedLayout\"\n        [isBranchingStep]=\"isBranchingStep\"\n        [isCurrentStepCompleted]=\"isCurrentStepCompleted\"\n        [stepsOrderChanged]=\"_stepsOrderChanged\"\n        (statusChange)=\"stepStatusChanged($event.id, $event.status)\"\n        (goNext)=\"goNext()\"\n        (finish)=\"finish()\"\n    ></fdp-wizard-body>\n} @else {\n    <fd-wizard>\n        <fd-wizard-navigation>\n            <ul fd-wizard-progress-bar size=\"lg\" role=\"list\" aria-label=\"Wizard Steps\">\n                <li *fdkRepeat=\"3; let i = index\" fd-wizard-step [status]=\"i === 0 ? 'current' : 'upcoming'\">\n                    <fd-skeleton type=\"rectangle\" width=\"32px\" height=\"32px\"></fd-skeleton>\n                    <fd-wizard-content size=\"lg\">\n                        <fd-skeleton type=\"text\" width=\"60%\"></fd-skeleton>\n                    </fd-wizard-content>\n                </li>\n            </ul>\n        </fd-wizard-navigation>\n    </fd-wizard>\n}\n<!-- The Wizard -->\n" }]
-        }], ctorParameters: () => [{ type: WizardGeneratorService }, { type: i0.ChangeDetectorRef }], propDecorators: { finishButtonTemplate: [{
+        }], propDecorators: { finishButtonTemplate: [{
                 type: ContentChild,
                 args: [WizardGeneratorFinishButtonDirective, { read: TemplateRef }]
             }], goNextButtonTemplate: [{
@@ -1569,12 +1553,12 @@ class WizardDialogGeneratorService {
         const dialogRef = this._dialogService.open(DialogWizardGeneratorComponent, config);
         return dialogRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardDialogGeneratorService, deps: [{ token: i2$2.DialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardDialogGeneratorService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardDialogGeneratorService, deps: [{ token: i1$1.DialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardDialogGeneratorService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardDialogGeneratorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: WizardDialogGeneratorService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i2$2.DialogService }] });
+        }], ctorParameters: () => [{ type: i1$1.DialogService }] });
 
 /**
  * Adds Wizard Generator functionality to your application.
@@ -1603,8 +1587,8 @@ class PlatformWizardGeneratorModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformWizardGeneratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: PlatformWizardGeneratorModule, imports: [PlatformFormGeneratorModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformWizardGeneratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: PlatformWizardGeneratorModule, imports: [PlatformFormGeneratorModule,
             WizardGeneratorComponent,
             WizardGeneratorStepComponent,
             WizardBodyComponent,
@@ -1624,7 +1608,7 @@ class PlatformWizardGeneratorModule {
             WizardGeneratorFinishButtonDirective,
             WizardGeneratorSummaryStepDirective,
             WizardGeneratorReviewButtonDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformWizardGeneratorModule, providers: [WizardDialogGeneratorService], imports: [PlatformFormGeneratorModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformWizardGeneratorModule, providers: [WizardDialogGeneratorService], imports: [PlatformFormGeneratorModule,
             WizardGeneratorComponent,
             WizardGeneratorStepComponent,
             WizardBodyComponent,
@@ -1632,7 +1616,7 @@ class PlatformWizardGeneratorModule {
             WizardSummaryStepComponent,
             WizardSummarySectionComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformWizardGeneratorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PlatformWizardGeneratorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [