@microsoft/windows-admin-center-sdk 2.538.0 → 2.541.0

package/angular/bundles/microsoft-windows-admin-center-sdk-angular.umd.js

@@ -44384,6 +44384,11 @@
         }
     }
     var _c0$1d = ["*"];
+    var SmeHeaderData = /** @class */ (function () {
+        function SmeHeaderData() {
+        }
+        return SmeHeaderData;
+    }());
     /**
      *
      * @smeDoc {@label Header @id sme-header}
@@ -47970,6 +47975,7 @@
         HealthAlertSeverity[HealthAlertSeverity["Success"] = 6] = "Success";
         HealthAlertSeverity[HealthAlertSeverity["Neutral"] = 4] = "Neutral";
         HealthAlertSeverity[HealthAlertSeverity["Upsell"] = 7] = "Upsell";
+        HealthAlertSeverity[HealthAlertSeverity["InfoTransparent"] = 8] = "InfoTransparent";
     })(exports.HealthAlertSeverity || (exports.HealthAlertSeverity = {}));
 
     function PageAlertBarComponent_sme_status_icon_1_Template(rf, ctx) {
@@ -48076,6 +48082,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(PageAlertBarComponent.prototype, "isInformationalTransparent", {
+            get: function () {
+                return this.alert && this.alert.severity === exports.HealthAlertSeverity.InfoTransparent;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(PageAlertBarComponent.prototype, "isSuccessful", {
             get: function () {
                 return this.alert && this.alert.severity === exports.HealthAlertSeverity.Success;
@@ -48126,6 +48139,8 @@
                         return exports.StatusIconType.Warning;
                     case exports.HealthAlertSeverity.Info:
                         return exports.StatusIconType.Info;
+                    case exports.HealthAlertSeverity.InfoTransparent:
+                        return exports.StatusIconType.Info;
                     case exports.HealthAlertSeverity.Progress:
                         return exports.StatusIconType.Progress;
                     case exports.HealthAlertSeverity.Success:
@@ -48152,9 +48167,9 @@
         return PageAlertBarComponent;
     }(CoreBaseComponent));
     /** @nocollapse */ PageAlertBarComponent.ɵfac = function PageAlertBarComponent_Factory(t) { return ɵPageAlertBarComponent_BaseFactory(t || PageAlertBarComponent); };
-    /** @nocollapse */ PageAlertBarComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PageAlertBarComponent, selectors: [["sme-page-alert-bar"]], hostVars: 16, hostBindings: function PageAlertBarComponent_HostBindings(rf, ctx) {
+    /** @nocollapse */ PageAlertBarComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PageAlertBarComponent, selectors: [["sme-page-alert-bar"]], hostVars: 18, hostBindings: function PageAlertBarComponent_HostBindings(rf, ctx) {
             if (rf & 2) {
-                i0.ɵɵclassProp("sme-alert-critical", ctx.isCritical)("sme-alert-error", ctx.isError)("sme-alert-warning", ctx.isWarning)("sme-alert-pending", ctx.isPending)("sme-alert-informational", ctx.isInformational)("sme-alert-success", ctx.isSuccessful)("sme-alert-upsell", ctx.isUpsell)("sme-alert-neutral", ctx.isNeutral);
+                i0.ɵɵclassProp("sme-alert-critical", ctx.isCritical)("sme-alert-error", ctx.isError)("sme-alert-warning", ctx.isWarning)("sme-alert-pending", ctx.isPending)("sme-alert-informational", ctx.isInformational)("sme-alert-informational-transparent", ctx.isInformationalTransparent)("sme-alert-success", ctx.isSuccessful)("sme-alert-upsell", ctx.isUpsell)("sme-alert-neutral", ctx.isNeutral);
             }
         }, inputs: { alert: "alert" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 9, consts: [["class", "sme-layout-inline-block", "size", "16px", 3, "status", 4, "ngIf"], ["class", "sme-link sme-focus-zone", "target", "_blank", 3, "href", 4, "ngIf"], ["class", "sme-margin-left-xs sme-position-flex-none sme-link sme-focus-zone", "tabindex", "0", "role", "link", 3, "title", "click", 4, "ngIf"], ["size", "16px", 1, "sme-layout-inline-block", 3, "status"], ["target", "_blank", 1, "sme-link", "sme-focus-zone", 3, "href"], ["tabindex", "0", "role", "link", 1, "sme-margin-left-xs", "sme-position-flex-none", "sme-link", "sme-focus-zone", 3, "title", "click"]], template: function PageAlertBarComponent_Template(rf, ctx) {
             if (rf & 1) {
@@ -48203,6 +48218,9 @@
                 }], isInformational: [{
                     type: i0.HostBinding,
                     args: ['class.sme-alert-informational']
+                }], isInformationalTransparent: [{
+                    type: i0.HostBinding,
+                    args: ['class.sme-alert-informational-transparent']
                 }], isSuccessful: [{
                     type: i0.HostBinding,
                     args: ['class.sme-alert-success']
@@ -48874,7 +48892,7 @@
             }
         }, inputs: { orientation: "orientation" }, outputs: { layoutChanged: "layoutChanged", windowBreakpointChanged: "windowBreakpointChanged" }, features: [i0.ɵɵProvidersFeature([
                 { provide: SME_LAYOUT_PROVIDER, useExisting: i0.forwardRef((function () { return PropertyGridComponent; })) }
-            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 16, vars: 6, consts: [[1, "sme-position-inset-none", "sme-position-stretch-h", 3, "padLastItem"], ["layout", ""], ["name", "narrow", 3, "until", "columns"], ["name", "medium", 3, "until", "columns", 4, "ngIf"], ["name", "wide", 3, "columns", 4, "ngIf"], [3, "columnSpan", "maxWidth", 4, "ngFor", "ngForOf"], ["readonlyTemplate", ""], ["actionLinkTemplate", ""], ["internalLinkTemplate", ""], ["externalLinkTemplate", ""], ["iconTemplate", ""], ["name", "medium", 3, "until", "columns"], ["name", "wide", 3, "columns"], [3, "columnSpan", "maxWidth"], ["tabindex", "0", "aria-live", "polite", "aria-atomic", "true", "smeTooltipZone", "", 1, "sme-property-grid-item"], ["zone", "smeTooltipZone"], [1, "sme-arrange-stack-h"], ["class", "sme-position-flex-none sme-icon sme-icon-info sme-info-bubble sme-margin-left-xs", "aria-hidden", "true", 3, "title", "tooltipZone", 4, "ngIf"], [1, "sme-screen-reader"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["aria-hidden", "true", 1, "sme-position-flex-none", "sme-icon", "sme-icon-info", "sme-info-bubble", "sme-margin-left-xs", 3, "title", "tooltipZone"], ["size", "extra-small", 3, "inline", "isBackgroundTransparent", 4, "ngIf"], [4, "ngIf"], ["size", "extra-small", 3, "inline", "isBackgroundTransparent"], [1, "read-only-template"], ["class", "sme-padding-right-xs", 4, "ngIf"], ["tabindex", "0", "role", "link", 1, "sme-link", "sme-focus-zone", "action-link-template", 3, "click"], [1, "sme-padding-right-xs"], ["role", "link", 1, "sme-link", "sme-focus-zone", 3, "routerLink"], ["role", "link", "target", "_blank", 1, "sme-link", "sme-focus-zone", 3, "href"], [1, "sme-icon", "sme-icon-openInNewWindow", "sme-margin-left-xs"], [3, "class", 4, "ngIf"], ["class", "sme-layout-inline-block sme-margin-right-xs ", "size", "16px", 3, "status", 4, "ngIf"], ["size", "16px", 1, "sme-layout-inline-block", "sme-margin-right-xs", 3, "status"]], template: function PropertyGridComponent_Template(rf, ctx) {
+            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 16, vars: 6, consts: [[1, "sme-position-inset-none", "sme-position-stretch-h", 3, "padLastItem"], ["layout", ""], ["name", "narrow", 3, "until", "columns"], ["name", "medium", 3, "until", "columns", 4, "ngIf"], ["name", "wide", 3, "columns", 4, "ngIf"], [3, "columnSpan", "maxWidth", 4, "ngFor", "ngForOf"], ["readonlyTemplate", ""], ["actionLinkTemplate", ""], ["internalLinkTemplate", ""], ["externalLinkTemplate", ""], ["iconTemplate", ""], ["name", "medium", 3, "until", "columns"], ["name", "wide", 3, "columns"], [3, "columnSpan", "maxWidth"], ["tabindex", "0", "aria-live", "polite", "aria-atomic", "true", "smeTooltipZone", "", 1, "sme-property-grid-item"], ["zone", "smeTooltipZone"], [1, "sme-arrange-stack-h"], ["class", "sme-position-flex-none sme-icon sme-icon-info sme-info-bubble sme-margin-left-xs", "aria-hidden", "true", 3, "title", "tooltipZone", 4, "ngIf"], [1, "sme-screen-reader"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["aria-hidden", "true", 1, "sme-position-flex-none", "sme-icon", "sme-icon-info", "sme-info-bubble", "sme-margin-left-xs", 3, "title", "tooltipZone"], ["size", "extra-small", 3, "inline", "isBackgroundTransparent", 4, "ngIf"], [4, "ngIf"], ["size", "extra-small", 3, "inline", "isBackgroundTransparent"], [1, "sme-read-only-template"], ["class", "sme-padding-right-xs", 4, "ngIf"], ["tabindex", "0", "role", "link", 1, "sme-link", "sme-focus-zone", "sme-action-link-template", 3, "click"], [1, "sme-padding-right-xs"], ["role", "link", 1, "sme-link", "sme-focus-zone", 3, "routerLink"], ["role", "link", "target", "_blank", 1, "sme-link", "sme-focus-zone", 3, "href"], [1, "sme-icon", "sme-icon-openInNewWindow", "sme-margin-left-xs"], [3, "class", 4, "ngIf"], ["class", "sme-layout-inline-block sme-margin-right-xs ", "size", "16px", 3, "status", 4, "ngIf"], ["size", "16px", 1, "sme-layout-inline-block", "sme-margin-right-xs", 3, "status"]], template: function PropertyGridComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "sme-layout", 0, 1);
                 i0.ɵɵelement(2, "sme-layout-definition", 2);
@@ -55853,16 +55871,16 @@
     var _c0$1E = ["wizardFooter"];
     function WizardComponent_div_1_sme_badge_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "sme-badge", 13);
+            i0.ɵɵelement(0, "sme-badge", 14);
         }
     }
     function WizardComponent_div_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 10);
-            i0.ɵɵelementStart(1, "h3", 11);
+            i0.ɵɵelementStart(0, "div", 11);
+            i0.ɵɵelementStart(1, "h3", 12);
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(3, WizardComponent_div_1_sme_badge_3_Template, 1, 0, "sme-badge", 12);
+            i0.ɵɵtemplate(3, WizardComponent_div_1_sme_badge_3_Template, 1, 0, "sme-badge", 13);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -55874,206 +55892,224 @@
             i0.ɵɵproperty("ngIf", ctx_r0.isInPreview);
         }
     }
-    function WizardComponent_div_2_Template(rf, ctx) {
+    function WizardComponent_sme_header_2_sme_badge_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div");
-            i0.ɵɵelement(1, "sme-banner", 14);
+            i0.ɵɵelement(0, "sme-badge", 17);
+        }
+    }
+    function WizardComponent_sme_header_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "sme-header", 15);
+            i0.ɵɵtemplate(1, WizardComponent_sme_header_2_sme_badge_1_Template, 1, 0, "sme-badge", 16);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r1 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("text", ctx_r1.headerData.text)("smeIconClassName", ctx_r1.headerData.smeIconClassName)("subtitle", ctx_r1.headerData.subtitle);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("items", ctx_r1.bannerItems);
+            i0.ɵɵproperty("ngIf", ctx_r1.isInPreview);
+        }
+    }
+    function WizardComponent_div_3_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelement(1, "sme-banner", 18);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("items", ctx_r2.bannerItems);
         }
     }
     var _c1$T = function (a0, a1, a2) { return { "sme-wizard-stage-completed": a0, "sme-wizard-stage-clicked": a1, "sme-wizard-stage-active": a2 }; };
     var _c2$n = function (a0) { return { "sme-icon sme-icon-accept sme-icon-size-xxs": a0 }; };
     var _c3$e = function (a0, a1, a2, a3) { return { "sme-font-emphasis1 sme-wizard-stage-active": a0, "sme-wizard-stage-completed": a1, "sme-margin-left-xs": a2, "sme-layout-none": a3 }; };
-    function WizardComponent_div_3_button_1_Template(rf, ctx) {
+    function WizardComponent_div_4_button_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r12_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 17);
-            i0.ɵɵlistener("click", function WizardComponent_div_3_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12_1); var val_r10 = ctx.index; var ctx_r11 = i0.ɵɵnextContext(2); return ctx_r11.onStageClick(val_r10); });
-            i0.ɵɵelementStart(1, "span", 18);
+            var _r14_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 21);
+            i0.ɵɵlistener("click", function WizardComponent_div_4_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14_1); var val_r12 = ctx.index; var ctx_r13 = i0.ɵɵnextContext(2); return ctx_r13.onStageClick(val_r12); });
+            i0.ɵɵelementStart(1, "span", 22);
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "span", 19);
+            i0.ɵɵelementStart(3, "span", 23);
             i0.ɵɵtext(4);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var stage_r9 = ctx.$implicit;
-            var val_r10 = ctx.index;
-            var ctx_r8 = i0.ɵɵnextContext(2);
-            i0.ɵɵclassProp("sme-active", val_r10 === ctx_r8.stagesArrayIndex)("sme-selected", val_r10 === ctx_r8.stagesArrayIndex)("aria-selected", val_r10 === ctx_r8.stagesArrayIndex)("sme-wizard-stage-focus", val_r10 === ctx_r8.stagesArrayIndex);
-            i0.ɵɵproperty("title", stage_r9.name)("smeTelemetryDataBlob", ctx_r8.telemetryData)("smeTelemetryId", "wizardStage" + (val_r10 + 1))("disabled", ctx_r8.stageIndexDisabled(stage_r9, val_r10))("smeTelemetryDisableElement", ctx_r8.stageIndexDisabled(stage_r9, val_r10))("ngClass", i0.ɵɵpureFunction3(19, _c1$T, stage_r9.completed, val_r10 === ctx_r8.stagesArrayIndex, stage_r9.active));
-            i0.ɵɵattribute("aria-label", stage_r9.name);
+            var stage_r11 = ctx.$implicit;
+            var val_r12 = ctx.index;
+            var ctx_r10 = i0.ɵɵnextContext(2);
+            i0.ɵɵclassProp("sme-active", val_r12 === ctx_r10.stagesArrayIndex)("sme-selected", val_r12 === ctx_r10.stagesArrayIndex)("aria-selected", val_r12 === ctx_r10.stagesArrayIndex)("sme-wizard-stage-focus", val_r12 === ctx_r10.stagesArrayIndex);
+            i0.ɵɵproperty("title", stage_r11.name)("smeTelemetryDataBlob", ctx_r10.telemetryData)("smeTelemetryId", "wizardStage" + (val_r12 + 1))("disabled", ctx_r10.stageIndexDisabled(stage_r11, val_r12))("smeTelemetryDisableElement", ctx_r10.stageIndexDisabled(stage_r11, val_r12))("ngClass", i0.ɵɵpureFunction3(19, _c1$T, stage_r11.completed, val_r12 === ctx_r10.stagesArrayIndex, stage_r11.active));
+            i0.ɵɵattribute("aria-label", stage_r11.name);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(23, _c2$n, stage_r9.completed));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(23, _c2$n, stage_r11.completed));
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", !stage_r9.completed ? val_r10 + 1 : "", " ");
+            i0.ɵɵtextInterpolate1(" ", !stage_r11.completed ? val_r12 + 1 : "", " ");
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction4(25, _c3$e, val_r10 === ctx_r8.stagesArrayIndex || stage_r9.active, stage_r9.completed, !stage_r9.completed, !ctx_r8.shouldRenderTextOnSteps));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction4(25, _c3$e, val_r12 === ctx_r10.stagesArrayIndex || stage_r11.active, stage_r11.completed, !stage_r11.completed, !ctx_r10.shouldRenderTextOnSteps));
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", stage_r9.name, " ");
+            i0.ɵɵtextInterpolate1(" ", stage_r11.name, " ");
         }
     }
-    function WizardComponent_div_3_Template(rf, ctx) {
+    function WizardComponent_div_4_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 15);
-            i0.ɵɵtemplate(1, WizardComponent_div_3_button_1_Template, 5, 30, "button", 16);
+            i0.ɵɵelementStart(0, "div", 19);
+            i0.ɵɵtemplate(1, WizardComponent_div_4_button_1_Template, 5, 30, "button", 20);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r2 = i0.ɵɵnextContext();
+            var ctx_r3 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngForOf", ctx_r2.stages);
+            i0.ɵɵproperty("ngForOf", ctx_r3.stages);
         }
     }
-    function WizardComponent_div_5_div_1_button_1_span_3_Template(rf, ctx) {
+    function WizardComponent_div_6_div_1_button_1_span_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "span", 30);
+            i0.ɵɵelementStart(0, "span", 34);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var step_r15 = i0.ɵɵnextContext().$implicit;
+            var step_r17 = i0.ɵɵnextContext().$implicit;
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(step_r15.name);
+            i0.ɵɵtextInterpolate(step_r17.name);
         }
     }
     var _c4$9 = function (a0) { return { "sme-step-active sme-scheme-nav-list-item sme-active sme-color-base-5": a0 }; };
-    function WizardComponent_div_5_div_1_button_1_Template(rf, ctx) {
+    function WizardComponent_div_6_div_1_button_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r20_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 27);
-            i0.ɵɵlistener("click", function WizardComponent_div_5_div_1_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r20_1); var index_r16 = ctx.index; var ctx_r19 = i0.ɵɵnextContext(3); return ctx_r19.onStepClick(index_r16); });
-            i0.ɵɵelementStart(1, "span", 28);
+            var _r22_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 31);
+            i0.ɵɵlistener("click", function WizardComponent_div_6_div_1_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r22_1); var index_r18 = ctx.index; var ctx_r21 = i0.ɵɵnextContext(3); return ctx_r21.onStepClick(index_r18); });
+            i0.ɵɵelementStart(1, "span", 32);
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(3, WizardComponent_div_5_div_1_button_1_span_3_Template, 2, 1, "span", 29);
+            i0.ɵɵtemplate(3, WizardComponent_div_6_div_1_button_1_span_3_Template, 2, 1, "span", 33);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var step_r15 = ctx.$implicit;
-            var index_r16 = ctx.index;
-            var ctx_r14 = i0.ɵɵnextContext(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c4$9, index_r16 === ctx_r14.stepIndex))("disabled", ctx_r14.stepIndexDisabled(step_r15, index_r16))("smeTelemetryDisableElement", ctx_r14.stepIndexDisabled(step_r15, index_r16))("smeTelemetryDataBlob", ctx_r14.telemetryData)("smeTelemetryId", "wizardStep" + (index_r16 + 1))("title", ctx_r14.isExpanded ? null : step_r15.name);
-            i0.ɵɵattribute("aria-label", ctx_r14.isExpanded ? null : step_r15.name);
+            var step_r17 = ctx.$implicit;
+            var index_r18 = ctx.index;
+            var ctx_r16 = i0.ɵɵnextContext(3);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c4$9, index_r18 === ctx_r16.stepIndex))("disabled", ctx_r16.stepIndexDisabled(step_r17, index_r18))("smeTelemetryDisableElement", ctx_r16.stepIndexDisabled(step_r17, index_r18))("smeTelemetryDataBlob", ctx_r16.telemetryData)("smeTelemetryId", "wizardStep" + (index_r18 + 1))("title", ctx_r16.isExpanded ? null : step_r17.name);
+            i0.ɵɵattribute("aria-label", ctx_r16.isExpanded ? null : step_r17.name);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate2("", ctx_r14.stagesArrayIndex + 1, ".", index_r16 + 1, "");
+            i0.ɵɵtextInterpolate2("", ctx_r16.stagesArrayIndex + 1, ".", index_r18 + 1, "");
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r14.isExpanded);
+            i0.ɵɵproperty("ngIf", ctx_r16.isExpanded);
         }
     }
     var _c5$5 = function (a0) { return { "sme-wizard-left-pane-min-width-expanded": a0 }; };
-    function WizardComponent_div_5_div_1_Template(rf, ctx) {
+    function WizardComponent_div_6_div_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 25);
-            i0.ɵɵtemplate(1, WizardComponent_div_5_div_1_button_1_Template, 4, 12, "button", 26);
+            i0.ɵɵelementStart(0, "div", 29);
+            i0.ɵɵtemplate(1, WizardComponent_div_6_div_1_button_1_Template, 4, 12, "button", 30);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r13 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c5$5, ctx_r13.isExpanded));
+            var ctx_r15 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c5$5, ctx_r15.isExpanded));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngForOf", ctx_r13.getStepsForStage());
+            i0.ɵɵproperty("ngForOf", ctx_r15.getStepsForStage());
         }
     }
     var _c6$3 = function (a0, a1) { return { "sme-icon-chevronLeft": a0, "sme-icon-chevronRight": a1 }; };
-    function WizardComponent_div_5_Template(rf, ctx) {
+    function WizardComponent_div_6_Template(rf, ctx) {
         if (rf & 1) {
-            var _r22_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 20);
-            i0.ɵɵtemplate(1, WizardComponent_div_5_div_1_Template, 2, 4, "div", 21);
-            i0.ɵɵelementStart(2, "div", 22);
-            i0.ɵɵelementStart(3, "button", 23);
-            i0.ɵɵlistener("click", function WizardComponent_div_5_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r22_1); var ctx_r21 = i0.ɵɵnextContext(); return ctx_r21.togglePane(); });
-            i0.ɵɵelement(4, "span", 24);
+            var _r24_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 24);
+            i0.ɵɵtemplate(1, WizardComponent_div_6_div_1_Template, 2, 4, "div", 25);
+            i0.ɵɵelementStart(2, "div", 26);
+            i0.ɵɵelementStart(3, "button", 27);
+            i0.ɵɵlistener("click", function WizardComponent_div_6_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r24_1); var ctx_r23 = i0.ɵɵnextContext(); return ctx_r23.togglePane(); });
+            i0.ɵɵelement(4, "span", 28);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r3 = i0.ɵɵnextContext();
+            var ctx_r4 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", !ctx_r3.wizardIsFinished && !ctx_r3.hideStepsListSidePane);
+            i0.ɵɵproperty("ngIf", !ctx_r4.wizardIsFinished && !ctx_r4.hideStepsListSidePane);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("title", ctx_r3.isExpanded ? ctx_r3.strings.MsftSmeShell.Angular.Wizard.collapseStepsList : ctx_r3.strings.MsftSmeShell.Angular.Wizard.expandStepsList);
-            i0.ɵɵattribute("aria-expanded", ctx_r3.isExpanded)("aria-label", ctx_r3.isExpanded ? ctx_r3.strings.MsftSmeShell.Angular.Wizard.collapseStepsList : ctx_r3.strings.MsftSmeShell.Angular.Wizard.expandStepsList);
+            i0.ɵɵproperty("title", ctx_r4.isExpanded ? ctx_r4.strings.MsftSmeShell.Angular.Wizard.collapseStepsList : ctx_r4.strings.MsftSmeShell.Angular.Wizard.expandStepsList);
+            i0.ɵɵattribute("aria-expanded", ctx_r4.isExpanded)("aria-label", ctx_r4.isExpanded ? ctx_r4.strings.MsftSmeShell.Angular.Wizard.collapseStepsList : ctx_r4.strings.MsftSmeShell.Angular.Wizard.expandStepsList);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(5, _c6$3, ctx_r3.isExpanded, !ctx_r3.isExpanded));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(5, _c6$3, ctx_r4.isExpanded, !ctx_r4.isExpanded));
         }
     }
-    function WizardComponent_div_7_Template(rf, ctx) {
+    function WizardComponent_div_8_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div");
-            i0.ɵɵelement(1, "sme-page-alert-bar", 31);
+            i0.ɵɵelement(1, "sme-page-alert-bar", 35);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r4 = i0.ɵɵnextContext();
+            var ctx_r5 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("alert", ctx_r4.alert);
+            i0.ɵɵproperty("alert", ctx_r5.alert);
         }
     }
-    function WizardComponent_div_10_div_7_Template(rf, ctx) {
+    function WizardComponent_div_11_div_7_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 41);
-            i0.ɵɵelement(1, "sme-loading-wheel", 42);
+            i0.ɵɵelementStart(0, "div", 45);
+            i0.ɵɵelement(1, "sme-loading-wheel", 46);
             i0.ɵɵelementEnd();
         }
     }
-    function WizardComponent_div_10_Template(rf, ctx) {
+    function WizardComponent_div_11_Template(rf, ctx) {
         if (rf & 1) {
-            var _r27_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 32, 33);
-            i0.ɵɵelementStart(2, "div", 34);
-            i0.ɵɵelementStart(3, "button", 35);
-            i0.ɵɵlistener("click", function WizardComponent_div_10_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r27_1); var ctx_r26 = i0.ɵɵnextContext(); return ctx_r26.onBackClick(); });
+            var _r29_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 36, 37);
+            i0.ɵɵelementStart(2, "div", 38);
+            i0.ɵɵelementStart(3, "button", 39);
+            i0.ɵɵlistener("click", function WizardComponent_div_11_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r29_1); var ctx_r28 = i0.ɵɵnextContext(); return ctx_r28.onBackClick(); });
             i0.ɵɵtext(4);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "button", 36);
-            i0.ɵɵlistener("click", function WizardComponent_div_10_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r27_1); var ctx_r28 = i0.ɵɵnextContext(); return ctx_r28.onNextClick(); });
+            i0.ɵɵelementStart(5, "button", 40);
+            i0.ɵɵlistener("click", function WizardComponent_div_11_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r29_1); var ctx_r30 = i0.ɵɵnextContext(); return ctx_r30.onNextClick(); });
             i0.ɵɵtext(6);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(7, WizardComponent_div_10_div_7_Template, 2, 0, "div", 37);
+            i0.ɵɵtemplate(7, WizardComponent_div_11_div_7_Template, 2, 0, "div", 41);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "button", 38);
-            i0.ɵɵlistener("click", function WizardComponent_div_10_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r27_1); var ctx_r29 = i0.ɵɵnextContext(); return ctx_r29.onSkipClick(); });
+            i0.ɵɵelementStart(8, "button", 42);
+            i0.ɵɵlistener("click", function WizardComponent_div_11_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r29_1); var ctx_r31 = i0.ɵɵnextContext(); return ctx_r31.onSkipClick(); });
             i0.ɵɵtext(9);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "button", 39, 40);
-            i0.ɵɵlistener("click", function WizardComponent_div_10_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r27_1); var ctx_r30 = i0.ɵɵnextContext(); return ctx_r30.onExitClick(); });
+            i0.ɵɵelementStart(10, "button", 43, 44);
+            i0.ɵɵlistener("click", function WizardComponent_div_11_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r29_1); var ctx_r32 = i0.ɵɵnextContext(); return ctx_r32.onExitClick(); });
             i0.ɵɵtext(12);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext();
+            var ctx_r7 = i0.ɵɵnextContext();
             i0.ɵɵadvance(2);
-            i0.ɵɵclassProp("sme-padding-right-xl", !ctx_r6.validating);
+            i0.ɵɵclassProp("sme-padding-right-xl", !ctx_r7.validating);
             i0.ɵɵadvance(1);
-            i0.ɵɵclassProp("sme-layout-none", !ctx_r6.canNavigateToPreviousStep);
-            i0.ɵɵproperty("smeTelemetryDataBlob", ctx_r6.telemetryData)("disabled", ctx_r6.disableBackButton);
+            i0.ɵɵclassProp("sme-layout-none", !ctx_r7.canNavigateToPreviousStep);
+            i0.ɵɵproperty("smeTelemetryDataBlob", ctx_r7.telemetryData)("disabled", ctx_r7.disableBackButton);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.strings.MsftSmeShell.Angular.Common.back);
+            i0.ɵɵtextInterpolate(ctx_r7.strings.MsftSmeShell.Angular.Common.back);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("smeTelemetryDataBlob", ctx_r6.telemetryData)("disabled", ctx_r6.disableNextButton)("smeTelemetryDisableElement", ctx_r6.disableNextButton);
+            i0.ɵɵproperty("smeTelemetryDataBlob", ctx_r7.telemetryData)("disabled", ctx_r7.disableNextButton)("smeTelemetryDisableElement", ctx_r7.disableNextButton);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.nextButtonText());
+            i0.ɵɵtextInterpolate(ctx_r7.nextButtonText());
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r6.validating);
+            i0.ɵɵproperty("ngIf", ctx_r7.validating);
             i0.ɵɵadvance(1);
-            i0.ɵɵclassProp("sme-layout-none", !ctx_r6.showSkipButton);
-            i0.ɵɵproperty("smeTelemetryDataBlob", ctx_r6.telemetryData);
+            i0.ɵɵclassProp("sme-layout-none", !ctx_r7.showSkipButton);
+            i0.ɵɵproperty("smeTelemetryDataBlob", ctx_r7.telemetryData);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.strings.MsftSmeShell.Angular.Common.skip);
+            i0.ɵɵtextInterpolate(ctx_r7.strings.MsftSmeShell.Angular.Common.skip);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("smeTelemetryDataBlob", ctx_r6.telemetryData);
+            i0.ɵɵproperty("smeTelemetryDataBlob", ctx_r7.telemetryData);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r6.exitButtonText());
+            i0.ɵɵtextInterpolate(ctx_r7.exitButtonText());
         }
     }
     var _c7$2 = function (a0) { return { "sme-padding-inset-lg": a0 }; };
@@ -56553,6 +56589,7 @@
             this.stages = this.wizardBuilder.stages;
             this.bannerItems = this.wizardBuilder.bannerItems;
             this.heading = this.wizardBuilder.heading;
+            this.headerData = this.wizardBuilder.headerData;
             this.exitButtonTitle = this.wizardBuilder.exitButtonTitle;
             this.finishButtonTitle = this.wizardBuilder.finishButtonTitle;
             this.finishView = this.wizardBuilder.finishView;
@@ -56876,25 +56913,28 @@
             }
         }, inputs: { model: "model", wizardBuilder: "wizardBuilder", showWizardBanner: "showWizardBanner" }, outputs: { modelChange: "modelChange", exit: "exit", stepSubmitted: "stepSubmitted", stepChanged: "stepChanged", stepInvalidated: "stepInvalidated", finished: "finished", layoutChanged: "layoutChanged", windowBreakpointChanged: "windowBreakpointChanged" }, features: [i0.ɵɵProvidersFeature([
                 { provide: SME_LAYOUT_PROVIDER, useExisting: i0.forwardRef((function () { return WizardComponent; })) }
-            ]), i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 13, consts: [[1, "sme-wizard", "sme-layout-absolute-phone-up", "sme-arrange-stack-v", "sme-position-inset-none"], ["class", "sme-arrange-stack-h sme-position-flex-none sme-padding-vertical-sm sme-padding-horizontal-lg sme-border-bottom-sm sme-border-bottom-color-base-80", 4, "ngIf"], [4, "ngIf"], ["role", "tablist", "class", "sme-arrange-stack-h sme-position-flex-none sme-padding-horizontal-lg sme-border-bottom-sm sme-border-bottom-color-base-80 sme-focus-zone sme-arrange-overflow-auto-x", 4, "ngIf"], [1, "sme-arrange-stack-h", "sme-arrange-overflow-auto", "sme-position-flex-auto", "sme-wizard-content-container"], ["class", "sme-arrange-stack-v sme-position-flex-none sme-focus-zone sme-border-right-sm sme-border-right-color-base-80 sme-wizard-left-pane", 4, "ngIf"], [1, "sme-focus-zone", "sme-layout-relative", "sme-arrange-overflow-auto", "sme-wizard-content-pane", 3, "ngClass"], ["id", "dynamic-content-container"], ["container", ""], ["class", "sme-layout-relative sme-position-flex-none sme-border-top-sm sme-border-top-color-base-80 sme-padding-vertical-sm sme-padding-horizontal-lg sme-focus-zone", 4, "ngIf"], [1, "sme-arrange-stack-h", "sme-position-flex-none", "sme-padding-vertical-sm", "sme-padding-horizontal-lg", "sme-border-bottom-sm", "sme-border-bottom-color-base-80"], ["id", "sme-shell-wizard-heading-id"], ["type", "preview", "class", "sme-margin-left-xs", 4, "ngIf"], ["type", "preview", 1, "sme-margin-left-xs"], [3, "items"], ["role", "tablist", 1, "sme-arrange-stack-h", "sme-position-flex-none", "sme-padding-horizontal-lg", "sme-border-bottom-sm", "sme-border-bottom-color-base-80", "sme-focus-zone", "sme-arrange-overflow-auto-x"], ["role", "tab", "tabindex", "0", "aria-live", "polite", "type", "button", "class", "sme-wizard-stage sme-button-trigger sme-wizard-button-item sme-padding-vertical-sm sme-padding-horizontal-none sme-button-auto-width sme-margin-right-md", 3, "title", "smeTelemetryDataBlob", "smeTelemetryId", "sme-active", "sme-selected", "aria-selected", "sme-wizard-stage-focus", "disabled", "smeTelemetryDisableElement", "ngClass", "click", 4, "ngFor", "ngForOf"], ["role", "tab", "tabindex", "0", "aria-live", "polite", "type", "button", 1, "sme-wizard-stage", "sme-button-trigger", "sme-wizard-button-item", "sme-padding-vertical-sm", "sme-padding-horizontal-none", "sme-button-auto-width", "sme-margin-right-md", 3, "title", "smeTelemetryDataBlob", "smeTelemetryId", "disabled", "smeTelemetryDisableElement", "ngClass", "click"], [1, "sme-wizard-stage-index", "sme-position-flex-none", 3, "ngClass"], [1, "sme-position-flex-auto", "sme-font-body", "sme-arrange-ellipsis", 3, "ngClass"], [1, "sme-arrange-stack-v", "sme-position-flex-none", "sme-focus-zone", "sme-border-right-sm", "sme-border-right-color-base-80", "sme-wizard-left-pane"], ["role", "tablist", "class", "sme-padding-vertical-sm sme-position-flex-auto", 3, "ngClass", 4, "ngIf"], [1, "sme-position-flex-none", "sme-focus-zone"], [1, "split-view-toggle", "sme-button-trigger", "sme-button-auto-width", "sme-position-flex-none", "sme-layout-float-right", 3, "title", "click"], [1, "sme-icon", 3, "ngClass"], ["role", "tablist", 1, "sme-padding-vertical-sm", "sme-position-flex-auto", 3, "ngClass"], ["role", "tab", "type", "button", "class", "sme-arrange-stack-h sme-wizard-step sme-button-trigger sme-wizard-button-item sme-padding-horizontal-none\n          sme-position-stretch-h sme-padding-vertical-xs sme-button-auto-width sme-padding-left-lg sme-padding-right-xs", "aria-live", "polite", 3, "ngClass", "disabled", "smeTelemetryDisableElement", "smeTelemetryDataBlob", "smeTelemetryId", "title", "click", 4, "ngFor", "ngForOf"], ["role", "tab", "type", "button", "aria-live", "polite", 1, "sme-arrange-stack-h", "sme-wizard-step", "sme-button-trigger", "sme-wizard-button-item", "sme-padding-horizontal-none", "sme-position-stretch-h", "sme-padding-vertical-xs", "sme-button-auto-width", "sme-padding-left-lg", "sme-padding-right-xs", 3, "ngClass", "disabled", "smeTelemetryDisableElement", "smeTelemetryDataBlob", "smeTelemetryId", "title", "click"], [1, "sme-position-flex-auto", "sme-position-flex-grow-start", "sme-margin-right-xs"], ["class", "sme-position-flex-auto sme-position-flex-grow-start sme-arrange-ellipsis", 4, "ngIf"], [1, "sme-position-flex-auto", "sme-position-flex-grow-start", "sme-arrange-ellipsis"], [3, "alert"], [1, "sme-layout-relative", "sme-position-flex-none", "sme-border-top-sm", "sme-border-top-color-base-80", "sme-padding-vertical-sm", "sme-padding-horizontal-lg", "sme-focus-zone"], ["wizardFooter", ""], [1, "sme-layout-float-left"], ["type", "button", "smeTelemetryId", "wizardPrev", 1, "sme-focus-zone", 3, "smeTelemetryDataBlob", "disabled", "click"], ["type", "button", "smeTelemetryId", "wizardNext", 1, "sme-focus-zone", "sme-button-primary", 3, "smeTelemetryDataBlob", "disabled", "smeTelemetryDisableElement", "click"], ["class", "sme-layout-relative sme-layout-float-right sme-padding-left-xl sme-padding-top-md", 4, "ngIf"], ["type", "button", "smeTelemetryId", "wizardSkip", 1, "sme-focus-zone", 3, "smeTelemetryDataBlob", "click"], ["type", "button", "smeTelemetryId", "wizardExit", 1, "sme-focus-zone", "sme-layout-float-right", 3, "smeTelemetryDataBlob", "click"], ["exitButton", ""], [1, "sme-layout-relative", "sme-layout-float-right", "sme-padding-left-xl", "sme-padding-top-md"], ["size", "small"]], template: function WizardComponent_Template(rf, ctx) {
+            ]), i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 14, consts: [[1, "sme-wizard", "sme-layout-absolute-phone-up", "sme-arrange-stack-v", "sme-position-inset-none"], ["class", "sme-arrange-stack-h sme-position-flex-none sme-padding-vertical-sm sme-padding-horizontal-lg sme-border-bottom-sm sme-border-bottom-color-base-80", 4, "ngIf"], [3, "text", "smeIconClassName", "subtitle", 4, "ngIf"], [4, "ngIf"], ["role", "tablist", "class", "sme-arrange-stack-h sme-position-flex-none sme-padding-horizontal-lg sme-border-bottom-sm sme-border-bottom-color-base-80 sme-focus-zone sme-arrange-overflow-auto-x", 4, "ngIf"], [1, "sme-arrange-stack-h", "sme-arrange-overflow-auto", "sme-position-flex-auto", "sme-wizard-content-container"], ["class", "sme-arrange-stack-v sme-position-flex-none sme-focus-zone sme-border-right-sm sme-border-right-color-base-80 sme-wizard-left-pane", 4, "ngIf"], [1, "sme-focus-zone", "sme-layout-relative", "sme-arrange-overflow-auto", "sme-wizard-content-pane", 3, "ngClass"], ["id", "dynamic-content-container"], ["container", ""], ["class", "sme-layout-relative sme-position-flex-none sme-border-top-sm sme-border-top-color-base-80 sme-padding-vertical-sm sme-padding-horizontal-lg sme-focus-zone", 4, "ngIf"], [1, "sme-arrange-stack-h", "sme-position-flex-none", "sme-padding-vertical-sm", "sme-padding-horizontal-lg", "sme-border-bottom-sm", "sme-border-bottom-color-base-80"], ["id", "sme-shell-wizard-heading-id"], ["type", "preview", "class", "sme-margin-left-xs", 4, "ngIf"], ["type", "preview", 1, "sme-margin-left-xs"], [3, "text", "smeIconClassName", "subtitle"], ["type", "preview", 4, "ngIf"], ["type", "preview"], [3, "items"], ["role", "tablist", 1, "sme-arrange-stack-h", "sme-position-flex-none", "sme-padding-horizontal-lg", "sme-border-bottom-sm", "sme-border-bottom-color-base-80", "sme-focus-zone", "sme-arrange-overflow-auto-x"], ["role", "tab", "tabindex", "0", "aria-live", "polite", "type", "button", "class", "sme-wizard-stage sme-button-trigger sme-wizard-button-item sme-padding-vertical-sm sme-padding-horizontal-none sme-button-auto-width sme-margin-right-md", 3, "title", "smeTelemetryDataBlob", "smeTelemetryId", "sme-active", "sme-selected", "aria-selected", "sme-wizard-stage-focus", "disabled", "smeTelemetryDisableElement", "ngClass", "click", 4, "ngFor", "ngForOf"], ["role", "tab", "tabindex", "0", "aria-live", "polite", "type", "button", 1, "sme-wizard-stage", "sme-button-trigger", "sme-wizard-button-item", "sme-padding-vertical-sm", "sme-padding-horizontal-none", "sme-button-auto-width", "sme-margin-right-md", 3, "title", "smeTelemetryDataBlob", "smeTelemetryId", "disabled", "smeTelemetryDisableElement", "ngClass", "click"], [1, "sme-wizard-stage-index", "sme-position-flex-none", 3, "ngClass"], [1, "sme-position-flex-auto", "sme-font-body", "sme-arrange-ellipsis", 3, "ngClass"], [1, "sme-arrange-stack-v", "sme-position-flex-none", "sme-focus-zone", "sme-border-right-sm", "sme-border-right-color-base-80", "sme-wizard-left-pane"], ["role", "tablist", "class", "sme-padding-vertical-sm sme-position-flex-auto", 3, "ngClass", 4, "ngIf"], [1, "sme-position-flex-none", "sme-focus-zone"], [1, "split-view-toggle", "sme-button-trigger", "sme-button-auto-width", "sme-position-flex-none", "sme-layout-float-right", 3, "title", "click"], [1, "sme-icon", 3, "ngClass"], ["role", "tablist", 1, "sme-padding-vertical-sm", "sme-position-flex-auto", 3, "ngClass"], ["role", "tab", "type", "button", "class", "sme-arrange-stack-h sme-wizard-step sme-button-trigger sme-wizard-button-item sme-padding-horizontal-none\n          sme-position-stretch-h sme-padding-vertical-xs sme-button-auto-width sme-padding-left-lg sme-padding-right-xs", "aria-live", "polite", 3, "ngClass", "disabled", "smeTelemetryDisableElement", "smeTelemetryDataBlob", "smeTelemetryId", "title", "click", 4, "ngFor", "ngForOf"], ["role", "tab", "type", "button", "aria-live", "polite", 1, "sme-arrange-stack-h", "sme-wizard-step", "sme-button-trigger", "sme-wizard-button-item", "sme-padding-horizontal-none", "sme-position-stretch-h", "sme-padding-vertical-xs", "sme-button-auto-width", "sme-padding-left-lg", "sme-padding-right-xs", 3, "ngClass", "disabled", "smeTelemetryDisableElement", "smeTelemetryDataBlob", "smeTelemetryId", "title", "click"], [1, "sme-position-flex-auto", "sme-position-flex-grow-start", "sme-margin-right-xs"], ["class", "sme-position-flex-auto sme-position-flex-grow-start sme-arrange-ellipsis", 4, "ngIf"], [1, "sme-position-flex-auto", "sme-position-flex-grow-start", "sme-arrange-ellipsis"], [3, "alert"], [1, "sme-layout-relative", "sme-position-flex-none", "sme-border-top-sm", "sme-border-top-color-base-80", "sme-padding-vertical-sm", "sme-padding-horizontal-lg", "sme-focus-zone"], ["wizardFooter", ""], [1, "sme-layout-float-left"], ["type", "button", "smeTelemetryId", "wizardPrev", 1, "sme-focus-zone", 3, "smeTelemetryDataBlob", "disabled", "click"], ["type", "button", "smeTelemetryId", "wizardNext", 1, "sme-focus-zone", "sme-button-primary", 3, "smeTelemetryDataBlob", "disabled", "smeTelemetryDisableElement", "click"], ["class", "sme-layout-relative sme-layout-float-right sme-padding-left-xl sme-padding-top-md", 4, "ngIf"], ["type", "button", "smeTelemetryId", "wizardSkip", 1, "sme-focus-zone", 3, "smeTelemetryDataBlob", "click"], ["type", "button", "smeTelemetryId", "wizardExit", 1, "sme-focus-zone", "sme-layout-float-right", 3, "smeTelemetryDataBlob", "click"], ["exitButton", ""], [1, "sme-layout-relative", "sme-layout-float-right", "sme-padding-left-xl", "sme-padding-top-md"], ["size", "small"]], template: function WizardComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
                 i0.ɵɵtemplate(1, WizardComponent_div_1_Template, 4, 3, "div", 1);
-                i0.ɵɵtemplate(2, WizardComponent_div_2_Template, 2, 1, "div", 2);
+                i0.ɵɵtemplate(2, WizardComponent_sme_header_2_Template, 2, 4, "sme-header", 2);
                 i0.ɵɵtemplate(3, WizardComponent_div_3_Template, 2, 1, "div", 3);
-                i0.ɵɵelementStart(4, "div", 4);
-                i0.ɵɵtemplate(5, WizardComponent_div_5_Template, 5, 8, "div", 5);
-                i0.ɵɵelementStart(6, "div", 6);
-                i0.ɵɵtemplate(7, WizardComponent_div_7_Template, 2, 1, "div", 2);
-                i0.ɵɵelement(8, "div", 7, 8);
+                i0.ɵɵtemplate(4, WizardComponent_div_4_Template, 2, 1, "div", 4);
+                i0.ɵɵelementStart(5, "div", 5);
+                i0.ɵɵtemplate(6, WizardComponent_div_6_Template, 5, 8, "div", 6);
+                i0.ɵɵelementStart(7, "div", 7);
+                i0.ɵɵtemplate(8, WizardComponent_div_8_Template, 2, 1, "div", 3);
+                i0.ɵɵelement(9, "div", 8, 9);
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(10, WizardComponent_div_10_Template, 13, 18, "div", 9);
+                i0.ɵɵtemplate(11, WizardComponent_div_11_Template, 13, 18, "div", 10);
                 i0.ɵɵelementEnd();
             }
             if (rf & 2) {
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", ctx.heading && !ctx.wizardIsFinished);
+                i0.ɵɵproperty("ngIf", ctx.heading && !ctx.wizardIsFinished && !ctx.headerData);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("ngIf", !ctx.wizardIsFinished && ctx.headerData && !ctx.heading);
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.showWizardBanner);
                 i0.ɵɵadvance(1);
@@ -56905,7 +56945,7 @@
                 i0.ɵɵproperty("ngIf", !ctx.wizardIsFinished && !ctx.hideStepsListSidePane);
                 i0.ɵɵadvance(1);
                 i0.ɵɵclassProp("sme-wizard-no-left-pane", ctx.hideStepsListSidePane);
-                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c7$2, ctx.currentStepComponent.padContents));
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c7$2, ctx.currentStepComponent.padContents));
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.currentStepComponent.disabled);
                 i0.ɵɵadvance(3);
@@ -56986,6 +57026,7 @@
     /** @nocollapse */ WizardModule.ɵmod = i0.ɵɵdefineNgModule({ type: WizardModule });
     /** @nocollapse */ WizardModule.ɵinj = i0.ɵɵdefineInjector({ providers: [], imports: [[
                 i1$1.CommonModule,
+                HeaderModule,
                 IconModule,
                 LayoutModule,
                 LoadingWheelModule,
@@ -56997,6 +57038,7 @@
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(WizardModule, { declarations: [WizardComponent], imports: [i1$1.CommonModule,
+                HeaderModule,
                 IconModule,
                 LayoutModule,
                 LoadingWheelModule,
@@ -57018,6 +57060,7 @@
                         ],
                         imports: [
                             i1$1.CommonModule,
+                            HeaderModule,
                             IconModule,
                             LayoutModule,
                             LoadingWheelModule,
@@ -57031,7 +57074,7 @@
                     }]
             }], null, null);
     })();
-    i0.ɵɵsetComponentScope(WizardComponent, [i1$1.NgIf, PreviewBadgeComponent, BannerComponent, i1$1.NgForOf, TooltipDirective, TelemetryDirective, i1$1.NgClass, PageAlertBarComponent, LoadingWheelComponent], []);
+    i0.ɵɵsetComponentScope(WizardComponent, [i1$1.NgIf, PreviewBadgeComponent, HeaderComponent, BannerComponent, i1$1.NgForOf, TooltipDirective, TelemetryDirective, i1$1.NgClass, PageAlertBarComponent, LoadingWheelComponent], []);
 
     var WizardAsParent = /** @class */ (function () {
         function WizardAsParent() {
@@ -57254,6 +57297,22 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(WizardBuilder.prototype, "headerData", {
+            /**
+             * Gets the heading subtitle.
+             */
+            get: function () {
+                return this.wizardHeaderData;
+            },
+            /**
+             * Sets the heading subtitle.
+             */
+            set: function (value) {
+                this.wizardHeaderData = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(WizardBuilder.prototype, "exitButtonTitle", {
             /**
              * Gets the wizard exit button title.
@@ -59505,6 +59564,7 @@
     exports.SliderFormFieldLoaderComponent = SliderFormFieldLoaderComponent;
     exports.SmeExtensionService = SmeExtensionService;
     exports.SmeFormsModule = SmeFormsModule;
+    exports.SmeHeaderData = SmeHeaderData;
     exports.SmeInject = SmeInject;
     exports.SmeInjectable = SmeInjectable;
     exports.SmeInjectableBase = SmeInjectableBase;