@fundamental-ngx/platform 0.44.1-rc.3 → 0.45.0

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

@@ -998,7 +998,7 @@ class WizardGeneratorStepComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", 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.1.0", type: WizardGeneratorStepComponent, 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i2.FormGeneratorComponent, selector: "fdp-form-generator", inputs: ["formName", "formItems", "mainTitle", "hideMainTItle", "hint", "columnLayout", "labelLayout", "labelColumnLayout", "fieldColumnLayout", "gapColumnLayout", "unifiedLayout", "inlineColumnLayout", "noAdditionalContent"], outputs: ["formCreated", "formSubmitted", "formSubmittedStatus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: WizardGeneratorStepComponent, 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i2.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.1.0", ngImport: i0, type: WizardGeneratorStepComponent, decorators: [{
             type: Component,
@@ -1039,7 +1039,7 @@ class WizardSummarySectionComponent {
         return form.id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: WizardSummarySectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: WizardSummarySectionComponent, 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: 2rem\">\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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i3$1.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i3$1.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i3$1.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i4$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "checkbox", "radio", "alignLabelEnd", "inlineHelpTitle", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i5.LinkComponent, selector: "fdp-link", inputs: ["href", "target", "linkType", "type", "inverted", "title", "hreflang", "download", "media", "rel", "truncate"], outputs: ["click"] }, { kind: "pipe", type: i6.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: WizardSummarySectionComponent, 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: 2rem\">\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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i3$1.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i3$1.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i3$1.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i4$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i5.LinkComponent, selector: "fdp-link", inputs: ["href", "target", "linkType", "type", "inverted", "title", "hreflang", "download", "media", "rel", "truncate"], outputs: ["click"] }, { kind: "pipe", type: i6.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: WizardSummarySectionComponent, decorators: [{
             type: Component,
@@ -1452,7 +1452,7 @@ class DialogWizardGeneratorComponent extends BaseWizardGenerator {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: DialogWizardGeneratorComponent, deps: [{ token: WizardGeneratorService }, { token: i0.ChangeDetectorRef }, { token: i2$1.DialogRef }, { token: i2$1.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: DialogWizardGeneratorComponent, 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 let-dialog let-dialogConfig=\"dialogConfig\" #defaultConfirmationDialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            {{ confirmationDialogText }}\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-button-bar\n                fdType=\"emphasized\"\n                [label]=\"confirmationDialogCloseText\"\n                type=\"submit\"\n                (click)=\"dialog.close(true)\"\n            >\n            </fd-button-bar>\n            <fd-button-bar fdkInitialFocus [label]=\"confirmationDialogCancelText\" (click)=\"dialog.dismiss()\">\n            </fd-button-bar>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i2$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i2$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i2$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i2$1.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: i4$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4$3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "directive", type: i3$2.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: "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: "directive", type: i7.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i5$1.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: DialogWizardGeneratorComponent, 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 let-dialog let-dialogConfig=\"dialogConfig\" #defaultConfirmationDialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            {{ confirmationDialogText }}\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-button-bar\n                fdType=\"emphasized\"\n                [label]=\"confirmationDialogCloseText\"\n                type=\"submit\"\n                (click)=\"dialog.close(true)\"\n            >\n            </fd-button-bar>\n            <fd-button-bar fdkInitialFocus [label]=\"confirmationDialogCancelText\" (click)=\"dialog.dismiss()\">\n            </fd-button-bar>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i2$1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i2$1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i2$1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i2$1.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: i4$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4$3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "directive", type: i3$2.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: "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: "directive", type: i7.InitialFocusDirective, selector: "[fdkInitialFocus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "component", type: i5$1.ButtonComponent, selector: "fdp-button", inputs: ["glyphPosition", "label", "glyph", "buttonType", "toggled", "title", "ariaSelected", "ariaDisabled", "ariaExpanded", "ariaControlsId", "ariaPressed", "name", "type", "value"], outputs: ["buttonClicked"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: DialogWizardGeneratorComponent, decorators: [{
             type: Component,
@@ -1536,7 +1536,7 @@ class WizardGeneratorComponent extends BaseWizardGenerator {
         super(_wizardGeneratorService, _cd);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", 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.1.0", type: WizardGeneratorComponent, 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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$2.WizardComponent, selector: "fd-wizard", inputs: ["appendToWizard", "contentHeight", "responsivePaddings", "displaySummaryStep", "ariaLabel"] }, { kind: "component", type: i4$2.WizardNavigationComponent, selector: "fd-wizard-navigation", inputs: ["ariaLabel"] }, { kind: "directive", type: i4$2.WizardProgressBarDirective, selector: "[fd-wizard-progress-bar]", inputs: ["size"] }, { kind: "component", type: i4$2.WizardStepComponent, selector: "[fd-wizard-step]", inputs: ["ariaLabel", "ariaRoleDecription", "status", "branching", "label", "optionalText", "isSummary", "stepClickValidator"], outputs: ["statusChange", "stepClicked", "stepIndicatorItemClicked"] }, { kind: "component", type: i4$2.WizardContentComponent, selector: "fd-wizard-content", inputs: ["contentBackground", "size"] }, { kind: "component", type: i4$4.SkeletonComponent, selector: "fd-skeleton", inputs: ["animated", "type", "textLines", "width", "height"] }, { kind: "directive", type: i7.RepeatDirective, selector: "[fdkRepeat], [fdRepeat]", inputs: ["fdkRepeat", "fdRepeat"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: WizardGeneratorComponent, 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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$2.WizardComponent, selector: "fd-wizard", inputs: ["appendToWizard", "contentHeight", "responsivePaddings", "displaySummaryStep", "ariaLabel"] }, { kind: "component", type: i4$2.WizardNavigationComponent, selector: "fd-wizard-navigation", inputs: ["ariaLabel"] }, { kind: "directive", type: i4$2.WizardProgressBarDirective, selector: "[fd-wizard-progress-bar]", inputs: ["size"] }, { kind: "component", type: i4$2.WizardStepComponent, selector: "[fd-wizard-step]", inputs: ["ariaLabel", "ariaRoleDecription", "status", "branching", "label", "optionalText", "isSummary", "stepClickValidator"], outputs: ["statusChange", "stepClicked", "stepIndicatorItemClicked"] }, { kind: "component", type: i4$2.WizardContentComponent, selector: "fd-wizard-content", inputs: ["contentBackground", "size"] }, { kind: "component", type: i4$4.SkeletonComponent, selector: "fd-skeleton", inputs: ["animated", "type", "textLines", "width", "height"] }, { kind: "directive", type: i7.RepeatDirective, selector: "[fdkRepeat]", inputs: ["fdkRepeat"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: WizardGeneratorComponent, decorators: [{
             type: Component,