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

package/esm2020/wizard/wizard-step/wizard-step.component.mjs

@@ -120,9 +120,9 @@ export class WizardStepComponent {
         }
     }
 }
-WizardStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WizardStepComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: WIZARD, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-WizardStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: WizardStepComponent, selector: "[fd-wizard-step]", inputs: { ariaLabel: "ariaLabel", ariaRoleDecription: "ariaRoleDecription", status: "status", branching: "branching", label: "label", optionalText: "optionalText", isSummary: "isSummary", stepClickValidator: "stepClickValidator" }, outputs: { statusChange: "statusChange", stepClicked: "stepClicked", stepIndicatorItemClicked: "stepIndicatorItemClicked" }, host: { properties: { "class.fd-wizard__step--completed": "status === \"completed\" || completed", "class.fd-wizard__step--current": "status === \"current\"", "class.fd-wizard__step--upcoming": "status === \"upcoming\"", "class.fd-wizard__step--active": "status === \"active\"", "attr.aria-label": "ariaLabel" }, classAttribute: "fd-wizard__step" }, queries: [{ propertyName: "content", first: true, predicate: WizardContentComponent, descendants: true }, { propertyName: "stepIndicator", first: true, predicate: FD_WIZARD_STEP_INDICATOR, descendants: true }], viewQueries: [{ propertyName: "wizardLabel", first: true, predicate: ["wizardLabel"], descendants: true, read: ElementRef }, { propertyName: "progressBarLink", first: true, predicate: ["progressBarLink"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-wizard__step-wrapper\">\n    <a\n        *ngIf=\"label || optionalText\"\n        #progressBarLink\n        class=\"fd-wizard__step-container\"\n        (click)=\"stepContainerKeypress()\"\n        (keypress)=\"stepContainerKeypress($event)\"\n        [style.cursor]=\"visited ? 'pointer' : 'auto'\"\n        [style.pointer-events]=\"visited ? 'auto' : 'none'\"\n        [attr.tabindex]=\"status === 'current' ? 0 : -1\"\n        [attr.aria-roledescription]=\"ariaRoleDecription\"\n    >\n        <ng-content select=\"fd-wizard-step-indicator\"></ng-content>\n        <div class=\"fd-wizard__label-container\" [class.fd-wizard__label-container--optional]=\"optionalText\">\n            <div #wizardLabel>\n                <span class=\"fd-wizard__label\">{{ label }}</span>\n                <span *ngIf=\"optionalText\" class=\"fd-wizard__optional-text\">\n                    {{ optionalText }}\n                </span>\n            </div>\n        </div>\n    </a>\n\n    <ng-content></ng-content>\n\n    <span\n        *ngIf=\"!_finalStep || branching\"\n        class=\"fd-wizard__connector\"\n        [class.fd-wizard__connector--active]=\"completed\"\n        [class.fd-wizard__connector--branching]=\"branching\"\n    >\n    </span>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WizardStepComponent, decorators: [{
+WizardStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WizardStepComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: WIZARD, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+WizardStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: WizardStepComponent, selector: "[fd-wizard-step]", inputs: { ariaLabel: "ariaLabel", ariaRoleDecription: "ariaRoleDecription", status: "status", branching: "branching", label: "label", optionalText: "optionalText", isSummary: "isSummary", stepClickValidator: "stepClickValidator" }, outputs: { statusChange: "statusChange", stepClicked: "stepClicked", stepIndicatorItemClicked: "stepIndicatorItemClicked" }, host: { properties: { "class.fd-wizard__step--completed": "status === \"completed\" || completed", "class.fd-wizard__step--current": "status === \"current\"", "class.fd-wizard__step--upcoming": "status === \"upcoming\"", "class.fd-wizard__step--active": "status === \"active\"", "attr.aria-label": "ariaLabel" }, classAttribute: "fd-wizard__step" }, queries: [{ propertyName: "content", first: true, predicate: WizardContentComponent, descendants: true }, { propertyName: "stepIndicator", first: true, predicate: FD_WIZARD_STEP_INDICATOR, descendants: true }], viewQueries: [{ propertyName: "wizardLabel", first: true, predicate: ["wizardLabel"], descendants: true, read: ElementRef }, { propertyName: "progressBarLink", first: true, predicate: ["progressBarLink"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-wizard__step-wrapper\">\n    <a\n        *ngIf=\"label || optionalText\"\n        #progressBarLink\n        class=\"fd-wizard__step-container\"\n        (click)=\"stepContainerKeypress()\"\n        (keypress)=\"stepContainerKeypress($event)\"\n        [style.cursor]=\"visited ? 'pointer' : 'auto'\"\n        [style.pointer-events]=\"visited ? 'auto' : 'none'\"\n        [attr.tabindex]=\"status === 'current' ? 0 : -1\"\n        [attr.aria-roledescription]=\"ariaRoleDecription\"\n    >\n        <ng-content select=\"fd-wizard-step-indicator\"></ng-content>\n        <div class=\"fd-wizard__label-container\" [class.fd-wizard__label-container--optional]=\"optionalText\">\n            <div #wizardLabel>\n                <span class=\"fd-wizard__label\">{{ label }}</span>\n                <span *ngIf=\"optionalText\" class=\"fd-wizard__optional-text\">\n                    {{ optionalText }}\n                </span>\n            </div>\n        </div>\n    </a>\n\n    <ng-content></ng-content>\n\n    <span\n        *ngIf=\"!_finalStep || branching\"\n        class=\"fd-wizard__connector\"\n        [class.fd-wizard__connector--active]=\"completed\"\n        [class.fd-wizard__connector--branching]=\"branching\"\n    >\n    </span>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WizardStepComponent, decorators: [{
             type: Component,
             args: [{ selector: '[fd-wizard-step]', host: {
                         class: 'fd-wizard__step',

package/esm2020/wizard/wizard-step-indicator/wizard-step-indicator.component.mjs

@@ -39,14 +39,14 @@ export class WizardStepIndicatorComponent {
         this._cdRef.detectChanges();
     }
 }
-WizardStepIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WizardStepIndicatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-WizardStepIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: WizardStepIndicatorComponent, selector: "fd-wizard-step-indicator", inputs: { glyph: "glyph" }, outputs: { stepIndicatorItemClicked: "stepIndicatorItemClicked" }, providers: [
+WizardStepIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WizardStepIndicatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+WizardStepIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: WizardStepIndicatorComponent, selector: "fd-wizard-step-indicator", inputs: { glyph: "glyph" }, outputs: { stepIndicatorItemClicked: "stepIndicatorItemClicked" }, providers: [
         {
             provide: FD_WIZARD_STEP_INDICATOR,
             useExisting: WizardStepIndicatorComponent
         }
     ], viewQueries: [{ propertyName: "actionSheet", first: true, predicate: ActionSheetComponent, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"stackedItems && stackedItems.length > 1\">\n    <fd-action-sheet style=\"pointer-events: all\">\n        <fd-action-sheet-control>\n            <span class=\"fd-wizard__step-indicator\">\n                <ng-container *ngTemplateOutlet=\"stepIndicatorContent\"></ng-container>\n            </span>\n        </fd-action-sheet-control>\n        <fd-action-sheet-body>\n            <li\n                fd-action-sheet-item\n                *ngFor=\"let step of stackedItems\"\n                [label]=\"step.label\"\n                [glyph]=\"step.glyph\"\n                [disabled]=\"!step.visited\"\n                (click)=\"stepItemClicked(step, $event)\"\n            ></li>\n        </fd-action-sheet-body>\n    </fd-action-sheet>\n</ng-container>\n\n<ng-container *ngIf=\"!stackedItems || stackedItems.length <= 1\">\n    <span\n        class=\"fd-wizard__step-indicator\"\n        (click)=\"stepItemClicked(stackedItems.length ? stackedItems[0] : undefined, $event)\"\n    >\n        <ng-container *ngTemplateOutlet=\"stepIndicatorContent\"></ng-container>\n    </span>\n</ng-container>\n\n<ng-template #stepIndicatorContent>\n    <fd-icon *ngIf=\"glyph\" [glyph]=\"glyph\" class=\"fd-wizard__icon\"></fd-icon>\n    <ng-content></ng-content>\n</ng-template>\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: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i3.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i3.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i3.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i3.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WizardStepIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WizardStepIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-wizard-step-indicator', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2020/wizard/wizard.component.mjs

@@ -490,14 +490,14 @@ export class WizardComponent {
         this._shrinkWhileAnyStepIsTooNarrow();
     }
 }
-WizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WizardComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: FD_LANGUAGE }, { token: FD_DIALOG_BODY_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-WizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: WizardComponent, selector: "fd-wizard", inputs: { appendToWizard: "appendToWizard", contentHeight: "contentHeight", responsivePaddings: "responsivePaddings", displaySummaryStep: "displaySummaryStep", ariaLabel: "ariaLabel" }, host: { attributes: { "role": "region" }, listeners: { "window:resize": "resizeHandler()" }, properties: { "class.fd-wizard--responsive-paddings": "this.responsivePaddings", "attr.aria-label": "this.ariaLabel" } }, providers: [
+WizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WizardComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: FD_LANGUAGE }, { token: FD_DIALOG_BODY_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+WizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: WizardComponent, selector: "fd-wizard", inputs: { appendToWizard: "appendToWizard", contentHeight: "contentHeight", responsivePaddings: "responsivePaddings", displaySummaryStep: "displaySummaryStep", ariaLabel: "ariaLabel" }, host: { attributes: { "role": "region" }, listeners: { "window:resize": "resizeHandler()" }, properties: { "class.fd-wizard--responsive-paddings": "this.responsivePaddings", "attr.aria-label": "this.ariaLabel" } }, providers: [
         {
             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    <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 fd-scrollbar>\n            <div *ngFor=\"let contentTemplate of contentTemplates\">\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n            </div>\n        </div>\n    </div>\n    <div *ngIf=\"!appendToWizard\" cdkScrollable class=\"fd-wizard-container-wrapper\">\n        <div fd-scrollbar>\n            <div *ngFor=\"let contentTemplate of contentTemplates\">\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n            </div>\n        </div>\n    </div>\n    <ng-content></ng-content>\n</section>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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;forced-color-adjust:none;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;forced-color-adjust:none;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;forced-color-adjust:none;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;forced-color-adjust:none;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;forced-color-adjust:none;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;forced-color-adjust:none;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;forced-color-adjust:none;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;forced-color-adjust:none;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);forced-color-adjust:none;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;forced-color-adjust:none;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;forced-color-adjust:none;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;forced-color-adjust:none;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;forced-color-adjust:none;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;forced-color-adjust:none;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}.fd-scrollbar{max-height:100%;max-width:100%;width:100%;height:100%}\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: i2.ScrollSpyDirective, selector: "[fdScrollSpy]", inputs: ["trackedTags", "fireEmpty", "targetPercent", "targetOffset", "scrollSpyDisabled"], outputs: ["spyChange"] }, { kind: "directive", type: i3.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i4.ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible", "overrideTabindex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WizardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WizardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-wizard', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2020/wizard/wizard.module.mjs

@@ -17,8 +17,8 @@ import { ScrollbarModule } from '@fundamental-ngx/core/scrollbar';
 import * as i0 from "@angular/core";
 export class WizardModule {
 }
-WizardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WizardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: WizardModule, declarations: [WizardComponent,
+WizardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WizardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: WizardModule, declarations: [WizardComponent,
         WizardNavigationComponent,
         WizardProgressBarDirective,
         WizardStepComponent,
@@ -40,14 +40,14 @@ WizardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
         WizardContentComponent,
         DeprecatedWizardCompactDirective,
         ContentDensityModule] });
-WizardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WizardModule, imports: [CommonModule,
+WizardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WizardModule, imports: [CommonModule,
         IconModule,
         ScrollSpyModule,
         ActionSheetModule,
         ScrollingModule,
         ContentDensityModule,
         ScrollbarModule, ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WizardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WizardModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/wizard/wizard.service.mjs

@@ -53,9 +53,9 @@ export class WizardService {
         }
     }
 }
-WizardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WizardService, deps: [{ token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-WizardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WizardService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: WizardService, decorators: [{
+WizardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WizardService, deps: [{ token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+WizardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WizardService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: WizardService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.RtlService, decorators: [{
                     type: Optional

package/fesm2015/fundamental-ngx-core-action-bar.mjs

@@ -18,9 +18,9 @@ import { CommonModule } from '@angular/common';
  */
 class ActionBarComponent {
 }
-ActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ActionBarComponent, selector: "[fd-action-bar]", host: { classAttribute: "fd-action-bar" }, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [".fd-action-bar{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__back{display:none!important}}@media (min-width: 600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__description{display:none!important}}@media (min-width: 600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;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;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:1rem;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{box-sizing:inherit;font-size:inherit}.fd-title--h1{font-size:var(--sapFontHeader1Size)}.fd-title--h2{font-size:var(--sapFontHeader2Size)}.fd-title--h3{font-size:var(--sapFontHeader3Size)}.fd-title--h4{font-size:var(--sapFontHeader4Size)}.fd-title--h5{font-size:var(--sapFontHeader5Size)}.fd-title--h6{font-size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarComponent, decorators: [{
+ActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ActionBarComponent, selector: "[fd-action-bar]", host: { classAttribute: "fd-action-bar" }, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [".fd-action-bar{-webkit-box-sizing:border-box;word-wrap:break-word;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--sapContent_HeaderShadow);background-color:var(--sapPageHeader_Background);border:0;box-shadow:var(--sapContent_HeaderShadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.25rem;min-height:3rem;padding:.5rem 2rem}.fd-action-bar:after,.fd-action-bar:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__header{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-grow:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-action-bar__header:after,.fd-action-bar__header:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__back{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 .5rem 0 0;padding:0;position:relative}.fd-action-bar__back:after,.fd-action-bar__back:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__back{display:none!important}}@media (min-width: 600px){.fd-action-bar__back{display:inline-block!important}}.fd-action-bar__back[dir=rtl],[dir=rtl] .fd-action-bar__back{margin-left:.5rem;margin-right:0}.fd-action-bar__title{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);flex-basis:0;flex-grow:1;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1.375rem;margin:0;overflow:hidden;padding:0 .5rem 0 0;text-overflow:ellipsis;text-rendering:optimizeLegibility;vertical-align:middle;white-space:nowrap}.fd-action-bar__title:after,.fd-action-bar__title:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__title[dir=rtl],[dir=rtl] .fd-action-bar__title{padding-left:.5rem;padding-right:0}.fd-action-bar__description{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.25rem;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100%}.fd-action-bar__description:after,.fd-action-bar__description:before{box-sizing:inherit;font-size:inherit}@media (min-width: 320px){.fd-action-bar__description{display:none!important}}@media (min-width: 600px){.fd-action-bar__description{display:inline-block!important}}.fd-action-bar__description--back{padding-left:2.5rem}.fd-action-bar__description--back[dir=rtl],[dir=rtl] .fd-action-bar__description--back{padding-left:0;padding-right:2.5rem}.fd-action-bar__actions{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:opacity .25s ease-in;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;forced-color-adjust:none;gap:.5rem;height:2rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition:opacity .25s ease-in;visibility:visible}.fd-action-bar__actions:after,.fd-action-bar__actions:before{box-sizing:inherit;font-size:inherit}.fd-action-bar__actions.is-hidden,.fd-action-bar__actions[aria-hidden=true]{opacity:0;visibility:hidden}.fd-action-bar--s,.fd-action-bar--sm{padding:.5rem 1rem}.fd-action-bar--lg,.fd-action-bar--m_l,.fd-action-bar--md{padding:.5rem 2rem}.fd-action-bar--xl{padding:.5rem 3rem}/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:1rem;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-title:after,.fd-title:before{box-sizing:inherit;font-size:inherit}.fd-title--h1{font-size:var(--sapFontHeader1Size)}.fd-title--h2{font-size:var(--sapFontHeader2Size)}.fd-title--h3{font-size:var(--sapFontHeader3Size)}.fd-title--h4{font-size:var(--sapFontHeader4Size)}.fd-title--h5{font-size:var(--sapFontHeader5Size)}.fd-title--h6{font-size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarComponent, decorators: [{
             type: Component,
             args: [{ selector: '[fd-action-bar]', template: ` <ng-content></ng-content>`, host: {
                         class: 'fd-action-bar'
@@ -40,13 +40,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
  */
 class ActionBarTitleComponent {
 }
-ActionBarTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ActionBarTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ActionBarTitleComponent, selector: "[fd-action-bar-title]", host: { classAttribute: "fd-action-bar__title" }, ngImport: i0, template: `
+ActionBarTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ActionBarTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ActionBarTitleComponent, selector: "[fd-action-bar-title]", host: { classAttribute: "fd-action-bar__title" }, ngImport: i0, template: `
         <h2 class="fd-title fd-title--h3">
             <ng-content></ng-content>
         </h2>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarTitleComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -81,9 +81,9 @@ class ActionBarDescriptionDirective {
         this.withBackBtn = false;
     }
 }
-ActionBarDescriptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ActionBarDescriptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: ActionBarDescriptionDirective, selector: "[fd-action-bar-description]", inputs: { withBackBtn: "withBackBtn" }, host: { properties: { "class.fd-action-bar__description--back": "this.withBackBtn" }, classAttribute: "fd-action-bar__description" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarDescriptionDirective, decorators: [{
+ActionBarDescriptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ActionBarDescriptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ActionBarDescriptionDirective, selector: "[fd-action-bar-description]", inputs: { withBackBtn: "withBackBtn" }, host: { properties: { "class.fd-action-bar__description--back": "this.withBackBtn" }, classAttribute: "fd-action-bar__description" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -111,9 +111,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
  */
 class ActionBarHeaderDirective {
 }
-ActionBarHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ActionBarHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: ActionBarHeaderDirective, selector: "[fd-action-bar-header]", host: { classAttribute: "fd-action-bar__header" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarHeaderDirective, decorators: [{
+ActionBarHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ActionBarHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ActionBarHeaderDirective, selector: "[fd-action-bar-header]", host: { classAttribute: "fd-action-bar__header" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -138,9 +138,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
  */
 class ActionBarActionsDirective {
 }
-ActionBarActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ActionBarActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: ActionBarActionsDirective, selector: "[fd-action-bar-actions]", host: { classAttribute: "fd-action-bar__actions" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarActionsDirective, decorators: [{
+ActionBarActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ActionBarActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ActionBarActionsDirective, selector: "[fd-action-bar-actions]", host: { classAttribute: "fd-action-bar__actions" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarActionsDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -164,9 +164,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
  */
 class ActionBarBackDirective {
 }
-ActionBarBackDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarBackDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ActionBarBackDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: ActionBarBackDirective, selector: "[fd-action-bar-back]", host: { classAttribute: "fd-action-bar__back" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarBackDirective, decorators: [{
+ActionBarBackDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarBackDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ActionBarBackDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ActionBarBackDirective, selector: "[fd-action-bar-back]", host: { classAttribute: "fd-action-bar__back" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarBackDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -189,9 +189,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
  */
 class ActionBarMobileDirective {
 }
-ActionBarMobileDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarMobileDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ActionBarMobileDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: ActionBarMobileDirective, selector: "[fd-action-bar-mobile]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarMobileDirective, decorators: [{
+ActionBarMobileDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarMobileDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ActionBarMobileDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ActionBarMobileDirective, selector: "[fd-action-bar-mobile]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarMobileDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -201,8 +201,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class ActionBarModule {
 }
-ActionBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ActionBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: ActionBarModule, declarations: [ActionBarComponent,
+ActionBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ActionBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ActionBarModule, declarations: [ActionBarComponent,
         ActionBarTitleComponent,
         ActionBarDescriptionDirective,
         ActionBarHeaderDirective,
@@ -215,8 +215,8 @@ ActionBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         ActionBarActionsDirective,
         ActionBarBackDirective,
         ActionBarMobileDirective] });
-ActionBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionBarModule, decorators: [{
+ActionBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2015/fundamental-ngx-core-action-sheet.mjs

@@ -36,19 +36,19 @@ class ActionSheetMobileComponent {
         this._changeDetectionRef.detectChanges();
     }
 }
-ActionSheetMobileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetMobileComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ActionSheetMobileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ActionSheetMobileComponent, selector: "fd-action-sheet-mobile", ngImport: i0, template: "<div\n    *ngIf=\"open\"\n    class=\"fd-action-sheet__wrapper fd-action-sheet__wrapper--active\"\n    (click)=\"_isOpenChangeHandle && _isOpenChangeHandle(false)\"\n>\n    <ng-container *ngTemplateOutlet=\"childContent?.actionSheetBodyTemplate || null\"></ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetMobileComponent, decorators: [{
+ActionSheetMobileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetMobileComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ActionSheetMobileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ActionSheetMobileComponent, selector: "fd-action-sheet-mobile", ngImport: i0, template: "<div\n    *ngIf=\"open\"\n    class=\"fd-action-sheet__wrapper fd-action-sheet__wrapper--active\"\n    (click)=\"_isOpenChangeHandle && _isOpenChangeHandle(false)\"\n>\n    <ng-container *ngTemplateOutlet=\"childContent?.actionSheetBodyTemplate || null\"></ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetMobileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-action-sheet-mobile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *ngIf=\"open\"\n    class=\"fd-action-sheet__wrapper fd-action-sheet__wrapper--active\"\n    (click)=\"_isOpenChangeHandle && _isOpenChangeHandle(false)\"\n>\n    <ng-container *ngTemplateOutlet=\"childContent?.actionSheetBodyTemplate || null\"></ng-container>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
 
 class ActionSheetMobileModule {
 }
-ActionSheetMobileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetMobileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ActionSheetMobileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetMobileModule, declarations: [ActionSheetMobileComponent], imports: [DialogModule, ButtonModule, CommonModule], exports: [ActionSheetMobileComponent] });
-ActionSheetMobileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetMobileModule, imports: [DialogModule, ButtonModule, CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetMobileModule, decorators: [{
+ActionSheetMobileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetMobileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ActionSheetMobileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetMobileModule, declarations: [ActionSheetMobileComponent], imports: [DialogModule, ButtonModule, CommonModule], exports: [ActionSheetMobileComponent] });
+ActionSheetMobileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetMobileModule, imports: [DialogModule, ButtonModule, CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetMobileModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ActionSheetMobileComponent],
@@ -92,9 +92,9 @@ class ActionSheetBodyComponent {
         }
     }
 }
-ActionSheetBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetBodyComponent, deps: [{ token: i1$1.KeyboardSupportService }, { token: i2.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
-ActionSheetBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: { actionSheetBodyId: "actionSheetBodyId", mobile: "mobile", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby" }, host: { listeners: { "click": "onClick($event)", "keydown": "keyDownHandler($event)" } }, providers: [contentDensityObserverProviders()], viewQueries: [{ propertyName: "actionSheetElementRef", first: true, predicate: ["actionSheetElement"], descendants: true }], ngImport: i0, template: "<ul\n    #actionSheetElement\n    [attr.id]=\"actionSheetBodyId\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledby\"\n    class=\"fd-action-sheet\"\n    [class.fd-action-sheet--mobile]=\"mobile\"\n    role=\"menu\"\n>\n    <ng-content select=\"[fd-action-sheet-item]\"></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetBodyComponent, decorators: [{
+ActionSheetBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetBodyComponent, deps: [{ token: i1$1.KeyboardSupportService }, { token: i2.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
+ActionSheetBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: { actionSheetBodyId: "actionSheetBodyId", mobile: "mobile", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby" }, host: { listeners: { "click": "onClick($event)", "keydown": "keyDownHandler($event)" } }, providers: [contentDensityObserverProviders()], viewQueries: [{ propertyName: "actionSheetElementRef", first: true, predicate: ["actionSheetElement"], descendants: true }], ngImport: i0, template: "<ul\n    #actionSheetElement\n    [attr.id]=\"actionSheetBodyId\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledby\"\n    class=\"fd-action-sheet\"\n    [class.fd-action-sheet--mobile]=\"mobile\"\n    role=\"menu\"\n>\n    <ng-content select=\"[fd-action-sheet-item]\"></ng-content>\n</ul>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-action-sheet-body', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [contentDensityObserverProviders()], template: "<ul\n    #actionSheetElement\n    [attr.id]=\"actionSheetBodyId\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledby\"\n    class=\"fd-action-sheet\"\n    [class.fd-action-sheet--mobile]=\"mobile\"\n    role=\"menu\"\n>\n    <ng-content select=\"[fd-action-sheet-item]\"></ng-content>\n</ul>\n" }]
         }], ctorParameters: function () { return [{ type: i1$1.KeyboardSupportService }, { type: i2.ContentDensityObserver }]; }, propDecorators: { actionSheetBodyId: [{
@@ -147,9 +147,9 @@ class ActionSheetControlComponent {
         (_a = this._focusedElementBeforeDialogOpened) === null || _a === void 0 ? void 0 : _a.focus();
     }
 }
-ActionSheetControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ActionSheetControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetControlComponent, decorators: [{
+ActionSheetControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ActionSheetControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-action-sheet-control', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { clicked: [{
@@ -206,9 +206,9 @@ class ActionSheetItemComponent {
         this.buttonComponent.nativeElement.focus();
     }
 }
-ActionSheetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: { label: "label", glyph: "glyph", negative: "negative", isCloseButton: "isCloseButton", disabled: "disabled" }, outputs: { keyDown: "keyDown" }, host: { attributes: { "role": "none" }, listeners: { "keydown": "keydownHandler($event)", "click": "onClick($event)" }, classAttribute: "fd-action-sheet__item" }, viewQueries: [{ propertyName: "buttonComponent", first: true, predicate: ButtonComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<button\n    fd-button\n    [class]=\"negative ? 'fd-button--negative' : 'fd-button--transparent fd-button--text-alignment-left'\"\n    role=\"menuitem\"\n    class=\"fd-button--full-width\"\n    [label]=\"label\"\n    [glyph]=\"glyph\"\n    [disabled]=\"disabled\"\n>\n    <ng-content></ng-content>\n</button>\n", dependencies: [{ kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetItemComponent, decorators: [{
+ActionSheetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+ActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: { label: "label", glyph: "glyph", negative: "negative", isCloseButton: "isCloseButton", disabled: "disabled" }, outputs: { keyDown: "keyDown" }, host: { attributes: { "role": "none" }, listeners: { "keydown": "keydownHandler($event)", "click": "onClick($event)" }, classAttribute: "fd-action-sheet__item" }, viewQueries: [{ propertyName: "buttonComponent", first: true, predicate: ButtonComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<button\n    fd-button\n    [class]=\"negative ? 'fd-button--negative' : 'fd-button--transparent fd-button--text-alignment-left'\"\n    role=\"menuitem\"\n    class=\"fd-button--full-width\"\n    [label]=\"label\"\n    [glyph]=\"glyph\"\n    [disabled]=\"disabled\"\n>\n    <ng-content></ng-content>\n</button>\n", dependencies: [{ kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetItemComponent, decorators: [{
             type: Component,
             args: [{ selector: '[fd-action-sheet-item]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-action-sheet__item',
@@ -356,9 +356,9 @@ class ActionSheetComponent {
         });
     }
 }
-ActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i1$1.KeyboardSupportService }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1$1.DynamicComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetComponent, decorators: [{
+ActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i1$1.KeyboardSupportService }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1$1.DynamicComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 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-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"] }]
         }], ctorParameters: function () {
@@ -404,14 +404,14 @@ class DeprecatedActionSheetCompactDirective extends DeprecatedCompactDirective {
         super(`[fd-action-sheet-item][compact], fd-action-sheet-body[compact] and fd-action-sheet`);
     }
 }
-DeprecatedActionSheetCompactDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DeprecatedActionSheetCompactDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DeprecatedActionSheetCompactDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: DeprecatedActionSheetCompactDirective, selector: "fd-action-sheet[compact], fd-action-sheet-body[compact], [fd-action-sheet-item][compact]", providers: [
+DeprecatedActionSheetCompactDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DeprecatedActionSheetCompactDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DeprecatedActionSheetCompactDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DeprecatedActionSheetCompactDirective, selector: "fd-action-sheet[compact], fd-action-sheet-body[compact], [fd-action-sheet-item][compact]", providers: [
         {
             provide: CONTENT_DENSITY_DIRECTIVE,
             useExisting: forwardRef(() => DeprecatedActionSheetCompactDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: DeprecatedActionSheetCompactDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DeprecatedActionSheetCompactDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -427,8 +427,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
 
 class ActionSheetModule {
 }
-ActionSheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetModule, declarations: [ActionSheetComponent,
+ActionSheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetModule, declarations: [ActionSheetComponent,
         ActionSheetControlComponent,
         ActionSheetItemComponent,
         ActionSheetBodyComponent,
@@ -438,8 +438,8 @@ ActionSheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versi
         ActionSheetBodyComponent,
         DeprecatedActionSheetCompactDirective,
         ContentDensityModule] });
-ActionSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetModule, imports: [CommonModule, PopoverModule, ButtonModule, ContentDensityModule, ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ActionSheetModule, decorators: [{
+ActionSheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetModule, imports: [CommonModule, PopoverModule, ButtonModule, ContentDensityModule, ContentDensityModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PopoverModule, ButtonModule, ContentDensityModule],

package/fesm2015/fundamental-ngx-core-alert.mjs

@@ -217,9 +217,9 @@ class AlertComponent extends AbstractFdNgxClass {
             .forEach((key) => (this[key] = alertConfig[key]));
     }
 }
-AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AlertComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ComponentFactoryResolver }, { token: i0.NgZone }, { token: AlertConfig, optional: true }, { token: AlertRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: AlertComponent, selector: "fd-alert", inputs: { dismissible: "dismissible", type: "type", id: "id", duration: "duration", mousePersist: "mousePersist", ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel", dismissLabel: "dismissLabel", width: "width", minWidth: "minWidth", message: "message" }, outputs: { onDismiss: "onDismiss" }, host: { listeners: { "mouseenter": "handleAlertMouseEvent($event)", "mouseleave": "handleAlertMouseEvent($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<fd-message-strip\n    [dismissLabel]=\"dismissLabel\"\n    [ariaLabelledBy]=\"ariaLabelledBy\"\n    [ariaLabel]=\"ariaLabel\"\n    [width]=\"width\"\n    [minWidth]=\"minWidth\"\n    [dismissible]=\"dismissible\"\n    [id]=\"id\"\n    [type]=\"type\"\n    (onDismiss)=\"onDismiss.emit($event)\"\n>\n    <ng-container #container>{{ message }}</ng-container>\n    <ng-content></ng-content>\n</fd-message-strip>\n", styles: [":host{display:block}:host.fd-has-display-block{display:block}:host.fd-has-display-none{display:none}\n"], dependencies: [{ kind: "component", type: i3.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AlertComponent, decorators: [{
+AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ComponentFactoryResolver }, { token: i0.NgZone }, { token: AlertConfig, optional: true }, { token: AlertRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AlertComponent, selector: "fd-alert", inputs: { dismissible: "dismissible", type: "type", id: "id", duration: "duration", mousePersist: "mousePersist", ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel", dismissLabel: "dismissLabel", width: "width", minWidth: "minWidth", message: "message" }, outputs: { onDismiss: "onDismiss" }, host: { listeners: { "mouseenter": "handleAlertMouseEvent($event)", "mouseleave": "handleAlertMouseEvent($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<fd-message-strip\n    [dismissLabel]=\"dismissLabel\"\n    [ariaLabelledBy]=\"ariaLabelledBy\"\n    [ariaLabel]=\"ariaLabel\"\n    [width]=\"width\"\n    [minWidth]=\"minWidth\"\n    [dismissible]=\"dismissible\"\n    [id]=\"id\"\n    [type]=\"type\"\n    (onDismiss)=\"onDismiss.emit($event)\"\n>\n    <ng-container #container>{{ message }}</ng-container>\n    <ng-content></ng-content>\n</fd-message-strip>\n", styles: [":host{display:block}:host.fd-has-display-block{display:block}:host.fd-has-display-none{display:none}\n"], dependencies: [{ kind: "component", type: i3.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-message-strip\n    [dismissLabel]=\"dismissLabel\"\n    [ariaLabelledBy]=\"ariaLabelledBy\"\n    [ariaLabel]=\"ariaLabel\"\n    [width]=\"width\"\n    [minWidth]=\"minWidth\"\n    [dismissible]=\"dismissible\"\n    [id]=\"id\"\n    [type]=\"type\"\n    (onDismiss)=\"onDismiss.emit($event)\"\n>\n    <ng-container #container>{{ message }}</ng-container>\n    <ng-content></ng-content>\n</fd-message-strip>\n", styles: [":host{display:block}:host.fd-has-display-block{display:block}:host.fd-has-display-none{display:none}\n"] }]
         }], ctorParameters: function () {
@@ -313,9 +313,9 @@ class AlertContainerComponent {
         this.fdAlertContainerClass = true;
     }
 }
-AlertContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AlertContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AlertContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: AlertContainerComponent, selector: "fd-alert-container", host: { properties: { "@alertContainerNgIf": "", "class.fd-alert-container": "this.fdAlertContainerClass" } }, ngImport: i0, template: ``, isInline: true, styles: [".fd-alert-container{position:fixed;display:flex;flex-direction:column;z-index:5000;align-items:center;top:0;right:50%;left:50%}\n"], animations: [alertContainerNgIf], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AlertContainerComponent, decorators: [{
+AlertContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AlertContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AlertContainerComponent, selector: "fd-alert-container", host: { properties: { "@alertContainerNgIf": "", "class.fd-alert-container": "this.fdAlertContainerClass" } }, ngImport: i0, template: ``, isInline: true, styles: [".fd-alert-container{position:fixed;display:flex;flex-direction:column;z-index:5000;align-items:center;top:0;right:50%;left:50%}\n"], animations: [alertContainerNgIf], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-alert-container', template: ``, host: {
                         '[@alertContainerNgIf]': ''
@@ -395,9 +395,9 @@ class AlertService {
         this.alertContainerRef = undefined;
     }
 }
-AlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AlertService, deps: [{ token: i1.DynamicComponentService }], target: i0.ɵɵFactoryTarget.Injectable });
-AlertService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AlertService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AlertService, decorators: [{
+AlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertService, deps: [{ token: i1.DynamicComponentService }], target: i0.ɵɵFactoryTarget.Injectable });
+AlertService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.DynamicComponentService }]; } });
 
@@ -408,10 +408,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
  */
 class AlertModule {
 }
-AlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: AlertModule, declarations: [AlertComponent, AlertContainerComponent], imports: [CommonModule, ButtonModule, MessageStripComponent], exports: [AlertComponent, AlertContainerComponent] });
-AlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AlertModule, providers: [AlertService, DynamicComponentService], imports: [CommonModule, ButtonModule, MessageStripComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AlertModule, decorators: [{
+AlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: AlertModule, declarations: [AlertComponent, AlertContainerComponent], imports: [CommonModule, ButtonModule, MessageStripComponent], exports: [AlertComponent, AlertContainerComponent] });
+AlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertModule, providers: [AlertService, DynamicComponentService], imports: [CommonModule, ButtonModule, MessageStripComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AlertModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AlertComponent, AlertContainerComponent],