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

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

@@ -813,7 +813,7 @@ WizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             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 }], ngImport: i0, template: "<section class=\"fd-wizard\">\n    <ng-content select=\"fd-wizard-navigation\"></ng-content>\n    <div\n        *ngIf=\"appendToWizard\"\n        class=\"fd-wizard-container-wrapper\"\n        #wrapperContainer\n        fdScrollSpy\n        cdkScrollable\n        [trackedTags]=\"['div']\"\n        (spyChange)=\"scrollSpyChange($event)\"\n    >\n        <div *ngFor=\"let contentTemplate of contentTemplates\">\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n        </div>\n    </div>\n    <div *ngIf=\"!appendToWizard\" cdkScrollable class=\"fd-wizard-container-wrapper\">\n        <div *ngFor=\"let contentTemplate of contentTemplates\">\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n        </div>\n    </div>\n    <ng-content></ng-content>\n</section>\n", styles: ["/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-wizard{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-wizard:after,.fd-wizard:before{box-sizing:inherit;font-size:inherit}.fd-wizard__navigation{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-wizard__navigation:after,.fd-wizard__navigation:before{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_HeaderShadow);background:var(--sapObjectHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);display:table;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:4rem;line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;padding:1rem 0 0;position:relative;table-layout:fixed;width:100%}.fd-wizard__progress-bar:after,.fd-wizard__progress-bar:before{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__progress-bar--lg,.fd-wizard__progress-bar--md{padding-left:2rem;padding-right:2rem}.fd-wizard__progress-bar--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__step-wrapper{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-wizard__step-wrapper:after,.fd-wizard__step-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step{-webkit-box-sizing:border-box;-webkit-box-sizing:content-box;border:0;box-sizing:border-box;box-sizing:content-box;color:var(--sapTextColor);display:table-cell;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-width:10.5rem;padding:0;position:relative;vertical-align:top;width:100%}.fd-wizard__step:after,.fd-wizard__step:before{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{-webkit-transition:all .125s ease-in;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;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{padding-right:2.375rem}.fd-wizard__step--stacked:last-child[dir=rtl],[dir=rtl] .fd-wizard__step--stacked:last-child{padding-left:2.375rem;padding-right:0}.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{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-wizard__step-container:after,.fd-wizard__step-container:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step-container.is-focus,.fd-wizard__step-container:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-wizard__step-indicator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 0 0 .1875rem;margin-right:var(--fdWizard_Step_Indicator_Margin_Right);min-height:2rem;min-width:2rem;padding:0;width:2rem}.fd-wizard__step-indicator:after,.fd-wizard__step-indicator:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step-indicator[dir=rtl],[dir=rtl] .fd-wizard__step-indicator{margin-left:var(--fdWizard_Step_Indicator_Margin_Right);margin-right:.1875rem}.fd-wizard__icon [class*=sap-icon],.fd-wizard__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;font-size:var(--sapFontLargeSize);height:100%;justify-content:center;line-height:1}.fd-wizard__label-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-height:2rem;max-width:100%;overflow:hidden;padding:0}.fd-wizard__label-container:after,.fd-wizard__label-container:before{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{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__label{-webkit-box-sizing:border-box;-webkit-line-clamp:2;border:0;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);line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;max-width:100%;padding:0}.fd-wizard__label:after,.fd-wizard__label:before{box-sizing:inherit;font-size:inherit}.fd-wizard__optional-text{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-wizard__optional-text:after,.fd-wizard__optional-text:before{box-sizing:inherit;font-size:inherit}.fd-wizard__connector{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 1 auto;border:0;border-bottom:.0625rem solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);flex:1 1 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem;max-width:100%;min-width:1rem;padding:0}.fd-wizard__connector:after,.fd-wizard__connector:before{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{-webkit-box-sizing:border-box;background:var(--sapBackgroundColor);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem 0 0;width:100%}.fd-wizard__content:after,.fd-wizard__content:before{box-sizing:inherit;font-size:inherit}.fd-wizard__content--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__content--lg,.fd-wizard__content--md{padding-left:2rem;padding-right:2rem}.fd-wizard__content--xl{padding-left:3rem;padding-right: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{-webkit-box-sizing:border-box;background-color:var(--fdWizard_Step_Content_Container_Background_Color);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdWizard_Step_Content_Container_Spacing)}.fd-wizard__step-content-container:after,.fd-wizard__step-content-container:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step-content-container--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__step-content-container--lg,.fd-wizard__step-content-container--md{padding-left:2rem;padding-right:2rem}.fd-wizard__step-content-container--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__next-step{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0}.fd-wizard__next-step:after,.fd-wizard__next-step:before{box-sizing:inherit;font-size:inherit}.fd-wizard__next-step--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__next-step--lg,.fd-wizard__next-step--md{padding-left:2rem;padding-right:2rem}.fd-wizard__next-step--xl{padding-left:3rem;padding-right: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}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.ScrollSpyDirective, selector: "[fdScrollSpy]", inputs: ["trackedTags", "fireEmpty", "targetPercent", "targetOffset", "scrollSpyDisabled"], outputs: ["spyChange"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], 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 }], ngImport: i0, template: "<section class=\"fd-wizard\">\n    <ng-content select=\"fd-wizard-navigation\"></ng-content>\n    <div\n        *ngIf=\"appendToWizard\"\n        class=\"fd-wizard-container-wrapper\"\n        #wrapperContainer\n        fdScrollSpy\n        cdkScrollable\n        [trackedTags]=\"['div']\"\n        (spyChange)=\"scrollSpyChange($event)\"\n    >\n        <div *ngFor=\"let contentTemplate of contentTemplates\">\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n        </div>\n    </div>\n    <div *ngIf=\"!appendToWizard\" cdkScrollable class=\"fd-wizard-container-wrapper\">\n        <div *ngFor=\"let contentTemplate of contentTemplates\">\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n        </div>\n    </div>\n    <ng-content></ng-content>\n</section>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-wizard{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-wizard:after,.fd-wizard:before{box-sizing:inherit;font-size:inherit}.fd-wizard__navigation{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-wizard__navigation:after,.fd-wizard__navigation:before{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_HeaderShadow);background:var(--sapObjectHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);display:table;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:4rem;line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;padding:1rem 0 0;position:relative;table-layout:fixed;width:100%}.fd-wizard__progress-bar:after,.fd-wizard__progress-bar:before{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__progress-bar--lg,.fd-wizard__progress-bar--md{padding-left:2rem;padding-right:2rem}.fd-wizard__progress-bar--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__step-wrapper{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-wizard__step-wrapper:after,.fd-wizard__step-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step{-webkit-box-sizing:border-box;-webkit-box-sizing:content-box;border:0;box-sizing:border-box;box-sizing:content-box;color:var(--sapTextColor);display:table-cell;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-width:10.5rem;padding:0;position:relative;vertical-align:top;width:100%}.fd-wizard__step:after,.fd-wizard__step:before{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{-webkit-transition:all .125s ease-in;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;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{padding-right:2.375rem}.fd-wizard__step--stacked:last-child[dir=rtl],[dir=rtl] .fd-wizard__step--stacked:last-child{padding-left:2.375rem;padding-right:0}.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{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-wizard__step-container:after,.fd-wizard__step-container:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step-container.is-focus,.fd-wizard__step-container:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-wizard__step-indicator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 0 0 .1875rem;margin-right:var(--fdWizard_Step_Indicator_Margin_Right);min-height:2rem;min-width:2rem;padding:0;width:2rem}.fd-wizard__step-indicator:after,.fd-wizard__step-indicator:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step-indicator[dir=rtl],[dir=rtl] .fd-wizard__step-indicator{margin-left:var(--fdWizard_Step_Indicator_Margin_Right);margin-right:.1875rem}.fd-wizard__icon [class*=sap-icon],.fd-wizard__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;font-size:var(--sapFontLargeSize);height:100%;justify-content:center;line-height:1}.fd-wizard__label-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-height:2rem;max-width:100%;overflow:hidden;padding:0}.fd-wizard__label-container:after,.fd-wizard__label-container:before{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{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__label{-webkit-box-sizing:border-box;-webkit-line-clamp:2;border:0;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);line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;max-width:100%;padding:0}.fd-wizard__label:after,.fd-wizard__label:before{box-sizing:inherit;font-size:inherit}.fd-wizard__optional-text{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-wizard__optional-text:after,.fd-wizard__optional-text:before{box-sizing:inherit;font-size:inherit}.fd-wizard__connector{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 1 auto;border:0;border-bottom:.0625rem solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);flex:1 1 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem;max-width:100%;min-width:1rem;padding:0}.fd-wizard__connector:after,.fd-wizard__connector:before{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{-webkit-box-sizing:border-box;background:var(--sapBackgroundColor);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem 0 0;width:100%}.fd-wizard__content:after,.fd-wizard__content:before{box-sizing:inherit;font-size:inherit}.fd-wizard__content--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__content--lg,.fd-wizard__content--md{padding-left:2rem;padding-right:2rem}.fd-wizard__content--xl{padding-left:3rem;padding-right: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{-webkit-box-sizing:border-box;background-color:var(--fdWizard_Step_Content_Container_Background_Color);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdWizard_Step_Content_Container_Spacing)}.fd-wizard__step-content-container:after,.fd-wizard__step-content-container:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step-content-container--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__step-content-container--lg,.fd-wizard__step-content-container--md{padding-left:2rem;padding-right:2rem}.fd-wizard__step-content-container--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__next-step{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0}.fd-wizard__next-step:after,.fd-wizard__next-step:before{box-sizing:inherit;font-size:inherit}.fd-wizard__next-step--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__next-step--lg,.fd-wizard__next-step--md{padding-left:2rem;padding-right:2rem}.fd-wizard__next-step--xl{padding-left:3rem;padding-right: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}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.ScrollSpyDirective, selector: "[fdScrollSpy]", inputs: ["trackedTags", "fireEmpty", "targetPercent", "targetOffset", "scrollSpyDisabled"], outputs: ["spyChange"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: WizardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-wizard', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -823,7 +823,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                         }
                     ], host: {
                         role: 'region'
-                    }, template: "<section class=\"fd-wizard\">\n    <ng-content select=\"fd-wizard-navigation\"></ng-content>\n    <div\n        *ngIf=\"appendToWizard\"\n        class=\"fd-wizard-container-wrapper\"\n        #wrapperContainer\n        fdScrollSpy\n        cdkScrollable\n        [trackedTags]=\"['div']\"\n        (spyChange)=\"scrollSpyChange($event)\"\n    >\n        <div *ngFor=\"let contentTemplate of contentTemplates\">\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n        </div>\n    </div>\n    <div *ngIf=\"!appendToWizard\" cdkScrollable class=\"fd-wizard-container-wrapper\">\n        <div *ngFor=\"let contentTemplate of contentTemplates\">\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n        </div>\n    </div>\n    <ng-content></ng-content>\n</section>\n", styles: ["/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-wizard{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-wizard:after,.fd-wizard:before{box-sizing:inherit;font-size:inherit}.fd-wizard__navigation{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-wizard__navigation:after,.fd-wizard__navigation:before{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_HeaderShadow);background:var(--sapObjectHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);display:table;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:4rem;line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;padding:1rem 0 0;position:relative;table-layout:fixed;width:100%}.fd-wizard__progress-bar:after,.fd-wizard__progress-bar:before{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__progress-bar--lg,.fd-wizard__progress-bar--md{padding-left:2rem;padding-right:2rem}.fd-wizard__progress-bar--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__step-wrapper{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-wizard__step-wrapper:after,.fd-wizard__step-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step{-webkit-box-sizing:border-box;-webkit-box-sizing:content-box;border:0;box-sizing:border-box;box-sizing:content-box;color:var(--sapTextColor);display:table-cell;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-width:10.5rem;padding:0;position:relative;vertical-align:top;width:100%}.fd-wizard__step:after,.fd-wizard__step:before{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{-webkit-transition:all .125s ease-in;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;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{padding-right:2.375rem}.fd-wizard__step--stacked:last-child[dir=rtl],[dir=rtl] .fd-wizard__step--stacked:last-child{padding-left:2.375rem;padding-right:0}.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{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-wizard__step-container:after,.fd-wizard__step-container:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step-container.is-focus,.fd-wizard__step-container:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-wizard__step-indicator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 0 0 .1875rem;margin-right:var(--fdWizard_Step_Indicator_Margin_Right);min-height:2rem;min-width:2rem;padding:0;width:2rem}.fd-wizard__step-indicator:after,.fd-wizard__step-indicator:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step-indicator[dir=rtl],[dir=rtl] .fd-wizard__step-indicator{margin-left:var(--fdWizard_Step_Indicator_Margin_Right);margin-right:.1875rem}.fd-wizard__icon [class*=sap-icon],.fd-wizard__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;font-size:var(--sapFontLargeSize);height:100%;justify-content:center;line-height:1}.fd-wizard__label-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-height:2rem;max-width:100%;overflow:hidden;padding:0}.fd-wizard__label-container:after,.fd-wizard__label-container:before{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{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__label{-webkit-box-sizing:border-box;-webkit-line-clamp:2;border:0;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);line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;max-width:100%;padding:0}.fd-wizard__label:after,.fd-wizard__label:before{box-sizing:inherit;font-size:inherit}.fd-wizard__optional-text{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-wizard__optional-text:after,.fd-wizard__optional-text:before{box-sizing:inherit;font-size:inherit}.fd-wizard__connector{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 1 auto;border:0;border-bottom:.0625rem solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);flex:1 1 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem;max-width:100%;min-width:1rem;padding:0}.fd-wizard__connector:after,.fd-wizard__connector:before{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{-webkit-box-sizing:border-box;background:var(--sapBackgroundColor);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem 0 0;width:100%}.fd-wizard__content:after,.fd-wizard__content:before{box-sizing:inherit;font-size:inherit}.fd-wizard__content--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__content--lg,.fd-wizard__content--md{padding-left:2rem;padding-right:2rem}.fd-wizard__content--xl{padding-left:3rem;padding-right: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{-webkit-box-sizing:border-box;background-color:var(--fdWizard_Step_Content_Container_Background_Color);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdWizard_Step_Content_Container_Spacing)}.fd-wizard__step-content-container:after,.fd-wizard__step-content-container:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step-content-container--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__step-content-container--lg,.fd-wizard__step-content-container--md{padding-left:2rem;padding-right:2rem}.fd-wizard__step-content-container--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__next-step{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0}.fd-wizard__next-step:after,.fd-wizard__next-step:before{box-sizing:inherit;font-size:inherit}.fd-wizard__next-step--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__next-step--lg,.fd-wizard__next-step--md{padding-left:2rem;padding-right:2rem}.fd-wizard__next-step--xl{padding-left:3rem;padding-right: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}\n"] }]
+                    }, template: "<section class=\"fd-wizard\">\n    <ng-content select=\"fd-wizard-navigation\"></ng-content>\n    <div\n        *ngIf=\"appendToWizard\"\n        class=\"fd-wizard-container-wrapper\"\n        #wrapperContainer\n        fdScrollSpy\n        cdkScrollable\n        [trackedTags]=\"['div']\"\n        (spyChange)=\"scrollSpyChange($event)\"\n    >\n        <div *ngFor=\"let contentTemplate of contentTemplates\">\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n        </div>\n    </div>\n    <div *ngIf=\"!appendToWizard\" cdkScrollable class=\"fd-wizard-container-wrapper\">\n        <div *ngFor=\"let contentTemplate of contentTemplates\">\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n        </div>\n    </div>\n    <ng-content></ng-content>\n</section>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-wizard{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-wizard:after,.fd-wizard:before{box-sizing:inherit;font-size:inherit}.fd-wizard__navigation{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-wizard__navigation:after,.fd-wizard__navigation:before{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_HeaderShadow);background:var(--sapObjectHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);display:table;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:4rem;line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;padding:1rem 0 0;position:relative;table-layout:fixed;width:100%}.fd-wizard__progress-bar:after,.fd-wizard__progress-bar:before{box-sizing:inherit;font-size:inherit}.fd-wizard__progress-bar--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__progress-bar--lg,.fd-wizard__progress-bar--md{padding-left:2rem;padding-right:2rem}.fd-wizard__progress-bar--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__step-wrapper{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-wizard__step-wrapper:after,.fd-wizard__step-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step{-webkit-box-sizing:border-box;-webkit-box-sizing:content-box;border:0;box-sizing:border-box;box-sizing:content-box;color:var(--sapTextColor);display:table-cell;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-width:10.5rem;padding:0;position:relative;vertical-align:top;width:100%}.fd-wizard__step:after,.fd-wizard__step:before{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{-webkit-transition:all .125s ease-in;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;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{padding-right:2.375rem}.fd-wizard__step--stacked:last-child[dir=rtl],[dir=rtl] .fd-wizard__step--stacked:last-child{padding-left:2.375rem;padding-right:0}.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{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-wizard__step-container:after,.fd-wizard__step-container:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step-container.is-focus,.fd-wizard__step-container:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-wizard__step-indicator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 0 0 .1875rem;margin-right:var(--fdWizard_Step_Indicator_Margin_Right);min-height:2rem;min-width:2rem;padding:0;width:2rem}.fd-wizard__step-indicator:after,.fd-wizard__step-indicator:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step-indicator[dir=rtl],[dir=rtl] .fd-wizard__step-indicator{margin-left:var(--fdWizard_Step_Indicator_Margin_Right);margin-right:.1875rem}.fd-wizard__icon [class*=sap-icon],.fd-wizard__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;font-size:var(--sapFontLargeSize);height:100%;justify-content:center;line-height:1}.fd-wizard__label-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-height:2rem;max-width:100%;overflow:hidden;padding:0}.fd-wizard__label-container:after,.fd-wizard__label-container:before{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{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-wizard__label{-webkit-box-sizing:border-box;-webkit-line-clamp:2;border:0;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);line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;max-width:100%;padding:0}.fd-wizard__label:after,.fd-wizard__label:before{box-sizing:inherit;font-size:inherit}.fd-wizard__optional-text{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-wizard__optional-text:after,.fd-wizard__optional-text:before{box-sizing:inherit;font-size:inherit}.fd-wizard__connector{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 1 auto;border:0;border-bottom:.0625rem solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);flex:1 1 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem;max-width:100%;min-width:1rem;padding:0}.fd-wizard__connector:after,.fd-wizard__connector:before{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{-webkit-box-sizing:border-box;background:var(--sapBackgroundColor);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem 0 0;width:100%}.fd-wizard__content:after,.fd-wizard__content:before{box-sizing:inherit;font-size:inherit}.fd-wizard__content--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__content--lg,.fd-wizard__content--md{padding-left:2rem;padding-right:2rem}.fd-wizard__content--xl{padding-left:3rem;padding-right: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{-webkit-box-sizing:border-box;background-color:var(--fdWizard_Step_Content_Container_Background_Color);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdWizard_Step_Content_Container_Spacing)}.fd-wizard__step-content-container:after,.fd-wizard__step-content-container:before{box-sizing:inherit;font-size:inherit}.fd-wizard__step-content-container--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__step-content-container--lg,.fd-wizard__step-content-container--md{padding-left:2rem;padding-right:2rem}.fd-wizard__step-content-container--xl{padding-left:3rem;padding-right:3rem}.fd-wizard__next-step{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0}.fd-wizard__next-step:after,.fd-wizard__next-step:before{box-sizing:inherit;font-size:inherit}.fd-wizard__next-step--sm{padding-left:1rem;padding-right:1rem}.fd-wizard__next-step--lg,.fd-wizard__next-step--md{padding-left:2rem;padding-right:2rem}.fd-wizard__next-step--xl{padding-left:3rem;padding-right: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}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i5.Observable, decorators: [{
                     type: Inject,
                     args: [FD_LANGUAGE]

package/file-uploader/file-uploader.component.d.ts

@@ -16,8 +16,6 @@ export declare class FileUploaderComponent implements ControlValueAccessor, OnDe
     private _changeDetRef;
     readonly _contentDensityObserver: ContentDensityObserver;
     /** @hidden */
-    fdFileInputClass: boolean;
-    /** @hidden */
     inputRef: ElementRef;
     /** @hidden */
     inputRefText: ElementRef;

package/menu/menu-item/menu-item.component.d.ts

@@ -1,4 +1,5 @@
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, OnChanges, OnDestroy, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { Observable, Subject } from 'rxjs';
 import { MenuTitleDirective } from '../directives/menu-title.directive';
 import { DefaultMenuItem } from '../default-menu-item.class';
 import { MenuInteractiveDirective } from '../directives/menu-interactive.directive';
@@ -7,13 +8,16 @@ import { Nullable } from '@fundamental-ngx/core/shared';
 import * as i0 from "@angular/core";
 export interface BaseSubmenu {
     templateRef: TemplateRef<any>;
-    menuItems: QueryList<any>;
+    menuItems: MenuItemComponent[];
     menuService: MenuService;
     ariaLabel: Nullable<string>;
     ariaLabelledby: Nullable<string>;
+    _menuItemsChange$: Observable<void>;
+    _registerItem(item: MenuItemComponent): void;
+    _unregisterItem(item: MenuItemComponent): void;
 }
 export declare const SUBMENU: InjectionToken<BaseSubmenu>;
-export declare class MenuItemComponent implements DefaultMenuItem, OnChanges, AfterContentInit, OnDestroy {
+export declare class MenuItemComponent implements DefaultMenuItem, OnInit, OnChanges, AfterContentInit, OnDestroy {
     elementRef: ElementRef;
     menuService: MenuService | null;
     private _changeDetectorRef;
@@ -24,6 +28,8 @@ export declare class MenuItemComponent implements DefaultMenuItem, OnChanges, Af
     itemId: string;
     /** Reference to sub-menu component */
     submenu: BaseSubmenu | undefined;
+    /** Reference to the parent submenu if nested menus created dynamically */
+    parentSubmenu: BaseSubmenu | undefined;
     /** Emitted when the menu item is selected. */
     onSelect: EventEmitter<void>;
     /** @hidden Reference to the Menu Item title */
@@ -39,6 +45,8 @@ export declare class MenuItemComponent implements DefaultMenuItem, OnChanges, Af
     /** @hidden */
     constructor(elementRef: ElementRef, menuService: MenuService | null, _changeDetectorRef: ChangeDetectorRef, _submenu: BaseSubmenu | null);
     /** @hidden */
+    ngOnInit(): void;
+    /** @hidden */
     ngAfterContentInit(): void;
     /** @hidden */
     ngOnChanges(changes: SimpleChanges): void;
@@ -65,9 +73,9 @@ export declare class MenuItemComponent implements DefaultMenuItem, OnChanges, Af
     /** @hidden Updates focused menu item on outer focus */
     private _listenOnOuterFocus;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, [null, { optional: true; }, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "li[fd-menu-item]", ["fd-menu-item"], { "disabled": "disabled"; "itemId": "itemId"; "submenu": "submenu"; }, { "onSelect": "onSelect"; }, ["menuItemTitle", "menuInteractive"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "li[fd-menu-item]", ["fd-menu-item"], { "disabled": "disabled"; "itemId": "itemId"; "submenu": "submenu"; "parentSubmenu": "parentSubmenu"; }, { "onSelect": "onSelect"; }, ["menuItemTitle", "menuInteractive"], ["*"], false>;
 }
-export declare class SubmenuComponent implements BaseSubmenu {
+export declare class SubmenuComponent implements BaseSubmenu, AfterContentInit {
     /** Aria-label for navigation */
     ariaLabel: Nullable<string>;
     /** Aria-Labelledby for element describing navigation */
@@ -75,9 +83,21 @@ export declare class SubmenuComponent implements BaseSubmenu {
     /** @hidden Reference to template with Submenu items  */
     templateRef: TemplateRef<any>;
     /** @hidden Reference to Submenu MenuItems  */
-    menuItems: QueryList<MenuItemComponent>;
+    _projectedItems: QueryList<MenuItemComponent>;
+    /** @hidden */
+    _registeredItems: MenuItemComponent[];
     /** @hidden Reference to MenuService used by MenuItems */
     menuService: MenuService;
+    /** @hidden */
+    _menuItemsChange$: Subject<void>;
+    /** @hidden */
+    get menuItems(): MenuItemComponent[];
+    /** @hidden */
+    ngAfterContentInit(): void;
+    /** @hidden method for manually registering item when it's not visible for @ContentChildren */
+    _registerItem(item: MenuItemComponent): void;
+    /** @hidden method for manually unregistering item when it's not visible for @ContentChildren */
+    _unregisterItem(item: MenuItemComponent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SubmenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SubmenuComponent, "fd-submenu", ["fdSubmenu"], { "ariaLabel": "ariaLabel"; "ariaLabelledby": "ariaLabelledby"; }, {}, ["menuItems"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SubmenuComponent, "fd-submenu", ["fdSubmenu"], { "ariaLabel": "ariaLabel"; "ariaLabelledby": "ariaLabelledby"; }, {}, ["_projectedItems"], ["*"], false>;
 }

package/menu/menu.component.d.ts

@@ -8,6 +8,7 @@ import { MenuService } from './services/menu.service';
 import { MenuInterface } from './menu.interface';
 import { MenuItemComponent } from './menu-item/menu-item.component';
 import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
+import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 /**
  * The component that represents a menu.
@@ -24,11 +25,19 @@ export declare class MenuComponent extends BasePopoverClass implements MenuInter
     private readonly _dynamicComponentService;
     readonly _contentDensityObserver: ContentDensityObserver;
     /** Set menu in mobile mode */
-    set setMobileMode(value: boolean);
+    set mobile(value: BooleanInput);
+    get mobile(): boolean;
     /** Whether the popover is disabled. */
     disabled: boolean;
     /** Whether the popover should be focusTrapped. */
     focusTrapped: boolean;
+    /**
+     * Whether the popover should automatically move focus into the trapped region upon
+     * initialization and return focus to the previous activeElement upon destruction.
+     */
+    focusAutoCapture: boolean;
+    /** Should fd-scrollbar have tabindex*/
+    tabbableScrollbar: boolean;
     /** Open submenu on hover after given milliseconds */
     openOnHoverTime: number;
     /** Display menu without integrated popover */
@@ -42,13 +51,11 @@ export declare class MenuComponent extends BasePopoverClass implements MenuInter
     /** Emits array of active menu items */
     readonly activePath: EventEmitter<MenuItemComponent[]>;
     /** @hidden Reference to the menu root template */
-    menuRootTemplate: TemplateRef<any>;
+    _menuRootTemplate: TemplateRef<any>;
     /** @hidden Reference to all menu Items */
-    menuItems: QueryList<MenuItemComponent>;
-    /** Whether use menu in mobile mode */
-    mobile: boolean;
-    /** @hidden Whether Popover with the menu is opened */
-    isOpen: boolean;
+    _menuItems: QueryList<MenuItemComponent>;
+    /** @hidden Whether use a menu in mobile mode */
+    private _mobile;
     /** @hidden Reference to external menu trigger */
     private _externalTrigger;
     /** @hidden */
@@ -86,8 +93,6 @@ export declare class MenuComponent extends BasePopoverClass implements MenuInter
     private _setupView;
     /** @hidden */
     private _setupPopoverService;
-    /** @hidden */
-    private _manageKeyboardSupport;
     /** @hidden Open Menu in mobile mode */
     private _setupMobileMode;
     /** @hidden Listen on menu items change and rebuild menu */
@@ -107,5 +112,5 @@ export declare class MenuComponent extends BasePopoverClass implements MenuInter
     /** @hidden */
     private _focusTrigger;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, [null, { optional: true; }, null, null, null, null, null, null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "fd-menu", never, { "setMobileMode": "mobile"; "disabled": "disabled"; "focusTrapped": "focusTrapped"; "openOnHoverTime": "openOnHoverTime"; "mobileConfig": "mobileConfig"; "ariaLabel": "ariaLabel"; "ariaLabelledby": "ariaLabelledby"; "id": "id"; }, { "activePath": "activePath"; }, ["menuItems"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "fd-menu", never, { "mobile": "mobile"; "disabled": "disabled"; "focusTrapped": "focusTrapped"; "focusAutoCapture": "focusAutoCapture"; "tabbableScrollbar": "tabbableScrollbar"; "openOnHoverTime": "openOnHoverTime"; "mobileConfig": "mobileConfig"; "ariaLabel": "ariaLabel"; "ariaLabelledby": "ariaLabelledby"; "id": "id"; }, { "activePath": "activePath"; }, ["_menuItems"], ["*"], false>;
 }

package/menu/services/menu.service.d.ts

@@ -23,7 +23,7 @@ export declare class MenuService {
     /** Collection of active menu nodes */
     private _isMobileMode;
     /** @hidden */
-    private _menu;
+    private _menuComponent;
     /** @hidden */
     private _destroyKeyboardHandlerListener;
     /** @hidden */
@@ -31,7 +31,7 @@ export declare class MenuService {
     /** @hidden */
     constructor(_renderer: Renderer2, _rtlService: RtlService);
     /** Reference to menu component */
-    get menu(): MenuComponent;
+    get menuComponent(): MenuComponent;
     /** Returns menu mode observable */
     get isMobileMode(): Observable<boolean>;
     /** Sets menu mode */
@@ -50,7 +50,7 @@ export declare class MenuService {
      */
     setInactiveSiblingMenuItem(menuItem: MenuItemComponent): void;
     /** Initializes menu service based on given Menu Component */
-    setMenuRoot(menu: MenuComponent): void;
+    setMenuComponent(menu: MenuComponent): void;
     /** Clears Active Node Path and resets Focused Node */
     resetMenuState(): void;
     /** - Updates the structure of the menu

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core",
-  "version": "0.37.0-rc.2",
+  "version": "0.37.0-rc.21",
   "schematics": "./schematics/collection.json",
   "ng-update": {
     "migrations": "./schematics/migrations.json"
@@ -17,26 +17,32 @@
   },
   "peerDependencies": {
     "@angular/common": "^14.0.0",
+    "@angular/platform-browser": "^14.0.0",
     "@angular/core": "^14.0.0",
     "@angular/forms": "^14.0.0",
     "@angular/animations": "^14.0.0",
     "@angular/router": "^14.0.0",
     "@angular/cdk": "^14.0.0",
     "rxjs": "7.5.6",
-    "fundamental-styles": "0.25.1-rc.16",
-    "@sap-theming/theming-base-content": "11.1.40"
+    "fundamental-styles": "0.26.0-rc.27",
+    "@sap-theming/theming-base-content": "11.1.44"
   },
   "dependencies": {
     "focus-trap": "6.7.3",
-    "@fundamental-ngx/i18n": "0.37.0-rc.2",
+    "@fundamental-ngx/i18n": "0.37.0-rc.21",
     "fast-deep-equal": "3.1.3",
     "lodash-es": "4.17.21",
     "tslib": "^2.0.0",
     "compare-versions": "4.1.3"
   },
   "exports": {
+    "./styles/fundamental-ngx-core.css": {
+      "style": "./styles/fundamental-ngx-core.css"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
     ".": {
-      "sass": "./styles/fundamental-ngx-core.scss",
       "types": "./index.d.ts",
       "esm2020": "./esm2020/fundamental-ngx-core.mjs",
       "es2020": "./fesm2020/fundamental-ngx-core.mjs",
@@ -44,9 +50,6 @@
       "node": "./fesm2015/fundamental-ngx-core.mjs",
       "default": "./fesm2020/fundamental-ngx-core.mjs"
     },
-    "./package.json": {
-      "default": "./package.json"
-    },
     "./action-bar": {
       "types": "./action-bar/index.d.ts",
       "esm2020": "./esm2020/action-bar/fundamental-ngx-core-action-bar.mjs",

package/popover/base/base-popover.class.d.ts

@@ -17,6 +17,10 @@ export declare class BasePopoverClass {
     additionalTriggerClass: string | null;
     /** Whether the popover should close when the escape key is pressed. */
     closeOnEscapeKey: boolean;
+    /** Whether to wrap content with fd-scrollbar directive. */
+    disableScrollbar: boolean;
+    /** Should fd-scrollbar have tabindex*/
+    tabbableScrollbar: boolean;
     /**
      * The placement of the popover.
      * It can be one of:
@@ -87,7 +91,7 @@ export declare class BasePopoverClass {
     /** Event emitted when the state of the isOpen property changes. */
     isOpenChange: EventEmitter<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BasePopoverClass, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BasePopoverClass, never, never, { "closeOnNavigation": "closeOnNavigation"; "disabled": "disabled"; "maxWidth": "maxWidth"; "noArrow": "noArrow"; "additionalBodyClass": "additionalBodyClass"; "additionalTriggerClass": "additionalTriggerClass"; "closeOnEscapeKey": "closeOnEscapeKey"; "placement": "placement"; "triggers": "triggers"; "isOpen": "isOpen"; "closeOnOutsideClick": "closeOnOutsideClick"; "focusTrapped": "focusTrapped"; "focusAutoCapture": "focusAutoCapture"; "scrollStrategy": "scrollStrategy"; "cdkPositions": "cdkPositions"; "fillControlMode": "fillControlMode"; "appendTo": "appendTo"; "fixedPosition": "fixedPosition"; "options": "options"; "addContainerClass": "addContainerClass"; "additionalClasses": "additionalClasses"; }, { "isOpenChange": "isOpenChange"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BasePopoverClass, never, never, { "closeOnNavigation": "closeOnNavigation"; "disabled": "disabled"; "maxWidth": "maxWidth"; "noArrow": "noArrow"; "additionalBodyClass": "additionalBodyClass"; "additionalTriggerClass": "additionalTriggerClass"; "closeOnEscapeKey": "closeOnEscapeKey"; "disableScrollbar": "disableScrollbar"; "tabbableScrollbar": "tabbableScrollbar"; "placement": "placement"; "triggers": "triggers"; "isOpen": "isOpen"; "closeOnOutsideClick": "closeOnOutsideClick"; "focusTrapped": "focusTrapped"; "focusAutoCapture": "focusAutoCapture"; "scrollStrategy": "scrollStrategy"; "cdkPositions": "cdkPositions"; "fillControlMode": "fillControlMode"; "appendTo": "appendTo"; "fixedPosition": "fixedPosition"; "options": "options"; "addContainerClass": "addContainerClass"; "additionalClasses": "additionalClasses"; }, { "isOpenChange": "isOpenChange"; }, never, never, false>;
 }
 /**
  * Config for the trigger event, which allows to specify

package/popover/popover-body/popover-body.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, Renderer2, TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, TemplateRef } from '@angular/core';
 import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { CdkTrapFocus } from '@angular/cdk/a11y';
 import { Subject } from 'rxjs';
@@ -17,10 +17,11 @@ import * as i0 from "@angular/core";
 export declare class PopoverBodyComponent {
     readonly _elementRef: ElementRef;
     private _changeDetectorRef;
-    private _renderer2;
     readonly _contentDensityObserver: ContentDensityObserver;
     /** Whether to wrap content with fd-scrollbar directive. */
-    disableScrollbar: boolean;
+    _disableScrollbar: boolean;
+    /** Should fd-scrollbar have tabindex*/
+    _tabbableScrollbar: boolean;
     /** @hidden */
     _cdkTrapFocus: CdkTrapFocus;
     /** Whether the popover should have an arrow. */
@@ -43,7 +44,7 @@ export declare class PopoverBodyComponent {
     /** @hidden Property bind to popover's body */
     _closeOnEscapeKey: boolean;
     /** Classes added to arrow element */
-    _arrowClasses: string[];
+    _arrowClasses: string;
     /** Additional style to put margin into body component, to give a place for arrow */
     _marginStyle: Nullable<string>;
     /** @hidden text rendered inside popover's body */
@@ -55,17 +56,13 @@ export declare class PopoverBodyComponent {
     /** Handler escape keydown */
     bodyKeyupHandler(event: KeyboardEvent): void;
     /** @hidden */
-    constructor(_elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, _renderer2: Renderer2, _contentDensityObserver: ContentDensityObserver);
+    constructor(_elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, _contentDensityObserver: ContentDensityObserver);
     /** @hidden */
     _setArrowStyles(position: ConnectionPositionPair, rtl: 'rtl' | 'ltr'): void;
     /** @hidden */
     detectChanges(): void;
     /** @hidden */
     _focusFirstTabbableElement(): void;
-    /** @hidden */
-    private _addMarginStyle;
-    /** @hidden */
-    private _removeOldMarginsStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<PopoverBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverBodyComponent, "fd-popover-body", never, { "disableScrollbar": "disableScrollbar"; }, {}, never, ["[fd-popover-body-header]", "[fd-popover-body-subheader]", "*", "[fd-popover-body-footer]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverBodyComponent, "fd-popover-body", never, {}, {}, never, ["[fd-popover-body-header]", "[fd-popover-body-subheader]", "*", "[fd-popover-body-footer]"], false>;
 }

package/schematics/migrations/migration-0-37/index.js

@@ -27,10 +27,23 @@ function removeStylesFromConfig() {
                     if (!((_b = target.options) === null || _b === void 0 ? void 0 : _b.styles) || !styles || !(0, core_1.isJsonArray)(styles)) {
                         return;
                     }
+                    const themes = [
+                        'sap_horizon',
+                        'sap_horizon_dark',
+                        'sap_horizon_hcb',
+                        'sap_horizon_hcw',
+                        'sap_fiori_3',
+                        'sap_fiori_3_dark',
+                        'sap_fiori_3_hcb',
+                        'sap_fiori_3_hcw',
+                        'sap_fiori_3_light_dark'
+                    ];
                     const stylesToRemove = [
                         'node_modules/fundamental-styles/dist/icon.css',
                         './node_modules/@sap-theming/theming-base-content/content/Base/baseLib/sap_fiori_3/css_variables.css',
-                        './node_modules/fundamental-styles/dist/theming/sap_fiori_3.css'
+                        './node_modules/fundamental-styles/dist/theming/sap_fiori_3.css',
+                        ...themes.map((theme) => `./node_modules/@sap-theming/theming-base-content/content/Base/baseLib/${theme}/css_variables.css`),
+                        ...themes.map((theme) => `./node_modules/fundamental-styles/dist/theming/${theme}.css`)
                     ];
                     stylesToRemove.forEach((styleToRemove) => {
                         const indexInStylesArray = styles.findIndex((configStyle) => typeof configStyle === 'string' && configStyle === styleToRemove);

package/schematics/migrations/migration-0-37/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/core/schematics/migrations/migration-0-37/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/core/schematics/migrations/migration-0-37/index.ts"],"names":[],"mappings":"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"}

package/schematics/migrations/migration-0-37/index.ts

@@ -19,10 +19,27 @@ function removeStylesFromConfig(): Rule {
                         return;
                     }
 
+                    const themes = [
+                        'sap_horizon',
+                        'sap_horizon_dark',
+                        'sap_horizon_hcb',
+                        'sap_horizon_hcw',
+                        'sap_fiori_3',
+                        'sap_fiori_3_dark',
+                        'sap_fiori_3_hcb',
+                        'sap_fiori_3_hcw',
+                        'sap_fiori_3_light_dark'
+                    ];
+
                     const stylesToRemove = [
                         'node_modules/fundamental-styles/dist/icon.css',
                         './node_modules/@sap-theming/theming-base-content/content/Base/baseLib/sap_fiori_3/css_variables.css',
-                        './node_modules/fundamental-styles/dist/theming/sap_fiori_3.css'
+                        './node_modules/fundamental-styles/dist/theming/sap_fiori_3.css',
+                        ...themes.map(
+                            (theme) =>
+                                `./node_modules/@sap-theming/theming-base-content/content/Base/baseLib/${theme}/css_variables.css`
+                        ),
+                        ...themes.map((theme) => `./node_modules/fundamental-styles/dist/theming/${theme}.css`)
                     ];
 
                     stylesToRemove.forEach((styleToRemove) => {

package/schematics/ng-add/index.js

@@ -58,21 +58,21 @@ function addDependencies(options) {
             });
         }
         if (!(0, package_utils_1.hasPackage)(tree, 'fundamental-styles') ||
-            (0, package_utils_1.checkPackageVersion)(tree, 'fundamental-styles', '0.25.1-rc.16', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, 'fundamental-styles', '0.26.0-rc.27', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `0.25.1-rc.16`,
+                version: `0.26.0-rc.27`,
                 name: 'fundamental-styles',
                 overwrite: true
             });
         }
         if (!(0, package_utils_1.hasPackage)(tree, '@sap-theming/theming-base-content') ||
-            (0, package_utils_1.checkPackageVersion)(tree, '@sap-theming/theming-base-content', '11.1.40', '<')) {
+            (0, package_utils_1.checkPackageVersion)(tree, '@sap-theming/theming-base-content', '11.1.44', '<')) {
             dependencies.push({
                 type: dependencies_1.NodeDependencyType.Default,
                 // Will be replaced with the real version during sync-version script run
-                version: `11.1.40`,
+                version: `11.1.44`,
                 name: '@sap-theming/theming-base-content',
                 overwrite: true
             });
@@ -166,11 +166,11 @@ function addAssetsToConfig(options) {
 }
 function addTheming(options) {
     return (tree, context) => (0, workspace_1.updateWorkspace)((workspace) => __awaiter(this, void 0, void 0, function* () {
-        context.logger.info(`⚠️ Currently, we don't automatically remove the deprecated Themes approach. If you have it applied you have to remove it by yourself.
-[Instructions: https://sap.github.io/fundamental-ngx/#/core/theming]`);
         if (options.theme === 'custom') {
             return;
         }
+        context.logger.info(`⚠️ Currently, we don't automatically remove the deprecated Themes approach. If you have it applied you have to remove it by yourself.
+[Instructions: https://sap.github.io/fundamental-ngx/#/core/theming]`);
         const targetOptions = (0, angular_json_utils_1.getProjectTargetOptions)(workspace.projects.get(options.project), 'build');
         const styles = targetOptions.styles;
         for (let i = 0; i < styles.length; i++) {