@fundamental-ngx/platform 0.47.4 → 0.48.0-rc.1

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

@@ -11,7 +11,7 @@ import { ContentDensityMode, ContentDensityDirective } from '@fundamental-ngx/co
 import * as i2$2 from '@fundamental-ngx/core/dialog';
 import { DialogModule } from '@fundamental-ngx/core/dialog';
 import { CdkScrollable } from '@angular/cdk/overlay';
-import { NgIf, NgFor, NgTemplateOutlet } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import * as i3 from '@fundamental-ngx/core/bar';
 import { BarModule } from '@fundamental-ngx/core/bar';
 import * as i5 from '@fundamental-ngx/core/message-box';
@@ -470,12 +470,12 @@ 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: "16.2.7", ngImport: i0, type: WizardGeneratorService, deps: [{ token: i2.FormGeneratorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorService }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i2.FormGeneratorService }]; } });
+        }], ctorParameters: () => [{ type: i2.FormGeneratorService }] });
 
 /**
  * @description Default button labels.
@@ -783,12 +783,12 @@ class BaseWizardGenerator {
         this.wizardCreated = true;
         this._cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseWizardGenerator, deps: [{ token: WizardGeneratorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseWizardGenerator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseWizardGenerator, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: WizardGeneratorService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { responsivePaddings: [{
+        }], ctorParameters: () => [{ type: WizardGeneratorService }, { type: i0.ChangeDetectorRef }], propDecorators: { responsivePaddings: [{
                 type: Input
             }], navigationButtonLabels: [{
                 type: Input
@@ -994,13 +994,13 @@ class WizardGeneratorStepComponent {
             this._visibleFormGroupIds[formGroup.id] = result;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorStepComponent, deps: [{ token: WizardGeneratorService }, { token: i2.FormGeneratorService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", 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: "<h3 *ngIf=\"item.title\" fd-title>{{ item.title }}</h3>\n\n<ng-container *ngFor=\"let form of item.formGroups; let i = index\">\n    <fdp-form-generator\n        *ngIf=\"_visibleFormGroupIds[form.id] !== false\"\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</ng-container>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorStepComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-wizard-generator-step', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, TitleComponent, NgFor, FormGeneratorComponent], template: "<h3 *ngIf=\"item.title\" fd-title>{{ item.title }}</h3>\n\n<ng-container *ngFor=\"let form of item.formGroups; let i = index\">\n    <fdp-form-generator\n        *ngIf=\"_visibleFormGroupIds[form.id] !== false\"\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</ng-container>\n" }]
-        }], ctorParameters: function () { return [{ type: WizardGeneratorService }, { type: i2.FormGeneratorService }]; }, propDecorators: { formGenerators: [{
+            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: [{
                 type: ViewChildren,
                 args: [FormGeneratorComponent]
             }], item: [{
@@ -1035,12 +1035,12 @@ class WizardSummarySectionComponent {
     _trackFn(_, form) {
         return form.id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardSummarySectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: WizardSummarySectionComponent, isStandalone: true, selector: "fdp-wizard-summary-section", inputs: { step: "step" }, outputs: { editStep: "editStep" }, ngImport: i0, template: "<ng-container *ngFor=\"let group of step.forms; trackBy: _trackFn\">\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                <div *ngFor=\"let item of group.items\">\n                    <label fd-form-label> {{ item.label }}: </label>\n                </div>\n            </div>\n            <div [fdLayoutGridCol]=\"4\" [colMd]=\"5\" [colLg]=\"5\" [colXl]=\"5\">\n                <div *ngFor=\"let item of group.items\">\n                    <label fd-form-label>\n                        {{ item.value || '-' }}\n                    </label>\n                </div>\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</ng-container>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardSummarySectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardSummarySectionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-wizard-summary-section', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgFor, TitleComponent, LayoutGridModule, FormLabelComponent, LinkComponent, FdTranslatePipe], template: "<ng-container *ngFor=\"let group of step.forms; trackBy: _trackFn\">\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                <div *ngFor=\"let item of group.items\">\n                    <label fd-form-label> {{ item.label }}: </label>\n                </div>\n            </div>\n            <div [fdLayoutGridCol]=\"4\" [colMd]=\"5\" [colLg]=\"5\" [colXl]=\"5\">\n                <div *ngFor=\"let item of group.items\">\n                    <label fd-form-label>\n                        {{ item.value || '-' }}\n                    </label>\n                </div>\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</ng-container>\n" }]
+            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: [{
                 type: Input
             }], editStep: [{
@@ -1142,13 +1142,13 @@ class WizardSummaryStepComponent {
         }
         return formattedStepValue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardSummaryStepComponent, deps: [{ token: WizardGeneratorService }, { token: i2.FormGeneratorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: WizardSummaryStepComponent, isStandalone: true, selector: "fdp-wizard-summary-step", inputs: { status: "status", customSummaryStepTemplate: "customSummaryStepTemplate" }, ngImport: i0, template: "<ng-container *ngIf=\"_shouldRender\">\n    <ng-template #defaultsummaryStepTemplate>\n        <ng-container *ngFor=\"let step of formattedWizardValue; trackBy: _trackFn\">\n            <fdp-wizard-summary-section [step]=\"step\" (editStep)=\"editStep($event)\"></fdp-wizard-summary-section>\n        </ng-container>\n    </ng-template>\n    <ng-template\n        [ngTemplateOutlet]=\"customSummaryStepTemplate || defaultsummaryStepTemplate\"\n        [ngTemplateOutletContext]=\"{ steps: formattedWizardValue, editStep: _editStepFn }\"\n    ></ng-template>\n</ng-container>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardSummaryStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardSummaryStepComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-wizard-summary-step', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIf, NgFor, WizardSummarySectionComponent, NgTemplateOutlet], template: "<ng-container *ngIf=\"_shouldRender\">\n    <ng-template #defaultsummaryStepTemplate>\n        <ng-container *ngFor=\"let step of formattedWizardValue; trackBy: _trackFn\">\n            <fdp-wizard-summary-section [step]=\"step\" (editStep)=\"editStep($event)\"></fdp-wizard-summary-section>\n        </ng-container>\n    </ng-template>\n    <ng-template\n        [ngTemplateOutlet]=\"customSummaryStepTemplate || defaultsummaryStepTemplate\"\n        [ngTemplateOutletContext]=\"{ steps: formattedWizardValue, editStep: _editStepFn }\"\n    ></ng-template>\n</ng-container>\n" }]
-        }], ctorParameters: function () { return [{ type: WizardGeneratorService }, { type: i2.FormGeneratorService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { status: [{
+            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: [{
                 type: Input
             }], customSummaryStepTemplate: [{
                 type: Input
@@ -1298,22 +1298,20 @@ class WizardBodyComponent {
     _trackFn(_index, item) {
         return item.id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardBodyComponent, deps: [{ token: WizardGeneratorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", 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: "<fd-wizard\n    [displaySummaryStep]=\"displaySummaryStep\"\n    [responsivePaddings]=\"responsivePaddings\"\n    [appendToWizard]=\"appendToWizard\"\n    [contentHeight]=\"contentHeight\"\n    *ngIf=\"visibleItems\"\n>\n    <fd-wizard-navigation>\n        <ul fd-wizard-progress-bar>\n            <ng-container *ngFor=\"let step of visibleItems; let i = index; trackBy: _trackFn\">\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                        <ng-container *ngIf=\"!step.icon\">{{ i + 1 }}</ng-container>\n                    </fd-wizard-step-indicator>\n                    <fd-wizard-content>\n                        <fdp-wizard-generator-step\n                            *ngIf=\"!step.summary\"\n                            [unifiedLayout]=\"unifiedLayout\"\n                            [item]=\"step\"\n                            [stepStatus]=\"step.status\"\n                        ></fdp-wizard-generator-step>\n                        <fdp-wizard-summary-step\n                            *ngIf=\"step.summary\"\n                            [customSummaryStepTemplate]=\"customSummaryStepTemplate\"\n                            [status]=\"step.status\"\n                        ></fdp-wizard-summary-step>\n\n                        <fd-wizard-next-step [canHide]=\"appendToWizard\" *ngIf=\"navigationButtons\">\n                            <ng-container *ngIf=\"!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                                <ng-template\n                                    [ngIf]=\"\n                                        (isBranchingStep && (!isCurrentStepCompleted || stepsOrderChanged)) ||\n                                        !isNextStepSummary\n                                    \"\n                                    [ngIfElse]=\"reviewButton\"\n                                >\n                                    <ng-template\n                                        [ngTemplateOutlet]=\"goNextButtonTemplate || defaultGoNextButtonTemplate\"\n                                        [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                                    ></ng-template>\n                                </ng-template>\n                                <ng-template #reviewButton>\n                                    <ng-template\n                                        [ngTemplateOutlet]=\"reviewButtonTemplate || defaultReviewButtonTemplate\"\n                                        [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                                    ></ng-template>\n                                </ng-template>\n                            </ng-container>\n                            <ng-container *ngIf=\"isLastStep\">\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                            </ng-container>\n                        </fd-wizard-next-step>\n                    </fd-wizard-content>\n                </li>\n            </ng-container>\n        </ul>\n    </fd-wizard-navigation>\n</fd-wizard>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-wizard-body', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        NgIf,
                         WizardModule,
-                        NgFor,
                         WizardGeneratorStepComponent,
                         WizardSummaryStepComponent,
                         ButtonComponent,
                         ContentDensityDirective,
                         NgTemplateOutlet
-                    ], template: "<fd-wizard\n    [displaySummaryStep]=\"displaySummaryStep\"\n    [responsivePaddings]=\"responsivePaddings\"\n    [appendToWizard]=\"appendToWizard\"\n    [contentHeight]=\"contentHeight\"\n    *ngIf=\"visibleItems\"\n>\n    <fd-wizard-navigation>\n        <ul fd-wizard-progress-bar>\n            <ng-container *ngFor=\"let step of visibleItems; let i = index; trackBy: _trackFn\">\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                        <ng-container *ngIf=\"!step.icon\">{{ i + 1 }}</ng-container>\n                    </fd-wizard-step-indicator>\n                    <fd-wizard-content>\n                        <fdp-wizard-generator-step\n                            *ngIf=\"!step.summary\"\n                            [unifiedLayout]=\"unifiedLayout\"\n                            [item]=\"step\"\n                            [stepStatus]=\"step.status\"\n                        ></fdp-wizard-generator-step>\n                        <fdp-wizard-summary-step\n                            *ngIf=\"step.summary\"\n                            [customSummaryStepTemplate]=\"customSummaryStepTemplate\"\n                            [status]=\"step.status\"\n                        ></fdp-wizard-summary-step>\n\n                        <fd-wizard-next-step [canHide]=\"appendToWizard\" *ngIf=\"navigationButtons\">\n                            <ng-container *ngIf=\"!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                                <ng-template\n                                    [ngIf]=\"\n                                        (isBranchingStep && (!isCurrentStepCompleted || stepsOrderChanged)) ||\n                                        !isNextStepSummary\n                                    \"\n                                    [ngIfElse]=\"reviewButton\"\n                                >\n                                    <ng-template\n                                        [ngTemplateOutlet]=\"goNextButtonTemplate || defaultGoNextButtonTemplate\"\n                                        [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                                    ></ng-template>\n                                </ng-template>\n                                <ng-template #reviewButton>\n                                    <ng-template\n                                        [ngTemplateOutlet]=\"reviewButtonTemplate || defaultReviewButtonTemplate\"\n                                        [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                                    ></ng-template>\n                                </ng-template>\n                            </ng-container>\n                            <ng-container *ngIf=\"isLastStep\">\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                            </ng-container>\n                        </fd-wizard-next-step>\n                    </fd-wizard-content>\n                </li>\n            </ng-container>\n        </ul>\n    </fd-wizard-navigation>\n</fd-wizard>\n" }]
-        }], ctorParameters: function () { return [{ type: WizardGeneratorService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { responsivePaddings: [{
+                    ], 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" }]
+        }], ctorParameters: () => [{ type: WizardGeneratorService }, { type: i0.ChangeDetectorRef }], propDecorators: { responsivePaddings: [{
                 type: Input
             }], navigationButtonLabels: [{
                 type: Input
@@ -1458,10 +1456,10 @@ class DialogWizardGeneratorComponent extends BaseWizardGenerator {
             this._dialogRef.close(wizardResult);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: DialogWizardGeneratorComponent, deps: [{ token: WizardGeneratorService }, { token: i0.ChangeDetectorRef }, { token: i2$2.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", 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        <div\n            fd-bar\n            barDesign=\"floating-footer\"\n            [class.fd-bar--responsive-paddings]=\"responsivePaddings\"\n            *ngIf=\"wizardCreated\"\n        >\n            <div fd-bar-right>\n                <ng-container *ngIf=\"!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                </ng-container>\n                <ng-container *ngIf=\"!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                    <ng-template\n                        [ngIf]=\"\n                            (isBranchingStep && (!isCurrentStepCompleted || _stepsOrderChanged)) || !isNextStepSummary\n                        \"\n                        [ngIfElse]=\"reviewButton\"\n                    >\n                        <ng-template\n                            [ngTemplateOutlet]=\"goNextButtonTemplate || defaultGoNextButtonTemplate\"\n                            [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                        ></ng-template>\n                    </ng-template>\n                    <ng-template #reviewButton>\n                        <ng-template\n                            [ngTemplateOutlet]=\"reviewButtonTemplate || defaultReviewButtonTemplate\"\n                            [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                        ></ng-template>\n                    </ng-template>\n                </ng-container>\n                <ng-container *ngIf=\"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                </ng-container>\n                <ng-container>\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                </ng-container>\n            </div>\n        </div>\n    </fd-dialog-body>\n</fd-dialog>\n\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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: DialogWizardGeneratorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", 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,
@@ -1469,15 +1467,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
                         CdkScrollable,
                         ScrollbarDirective,
                         WizardBodyComponent,
-                        NgIf,
                         BarModule,
                         ButtonComponent,
                         ContentDensityDirective,
                         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        <div\n            fd-bar\n            barDesign=\"floating-footer\"\n            [class.fd-bar--responsive-paddings]=\"responsivePaddings\"\n            *ngIf=\"wizardCreated\"\n        >\n            <div fd-bar-right>\n                <ng-container *ngIf=\"!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                </ng-container>\n                <ng-container *ngIf=\"!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                    <ng-template\n                        [ngIf]=\"\n                            (isBranchingStep && (!isCurrentStepCompleted || _stepsOrderChanged)) || !isNextStepSummary\n                        \"\n                        [ngIfElse]=\"reviewButton\"\n                    >\n                        <ng-template\n                            [ngTemplateOutlet]=\"goNextButtonTemplate || defaultGoNextButtonTemplate\"\n                            [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                        ></ng-template>\n                    </ng-template>\n                    <ng-template #reviewButton>\n                        <ng-template\n                            [ngTemplateOutlet]=\"reviewButtonTemplate || defaultReviewButtonTemplate\"\n                            [ngTemplateOutletContext]=\"{ goNext: _goNextFn }\"\n                        ></ng-template>\n                    </ng-template>\n                </ng-container>\n                <ng-container *ngIf=\"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                </ng-container>\n                <ng-container>\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                </ng-container>\n            </div>\n        </div>\n    </fd-dialog-body>\n</fd-dialog>\n\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: function () { return [{ 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                            <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: [{
                 type: ViewChild,
                 args: ['defaultConfirmationDialogTemplate']
             }] } });
@@ -1499,18 +1496,18 @@ class WizardDialogGeneratorService {
         const dialogRef = this._dialogService.open(DialogWizardGeneratorComponent, config);
         return dialogRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardDialogGeneratorService, deps: [{ token: i2$2.DialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardDialogGeneratorService }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardDialogGeneratorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardDialogGeneratorService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i2$2.DialogService }]; } });
+        }], ctorParameters: () => [{ type: i2$2.DialogService }] });
 
 class WizardGeneratorGoNextButtonDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorGoNextButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorGoNextButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorGoNextButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpWizardGeneratorGoNextButton], [fdp-wizard-generator-go-next-button]',
@@ -1519,10 +1516,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
         }] });
 
 class WizardGeneratorFinishButtonDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorFinishButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorFinishButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorFinishButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpWizardGeneratorFinishButton], [fdp-wizard-generator-finish-button]',
@@ -1531,10 +1528,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
         }] });
 
 class WizardGeneratorReviewButtonDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorReviewButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorReviewButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorReviewButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpWizardGeneratorReviewButton], [fdp-wizard-generator-review-button]',
@@ -1543,10 +1540,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
         }] });
 
 class WizardGeneratorSummaryStepDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorSummaryStepDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorSummaryStepDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorSummaryStepDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpWizardGeneratorSummaryStep], [fdp-wizard-generator-summary-step]',
@@ -1559,13 +1556,13 @@ class WizardGeneratorComponent extends BaseWizardGenerator {
     constructor(_wizardGeneratorService, _cd) {
         super(_wizardGeneratorService, _cd);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorComponent, deps: [{ token: WizardGeneratorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", 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: "<ng-container *ngIf=\"wizardCreated; else loadingTemplate\">\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</ng-container>\n\n<!-- The Wizard -->\n<ng-template #loadingTemplate>\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\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</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: WizardGeneratorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: WizardGeneratorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fdp-wizard-generator', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [WizardGeneratorService, FormGeneratorService], standalone: true, imports: [NgIf, WizardBodyComponent, WizardModule, RepeatDirective, SkeletonComponent], template: "<ng-container *ngIf=\"wizardCreated; else loadingTemplate\">\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</ng-container>\n\n<!-- The Wizard -->\n<ng-template #loadingTemplate>\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\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</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: WizardGeneratorService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { finishButtonTemplate: [{
+            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: [{
                 type: ContentChild,
                 args: [WizardGeneratorFinishButtonDirective, { read: TemplateRef }]
             }], goNextButtonTemplate: [{
@@ -1606,8 +1603,8 @@ class PlatformWizardGeneratorModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformWizardGeneratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: PlatformWizardGeneratorModule, imports: [PlatformFormGeneratorModule,
+    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,
             WizardGeneratorComponent,
             WizardGeneratorStepComponent,
             WizardBodyComponent,
@@ -1627,7 +1624,7 @@ class PlatformWizardGeneratorModule {
             WizardGeneratorFinishButtonDirective,
             WizardGeneratorSummaryStepDirective,
             WizardGeneratorReviewButtonDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformWizardGeneratorModule, providers: [WizardDialogGeneratorService], imports: [PlatformFormGeneratorModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformWizardGeneratorModule, providers: [WizardDialogGeneratorService], imports: [PlatformFormGeneratorModule,
             WizardGeneratorComponent,
             WizardGeneratorStepComponent,
             WizardBodyComponent,
@@ -1635,7 +1632,7 @@ class PlatformWizardGeneratorModule {
             WizardSummaryStepComponent,
             WizardSummarySectionComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PlatformWizardGeneratorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PlatformWizardGeneratorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [