npm - @fundamental-ngx/platform - Versions diffs - 0.43.29 → 0.43.31 - Mend

@fundamental-ngx/platform 0.43.29 → 0.43.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

package/fesm2015/fundamental-ngx-platform-wizard-generator.mjs CHANGED Viewed

@@ -1506,7 +1506,7 @@ class DialogWizardGeneratorComponent extends BaseWizardGenerator {
     }
 }
 DialogWizardGeneratorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogWizardGeneratorComponent, deps: [{ token: WizardGeneratorService }, { token: i0.ChangeDetectorRef }, { token: i2$1.DialogRef }, { token: i2$1.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-DialogWizardGeneratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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], span[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 });
+DialogWizardGeneratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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", "ariaLabel"] }, { 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], span[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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogWizardGeneratorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-dialog-wizard-generator', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [WizardGeneratorService, FormGeneratorService], 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" }]