@fundamental-ngx/core 0.65.0-rc.2 → 0.65.0-rc.21

package/fesm2022/fundamental-ngx-core-wizard.mjs

@@ -938,7 +938,7 @@ class WizardComponent {
                 provide: WIZARD,
                 useExisting: WizardComponent
             }
-        ], queries: [{ propertyName: "progressBar", first: true, predicate: WizardProgressBarDirective, descendants: true }, { propertyName: "steps", predicate: WizardStepComponent, descendants: true }, { propertyName: "wizardContent", predicate: WizardContentComponent }], viewQueries: [{ propertyName: "wrapperContainer", first: true, predicate: ["wrapperContainer"], descendants: true }, { propertyName: "scrollbar", first: true, predicate: ScrollbarDirective, descendants: true }], ngImport: i0, template: "<section class=\"fd-wizard\">\n    <ng-content select=\"fd-wizard-navigation\"></ng-content>\n    @if (appendToWizard) {\n        <div\n            class=\"fd-wizard-container-wrapper\"\n            #wrapperContainer\n            fdScrollSpy\n            cdkScrollable\n            [trackedTags]=\"['div']\"\n            (spyChange)=\"scrollSpyChange($event)\"\n        >\n            <div fd-scrollbar>\n                @for (contentTemplate of contentTemplates; track contentTemplate) {\n                    <div>\n                        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n                    </div>\n                }\n            </div>\n        </div>\n    } @else {\n        <div cdkScrollable class=\"fd-wizard-container-wrapper\">\n            <div fd-scrollbar>\n                @for (contentTemplate of contentTemplates; track contentTemplate) {\n                    <div>\n                        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n                    </div>\n                }\n            </div>\n        </div>\n    }\n    <ng-content></ng-content>\n</section>\n", styles: [".fd-wizard{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-wizard:after,.fd-wizard:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__navigation{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-wizard__navigation:after,.fd-wizard__navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:table;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:4rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%;-webkit-padding-before:1rem;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);list-style-type:none;padding-block-start:1rem;position:relative;table-layout:fixed}.fd-wizard__progress-bar:after,.fd-wizard__progress-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar--sm{padding-inline:1rem}.fd-wizard__progress-bar--lg,.fd-wizard__progress-bar--md{padding-inline:2rem}.fd-wizard__progress-bar--xl{padding-inline:3rem}.fd-wizard__step-wrapper{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2rem}.fd-wizard__step-wrapper:after,.fd-wizard__step-wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--sapTextColor);display:table-cell;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;min-width:10.5rem;padding-block:0;padding-inline:0;position:relative;vertical-align:top;width:100%}.fd-wizard__step:after,.fd-wizard__step:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:var(--fdWizard_Completed_Step_Border);color:var(--fdWizard_Completed_Step_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__label{color:var(--fdWizard_Current_Step_Label_Color)}.fd-wizard__step--current .fd-wizard__step-indicator{background:var(--fdWizard_Current_Step_Background_Color);border:var(--fdWizard_Current_Step_Border);color:var(--fdWizard_Current_Step_Color);position:relative}.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Current_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__step-indicator:after{background:var(--fdWizard_Selection_Bar_Background);border-radius:.125rem .125rem 0 0;bottom:-1rem;content:\"\";display:inline-block;height:var(--fdWizard_Selection_Bar_Height);left:-.1875rem;position:absolute;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;width:calc(100% + .375rem)}.fd-wizard__step--upcoming .fd-wizard__label,.fd-wizard__step--upcoming .fd-wizard__optional-text{color:var(--sapContent_LabelColor)}.fd-wizard__step--upcoming .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:.0625rem solid var(--sapList_BorderColor);color:var(--fdWizard_Upcoming_Step_Color)}.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Upcoming_Step_Icon_Color)}.fd-wizard__step--upcoming .fd-wizard__step-container{cursor:default;pointer-events:none}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:var(--fdWizard_Completed_Step_Border);color:var(--fdWizard_Completed_Step_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--no-label{min-width:4rem}.fd-wizard__step--no-label .fd-wizard__label-container{display:none}.fd-wizard__step--stacked-top.fd-wizard__step--stacked{min-width:4rem;width:4rem}.fd-wizard__step--stacked-top.fd-wizard__step--stacked .fd-wizard__connector{display:block;min-width:auto}.fd-wizard__step--stacked{min-width:auto;width:.25rem}.fd-wizard__step--stacked:last-child{-webkit-padding-end:2.375rem;padding-inline-end:2.375rem}.fd-wizard__step--stacked .fd-wizard__connector,.fd-wizard__step--stacked .fd-wizard__label-container{display:none}.fd-wizard__step--stacked.fd-wizard__step--upcoming:first-child{z-index:9}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(2){z-index:8}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(3){z-index:7}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(4){z-index:6}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(5){z-index:5}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(6){z-index:4}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(7){z-index:3}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(8){z-index:2}.fd-wizard__step--active .fd-wizard__step-indicator{background:var(--sapActiveColor);border-color:var(--fdWizard_Active_Step_Border_Color);color:var(--fdWizard_Active_Step_Color)}.fd-wizard__step--active .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--active .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Active_Step_Icon_Color)}.fd-wizard__step-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.fd-wizard__step-container:after,.fd-wizard__step-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step-container.is-focus,.fd-wizard__step-container:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);z-index:5}.fd-wizard__step-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;height:2rem;margin-block:0;margin-inline:0;margin-inline:.1875rem var(--fdWizard_Step_Indicator_Margin_Right);min-height:2rem;min-width:2rem;width:2rem}.fd-wizard__step-indicator:after,.fd-wizard__step-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__icon [class*=sap-icon],.fd-wizard__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--sapFontLargeSize);height:100%}.fd-wizard__label-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;color:var(--sapContent_LabelColor);-ms-flex-direction:column;flex-direction:column;max-height:2rem;max-width:100%;overflow:hidden}.fd-wizard__label-container:after,.fd-wizard__label-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__label-container--optional .fd-wizard__label{-webkit-line-clamp:1;max-height:1rem}.fd-wizard__label,.fd-wizard__label-container--optional .fd-wizard__label{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--fdWizard_Label_Font_Family);font-size:var(--sapFontSize);font-weight:400;font-weight:var(--fdWizard_Label_Font_Weight);forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0}.fd-wizard__label:after,.fd-wizard__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__optional-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:1;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__optional-text:after,.fd-wizard__optional-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__connector{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;border-bottom:.0625rem solid var(--sapList_BorderColor);-ms-flex:1 1 auto;flex:1 1 auto;margin-block:.5rem;margin-inline:.5rem;max-width:100%;min-width:1rem}.fd-wizard__connector:after,.fd-wizard__connector:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__connector--active{border-bottom-color:var(--fdWizard_Connector_Active_Border_Color)}.fd-wizard__connector--branching{border-bottom-style:dashed}.fd-wizard__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-before:1rem;background:var(--sapBackgroundColor);height:100%;padding-block-start:1rem;width:100%}.fd-wizard__content:after,.fd-wizard__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__content--sm{padding-inline:1rem}.fd-wizard__content--lg,.fd-wizard__content--md{padding-inline:2rem}.fd-wizard__content--xl{padding-inline:3rem}.fd-wizard__content--solid{background:var(--fdWizard_Content_Solid_Background)}.fd-wizard__content--list{background:var(--fdWizard_Content_List_Background)}.fd-wizard__content--transparent{background:var(--fdWizard_Content_Transparent_Background)}.fd-wizard__step-content-container{background-color:var(--fdWizard_Step_Content_Container_Background_Color);border:0;border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:var(--fdWizard_Step_Content_Container_Spacing);padding-inline:0;padding-inline:var(--fdWizard_Step_Content_Container_Spacing)}.fd-wizard__step-content-container:after,.fd-wizard__step-content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step-content-container--sm{padding-inline:1rem}.fd-wizard__step-content-container--lg,.fd-wizard__step-content-container--md{padding-inline:2rem}.fd-wizard__step-content-container--xl{padding-inline:3rem}.fd-wizard__next-step{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:1rem;padding-block:0;padding-inline:0}.fd-wizard__next-step:after,.fd-wizard__next-step:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__next-step--sm{padding-inline:1rem}.fd-wizard__next-step--lg,.fd-wizard__next-step--md{padding-inline:2rem}.fd-wizard__next-step--xl{padding-inline:3rem}.fd-wizard__next-step--floating{bottom:3.5rem;position:absolute}.fd-wizard__label,.fd-wizard__optional-text{display:block;display:-webkit-box}.fd-wizard-container-wrapper{overflow:auto}@media(max-width:599px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:1rem;padding-right:1rem}}@media(min-width:600px)and (max-width:1439px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:2rem;padding-right:2rem}}@media(min-width:1440px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:3rem;padding-right:3rem}}.fd-wizard__progress-bar{z-index:1003}:host .fd-scrollbar{max-height:100%;max-width:100%;width:100%;height:100%}\n/*! Bundled license information:\n\nfundamental-styles/dist/wizard.css:\n  (*!\n   * Fundamental Library Styles v0.41.8\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "directive", type: ScrollSpyDirective, selector: "[fdScrollSpy]", inputs: ["trackedTags", "fireEmpty", "targetPercent", "targetOffset", "scrollSpyDisabled"], outputs: ["spyChange"], exportAs: ["fdScrollSpy"] }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "progressBar", first: true, predicate: WizardProgressBarDirective, descendants: true }, { propertyName: "steps", predicate: WizardStepComponent, descendants: true }, { propertyName: "wizardContent", predicate: WizardContentComponent }], viewQueries: [{ propertyName: "wrapperContainer", first: true, predicate: ["wrapperContainer"], descendants: true }, { propertyName: "scrollbar", first: true, predicate: ScrollbarDirective, descendants: true }], ngImport: i0, template: "<section class=\"fd-wizard\">\n    <ng-content select=\"fd-wizard-navigation\"></ng-content>\n    @if (appendToWizard) {\n        <div\n            class=\"fd-wizard-container-wrapper\"\n            #wrapperContainer\n            fdScrollSpy\n            cdkScrollable\n            [trackedTags]=\"['div']\"\n            (spyChange)=\"scrollSpyChange($event)\"\n        >\n            <div fd-scrollbar>\n                @for (contentTemplate of contentTemplates; track contentTemplate) {\n                    <div>\n                        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n                    </div>\n                }\n            </div>\n        </div>\n    } @else {\n        <div cdkScrollable class=\"fd-wizard-container-wrapper\">\n            <div fd-scrollbar>\n                @for (contentTemplate of contentTemplates; track contentTemplate) {\n                    <div>\n                        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n                    </div>\n                }\n            </div>\n        </div>\n    }\n    <ng-content></ng-content>\n</section>\n", styles: [".fd-wizard{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-wizard:after,.fd-wizard:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__navigation{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-wizard__navigation:after,.fd-wizard__navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:table;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:4rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%;-webkit-padding-before:1rem;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);list-style-type:none;padding-block-start:1rem;position:relative;table-layout:fixed}.fd-wizard__progress-bar:after,.fd-wizard__progress-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar--sm{padding-inline:1rem}.fd-wizard__progress-bar--lg,.fd-wizard__progress-bar--md{padding-inline:2rem}.fd-wizard__progress-bar--xl{padding-inline:3rem}.fd-wizard__step-wrapper{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2rem}.fd-wizard__step-wrapper:after,.fd-wizard__step-wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--sapTextColor);display:table-cell;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;min-width:10.5rem;padding-block:0;padding-inline:0;position:relative;vertical-align:top;width:100%}.fd-wizard__step:after,.fd-wizard__step:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:var(--fdWizard_Completed_Step_Border);color:var(--fdWizard_Completed_Step_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__label{color:var(--fdWizard_Current_Step_Label_Color)}.fd-wizard__step--current .fd-wizard__step-indicator{background:var(--fdWizard_Current_Step_Background_Color);border:var(--fdWizard_Current_Step_Border);color:var(--fdWizard_Current_Step_Color);position:relative}.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Current_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__step-indicator:after{background:var(--fdWizard_Selection_Bar_Background);border-radius:.125rem .125rem 0 0;bottom:-1rem;content:\"\";display:inline-block;height:var(--fdWizard_Selection_Bar_Height);left:-.1875rem;position:absolute;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;width:calc(100% + .375rem)}.fd-wizard__step--upcoming .fd-wizard__label,.fd-wizard__step--upcoming .fd-wizard__optional-text{color:var(--sapContent_LabelColor)}.fd-wizard__step--upcoming .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:.0625rem solid var(--sapList_BorderColor);color:var(--fdWizard_Upcoming_Step_Color)}.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Upcoming_Step_Icon_Color)}.fd-wizard__step--upcoming .fd-wizard__step-container{cursor:default;pointer-events:none}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:var(--fdWizard_Completed_Step_Border);color:var(--fdWizard_Completed_Step_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--no-label{min-width:4rem}.fd-wizard__step--no-label .fd-wizard__label-container{display:none}.fd-wizard__step--stacked-top.fd-wizard__step--stacked{min-width:4rem;width:4rem}.fd-wizard__step--stacked-top.fd-wizard__step--stacked .fd-wizard__connector{display:block;min-width:auto}.fd-wizard__step--stacked{min-width:auto;width:.25rem}.fd-wizard__step--stacked:last-child{-webkit-padding-end:2.375rem;padding-inline-end:2.375rem}.fd-wizard__step--stacked .fd-wizard__connector,.fd-wizard__step--stacked .fd-wizard__label-container{display:none}.fd-wizard__step--stacked.fd-wizard__step--upcoming:first-child{z-index:9}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(2){z-index:8}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(3){z-index:7}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(4){z-index:6}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(5){z-index:5}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(6){z-index:4}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(7){z-index:3}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(8){z-index:2}.fd-wizard__step--active .fd-wizard__step-indicator{background:var(--sapActiveColor);border-color:var(--fdWizard_Active_Step_Border_Color);color:var(--fdWizard_Active_Step_Color)}.fd-wizard__step--active .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--active .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Active_Step_Icon_Color)}.fd-wizard__step-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.fd-wizard__step-container:after,.fd-wizard__step-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step-container.is-focus,.fd-wizard__step-container:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);z-index:5}.fd-wizard__step-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;height:2rem;margin-block:0;margin-inline:0;margin-inline:.1875rem var(--fdWizard_Step_Indicator_Margin_Right);min-height:2rem;min-width:2rem;width:2rem}.fd-wizard__step-indicator:after,.fd-wizard__step-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__icon [class*=sap-icon],.fd-wizard__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--sapFontLargeSize);height:100%}.fd-wizard__label-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;color:var(--sapContent_LabelColor);-ms-flex-direction:column;flex-direction:column;max-height:2rem;max-width:100%;overflow:hidden}.fd-wizard__label-container:after,.fd-wizard__label-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__label-container--optional .fd-wizard__label{-webkit-line-clamp:1;max-height:1rem}.fd-wizard__label,.fd-wizard__label-container--optional .fd-wizard__label{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--fdWizard_Label_Font_Family);font-size:var(--sapFontSize);font-weight:400;font-weight:var(--fdWizard_Label_Font_Weight);forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0}.fd-wizard__label:after,.fd-wizard__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__optional-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:1;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__optional-text:after,.fd-wizard__optional-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__connector{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;border-bottom:.0625rem solid var(--sapList_BorderColor);-ms-flex:1 1 auto;flex:1 1 auto;margin-block:.5rem;margin-inline:.5rem;max-width:100%;min-width:1rem}.fd-wizard__connector:after,.fd-wizard__connector:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__connector--active{border-bottom-color:var(--fdWizard_Connector_Active_Border_Color)}.fd-wizard__connector--branching{border-bottom-style:dashed}.fd-wizard__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-before:1rem;background:var(--sapBackgroundColor);height:100%;padding-block-start:1rem;width:100%}.fd-wizard__content:after,.fd-wizard__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__content--sm{padding-inline:1rem}.fd-wizard__content--lg,.fd-wizard__content--md{padding-inline:2rem}.fd-wizard__content--xl{padding-inline:3rem}.fd-wizard__content--solid{background:var(--fdWizard_Content_Solid_Background)}.fd-wizard__content--list{background:var(--fdWizard_Content_List_Background)}.fd-wizard__content--transparent{background:var(--fdWizard_Content_Transparent_Background)}.fd-wizard__step-content-container{background-color:var(--fdWizard_Step_Content_Container_Background_Color);border:0;border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:var(--fdWizard_Step_Content_Container_Spacing);padding-inline:0;padding-inline:var(--fdWizard_Step_Content_Container_Spacing)}.fd-wizard__step-content-container:after,.fd-wizard__step-content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step-content-container--sm{padding-inline:1rem}.fd-wizard__step-content-container--lg,.fd-wizard__step-content-container--md{padding-inline:2rem}.fd-wizard__step-content-container--xl{padding-inline:3rem}.fd-wizard__next-step{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:1rem;padding-block:0;padding-inline:0}.fd-wizard__next-step:after,.fd-wizard__next-step:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__next-step--sm{padding-inline:1rem}.fd-wizard__next-step--lg,.fd-wizard__next-step--md{padding-inline:2rem}.fd-wizard__next-step--xl{padding-inline:3rem}.fd-wizard__next-step--floating{bottom:3.5rem;position:absolute}.fd-wizard__label,.fd-wizard__optional-text{display:block;display:-webkit-box}.fd-wizard-container-wrapper{overflow:auto}@media(max-width:599px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:1rem;padding-right:1rem}}@media(min-width:600px)and (max-width:1439px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:2rem;padding-right:2rem}}@media(min-width:1440px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:3rem;padding-right:3rem}}.fd-wizard__progress-bar{z-index:1003}:host .fd-scrollbar{max-height:100%;max-width:100%;width:100%;height:100%}\n/*! Bundled license information:\n\nfundamental-styles/dist/wizard.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "directive", type: ScrollSpyDirective, selector: "[fdScrollSpy]", inputs: ["trackedTags", "fireEmpty", "targetPercent", "targetOffset", "scrollSpyDisabled"], outputs: ["spyChange"], exportAs: ["fdScrollSpy"] }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WizardComponent, decorators: [{
             type: Component,
@@ -951,7 +951,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ], host: {
                         role: 'region',
                         '[attr.aria-label]': 'ariaLabel || _defaultAriaLabel()'
-                    }, imports: [ScrollSpyDirective, CdkScrollable, ScrollbarDirective, NgTemplateOutlet], template: "<section class=\"fd-wizard\">\n    <ng-content select=\"fd-wizard-navigation\"></ng-content>\n    @if (appendToWizard) {\n        <div\n            class=\"fd-wizard-container-wrapper\"\n            #wrapperContainer\n            fdScrollSpy\n            cdkScrollable\n            [trackedTags]=\"['div']\"\n            (spyChange)=\"scrollSpyChange($event)\"\n        >\n            <div fd-scrollbar>\n                @for (contentTemplate of contentTemplates; track contentTemplate) {\n                    <div>\n                        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n                    </div>\n                }\n            </div>\n        </div>\n    } @else {\n        <div cdkScrollable class=\"fd-wizard-container-wrapper\">\n            <div fd-scrollbar>\n                @for (contentTemplate of contentTemplates; track contentTemplate) {\n                    <div>\n                        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n                    </div>\n                }\n            </div>\n        </div>\n    }\n    <ng-content></ng-content>\n</section>\n", styles: [".fd-wizard{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-wizard:after,.fd-wizard:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__navigation{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-wizard__navigation:after,.fd-wizard__navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:table;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:4rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%;-webkit-padding-before:1rem;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);list-style-type:none;padding-block-start:1rem;position:relative;table-layout:fixed}.fd-wizard__progress-bar:after,.fd-wizard__progress-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar--sm{padding-inline:1rem}.fd-wizard__progress-bar--lg,.fd-wizard__progress-bar--md{padding-inline:2rem}.fd-wizard__progress-bar--xl{padding-inline:3rem}.fd-wizard__step-wrapper{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2rem}.fd-wizard__step-wrapper:after,.fd-wizard__step-wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--sapTextColor);display:table-cell;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;min-width:10.5rem;padding-block:0;padding-inline:0;position:relative;vertical-align:top;width:100%}.fd-wizard__step:after,.fd-wizard__step:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:var(--fdWizard_Completed_Step_Border);color:var(--fdWizard_Completed_Step_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__label{color:var(--fdWizard_Current_Step_Label_Color)}.fd-wizard__step--current .fd-wizard__step-indicator{background:var(--fdWizard_Current_Step_Background_Color);border:var(--fdWizard_Current_Step_Border);color:var(--fdWizard_Current_Step_Color);position:relative}.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Current_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__step-indicator:after{background:var(--fdWizard_Selection_Bar_Background);border-radius:.125rem .125rem 0 0;bottom:-1rem;content:\"\";display:inline-block;height:var(--fdWizard_Selection_Bar_Height);left:-.1875rem;position:absolute;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;width:calc(100% + .375rem)}.fd-wizard__step--upcoming .fd-wizard__label,.fd-wizard__step--upcoming .fd-wizard__optional-text{color:var(--sapContent_LabelColor)}.fd-wizard__step--upcoming .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:.0625rem solid var(--sapList_BorderColor);color:var(--fdWizard_Upcoming_Step_Color)}.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Upcoming_Step_Icon_Color)}.fd-wizard__step--upcoming .fd-wizard__step-container{cursor:default;pointer-events:none}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:var(--fdWizard_Completed_Step_Border);color:var(--fdWizard_Completed_Step_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--no-label{min-width:4rem}.fd-wizard__step--no-label .fd-wizard__label-container{display:none}.fd-wizard__step--stacked-top.fd-wizard__step--stacked{min-width:4rem;width:4rem}.fd-wizard__step--stacked-top.fd-wizard__step--stacked .fd-wizard__connector{display:block;min-width:auto}.fd-wizard__step--stacked{min-width:auto;width:.25rem}.fd-wizard__step--stacked:last-child{-webkit-padding-end:2.375rem;padding-inline-end:2.375rem}.fd-wizard__step--stacked .fd-wizard__connector,.fd-wizard__step--stacked .fd-wizard__label-container{display:none}.fd-wizard__step--stacked.fd-wizard__step--upcoming:first-child{z-index:9}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(2){z-index:8}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(3){z-index:7}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(4){z-index:6}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(5){z-index:5}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(6){z-index:4}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(7){z-index:3}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(8){z-index:2}.fd-wizard__step--active .fd-wizard__step-indicator{background:var(--sapActiveColor);border-color:var(--fdWizard_Active_Step_Border_Color);color:var(--fdWizard_Active_Step_Color)}.fd-wizard__step--active .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--active .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Active_Step_Icon_Color)}.fd-wizard__step-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.fd-wizard__step-container:after,.fd-wizard__step-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step-container.is-focus,.fd-wizard__step-container:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);z-index:5}.fd-wizard__step-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;height:2rem;margin-block:0;margin-inline:0;margin-inline:.1875rem var(--fdWizard_Step_Indicator_Margin_Right);min-height:2rem;min-width:2rem;width:2rem}.fd-wizard__step-indicator:after,.fd-wizard__step-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__icon [class*=sap-icon],.fd-wizard__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--sapFontLargeSize);height:100%}.fd-wizard__label-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;color:var(--sapContent_LabelColor);-ms-flex-direction:column;flex-direction:column;max-height:2rem;max-width:100%;overflow:hidden}.fd-wizard__label-container:after,.fd-wizard__label-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__label-container--optional .fd-wizard__label{-webkit-line-clamp:1;max-height:1rem}.fd-wizard__label,.fd-wizard__label-container--optional .fd-wizard__label{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--fdWizard_Label_Font_Family);font-size:var(--sapFontSize);font-weight:400;font-weight:var(--fdWizard_Label_Font_Weight);forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0}.fd-wizard__label:after,.fd-wizard__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__optional-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:1;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__optional-text:after,.fd-wizard__optional-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__connector{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;border-bottom:.0625rem solid var(--sapList_BorderColor);-ms-flex:1 1 auto;flex:1 1 auto;margin-block:.5rem;margin-inline:.5rem;max-width:100%;min-width:1rem}.fd-wizard__connector:after,.fd-wizard__connector:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__connector--active{border-bottom-color:var(--fdWizard_Connector_Active_Border_Color)}.fd-wizard__connector--branching{border-bottom-style:dashed}.fd-wizard__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-before:1rem;background:var(--sapBackgroundColor);height:100%;padding-block-start:1rem;width:100%}.fd-wizard__content:after,.fd-wizard__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__content--sm{padding-inline:1rem}.fd-wizard__content--lg,.fd-wizard__content--md{padding-inline:2rem}.fd-wizard__content--xl{padding-inline:3rem}.fd-wizard__content--solid{background:var(--fdWizard_Content_Solid_Background)}.fd-wizard__content--list{background:var(--fdWizard_Content_List_Background)}.fd-wizard__content--transparent{background:var(--fdWizard_Content_Transparent_Background)}.fd-wizard__step-content-container{background-color:var(--fdWizard_Step_Content_Container_Background_Color);border:0;border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:var(--fdWizard_Step_Content_Container_Spacing);padding-inline:0;padding-inline:var(--fdWizard_Step_Content_Container_Spacing)}.fd-wizard__step-content-container:after,.fd-wizard__step-content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step-content-container--sm{padding-inline:1rem}.fd-wizard__step-content-container--lg,.fd-wizard__step-content-container--md{padding-inline:2rem}.fd-wizard__step-content-container--xl{padding-inline:3rem}.fd-wizard__next-step{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:1rem;padding-block:0;padding-inline:0}.fd-wizard__next-step:after,.fd-wizard__next-step:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__next-step--sm{padding-inline:1rem}.fd-wizard__next-step--lg,.fd-wizard__next-step--md{padding-inline:2rem}.fd-wizard__next-step--xl{padding-inline:3rem}.fd-wizard__next-step--floating{bottom:3.5rem;position:absolute}.fd-wizard__label,.fd-wizard__optional-text{display:block;display:-webkit-box}.fd-wizard-container-wrapper{overflow:auto}@media(max-width:599px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:1rem;padding-right:1rem}}@media(min-width:600px)and (max-width:1439px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:2rem;padding-right:2rem}}@media(min-width:1440px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:3rem;padding-right:3rem}}.fd-wizard__progress-bar{z-index:1003}:host .fd-scrollbar{max-height:100%;max-width:100%;width:100%;height:100%}\n/*! Bundled license information:\n\nfundamental-styles/dist/wizard.css:\n  (*!\n   * Fundamental Library Styles v0.41.8\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"] }]
+                    }, imports: [ScrollSpyDirective, CdkScrollable, ScrollbarDirective, NgTemplateOutlet], template: "<section class=\"fd-wizard\">\n    <ng-content select=\"fd-wizard-navigation\"></ng-content>\n    @if (appendToWizard) {\n        <div\n            class=\"fd-wizard-container-wrapper\"\n            #wrapperContainer\n            fdScrollSpy\n            cdkScrollable\n            [trackedTags]=\"['div']\"\n            (spyChange)=\"scrollSpyChange($event)\"\n        >\n            <div fd-scrollbar>\n                @for (contentTemplate of contentTemplates; track contentTemplate) {\n                    <div>\n                        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n                    </div>\n                }\n            </div>\n        </div>\n    } @else {\n        <div cdkScrollable class=\"fd-wizard-container-wrapper\">\n            <div fd-scrollbar>\n                @for (contentTemplate of contentTemplates; track contentTemplate) {\n                    <div>\n                        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n                    </div>\n                }\n            </div>\n        </div>\n    }\n    <ng-content></ng-content>\n</section>\n", styles: [".fd-wizard{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-wizard:after,.fd-wizard:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__navigation{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-wizard__navigation:after,.fd-wizard__navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:table;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:4rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%;-webkit-padding-before:1rem;background:var(--sapObjectHeader_Background);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);list-style-type:none;padding-block-start:1rem;position:relative;table-layout:fixed}.fd-wizard__progress-bar:after,.fd-wizard__progress-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar--sm{padding-inline:1rem}.fd-wizard__progress-bar--lg,.fd-wizard__progress-bar--md{padding-inline:2rem}.fd-wizard__progress-bar--xl{padding-inline:3rem}.fd-wizard__step-wrapper{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2rem}.fd-wizard__step-wrapper:after,.fd-wizard__step-wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--sapTextColor);display:table-cell;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;min-width:10.5rem;padding-block:0;padding-inline:0;position:relative;vertical-align:top;width:100%}.fd-wizard__step:after,.fd-wizard__step:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:var(--fdWizard_Completed_Step_Border);color:var(--fdWizard_Completed_Step_Color)}.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__label{color:var(--fdWizard_Current_Step_Label_Color)}.fd-wizard__step--current .fd-wizard__step-indicator{background:var(--fdWizard_Current_Step_Background_Color);border:var(--fdWizard_Current_Step_Border);color:var(--fdWizard_Current_Step_Color);position:relative}.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--current .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Current_Step_Icon_Color)}.fd-wizard__step--current .fd-wizard__step-indicator:after{background:var(--fdWizard_Selection_Bar_Background);border-radius:.125rem .125rem 0 0;bottom:-1rem;content:\"\";display:inline-block;height:var(--fdWizard_Selection_Bar_Height);left:-.1875rem;position:absolute;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;width:calc(100% + .375rem)}.fd-wizard__step--upcoming .fd-wizard__label,.fd-wizard__step--upcoming .fd-wizard__optional-text{color:var(--sapContent_LabelColor)}.fd-wizard__step--upcoming .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:.0625rem solid var(--sapList_BorderColor);color:var(--fdWizard_Upcoming_Step_Color)}.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Upcoming_Step_Icon_Color)}.fd-wizard__step--upcoming .fd-wizard__step-container{cursor:default;pointer-events:none}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__label{color:var(--fdWizard_Completed_Step_Label_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator{background:var(--sapObjectHeader_Background);border:var(--fdWizard_Completed_Step_Border);color:var(--fdWizard_Completed_Step_Color)}.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--upcoming.fd-wizard__step--completed .fd-wizard__step-indicator .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Completed_Step_Icon_Color)}.fd-wizard__step--no-label{min-width:4rem}.fd-wizard__step--no-label .fd-wizard__label-container{display:none}.fd-wizard__step--stacked-top.fd-wizard__step--stacked{min-width:4rem;width:4rem}.fd-wizard__step--stacked-top.fd-wizard__step--stacked .fd-wizard__connector{display:block;min-width:auto}.fd-wizard__step--stacked{min-width:auto;width:.25rem}.fd-wizard__step--stacked:last-child{-webkit-padding-end:2.375rem;padding-inline-end:2.375rem}.fd-wizard__step--stacked .fd-wizard__connector,.fd-wizard__step--stacked .fd-wizard__label-container{display:none}.fd-wizard__step--stacked.fd-wizard__step--upcoming:first-child{z-index:9}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(2){z-index:8}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(3){z-index:7}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(4){z-index:6}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(5){z-index:5}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(6){z-index:4}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(7){z-index:3}.fd-wizard__step--stacked.fd-wizard__step--upcoming:nth-child(8){z-index:2}.fd-wizard__step--active .fd-wizard__step-indicator{background:var(--sapActiveColor);border-color:var(--fdWizard_Active_Step_Border_Color);color:var(--fdWizard_Active_Step_Color)}.fd-wizard__step--active .fd-wizard__icon [class*=sap-icon],.fd-wizard__step--active .fd-wizard__icon[class*=sap-icon]{color:var(--fdWizard_Active_Step_Icon_Color)}.fd-wizard__step-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.fd-wizard__step-container:after,.fd-wizard__step-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step-container.is-focus,.fd-wizard__step-container:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);z-index:5}.fd-wizard__step-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;height:2rem;margin-block:0;margin-inline:0;margin-inline:.1875rem var(--fdWizard_Step_Indicator_Margin_Right);min-height:2rem;min-width:2rem;width:2rem}.fd-wizard__step-indicator:after,.fd-wizard__step-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__icon [class*=sap-icon],.fd-wizard__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--sapFontLargeSize);height:100%}.fd-wizard__label-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;color:var(--sapContent_LabelColor);-ms-flex-direction:column;flex-direction:column;max-height:2rem;max-width:100%;overflow:hidden}.fd-wizard__label-container:after,.fd-wizard__label-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__label-container--optional .fd-wizard__label{-webkit-line-clamp:1;max-height:1rem}.fd-wizard__label,.fd-wizard__label-container--optional .fd-wizard__label{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--fdWizard_Label_Font_Family);font-size:var(--sapFontSize);font-weight:400;font-weight:var(--fdWizard_Label_Font_Weight);forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0}.fd-wizard__label:after,.fd-wizard__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__optional-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:1;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__optional-text:after,.fd-wizard__optional-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__connector{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;border-bottom:.0625rem solid var(--sapList_BorderColor);-ms-flex:1 1 auto;flex:1 1 auto;margin-block:.5rem;margin-inline:.5rem;max-width:100%;min-width:1rem}.fd-wizard__connector:after,.fd-wizard__connector:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__connector--active{border-bottom-color:var(--fdWizard_Connector_Active_Border_Color)}.fd-wizard__connector--branching{border-bottom-style:dashed}.fd-wizard__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-before:1rem;background:var(--sapBackgroundColor);height:100%;padding-block-start:1rem;width:100%}.fd-wizard__content:after,.fd-wizard__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__content--sm{padding-inline:1rem}.fd-wizard__content--lg,.fd-wizard__content--md{padding-inline:2rem}.fd-wizard__content--xl{padding-inline:3rem}.fd-wizard__content--solid{background:var(--fdWizard_Content_Solid_Background)}.fd-wizard__content--list{background:var(--fdWizard_Content_List_Background)}.fd-wizard__content--transparent{background:var(--fdWizard_Content_Transparent_Background)}.fd-wizard__step-content-container{background-color:var(--fdWizard_Step_Content_Container_Background_Color);border:0;border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:var(--fdWizard_Step_Content_Container_Spacing);padding-inline:0;padding-inline:var(--fdWizard_Step_Content_Container_Spacing)}.fd-wizard__step-content-container:after,.fd-wizard__step-content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__step-content-container--sm{padding-inline:1rem}.fd-wizard__step-content-container--lg,.fd-wizard__step-content-container--md{padding-inline:2rem}.fd-wizard__step-content-container--xl{padding-inline:3rem}.fd-wizard__next-step{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:1rem;padding-block:0;padding-inline:0}.fd-wizard__next-step:after,.fd-wizard__next-step:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-wizard__next-step--sm{padding-inline:1rem}.fd-wizard__next-step--lg,.fd-wizard__next-step--md{padding-inline:2rem}.fd-wizard__next-step--xl{padding-inline:3rem}.fd-wizard__next-step--floating{bottom:3.5rem;position:absolute}.fd-wizard__label,.fd-wizard__optional-text{display:block;display:-webkit-box}.fd-wizard-container-wrapper{overflow:auto}@media(max-width:599px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:1rem;padding-right:1rem}}@media(min-width:600px)and (max-width:1439px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:2rem;padding-right:2rem}}@media(min-width:1440px){.fd-wizard--responsive-paddings .fd-wizard__content,.fd-wizard--responsive-paddings .fd-wizard__progress-bar{padding-left:3rem;padding-right:3rem}}.fd-wizard__progress-bar{z-index:1003}:host .fd-scrollbar{max-height:100%;max-width:100%;width:100%;height:100%}\n/*! Bundled license information:\n\nfundamental-styles/dist/wizard.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.DialogBodyComponent, decorators: [{
                     type: Optional
                 }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core",
-  "version": "0.65.0-rc.2",
+  "version": "0.65.0-rc.21",
   "schematics": "./schematics/collection.json",
   "ng-update": {
     "packageGroupName": "@fundamental-ngx/core",
@@ -37,10 +37,10 @@
     "@angular/forms": "^22.0.0",
     "@angular/platform-browser": "^22.0.0",
     "@angular/router": "^22.0.0",
-    "@fundamental-ngx/cdk": "0.65.0-rc.2",
-    "@fundamental-ngx/i18n": "0.65.0-rc.2",
+    "@fundamental-ngx/cdk": "0.65.0-rc.21",
+    "@fundamental-ngx/i18n": "0.65.0-rc.21",
     "@sap-theming/theming-base-content": "^11.36.0",
-    "fundamental-styles": "0.41.8",
+    "fundamental-styles": "0.41.9",
     "rxjs": "^7.8.0"
   },
   "dependencies": {

package/schematics/package.json

@@ -1,6 +1,6 @@
 {
   "name": "core-schematics",
-  "version": "0.65.0-rc.2",
+  "version": "0.65.0-rc.21",
   "types": "./ng-add/index.d.ts",
   "main": "./ng-add/index.js",
   "type": "commonjs"

package/types/fundamental-ngx-core-combobox.d.ts

@@ -377,6 +377,10 @@ declare class ComboboxComponent<T = any> implements ComboboxInterface, SingleDro
     private _popoverOverlayPane;
     /** @hidden */
     private _isInputDirtyVsModel;
+    /** @hidden */
+    private _getCompletedAutocompleteValue;
+    /** @hidden */
+    private _commitCompletedAutocompleteValue;
     /** Method that picks other value moved from current one by offset, called only when combobox is closed */
     private _chooseOtherItem;
     /** Method that reset filtering for displayed values. It overrides displayed values by all possible dropdown values */

package/types/fundamental-ngx-core-datetime-picker.d.ts

@@ -175,7 +175,7 @@ declare class DatetimePickerComponent<D> implements DateTimePicker<D>, OnInit, O
     /** Event thrown every time calendar active view is changed */
     readonly activeViewChange: EventEmitter<FdCalendarView>;
     /** Event emitted when the date changes. This can be a time or day change. */
-    readonly dateChange: EventEmitter<D>;
+    readonly dateChange: EventEmitter<D | null>;
     /** Event emitted when the day changes from the calendar. */
     readonly calendarChange: EventEmitter<D>;
     /** Event emitted when the time changes from the time component. */
@@ -374,6 +374,8 @@ declare class DatetimePickerComponent<D> implements DateTimePicker<D>, OnInit, O
     private _calculateTimeOptions;
     /** @hidden */
     private _setUpMobileMode;
+    private _emitDateChange;
+    private _datesAreEqual;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerComponent<any>, [null, null, { optional: true; }, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerComponent<any>, "fd-datetime-picker", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "required": { "alias": "required"; "required": false; }; "customDateTimeFormat": { "alias": "customDateTimeFormat"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageTriggers": { "alias": "messageTriggers"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "date": { "alias": "date"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; "isSignal": true; }; "showCalendarLegend": { "alias": "showCalendarLegend"; "required": false; "isSignal": true; }; "legendCol": { "alias": "legendCol"; "required": false; "isSignal": true; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "activeViewChange": "activeViewChange"; "dateChange": "dateChange"; "calendarChange": "calendarChange"; "timeChange": "timeChange"; "onClose": "onClose"; "touched": "touched"; }, never, ["*"], true, never>;
     static ngAcceptInputType_processInputOnBlur: unknown;

package/types/fundamental-ngx-core-list.d.ts

@@ -520,6 +520,8 @@ declare class ListComponent implements ListComponentInterface, ListUnreadIndicat
     settingsList: i0.InputSignalWithTransform<boolean, unknown>;
     /** Whether the list is used inside Settings Dialog Footer */
     settingsListFooter: i0.InputSignalWithTransform<boolean, unknown>;
+    /** Whether the list is a notification list used inside Settings Dialog */
+    notification: i0.InputSignalWithTransform<boolean, unknown>;
     /** @hidden Whether the list is the shell search results list. */
     searchResultsList: i0.InputSignal<boolean>;
     /** @hidden */
@@ -570,7 +572,8 @@ declare class ListComponent implements ListComponentInterface, ListUnreadIndicat
     /** @hidden */
     private _listenOnListFocusEscape;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "[fd-list], [fdList]", never, { "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "multiInputMode": { "alias": "multiInputMode"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "hasMessage": { "alias": "hasMessage"; "required": false; }; "noBorder": { "alias": "noBorder"; "required": false; }; "navigationIndicator": { "alias": "navigationIndicator"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "keyboardSupport": { "alias": "keyboardSupport"; "required": false; }; "byline": { "alias": "byline"; "required": false; }; "subline": { "alias": "subline"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "unreadIndicator": { "alias": "unreadIndicator"; "required": false; }; "role": { "alias": "role"; "required": false; }; "settingsList": { "alias": "settingsList"; "required": false; "isSignal": true; }; "settingsListFooter": { "alias": "settingsListFooter"; "required": false; "isSignal": true; }; "searchResultsList": { "alias": "searchResultsList"; "required": false; "isSignal": true; }; }, { "focusEscapeList": "focusEscapeList"; }, ["items", "_navItems", "_focusItems"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "[fd-list], [fdList]", never, { "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "multiInputMode": { "alias": "multiInputMode"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "hasMessage": { "alias": "hasMessage"; "required": false; }; "noBorder": { "alias": "noBorder"; "required": false; }; "navigationIndicator": { "alias": "navigationIndicator"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "keyboardSupport": { "alias": "keyboardSupport"; "required": false; }; "byline": { "alias": "byline"; "required": false; }; "subline": { "alias": "subline"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "unreadIndicator": { "alias": "unreadIndicator"; "required": false; }; "role": { "alias": "role"; "required": false; }; "settingsList": { "alias": "settingsList"; "required": false; "isSignal": true; }; "settingsListFooter": { "alias": "settingsListFooter"; "required": false; "isSignal": true; }; "notification": { "alias": "notification"; "required": false; "isSignal": true; }; "searchResultsList": { "alias": "searchResultsList"; "required": false; "isSignal": true; }; }, { "focusEscapeList": "focusEscapeList"; }, ["items", "_navItems", "_focusItems"], ["*"], true, never>;
+    static ngAcceptInputType_byline: unknown;
 }
 
 /**

package/types/fundamental-ngx-core-menu.d.ts

@@ -486,6 +486,8 @@ declare class MenuService implements OnDestroy {
     private _emitActivePath;
     /** @hidden Depending on direction returns closest enabled sibling of given node */
     private _closestEnabled;
+    /** @hidden Returns first/last enabled sibling for Home/End keyboard support */
+    private _boundaryEnabled;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MenuService>;
 }
@@ -701,12 +703,17 @@ declare class MenuKeyboardService {
     focusEscapeAfterList: () => void;
     /** Function that should be called every time, keydown event is used on some menu item,
      * it provides whole functionality for handling
-     * ArrowDown - focus, ArrowUp - focus, Space bar - simulate click, Enter key - simulate click.
+     * ArrowDown - focus, ArrowUp - focus, Home - focus first enabled item, End - focus last enabled item,
+     * Space bar - simulate click, Enter key - simulate click.
      * @param event KeyboardEvent
      * @param index index of items starts from 0
      * @param menuItems array of menu item directives
      * */
     keyDownHandler(event: KeyboardEvent, index: number, menuItems: DefaultMenuItem[] | ListItemComponent[]): void;
+    /** @hidden Returns index of first/last enabled item. Falls back to first/last if disabled state is unavailable. */
+    private _findBoundaryEnabledIndex;
+    /** @hidden Detects disabled state if supported by the item implementation. */
+    private _isItemDisabled;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuKeyboardService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MenuKeyboardService>;
 }

package/types/fundamental-ngx-core-settings.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, AfterViewInit, ViewContainerRef } from '@angular/core';
+import { OnDestroy, AfterViewInit, ViewContainerRef, TemplateRef } from '@angular/core';
 import { ListItemComponent } from '@fundamental-ngx/core/list';
 
 type SettingsViewMode = 'lg' | 'md' | 'sm';
@@ -8,6 +8,13 @@ declare enum VIEW_MODE {
     MD = "md",
     SM = "sm"
 }
+/** Represents a secondary view in the view stack */
+interface SettingsStackedView {
+    /** The template to render */
+    template: TemplateRef<any>;
+    /** The title to display in the header */
+    title: string;
+}
 declare class SettingsContainerComponent implements OnDestroy, AfterViewInit {
     /**
      * Heading level for the title in the Details Area
@@ -41,15 +48,30 @@ declare class SettingsContainerComponent implements OnDestroy, AfterViewInit {
     readonly showDetailArea: i0.WritableSignal<boolean>;
     /** @hidden */
     readonly activeTitle: i0.WritableSignal<string>;
+    /** Whether there is a stacked (secondary) view currently displayed */
+    readonly hasStackedView: i0.Signal<boolean>;
+    /**
+     * The current title to display in the header.
+     * Returns the stacked view's title if one exists, otherwise the active list item's title.
+     * Computed from the view stack to reactively update when navigating between views.
+     */
+    readonly currentTitle: i0.Signal<string>;
     /**
      * Handle the navigation icon (arrow) of the Back button in RTL mode
      */
     protected readonly navigationArrow: i0.Signal<"navigation-right-arrow" | "navigation-left-arrow">;
+    /**
+     * Stack of secondary views pushed on top of the main template.
+     * This enables drill-down navigation within a settings section.
+     */
+    private readonly _viewStack;
     /** @hidden */
     private _eventUnlisteners;
     /** @hidden */
     private readonly _rtlService;
     /** @hidden */
+    private readonly _elementRef;
+    /** @hidden */
     private _renderer;
     /** @hidden */
     constructor();
@@ -59,6 +81,22 @@ declare class SettingsContainerComponent implements OnDestroy, AfterViewInit {
     ngAfterViewInit(): void;
     /** @hidden */
     ngOnDestroy(): void;
+    /**
+     * Push a secondary view onto the stack.
+     * Use this to navigate to a drill-down view within a settings section.
+     * @param template The template to render
+     * @param title The title to display in the header
+     */
+    pushView(template: TemplateRef<any>, title: string): void;
+    /**
+     * Pop the top view from the stack, returning to the previous view.
+     * If no stacked views exist, this method does nothing.
+     */
+    popView(): void;
+    /**
+     * Clear all stacked views and return to the main template.
+     */
+    clearViewStack(): void;
     /** @hidden */
     onHeaderBackClick(): void;
     /** @hidden */
@@ -66,11 +104,13 @@ declare class SettingsContainerComponent implements OnDestroy, AfterViewInit {
     /** @hidden */
     private _setupListItemListeners;
     /** @hidden */
-    private _renderTemplate;
+    private _renderCurrentView;
     /** @hidden */
     private _updateActiveTitle;
     /** @hidden */
     private _focusInitialListItem;
+    /** @hidden Focus the back button in the header */
+    private _focusBackButton;
     static ɵfac: i0.ɵɵFactoryDeclaration<SettingsContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SettingsContainerComponent, "fd-settings-container", never, { "detailsAreaTitleHeading": { "alias": "detailsAreaTitleHeading"; "required": false; "isSignal": true; }; "detailsAreaTitleHeadingSize": { "alias": "detailsAreaTitleHeadingSize"; "required": false; "isSignal": true; }; "backBtnAriaLabel": { "alias": "backBtnAriaLabel"; "required": false; "isSignal": true; }; }, {}, ["listItems"], ["[fd-settings-list-area]"], true, never>;
 }
@@ -145,6 +185,18 @@ declare class SettingsProfileCardDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SettingsProfileCardDirective, "[fd-settings-profile-card]", never, {}, {}, never, never, true, never>;
 }
 
+type SettingsSpacingSize = 'small' | 'medium' | 'large' | 'form' | undefined;
+declare class SettingsSpacingDirective {
+    readonly size: i0.InputSignal<SettingsSpacingSize>;
+    /**
+     * Computed CSS class string that reactively updates based on the size input.
+     * Combines base class with optional size modifier.
+     */
+    protected readonly cssClass: i0.Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsSpacingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SettingsSpacingDirective, "[fd-settings-spacing]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class SettingsComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<SettingsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SettingsComponent, "[fd-settings]", never, {}, {}, never, ["*"], true, never>;
@@ -156,9 +208,9 @@ declare class SettingsComponent {
  */
 declare class SettingsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SettingsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SettingsModule, never, [typeof SettingsListAreaDirective, typeof SettingsDetailAreaDirective, typeof SettingsListContainerDirective, typeof SettingsContentDirective, typeof SettingsContentContainerDirective, typeof SettingsProfileCardDirective, typeof SettingsProfileCardNameDirective, typeof SettingsProfileCardSublineDirective, typeof SettingsHeaderDirective, typeof SettingsHeaderButtonDirective, typeof SettingsDialogContentDirective, typeof SettingsDialogBodyDirective, typeof SettingsContainerComponent, typeof SettingsComponent], [typeof SettingsListAreaDirective, typeof SettingsDetailAreaDirective, typeof SettingsListContainerDirective, typeof SettingsContentDirective, typeof SettingsContentContainerDirective, typeof SettingsProfileCardDirective, typeof SettingsProfileCardNameDirective, typeof SettingsProfileCardSublineDirective, typeof SettingsHeaderDirective, typeof SettingsHeaderButtonDirective, typeof SettingsDialogContentDirective, typeof SettingsDialogBodyDirective, typeof SettingsContainerComponent, typeof SettingsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SettingsModule, never, [typeof SettingsListAreaDirective, typeof SettingsDetailAreaDirective, typeof SettingsListContainerDirective, typeof SettingsContentDirective, typeof SettingsContentContainerDirective, typeof SettingsProfileCardDirective, typeof SettingsProfileCardNameDirective, typeof SettingsProfileCardSublineDirective, typeof SettingsHeaderDirective, typeof SettingsHeaderButtonDirective, typeof SettingsDialogContentDirective, typeof SettingsDialogBodyDirective, typeof SettingsContainerComponent, typeof SettingsComponent, typeof SettingsSpacingDirective], [typeof SettingsListAreaDirective, typeof SettingsDetailAreaDirective, typeof SettingsListContainerDirective, typeof SettingsContentDirective, typeof SettingsContentContainerDirective, typeof SettingsProfileCardDirective, typeof SettingsProfileCardNameDirective, typeof SettingsProfileCardSublineDirective, typeof SettingsHeaderDirective, typeof SettingsHeaderButtonDirective, typeof SettingsDialogContentDirective, typeof SettingsDialogBodyDirective, typeof SettingsContainerComponent, typeof SettingsComponent, typeof SettingsSpacingDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SettingsModule>;
 }
 
-export { SettingsComponent, SettingsContainerComponent, SettingsContentContainerDirective, SettingsContentDirective, SettingsDetailAreaDirective, SettingsDialogBodyDirective, SettingsDialogContentDirective, SettingsHeaderButtonDirective, SettingsHeaderDirective, SettingsListAreaDirective, SettingsListContainerDirective, SettingsModule, SettingsProfileCardDirective, SettingsProfileCardNameDirective, SettingsProfileCardSublineDirective, VIEW_MODE };
-export type { SettingsViewMode };
+export { SettingsComponent, SettingsContainerComponent, SettingsContentContainerDirective, SettingsContentDirective, SettingsDetailAreaDirective, SettingsDialogBodyDirective, SettingsDialogContentDirective, SettingsHeaderButtonDirective, SettingsHeaderDirective, SettingsListAreaDirective, SettingsListContainerDirective, SettingsModule, SettingsProfileCardDirective, SettingsProfileCardNameDirective, SettingsProfileCardSublineDirective, SettingsSpacingDirective, VIEW_MODE };
+export type { SettingsSpacingSize, SettingsStackedView, SettingsViewMode };