npm - @fundamental-ngx/core - Versions diffs - 0.40.0-rc.12 → 0.40.0-rc.13 - Mend

@fundamental-ngx/core 0.40.0-rc.12 → 0.40.0-rc.13

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

Files changed (377) hide show

package/fesm2015/fundamental-ngx-core-message-box.mjs CHANGED Viewed

@@ -148,7 +148,7 @@ class MessageBoxComponent extends DialogBase {
     }
 }
 MessageBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: MessageBoxComponent, deps: [{ token: MessageBoxConfig, optional: true }, { token: MessageBoxRef, optional: true }, { token: i3.Router, optional: true }, { token: i4.RtlService, optional: true }, { token: i4.FocusTrapService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MessageBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: MessageBoxComponent, selector: "fd-message-box", inputs: { class: "class", embeddedMessageBoxRef: ["messageBoxRef", "embeddedMessageBoxRef"], embeddedMessageBoxConfig: ["messageBoxConfig", "embeddedMessageBoxConfig"] }, host: { attributes: { "tabindex": "-1", "role": "dialog" } }, providers: [{ provide: MessageBoxHost, useExisting: MessageBoxComponent }], viewQueries: [{ propertyName: "dialogWindow", first: true, predicate: ["dialogWindow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n    #dialogWindow\n    role=\"dialog\"\n    tabindex=\"-1\"\n    aria-modal=\"true\"\n    [class]=\"_messageBoxConfig.dialogPanelClass\"\n    [class.fd-message-box__content]=\"true\"\n    [class.fd-message-box__content--s]=\"dialogPaddingSize === 'sm'\"\n    [class.fd-message-box__content--m]=\"dialogPaddingSize === 'md'\"\n    [class.fd-message-box__content--l]=\"dialogPaddingSize === 'lg'\"\n    [class.fd-message-box__content--xl]=\"dialogPaddingSize === 'xl'\"\n    [class.fd-message-box__content--mobile]=\"_messageBoxConfig.mobile\"\n    [class.fd-message-box__content--no-mobile-stretch]=\"_messageBoxConfig.mobileOuterSpacing\"\n    [attr.id]=\"_messageBoxConfig.id\"\n    [attr.aria-label]=\"_messageBoxConfig.ariaLabel\"\n    [attr.aria-labelledby]=\"_messageBoxConfig.ariaLabelledBy\"\n    [attr.aria-describedby]=\"_messageBoxConfig.ariaDescribedBy\"\n>\n    <ng-content select=\"fd-message-box-header\"></ng-content>\n    <ng-content select=\"fd-message-box-body\"></ng-content>\n    <ng-content select=\"fd-message-box-footer\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\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-message-box{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.fd-message-box:before{background-color:var(--sapBlockLayer_Background);content:\"\";height:100%;left:0;opacity:var(--fdDialog_Background_Opacity);position:absolute;top:0;width:100%}.fd-message-box__content{-webkit-box-shadow:var(--sapContent_Shadow3);border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow3);display:flex;flex-direction:column;max-height:calc(100vh - 6%);max-width:calc(100vw - 10%);min-height:7.5rem;min-width:20rem;outline:none;position:absolute}.fd-message-box__body{-webkit-box-flex:1;-ms-flex-positive:1;background-color:var(--sapGroup_ContentBackground);flex-grow:1;overflow:auto}.fd-message-box__footer.fd-bar,.fd-message-box__header.fd-bar{flex-shrink:0;padding-left:1rem;padding-right:1rem}.fd-message-box__content--mobile{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.fd-message-box__title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-message-box{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:none;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-message-box:after,.fd-message-box:before{box-sizing:inherit;font-size:inherit}.fd-message-box__content{-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;overflow:hidden;padding:0}.fd-message-box__content:after,.fd-message-box__content:before{box-sizing:inherit;font-size:inherit}.fd-message-box__content--s .fd-message-box__body,.fd-message-box__content--s .fd-message-box__footer.fd-bar,.fd-message-box__content--s .fd-message-box__header.fd-bar{padding-left:1rem;padding-right:1rem}.fd-message-box__content--l .fd-message-box__body,.fd-message-box__content--l .fd-message-box__footer.fd-bar,.fd-message-box__content--l .fd-message-box__header.fd-bar,.fd-message-box__content--m .fd-message-box__body,.fd-message-box__content--m .fd-message-box__footer.fd-bar,.fd-message-box__content--m .fd-message-box__header.fd-bar{padding-left:2rem;padding-right:2rem}.fd-message-box__content--xl .fd-message-box__body,.fd-message-box__content--xl .fd-message-box__footer.fd-bar,.fd-message-box__content--xl .fd-message-box__header.fd-bar{padding-left:3rem;padding-right:3rem}.fd-message-box__footer .fd-message-box__decisive-button.fd-button{min-width:4rem}.fd-message-box__body{-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:1rem}.fd-message-box__body:after,.fd-message-box__body:before{box-sizing:inherit;font-size:inherit}.fd-message-box__title{-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-message-box__title:after,.fd-message-box__title:before{box-sizing:inherit;font-size:inherit}.fd-message-box__more{-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-message-box__more:after,.fd-message-box__more:before{box-sizing:inherit;font-size:inherit}.fd-message-box--active{display:flex}.fd-message-box--confirmation .fd-message-box__header.fd-bar{box-shadow:var(--sapContent_HeaderShadow)}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapNeutralElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--error .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Error_Box_Shadow)}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapNegativeElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--success .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Success_Box_Shadow)}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapPositiveElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--warning .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Warning_Box_Shadow)}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapCriticalElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--information .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Information_Box_Shadow)}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapInformativeElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box{z-index:1000}.fd-message-box__header [class*=sap-icon]{margin-right:.5rem}.fd-message-box__header[dir=rtl] [class*=sap-icon],[dir=rtl] .fd-message-box__header [class*=sap-icon]{margin-right:0;margin-left:.5rem}\n"], encapsulation: i0.ViewEncapsulation.None });
+MessageBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: MessageBoxComponent, selector: "fd-message-box", inputs: { class: "class", embeddedMessageBoxRef: ["messageBoxRef", "embeddedMessageBoxRef"], embeddedMessageBoxConfig: ["messageBoxConfig", "embeddedMessageBoxConfig"] }, host: { attributes: { "tabindex": "-1", "role": "dialog" } }, providers: [{ provide: MessageBoxHost, useExisting: MessageBoxComponent }], viewQueries: [{ propertyName: "dialogWindow", first: true, predicate: ["dialogWindow"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n    #dialogWindow\n    role=\"dialog\"\n    tabindex=\"-1\"\n    aria-modal=\"true\"\n    [class]=\"_messageBoxConfig.dialogPanelClass\"\n    [class.fd-message-box__content]=\"true\"\n    [class.fd-message-box__content--s]=\"dialogPaddingSize === 'sm'\"\n    [class.fd-message-box__content--m]=\"dialogPaddingSize === 'md'\"\n    [class.fd-message-box__content--l]=\"dialogPaddingSize === 'lg'\"\n    [class.fd-message-box__content--xl]=\"dialogPaddingSize === 'xl'\"\n    [class.fd-message-box__content--mobile]=\"_messageBoxConfig.mobile\"\n    [class.fd-message-box__content--no-mobile-stretch]=\"_messageBoxConfig.mobileOuterSpacing\"\n    [attr.id]=\"_messageBoxConfig.id\"\n    [attr.aria-label]=\"_messageBoxConfig.ariaLabel\"\n    [attr.aria-labelledby]=\"_messageBoxConfig.ariaLabelledBy\"\n    [attr.aria-describedby]=\"_messageBoxConfig.ariaDescribedBy\"\n>\n    <ng-content select=\"fd-message-box-header\"></ng-content>\n    <ng-content select=\"fd-message-box-body\"></ng-content>\n    <ng-content select=\"fd-message-box-footer\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.2\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-message-box{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.fd-message-box:before{background-color:var(--sapBlockLayer_Background);content:\"\";height:100%;left:0;opacity:var(--fdDialog_Background_Opacity);position:absolute;top:0;width:100%}.fd-message-box__content{-webkit-box-shadow:var(--sapContent_Shadow3);border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow3);display:flex;flex-direction:column;max-height:calc(100vh - 6%);max-width:calc(100vw - 10%);min-height:7.5rem;min-width:20rem;outline:none;position:absolute}.fd-message-box__body{-webkit-box-flex:1;-ms-flex-positive:1;background-color:var(--sapGroup_ContentBackground);flex-grow:1;overflow:auto}.fd-message-box__footer.fd-bar,.fd-message-box__header.fd-bar{flex-shrink:0;padding-left:1rem;padding-right:1rem}.fd-message-box__content--mobile{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.fd-message-box__title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-message-box{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:none;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-message-box:after,.fd-message-box:before{box-sizing:inherit;font-size:inherit}.fd-message-box__content{-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;overflow:hidden;padding:0}.fd-message-box__content:after,.fd-message-box__content:before{box-sizing:inherit;font-size:inherit}.fd-message-box__content--s .fd-message-box__body,.fd-message-box__content--s .fd-message-box__footer.fd-bar,.fd-message-box__content--s .fd-message-box__header.fd-bar{padding-left:1rem;padding-right:1rem}.fd-message-box__content--l .fd-message-box__body,.fd-message-box__content--l .fd-message-box__footer.fd-bar,.fd-message-box__content--l .fd-message-box__header.fd-bar,.fd-message-box__content--m .fd-message-box__body,.fd-message-box__content--m .fd-message-box__footer.fd-bar,.fd-message-box__content--m .fd-message-box__header.fd-bar{padding-left:2rem;padding-right:2rem}.fd-message-box__content--xl .fd-message-box__body,.fd-message-box__content--xl .fd-message-box__footer.fd-bar,.fd-message-box__content--xl .fd-message-box__header.fd-bar{padding-left:3rem;padding-right:3rem}.fd-message-box__footer .fd-message-box__decisive-button.fd-button{min-width:4rem}.fd-message-box__body{-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:1rem}.fd-message-box__body:after,.fd-message-box__body:before{box-sizing:inherit;font-size:inherit}.fd-message-box__title{-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-message-box__title:after,.fd-message-box__title:before{box-sizing:inherit;font-size:inherit}.fd-message-box__more{-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-message-box__more:after,.fd-message-box__more:before{box-sizing:inherit;font-size:inherit}.fd-message-box--active{display:flex}.fd-message-box--confirmation .fd-message-box__header.fd-bar{box-shadow:var(--sapContent_HeaderShadow)}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapNeutralElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--error .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Error_Box_Shadow)}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapNegativeElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--success .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Success_Box_Shadow)}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapPositiveElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--warning .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Warning_Box_Shadow)}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapCriticalElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--information .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Information_Box_Shadow)}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapInformativeElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box{z-index:1000}.fd-message-box__header [class*=sap-icon]{margin-right:.5rem}.fd-message-box__header[dir=rtl] [class*=sap-icon],[dir=rtl] .fd-message-box__header [class*=sap-icon]{margin-right:0;margin-left:.5rem}\n"], encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -160,7 +160,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
             args: [{ selector: 'fd-message-box', host: {
                         tabindex: '-1',
                         role: 'dialog'
-                    }, encapsulation: ViewEncapsulation.None, providers: [{ provide: MessageBoxHost, useExisting: MessageBoxComponent }], template: "<div\n    #dialogWindow\n    role=\"dialog\"\n    tabindex=\"-1\"\n    aria-modal=\"true\"\n    [class]=\"_messageBoxConfig.dialogPanelClass\"\n    [class.fd-message-box__content]=\"true\"\n    [class.fd-message-box__content--s]=\"dialogPaddingSize === 'sm'\"\n    [class.fd-message-box__content--m]=\"dialogPaddingSize === 'md'\"\n    [class.fd-message-box__content--l]=\"dialogPaddingSize === 'lg'\"\n    [class.fd-message-box__content--xl]=\"dialogPaddingSize === 'xl'\"\n    [class.fd-message-box__content--mobile]=\"_messageBoxConfig.mobile\"\n    [class.fd-message-box__content--no-mobile-stretch]=\"_messageBoxConfig.mobileOuterSpacing\"\n    [attr.id]=\"_messageBoxConfig.id\"\n    [attr.aria-label]=\"_messageBoxConfig.ariaLabel\"\n    [attr.aria-labelledby]=\"_messageBoxConfig.ariaLabelledBy\"\n    [attr.aria-describedby]=\"_messageBoxConfig.ariaDescribedBy\"\n>\n    <ng-content select=\"fd-message-box-header\"></ng-content>\n    <ng-content select=\"fd-message-box-body\"></ng-content>\n    <ng-content select=\"fd-message-box-footer\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\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-message-box{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.fd-message-box:before{background-color:var(--sapBlockLayer_Background);content:\"\";height:100%;left:0;opacity:var(--fdDialog_Background_Opacity);position:absolute;top:0;width:100%}.fd-message-box__content{-webkit-box-shadow:var(--sapContent_Shadow3);border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow3);display:flex;flex-direction:column;max-height:calc(100vh - 6%);max-width:calc(100vw - 10%);min-height:7.5rem;min-width:20rem;outline:none;position:absolute}.fd-message-box__body{-webkit-box-flex:1;-ms-flex-positive:1;background-color:var(--sapGroup_ContentBackground);flex-grow:1;overflow:auto}.fd-message-box__footer.fd-bar,.fd-message-box__header.fd-bar{flex-shrink:0;padding-left:1rem;padding-right:1rem}.fd-message-box__content--mobile{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.fd-message-box__title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-message-box{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:none;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-message-box:after,.fd-message-box:before{box-sizing:inherit;font-size:inherit}.fd-message-box__content{-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;overflow:hidden;padding:0}.fd-message-box__content:after,.fd-message-box__content:before{box-sizing:inherit;font-size:inherit}.fd-message-box__content--s .fd-message-box__body,.fd-message-box__content--s .fd-message-box__footer.fd-bar,.fd-message-box__content--s .fd-message-box__header.fd-bar{padding-left:1rem;padding-right:1rem}.fd-message-box__content--l .fd-message-box__body,.fd-message-box__content--l .fd-message-box__footer.fd-bar,.fd-message-box__content--l .fd-message-box__header.fd-bar,.fd-message-box__content--m .fd-message-box__body,.fd-message-box__content--m .fd-message-box__footer.fd-bar,.fd-message-box__content--m .fd-message-box__header.fd-bar{padding-left:2rem;padding-right:2rem}.fd-message-box__content--xl .fd-message-box__body,.fd-message-box__content--xl .fd-message-box__footer.fd-bar,.fd-message-box__content--xl .fd-message-box__header.fd-bar{padding-left:3rem;padding-right:3rem}.fd-message-box__footer .fd-message-box__decisive-button.fd-button{min-width:4rem}.fd-message-box__body{-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:1rem}.fd-message-box__body:after,.fd-message-box__body:before{box-sizing:inherit;font-size:inherit}.fd-message-box__title{-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-message-box__title:after,.fd-message-box__title:before{box-sizing:inherit;font-size:inherit}.fd-message-box__more{-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-message-box__more:after,.fd-message-box__more:before{box-sizing:inherit;font-size:inherit}.fd-message-box--active{display:flex}.fd-message-box--confirmation .fd-message-box__header.fd-bar{box-shadow:var(--sapContent_HeaderShadow)}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapNeutralElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--error .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Error_Box_Shadow)}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapNegativeElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--success .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Success_Box_Shadow)}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapPositiveElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--warning .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Warning_Box_Shadow)}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapCriticalElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--information .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Information_Box_Shadow)}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapInformativeElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box{z-index:1000}.fd-message-box__header [class*=sap-icon]{margin-right:.5rem}.fd-message-box__header[dir=rtl] [class*=sap-icon],[dir=rtl] .fd-message-box__header [class*=sap-icon]{margin-right:0;margin-left:.5rem}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, providers: [{ provide: MessageBoxHost, useExisting: MessageBoxComponent }], template: "<div\n    #dialogWindow\n    role=\"dialog\"\n    tabindex=\"-1\"\n    aria-modal=\"true\"\n    [class]=\"_messageBoxConfig.dialogPanelClass\"\n    [class.fd-message-box__content]=\"true\"\n    [class.fd-message-box__content--s]=\"dialogPaddingSize === 'sm'\"\n    [class.fd-message-box__content--m]=\"dialogPaddingSize === 'md'\"\n    [class.fd-message-box__content--l]=\"dialogPaddingSize === 'lg'\"\n    [class.fd-message-box__content--xl]=\"dialogPaddingSize === 'xl'\"\n    [class.fd-message-box__content--mobile]=\"_messageBoxConfig.mobile\"\n    [class.fd-message-box__content--no-mobile-stretch]=\"_messageBoxConfig.mobileOuterSpacing\"\n    [attr.id]=\"_messageBoxConfig.id\"\n    [attr.aria-label]=\"_messageBoxConfig.ariaLabel\"\n    [attr.aria-labelledby]=\"_messageBoxConfig.ariaLabelledBy\"\n    [attr.aria-describedby]=\"_messageBoxConfig.ariaDescribedBy\"\n>\n    <ng-content select=\"fd-message-box-header\"></ng-content>\n    <ng-content select=\"fd-message-box-body\"></ng-content>\n    <ng-content select=\"fd-message-box-footer\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.2\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-message-box{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.fd-message-box:before{background-color:var(--sapBlockLayer_Background);content:\"\";height:100%;left:0;opacity:var(--fdDialog_Background_Opacity);position:absolute;top:0;width:100%}.fd-message-box__content{-webkit-box-shadow:var(--sapContent_Shadow3);border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow3);display:flex;flex-direction:column;max-height:calc(100vh - 6%);max-width:calc(100vw - 10%);min-height:7.5rem;min-width:20rem;outline:none;position:absolute}.fd-message-box__body{-webkit-box-flex:1;-ms-flex-positive:1;background-color:var(--sapGroup_ContentBackground);flex-grow:1;overflow:auto}.fd-message-box__footer.fd-bar,.fd-message-box__header.fd-bar{flex-shrink:0;padding-left:1rem;padding-right:1rem}.fd-message-box__content--mobile{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.fd-message-box__title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-message-box{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:none;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-message-box:after,.fd-message-box:before{box-sizing:inherit;font-size:inherit}.fd-message-box__content{-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;overflow:hidden;padding:0}.fd-message-box__content:after,.fd-message-box__content:before{box-sizing:inherit;font-size:inherit}.fd-message-box__content--s .fd-message-box__body,.fd-message-box__content--s .fd-message-box__footer.fd-bar,.fd-message-box__content--s .fd-message-box__header.fd-bar{padding-left:1rem;padding-right:1rem}.fd-message-box__content--l .fd-message-box__body,.fd-message-box__content--l .fd-message-box__footer.fd-bar,.fd-message-box__content--l .fd-message-box__header.fd-bar,.fd-message-box__content--m .fd-message-box__body,.fd-message-box__content--m .fd-message-box__footer.fd-bar,.fd-message-box__content--m .fd-message-box__header.fd-bar{padding-left:2rem;padding-right:2rem}.fd-message-box__content--xl .fd-message-box__body,.fd-message-box__content--xl .fd-message-box__footer.fd-bar,.fd-message-box__content--xl .fd-message-box__header.fd-bar{padding-left:3rem;padding-right:3rem}.fd-message-box__footer .fd-message-box__decisive-button.fd-button{min-width:4rem}.fd-message-box__body{-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:1rem}.fd-message-box__body:after,.fd-message-box__body:before{box-sizing:inherit;font-size:inherit}.fd-message-box__title{-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-message-box__title:after,.fd-message-box__title:before{box-sizing:inherit;font-size:inherit}.fd-message-box__more{-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-message-box__more:after,.fd-message-box__more:before{box-sizing:inherit;font-size:inherit}.fd-message-box--active{display:flex}.fd-message-box--confirmation .fd-message-box__header.fd-bar{box-shadow:var(--sapContent_HeaderShadow)}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapNeutralElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--confirmation .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--error .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Error_Box_Shadow)}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapNegativeElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--error .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--success .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Success_Box_Shadow)}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapPositiveElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--success .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--warning .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Warning_Box_Shadow)}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapCriticalElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--warning .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box--information .fd-message-box__header.fd-bar{box-shadow:var(--fdMessage_Box_Information_Box_Shadow)}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{color:var(--sapInformativeElementColor);font-size:1rem;margin-right:.5rem}.fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon][dir=rtl],[dir=rtl] .fd-message-box--information .fd-message-box__header.fd-bar [class*=sap-icon]{margin-left:.5rem;margin-right:0}.fd-message-box{z-index:1000}.fd-message-box__header [class*=sap-icon]{margin-right:.5rem}.fd-message-box__header[dir=rtl] [class*=sap-icon],[dir=rtl] .fd-message-box__header [class*=sap-icon]{margin-right:0;margin-left:.5rem}\n"] }]
         }], ctorParameters: function () {
         return [{ type: MessageBoxConfig, decorators: [{
                         type: Optional

package/fesm2015/fundamental-ngx-core-message-page.mjs CHANGED Viewed

@@ -84,7 +84,7 @@ class MessagePageComponent {
     }
 }
 MessagePageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: MessagePageComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MessagePageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: MessagePageComponent, selector: "fd-message-page", inputs: { class: "class", type: "type", hasIcon: "hasIcon", glyph: "glyph" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-message-page__container\">\n    <div *ngIf=\"hasIcon\" class=\"fd-message-page__icon-container\">\n        <i role=\"presentation\" class=\"fd-message-page__icon\" [class]=\"'sap-icon--' + glyph\"></i>\n    </div>\n    <div role=\"status\" aria-live=\"polite\" class=\"fd-message-page__content\">\n        <ng-content select=\"fd-message-page-title\"></ng-content>\n        <ng-content select=\"fd-message-page-subtitle\"></ng-content>\n        <ng-content select=\"fd-message-page-actions\"></ng-content>\n        <ng-content select=\"fd-message-page-more\"></ng-content>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\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-message-page{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapBackgroundColor);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:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page:after,.fd-message-page:before{box-sizing:inherit;font-size:inherit}.fd-message-page__actions,.fd-message-page__container,.fd-message-page__content,.fd-message-page__more,.fd-message-page__subtitle,.fd-message-page__title{-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;max-width:30rem;padding:0}.fd-message-page__actions:after,.fd-message-page__actions:before,.fd-message-page__container:after,.fd-message-page__container:before,.fd-message-page__content:after,.fd-message-page__content:before,.fd-message-page__more:after,.fd-message-page__more:before,.fd-message-page__subtitle:after,.fd-message-page__subtitle:before,.fd-message-page__title:after,.fd-message-page__title:before{box-sizing:inherit;font-size:inherit}.fd-message-page__container{align-items:center;background:var(--fdMessage_Page_Container_Background);border-radius:var(--fdMessage_Page_Container_Corner_Radius);display:flex;flex-direction:column;padding:1rem}.fd-message-page__illustration-container{-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;max-height:15rem;max-width:20rem;padding:0}.fd-message-page__illustration-container:after,.fd-message-page__illustration-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;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:8rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page__icon-container:after,.fd-message-page__icon-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon [class*=sap-icon],.fd-message-page__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);font-size:inherit;font-size:6rem;line-height:1;max-width:30rem;opacity:50%}.fd-message-page__content{align-items:center;display:flex;flex-direction:column;padding-bottom:2rem}.fd-message-page__title{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader2Size);margin-bottom:var(--fdMessage_Page_Title_Margin_Bottom);margin-top:var(--fdMessage_Page_Title_Margin_Top);text-align:center}.fd-message-page__subtitle{color:var(--sapContent_LabelColor);font-size:var(--sapFontHeader5Size);margin-bottom:2rem}.fd-message-page__actions{flex-wrap:wrap}.fd-message-page__actions,.fd-message-page__more{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;min-height:2rem}.fd-message-page__more{margin-top:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MessagePageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: MessagePageComponent, selector: "fd-message-page", inputs: { class: "class", type: "type", hasIcon: "hasIcon", glyph: "glyph" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-message-page__container\">\n    <div *ngIf=\"hasIcon\" class=\"fd-message-page__icon-container\">\n        <i role=\"presentation\" class=\"fd-message-page__icon\" [class]=\"'sap-icon--' + glyph\"></i>\n    </div>\n    <div role=\"status\" aria-live=\"polite\" class=\"fd-message-page__content\">\n        <ng-content select=\"fd-message-page-title\"></ng-content>\n        <ng-content select=\"fd-message-page-subtitle\"></ng-content>\n        <ng-content select=\"fd-message-page-actions\"></ng-content>\n        <ng-content select=\"fd-message-page-more\"></ng-content>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.2\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-message-page{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapBackgroundColor);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:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page:after,.fd-message-page:before{box-sizing:inherit;font-size:inherit}.fd-message-page__actions,.fd-message-page__container,.fd-message-page__content,.fd-message-page__more,.fd-message-page__subtitle,.fd-message-page__title{-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;max-width:30rem;padding:0}.fd-message-page__actions:after,.fd-message-page__actions:before,.fd-message-page__container:after,.fd-message-page__container:before,.fd-message-page__content:after,.fd-message-page__content:before,.fd-message-page__more:after,.fd-message-page__more:before,.fd-message-page__subtitle:after,.fd-message-page__subtitle:before,.fd-message-page__title:after,.fd-message-page__title:before{box-sizing:inherit;font-size:inherit}.fd-message-page__container{align-items:center;background:var(--fdMessage_Page_Container_Background);border-radius:var(--fdMessage_Page_Container_Corner_Radius);display:flex;flex-direction:column;padding:1rem}.fd-message-page__illustration-container{-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;max-height:15rem;max-width:20rem;padding:0}.fd-message-page__illustration-container:after,.fd-message-page__illustration-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;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:8rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page__icon-container:after,.fd-message-page__icon-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon [class*=sap-icon],.fd-message-page__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);font-size:inherit;font-size:6rem;line-height:1;max-width:30rem;opacity:50%}.fd-message-page__content{align-items:center;display:flex;flex-direction:column;padding-bottom:2rem}.fd-message-page__title{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader2Size);margin-bottom:var(--fdMessage_Page_Title_Margin_Bottom);margin-top:var(--fdMessage_Page_Title_Margin_Top);text-align:center}.fd-message-page__subtitle{color:var(--sapContent_LabelColor);font-size:var(--sapFontHeader5Size);margin-bottom:2rem}.fd-message-page__actions{flex-wrap:wrap}.fd-message-page__actions,.fd-message-page__more{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;min-height:2rem}.fd-message-page__more{margin-top:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -93,7 +93,7 @@ __decorate([
 ], MessagePageComponent.prototype, "buildComponentCssClass", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: MessagePageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-message-page', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-message-page__container\">\n    <div *ngIf=\"hasIcon\" class=\"fd-message-page__icon-container\">\n        <i role=\"presentation\" class=\"fd-message-page__icon\" [class]=\"'sap-icon--' + glyph\"></i>\n    </div>\n    <div role=\"status\" aria-live=\"polite\" class=\"fd-message-page__content\">\n        <ng-content select=\"fd-message-page-title\"></ng-content>\n        <ng-content select=\"fd-message-page-subtitle\"></ng-content>\n        <ng-content select=\"fd-message-page-actions\"></ng-content>\n        <ng-content select=\"fd-message-page-more\"></ng-content>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\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-message-page{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapBackgroundColor);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:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page:after,.fd-message-page:before{box-sizing:inherit;font-size:inherit}.fd-message-page__actions,.fd-message-page__container,.fd-message-page__content,.fd-message-page__more,.fd-message-page__subtitle,.fd-message-page__title{-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;max-width:30rem;padding:0}.fd-message-page__actions:after,.fd-message-page__actions:before,.fd-message-page__container:after,.fd-message-page__container:before,.fd-message-page__content:after,.fd-message-page__content:before,.fd-message-page__more:after,.fd-message-page__more:before,.fd-message-page__subtitle:after,.fd-message-page__subtitle:before,.fd-message-page__title:after,.fd-message-page__title:before{box-sizing:inherit;font-size:inherit}.fd-message-page__container{align-items:center;background:var(--fdMessage_Page_Container_Background);border-radius:var(--fdMessage_Page_Container_Corner_Radius);display:flex;flex-direction:column;padding:1rem}.fd-message-page__illustration-container{-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;max-height:15rem;max-width:20rem;padding:0}.fd-message-page__illustration-container:after,.fd-message-page__illustration-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;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:8rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page__icon-container:after,.fd-message-page__icon-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon [class*=sap-icon],.fd-message-page__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);font-size:inherit;font-size:6rem;line-height:1;max-width:30rem;opacity:50%}.fd-message-page__content{align-items:center;display:flex;flex-direction:column;padding-bottom:2rem}.fd-message-page__title{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader2Size);margin-bottom:var(--fdMessage_Page_Title_Margin_Bottom);margin-top:var(--fdMessage_Page_Title_Margin_Top);text-align:center}.fd-message-page__subtitle{color:var(--sapContent_LabelColor);font-size:var(--sapFontHeader5Size);margin-bottom:2rem}.fd-message-page__actions{flex-wrap:wrap}.fd-message-page__actions,.fd-message-page__more{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;min-height:2rem}.fd-message-page__more{margin-top:.5rem}\n"] }]
+            args: [{ selector: 'fd-message-page', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-message-page__container\">\n    <div *ngIf=\"hasIcon\" class=\"fd-message-page__icon-container\">\n        <i role=\"presentation\" class=\"fd-message-page__icon\" [class]=\"'sap-icon--' + glyph\"></i>\n    </div>\n    <div role=\"status\" aria-live=\"polite\" class=\"fd-message-page__content\">\n        <ng-content select=\"fd-message-page-title\"></ng-content>\n        <ng-content select=\"fd-message-page-subtitle\"></ng-content>\n        <ng-content select=\"fd-message-page-actions\"></ng-content>\n        <ng-content select=\"fd-message-page-more\"></ng-content>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.2\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-message-page{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapBackgroundColor);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:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page:after,.fd-message-page:before{box-sizing:inherit;font-size:inherit}.fd-message-page__actions,.fd-message-page__container,.fd-message-page__content,.fd-message-page__more,.fd-message-page__subtitle,.fd-message-page__title{-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;max-width:30rem;padding:0}.fd-message-page__actions:after,.fd-message-page__actions:before,.fd-message-page__container:after,.fd-message-page__container:before,.fd-message-page__content:after,.fd-message-page__content:before,.fd-message-page__more:after,.fd-message-page__more:before,.fd-message-page__subtitle:after,.fd-message-page__subtitle:before,.fd-message-page__title:after,.fd-message-page__title:before{box-sizing:inherit;font-size:inherit}.fd-message-page__container{align-items:center;background:var(--fdMessage_Page_Container_Background);border-radius:var(--fdMessage_Page_Container_Corner_Radius);display:flex;flex-direction:column;padding:1rem}.fd-message-page__illustration-container{-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;max-height:15rem;max-width:20rem;padding:0}.fd-message-page__illustration-container:after,.fd-message-page__illustration-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;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:8rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page__icon-container:after,.fd-message-page__icon-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon [class*=sap-icon],.fd-message-page__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);font-size:inherit;font-size:6rem;line-height:1;max-width:30rem;opacity:50%}.fd-message-page__content{align-items:center;display:flex;flex-direction:column;padding-bottom:2rem}.fd-message-page__title{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader2Size);margin-bottom:var(--fdMessage_Page_Title_Margin_Bottom);margin-top:var(--fdMessage_Page_Title_Margin_Top);text-align:center}.fd-message-page__subtitle{color:var(--sapContent_LabelColor);font-size:var(--sapFontHeader5Size);margin-bottom:2rem}.fd-message-page__actions{flex-wrap:wrap}.fd-message-page__actions,.fd-message-page__more{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;min-height:2rem}.fd-message-page__more{margin-top:.5rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{
                 type: Input
             }], type: [{

package/fesm2015/fundamental-ngx-core-message-strip.mjs CHANGED Viewed

@@ -69,7 +69,7 @@ class MessageStripComponent {
     }
 }
 MessageStripComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: MessageStripComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MessageStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: MessageStripComponent, selector: "fd-message-strip", inputs: { class: "class", dismissible: "dismissible", noIcon: "noIcon", type: "type", id: "id", ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel", dismissLabel: "dismissLabel", width: "width", minWidth: "minWidth", marginBottom: "marginBottom" }, outputs: { onDismiss: "onDismiss" }, host: { attributes: { "role": "alert" }, properties: { "attr.aria-labelledby": "ariaLabelledBy", "attr.aria-label": "ariaLabel", "style.width": "width", "style.min-width": "minWidth", "style.margin-bottom": "marginBottom", "attr.id": "id" } }, usesOnChanges: true, ngImport: i0, template: "<button\n    class=\"fd-message-strip__close\"\n    fd-button\n    glyph=\"decline\"\n    fdType=\"transparent\"\n    fdCompact\n    *ngIf=\"dismissible\"\n    (click)=\"dismiss()\"\n    [attr.aria-controls]=\"id\"\n    [attr.aria-label]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n    [attr.title]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n></button>\n<p class=\"fd-message-strip__text\">\n    <ng-content></ng-content>\n</p>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\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 *//*!\n.fd-message-strip+(--information, --success, --warning, --error, --no-icon)\n    .fd-message__close\n*/.fd-message-strip{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapNeutralBackground);border:0;border-color:var(--fdMessageStrip_Border_Color_Neutral);border-radius:var(--fdMessageStrip_Border_Radius);border-style:solid;border-width:var(--fdMessageStrip_Border_Width);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:2rem;padding:.4375rem 1rem;position:relative}.fd-message-strip:after,.fd-message-strip:before{box-sizing:inherit;font-size:inherit}.fd-message-strip .fd-message-strip__close{position:absolute;right:.125rem;top:.125rem}.fd-message-strip .fd-message-strip__close[dir=rtl],[dir=rtl] .fd-message-strip .fd-message-strip__close{left:.125rem;right:auto}.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--dismissible{padding-left:2.5rem;padding-right:1rem}.fd-message-strip--error,.fd-message-strip--information,.fd-message-strip--success,.fd-message-strip--warning{padding-left:2.5rem}.fd-message-strip--error:after,.fd-message-strip--error:before,.fd-message-strip--information:after,.fd-message-strip--information:before,.fd-message-strip--success:after,.fd-message-strip--success:before,.fd-message-strip--warning:after,.fd-message-strip--warning:before{left:0;line-height:1;position:absolute;top:.5rem;width:2.5rem}.fd-message-strip--error[dir=rtl],.fd-message-strip--information[dir=rtl],.fd-message-strip--success[dir=rtl],.fd-message-strip--warning[dir=rtl],[dir=rtl] .fd-message-strip--error,[dir=rtl] .fd-message-strip--information,[dir=rtl] .fd-message-strip--success,[dir=rtl] .fd-message-strip--warning{padding-left:1rem;padding-right:2.5rem}.fd-message-strip--error[dir=rtl]:before,.fd-message-strip--information[dir=rtl]:before,.fd-message-strip--success[dir=rtl]:before,.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--error:before,[dir=rtl] .fd-message-strip--information:before,[dir=rtl] .fd-message-strip--success:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--error.fd-message-strip--dismissible,.fd-message-strip--information.fd-message-strip--dismissible,.fd-message-strip--success.fd-message-strip--dismissible,.fd-message-strip--warning.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--error.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--information.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--success.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--warning.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--error.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--information.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--success.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--warning.fd-message-strip--dismissible{padding-left:2.5rem}.fd-message-strip--error[dir=rtl]:after,.fd-message-strip--information[dir=rtl]:after,.fd-message-strip--success[dir=rtl]:after,.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after,[dir=rtl] .fd-message-strip--information:after,[dir=rtl] .fd-message-strip--success:after,[dir=rtl] .fd-message-strip--warning:after{font-family:SAP-icons;position:absolute;right:0;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning{background-color:var(--sapWarningBackground);border-color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--warning:after,.fd-message-strip--warning:before{color:var(--fdMessageStrip_Icon_Color_Warning)}.fd-message-strip--warning:before{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--warning:after{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error{background-color:var(--sapErrorBackground);border-color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--error:after,.fd-message-strip--error:before{color:var(--fdMessageStrip_Icon_Color_Error)}.fd-message-strip--error:before{content:\"\\e1ec\"}.fd-message-strip--error:before,.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{content:\"\\e1ec\"}.fd-message-strip--success{background-color:var(--sapSuccessBackground);border-color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--success:after,.fd-message-strip--success:before{color:var(--fdMessageStrip_Icon_Color_Success)}.fd-message-strip--success:before{content:\"\\e1c1\"}.fd-message-strip--success:before,.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{content:\"\\e1c1\"}.fd-message-strip--information{background-color:var(--sapInformationBackground);border-color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--information:after,.fd-message-strip--information:before{color:var(--fdMessageStrip_Icon_Color_Information)}.fd-message-strip--information:before{content:\"\\e289\"}.fd-message-strip--information:before,.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{content:\"\\e289\"}.fd-message-strip--no-icon{padding-left:1rem}.fd-message-strip--no-icon:before{display:none}.fd-message-strip--no-icon[dir=rtl],[dir=rtl] .fd-message-strip--no-icon{padding-right:1rem}.fd-message-strip--no-icon[dir=rtl]:after,[dir=rtl] .fd-message-strip--no-icon:after{display:none}.fd-message-strip__text{-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);line-height:1rem;margin:0;padding:0}.fd-message-strip__text:after,.fd-message-strip__text:before{box-sizing:inherit;font-size:inherit}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MessageStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: MessageStripComponent, selector: "fd-message-strip", inputs: { class: "class", dismissible: "dismissible", noIcon: "noIcon", type: "type", id: "id", ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel", dismissLabel: "dismissLabel", width: "width", minWidth: "minWidth", marginBottom: "marginBottom" }, outputs: { onDismiss: "onDismiss" }, host: { attributes: { "role": "alert" }, properties: { "attr.aria-labelledby": "ariaLabelledBy", "attr.aria-label": "ariaLabel", "style.width": "width", "style.min-width": "minWidth", "style.margin-bottom": "marginBottom", "attr.id": "id" } }, usesOnChanges: true, ngImport: i0, template: "<button\n    class=\"fd-message-strip__close\"\n    fd-button\n    glyph=\"decline\"\n    fdType=\"transparent\"\n    fdCompact\n    *ngIf=\"dismissible\"\n    (click)=\"dismiss()\"\n    [attr.aria-controls]=\"id\"\n    [attr.aria-label]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n    [attr.title]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n></button>\n<p class=\"fd-message-strip__text\">\n    <ng-content></ng-content>\n</p>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.2\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 *//*!\n.fd-message-strip+(--information, --success, --warning, --error, --no-icon)\n    .fd-message__close\n*/.fd-message-strip{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapNeutralBackground);border:0;border-color:var(--fdMessageStrip_Border_Color_Neutral);border-radius:var(--fdMessageStrip_Border_Radius);border-style:solid;border-width:var(--fdMessageStrip_Border_Width);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:2rem;padding:.4375rem 1rem;position:relative}.fd-message-strip:after,.fd-message-strip:before{box-sizing:inherit;font-size:inherit}.fd-message-strip .fd-message-strip__close{position:absolute;right:.125rem;top:.125rem}.fd-message-strip .fd-message-strip__close[dir=rtl],[dir=rtl] .fd-message-strip .fd-message-strip__close{left:.125rem;right:auto}.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--dismissible{padding-left:2.5rem;padding-right:1rem}.fd-message-strip--error,.fd-message-strip--information,.fd-message-strip--success,.fd-message-strip--warning{padding-left:2.5rem}.fd-message-strip--error:after,.fd-message-strip--error:before,.fd-message-strip--information:after,.fd-message-strip--information:before,.fd-message-strip--success:after,.fd-message-strip--success:before,.fd-message-strip--warning:after,.fd-message-strip--warning:before{left:0;line-height:1;position:absolute;top:.5rem;width:2.5rem}.fd-message-strip--error[dir=rtl],.fd-message-strip--information[dir=rtl],.fd-message-strip--success[dir=rtl],.fd-message-strip--warning[dir=rtl],[dir=rtl] .fd-message-strip--error,[dir=rtl] .fd-message-strip--information,[dir=rtl] .fd-message-strip--success,[dir=rtl] .fd-message-strip--warning{padding-left:1rem;padding-right:2.5rem}.fd-message-strip--error[dir=rtl]:before,.fd-message-strip--information[dir=rtl]:before,.fd-message-strip--success[dir=rtl]:before,.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--error:before,[dir=rtl] .fd-message-strip--information:before,[dir=rtl] .fd-message-strip--success:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--error.fd-message-strip--dismissible,.fd-message-strip--information.fd-message-strip--dismissible,.fd-message-strip--success.fd-message-strip--dismissible,.fd-message-strip--warning.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--error.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--information.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--success.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--warning.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--error.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--information.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--success.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--warning.fd-message-strip--dismissible{padding-left:2.5rem}.fd-message-strip--error[dir=rtl]:after,.fd-message-strip--information[dir=rtl]:after,.fd-message-strip--success[dir=rtl]:after,.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after,[dir=rtl] .fd-message-strip--information:after,[dir=rtl] .fd-message-strip--success:after,[dir=rtl] .fd-message-strip--warning:after{font-family:SAP-icons;position:absolute;right:0;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning{background-color:var(--sapWarningBackground);border-color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--warning:after,.fd-message-strip--warning:before{color:var(--fdMessageStrip_Icon_Color_Warning)}.fd-message-strip--warning:before{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--warning:after{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error{background-color:var(--sapErrorBackground);border-color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--error:after,.fd-message-strip--error:before{color:var(--fdMessageStrip_Icon_Color_Error)}.fd-message-strip--error:before{content:\"\\e1ec\"}.fd-message-strip--error:before,.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{content:\"\\e1ec\"}.fd-message-strip--success{background-color:var(--sapSuccessBackground);border-color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--success:after,.fd-message-strip--success:before{color:var(--fdMessageStrip_Icon_Color_Success)}.fd-message-strip--success:before{content:\"\\e1c1\"}.fd-message-strip--success:before,.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{content:\"\\e1c1\"}.fd-message-strip--information{background-color:var(--sapInformationBackground);border-color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--information:after,.fd-message-strip--information:before{color:var(--fdMessageStrip_Icon_Color_Information)}.fd-message-strip--information:before{content:\"\\e289\"}.fd-message-strip--information:before,.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{content:\"\\e289\"}.fd-message-strip--no-icon{padding-left:1rem}.fd-message-strip--no-icon:before{display:none}.fd-message-strip--no-icon[dir=rtl],[dir=rtl] .fd-message-strip--no-icon{padding-right:1rem}.fd-message-strip--no-icon[dir=rtl]:after,[dir=rtl] .fd-message-strip--no-icon:after{display:none}.fd-message-strip__text{-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);line-height:1rem;margin:0;padding:0}.fd-message-strip__text:after,.fd-message-strip__text:before{box-sizing:inherit;font-size:inherit}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                         '[style.margin-bottom]': 'marginBottom',
                         role: 'alert',
                         '[attr.id]': 'id'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    class=\"fd-message-strip__close\"\n    fd-button\n    glyph=\"decline\"\n    fdType=\"transparent\"\n    fdCompact\n    *ngIf=\"dismissible\"\n    (click)=\"dismiss()\"\n    [attr.aria-controls]=\"id\"\n    [attr.aria-label]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n    [attr.title]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n></button>\n<p class=\"fd-message-strip__text\">\n    <ng-content></ng-content>\n</p>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\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 *//*!\n.fd-message-strip+(--information, --success, --warning, --error, --no-icon)\n    .fd-message__close\n*/.fd-message-strip{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapNeutralBackground);border:0;border-color:var(--fdMessageStrip_Border_Color_Neutral);border-radius:var(--fdMessageStrip_Border_Radius);border-style:solid;border-width:var(--fdMessageStrip_Border_Width);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:2rem;padding:.4375rem 1rem;position:relative}.fd-message-strip:after,.fd-message-strip:before{box-sizing:inherit;font-size:inherit}.fd-message-strip .fd-message-strip__close{position:absolute;right:.125rem;top:.125rem}.fd-message-strip .fd-message-strip__close[dir=rtl],[dir=rtl] .fd-message-strip .fd-message-strip__close{left:.125rem;right:auto}.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--dismissible{padding-left:2.5rem;padding-right:1rem}.fd-message-strip--error,.fd-message-strip--information,.fd-message-strip--success,.fd-message-strip--warning{padding-left:2.5rem}.fd-message-strip--error:after,.fd-message-strip--error:before,.fd-message-strip--information:after,.fd-message-strip--information:before,.fd-message-strip--success:after,.fd-message-strip--success:before,.fd-message-strip--warning:after,.fd-message-strip--warning:before{left:0;line-height:1;position:absolute;top:.5rem;width:2.5rem}.fd-message-strip--error[dir=rtl],.fd-message-strip--information[dir=rtl],.fd-message-strip--success[dir=rtl],.fd-message-strip--warning[dir=rtl],[dir=rtl] .fd-message-strip--error,[dir=rtl] .fd-message-strip--information,[dir=rtl] .fd-message-strip--success,[dir=rtl] .fd-message-strip--warning{padding-left:1rem;padding-right:2.5rem}.fd-message-strip--error[dir=rtl]:before,.fd-message-strip--information[dir=rtl]:before,.fd-message-strip--success[dir=rtl]:before,.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--error:before,[dir=rtl] .fd-message-strip--information:before,[dir=rtl] .fd-message-strip--success:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--error.fd-message-strip--dismissible,.fd-message-strip--information.fd-message-strip--dismissible,.fd-message-strip--success.fd-message-strip--dismissible,.fd-message-strip--warning.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--error.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--information.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--success.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--warning.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--error.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--information.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--success.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--warning.fd-message-strip--dismissible{padding-left:2.5rem}.fd-message-strip--error[dir=rtl]:after,.fd-message-strip--information[dir=rtl]:after,.fd-message-strip--success[dir=rtl]:after,.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after,[dir=rtl] .fd-message-strip--information:after,[dir=rtl] .fd-message-strip--success:after,[dir=rtl] .fd-message-strip--warning:after{font-family:SAP-icons;position:absolute;right:0;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning{background-color:var(--sapWarningBackground);border-color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--warning:after,.fd-message-strip--warning:before{color:var(--fdMessageStrip_Icon_Color_Warning)}.fd-message-strip--warning:before{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--warning:after{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error{background-color:var(--sapErrorBackground);border-color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--error:after,.fd-message-strip--error:before{color:var(--fdMessageStrip_Icon_Color_Error)}.fd-message-strip--error:before{content:\"\\e1ec\"}.fd-message-strip--error:before,.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{content:\"\\e1ec\"}.fd-message-strip--success{background-color:var(--sapSuccessBackground);border-color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--success:after,.fd-message-strip--success:before{color:var(--fdMessageStrip_Icon_Color_Success)}.fd-message-strip--success:before{content:\"\\e1c1\"}.fd-message-strip--success:before,.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{content:\"\\e1c1\"}.fd-message-strip--information{background-color:var(--sapInformationBackground);border-color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--information:after,.fd-message-strip--information:before{color:var(--fdMessageStrip_Icon_Color_Information)}.fd-message-strip--information:before{content:\"\\e289\"}.fd-message-strip--information:before,.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{content:\"\\e289\"}.fd-message-strip--no-icon{padding-left:1rem}.fd-message-strip--no-icon:before{display:none}.fd-message-strip--no-icon[dir=rtl],[dir=rtl] .fd-message-strip--no-icon{padding-right:1rem}.fd-message-strip--no-icon[dir=rtl]:after,[dir=rtl] .fd-message-strip--no-icon:after{display:none}.fd-message-strip__text{-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);line-height:1rem;margin:0;padding:0}.fd-message-strip__text:after,.fd-message-strip__text:before{box-sizing:inherit;font-size:inherit}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    class=\"fd-message-strip__close\"\n    fd-button\n    glyph=\"decline\"\n    fdType=\"transparent\"\n    fdCompact\n    *ngIf=\"dismissible\"\n    (click)=\"dismiss()\"\n    [attr.aria-controls]=\"id\"\n    [attr.aria-label]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n    [attr.title]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n></button>\n<p class=\"fd-message-strip__text\">\n    <ng-content></ng-content>\n</p>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.2\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 *//*!\n.fd-message-strip+(--information, --success, --warning, --error, --no-icon)\n    .fd-message__close\n*/.fd-message-strip{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapNeutralBackground);border:0;border-color:var(--fdMessageStrip_Border_Color_Neutral);border-radius:var(--fdMessageStrip_Border_Radius);border-style:solid;border-width:var(--fdMessageStrip_Border_Width);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:2rem;padding:.4375rem 1rem;position:relative}.fd-message-strip:after,.fd-message-strip:before{box-sizing:inherit;font-size:inherit}.fd-message-strip .fd-message-strip__close{position:absolute;right:.125rem;top:.125rem}.fd-message-strip .fd-message-strip__close[dir=rtl],[dir=rtl] .fd-message-strip .fd-message-strip__close{left:.125rem;right:auto}.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--dismissible{padding-left:2.5rem;padding-right:1rem}.fd-message-strip--error,.fd-message-strip--information,.fd-message-strip--success,.fd-message-strip--warning{padding-left:2.5rem}.fd-message-strip--error:after,.fd-message-strip--error:before,.fd-message-strip--information:after,.fd-message-strip--information:before,.fd-message-strip--success:after,.fd-message-strip--success:before,.fd-message-strip--warning:after,.fd-message-strip--warning:before{left:0;line-height:1;position:absolute;top:.5rem;width:2.5rem}.fd-message-strip--error[dir=rtl],.fd-message-strip--information[dir=rtl],.fd-message-strip--success[dir=rtl],.fd-message-strip--warning[dir=rtl],[dir=rtl] .fd-message-strip--error,[dir=rtl] .fd-message-strip--information,[dir=rtl] .fd-message-strip--success,[dir=rtl] .fd-message-strip--warning{padding-left:1rem;padding-right:2.5rem}.fd-message-strip--error[dir=rtl]:before,.fd-message-strip--information[dir=rtl]:before,.fd-message-strip--success[dir=rtl]:before,.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--error:before,[dir=rtl] .fd-message-strip--information:before,[dir=rtl] .fd-message-strip--success:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--error.fd-message-strip--dismissible,.fd-message-strip--information.fd-message-strip--dismissible,.fd-message-strip--success.fd-message-strip--dismissible,.fd-message-strip--warning.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--error.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--information.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--success.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--warning.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--error.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--information.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--success.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--warning.fd-message-strip--dismissible{padding-left:2.5rem}.fd-message-strip--error[dir=rtl]:after,.fd-message-strip--information[dir=rtl]:after,.fd-message-strip--success[dir=rtl]:after,.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after,[dir=rtl] .fd-message-strip--information:after,[dir=rtl] .fd-message-strip--success:after,[dir=rtl] .fd-message-strip--warning:after{font-family:SAP-icons;position:absolute;right:0;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning{background-color:var(--sapWarningBackground);border-color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--warning:after,.fd-message-strip--warning:before{color:var(--fdMessageStrip_Icon_Color_Warning)}.fd-message-strip--warning:before{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--warning:after{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error{background-color:var(--sapErrorBackground);border-color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--error:after,.fd-message-strip--error:before{color:var(--fdMessageStrip_Icon_Color_Error)}.fd-message-strip--error:before{content:\"\\e1ec\"}.fd-message-strip--error:before,.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{content:\"\\e1ec\"}.fd-message-strip--success{background-color:var(--sapSuccessBackground);border-color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--success:after,.fd-message-strip--success:before{color:var(--fdMessageStrip_Icon_Color_Success)}.fd-message-strip--success:before{content:\"\\e1c1\"}.fd-message-strip--success:before,.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{content:\"\\e1c1\"}.fd-message-strip--information{background-color:var(--sapInformationBackground);border-color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--information:after,.fd-message-strip--information:before{color:var(--fdMessageStrip_Icon_Color_Information)}.fd-message-strip--information:before{content:\"\\e289\"}.fd-message-strip--information:before,.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{content:\"\\e289\"}.fd-message-strip--no-icon{padding-left:1rem}.fd-message-strip--no-icon:before{display:none}.fd-message-strip--no-icon[dir=rtl],[dir=rtl] .fd-message-strip--no-icon{padding-right:1rem}.fd-message-strip--no-icon[dir=rtl]:after,[dir=rtl] .fd-message-strip--no-icon:after{display:none}.fd-message-strip__text{-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);line-height:1rem;margin:0;padding:0}.fd-message-strip__text:after,.fd-message-strip__text:before{box-sizing:inherit;font-size:inherit}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{
                 type: Input
             }], dismissible: [{

package/fesm2015/fundamental-ngx-core-message-toast.mjs CHANGED Viewed

@@ -177,7 +177,7 @@ class MessageToastComponent {
     }
 }
 MessageToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: MessageToastComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ComponentFactoryResolver }, { token: i0.NgZone }, { token: MessageToastConfig, optional: true }, { token: MessageToastRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MessageToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: MessageToastComponent, selector: "fd-message-toast", inputs: { id: "id", duration: "duration", mousePersist: "mousePersist", ariaLabel: "ariaLabel", message: "message", width: "width", minWidth: "minWidth", maxWidth: "maxWidth" }, outputs: { onHide: "onHide" }, host: { listeners: { "mouseenter": "handleMessageToastMouseEnterEvent()", "mouseleave": "handleMessageToastMouseLeaveEvent()" }, properties: { "attr.aria-label": "ariaLabel", "attr.aria-live": "\"polite\"", "attr.id": "id", "style.width": "width", "style.min-width": "minWidth", "style.max-width": "maxWidth", "class.fd-message-toast": "this.messageToastClass" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `<ng-container #container>{{ message }}</ng-container>`, isInline: true, styles: ["/*!\n * Fundamental Library Styles v0.27.1\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-message-toast{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);background-color:var(--sapList_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:15rem;padding:1rem;text-align:center;width:auto}.fd-message-toast:after,.fd-message-toast:before{box-sizing:inherit;font-size:inherit}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-message-toast,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MessageToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: MessageToastComponent, selector: "fd-message-toast", inputs: { id: "id", duration: "duration", mousePersist: "mousePersist", ariaLabel: "ariaLabel", message: "message", width: "width", minWidth: "minWidth", maxWidth: "maxWidth" }, outputs: { onHide: "onHide" }, host: { listeners: { "mouseenter": "handleMessageToastMouseEnterEvent()", "mouseleave": "handleMessageToastMouseLeaveEvent()" }, properties: { "attr.aria-label": "ariaLabel", "attr.aria-live": "\"polite\"", "attr.id": "id", "style.width": "width", "style.min-width": "minWidth", "style.max-width": "maxWidth", "class.fd-message-toast": "this.messageToastClass" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `<ng-container #container>{{ message }}</ng-container>`, isInline: true, styles: ["/*!\n * Fundamental Library Styles v0.28.2\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-message-toast{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);background-color:var(--sapList_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:15rem;padding:1rem;text-align:center;width:auto}.fd-message-toast:after,.fd-message-toast:before{box-sizing:inherit;font-size:inherit}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-message-toast,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: MessageToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-message-toast', template: `<ng-container #container>{{ message }}</ng-container>`, host: {
@@ -187,7 +187,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                         '[style.width]': 'width',
                         '[style.min-width]': 'minWidth',
                         '[style.max-width]': 'maxWidth'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["/*!\n * Fundamental Library Styles v0.27.1\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-message-toast{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);background-color:var(--sapList_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:15rem;padding:1rem;text-align:center;width:auto}.fd-message-toast:after,.fd-message-toast:before{box-sizing:inherit;font-size:inherit}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-message-toast,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["/*!\n * Fundamental Library Styles v0.28.2\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-message-toast{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);background-color:var(--sapList_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:15rem;padding:1rem;text-align:center;width:auto}.fd-message-toast:after,.fd-message-toast:before{box-sizing:inherit;font-size:inherit}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-message-toast,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }, { type: i0.NgZone }, { type: MessageToastConfig, decorators: [{
                         type: Optional

package/fesm2015/fundamental-ngx-core-micro-process-flow.mjs CHANGED Viewed

@@ -8,7 +8,7 @@ import { KeyUtil } from '@fundamental-ngx/cdk/utils';
 import { Subject, Subscription } from 'rxjs';
 import { debounceTime, startWith } from 'rxjs/operators';
 import * as i2 from '@fundamental-ngx/core/content-density';
-import { contentDensityObserverProviders, ContentDensityMode, DeprecatedCompactDirective, CONTENT_DENSITY_DIRECTIVE, ContentDensityModule } from '@fundamental-ngx/core/content-density';
+import { contentDensityObserverProviders, DeprecatedCompactDirective, CONTENT_DENSITY_DIRECTIVE, ContentDensityModule } from '@fundamental-ngx/core/content-density';
 import * as i1$2 from '@fundamental-ngx/core/icon';
 import { IconModule } from '@fundamental-ngx/core/icon';
@@ -367,10 +367,8 @@ MicroProcessFlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             provide: MICRO_PROCESS_FLOW,
             useExisting: MicroProcessFlowComponent
         },
-        contentDensityObserverProviders({
-            modifiers: { [ContentDensityMode.COMPACT]: 'fd-micro-process-flow--compact' }
-        })
-    ], queries: [{ propertyName: "items", predicate: MicroProcessFlowItemComponent }, { propertyName: "focusableItems", predicate: MicroProcessFlowFocusableItemDirective, descendants: true }], viewQueries: [{ propertyName: "_wrapperContainer", first: true, predicate: ["wrapperContainer"], descendants: true }, { propertyName: "_container", first: true, predicate: ["container"], descendants: true }, { propertyName: "_goNextButton", first: true, predicate: ["goNextButton"], descendants: true }], ngImport: i0, template: "<a\n    tabindex=\"0\"\n    class=\"fd-micro-process-flow__link-previous\"\n    role=\"button\"\n    type=\"button\"\n    (click)=\"goBack()\"\n    (keypress)=\"onKeypressHandler(-1, $event)\"\n    *ngIf=\"showPreviousButton\"\n>\n    {{ previousItemsCount }}\n</a>\n<div class=\"fd-micro-process-flow__overflow-container\" #container>\n    <div\n        class=\"fd-micro-process-flow__wrapper\"\n        #wrapperContainer\n        [style.transition-duration]=\"transitionSpeed + 'ms'\"\n        [style.transition-timing-function]=\"transitionTimingFunction\"\n    >\n        <ng-content select=\"fd-micro-process-flow-item\"></ng-content>\n    </div>\n</div>\n<a\n    tabindex=\"0\"\n    class=\"fd-micro-process-flow__link-next\"\n    role=\"button\"\n    type=\"button\"\n    (click)=\"goNext()\"\n    (keypress)=\"onKeypressHandler(1, $event)\"\n    *ngIf=\"showNextButton\"\n    #goNextButton\n>\n    {{ nextItemsCount }}\n</a>\n", styles: [".fd-micro-process-flow{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;max-width:24.8125rem}.fd-micro-process-flow:before,.fd-micro-process-flow:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow--independent-steps .fd-micro-process-flow__connector:before{border-color:transparent}.fd-micro-process-flow__wrapper{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;transition-property:transform}.fd-micro-process-flow__wrapper:before,.fd-micro-process-flow__wrapper:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__overflow-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;width:100%;overflow:hidden}.fd-micro-process-flow__overflow-container:before,.fd-micro-process-flow__overflow-container:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__link-previous,.fd-micro-process-flow__link-next{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;color:var(--sapGroup_TitleTextColor);text-shadow:var(--sapContent_TextShadow);font-size:var(--sapFontSize);padding:0 .313rem}.fd-micro-process-flow__link-previous:before,.fd-micro-process-flow__link-previous:after,.fd-micro-process-flow__link-next:before,.fd-micro-process-flow__link-next:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__link-previous:focus,.fd-micro-process-flow__link-previous.is-focus,.fd-micro-process-flow__link-next:focus,.fd-micro-process-flow__link-next.is-focus{outline-offset:-.1875rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fd-micro-process-flow__link-previous:before,.fd-micro-process-flow__link-previous:after,.fd-micro-process-flow__link-next:before,.fd-micro-process-flow__link-next:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;color:var(--sapButton_TextColor);display:flex;justify-content:center;align-items:center}.fd-micro-process-flow__link-previous:hover:before,.fd-micro-process-flow__link-previous:hover:after,.fd-micro-process-flow__link-previous.is-hover:before,.fd-micro-process-flow__link-previous.is-hover:after,.fd-micro-process-flow__link-next:hover:before,.fd-micro-process-flow__link-next:hover:after,.fd-micro-process-flow__link-next.is-hover:before,.fd-micro-process-flow__link-next.is-hover:after{color:var(--sapButton_Hover_TextColor)}.fd-micro-process-flow__link-previous:before{content:\"\\e067\"}.fd-micro-process-flow__link-previous:before{padding-right:.313rem}[dir=rtl] .fd-micro-process-flow__link-previous:before,.fd-micro-process-flow__link-previous[dir=rtl]:before{padding-right:0;padding-left:.313rem}[dir=rtl] .fd-micro-process-flow__link-previous:before,.fd-micro-process-flow__link-previous[dir=rtl]:before{content:\"\\e066\"}.fd-micro-process-flow__link-next{justify-content:flex-end}.fd-micro-process-flow__link-next:after{content:\"\\e066\"}.fd-micro-process-flow__link-next:after{padding-left:.313rem}[dir=rtl] .fd-micro-process-flow__link-next:after,.fd-micro-process-flow__link-next[dir=rtl]:after{padding-right:.313rem;padding-left:0}[dir=rtl] .fd-micro-process-flow__link-next:after,.fd-micro-process-flow__link-next[dir=rtl]:after{content:\"\\e067\"}.fd-micro-process-flow__item{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:stretch;margin:.1625rem 0;padding-left:.1875rem;justify-content:flex-start;position:relative}.fd-micro-process-flow__item:before,.fd-micro-process-flow__item:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-micro-process-flow__item,.fd-micro-process-flow__item[dir=rtl]{padding-right:.1875rem;padding-left:0}.fd-micro-process-flow__item .fd-status-indicator .fd-status-indicator__svg{width:auto}.fd-micro-process-flow__focusable-item:focus,.fd-micro-process-flow__focusable-item.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fd-micro-process-flow__icon-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;min-width:1.875rem;min-height:1.875rem;background-color:var(--sapNeutralBackground);border:.0625rem solid var(--sapNeutralBorderColor);border-radius:50%}.fd-micro-process-flow__icon-container:before,.fd-micro-process-flow__icon-container:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapButton_Neutral_Background);font-size:var(--sapFontLargeSize)}.fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__icon-container:active .fd-micro-process-flow__icon,.fd-micro-process-flow__icon-container.is-active .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__content{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:flex-start;align-items:center;min-width:1.875rem;min-height:1.875rem;width:100%}.fd-micro-process-flow__content:before,.fd-micro-process-flow__content:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container{background-color:var(--sapPositiveElementColor);border-color:var(--sapPositiveElementColor)}.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container:hover,.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container.is-hover{background-color:var(--sapButton_Success_Hover_Background);border-color:var(--sapButton_Success_Hover_Background)}.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container{background-color:var(--sapInformativeElementColor);border-color:var(--sapInformativeElementColor)}.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container:hover,.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container.is-hover{background-color:var(--sapButton_Information_Hover_Background);border-color:var(--sapButton_Information_Hover_Background)}.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container{background-color:var(--sapNegativeElementColor);border-color:var(--sapNegativeElementColor)}.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container:hover,.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container.is-hover{background-color:var(--sapButton_Negative_Hover_Background);border-color:var(--sapButton_Negative_Hover_Background)}.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container{background-color:var(--sapCriticalElementColor);border-color:var(--sapCriticalElementColor)}.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container:hover,.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container.is-hover{background-color:var(--sapButton_Critical_Hover_Background);border-color:var(--sapButton_Critical_Hover_Background)}.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__connector{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;min-width:1.125rem;height:100%;margin-left:.1875rem;position:relative;flex-grow:1}.fd-micro-process-flow__connector:before,.fd-micro-process-flow__connector:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-micro-process-flow__connector,.fd-micro-process-flow__connector[dir=rtl]{margin-left:0;margin-right:.1875rem}.fd-micro-process-flow__connector:before{content:\"\";display:block;border-bottom:.0625rem solid var(--sapContent_ForegroundBorderColor);width:100%;position:absolute}.fd-micro-process-flow__connector--intermediate:after{content:\"\";display:block;position:absolute;top:0;left:50%;bottom:0;margin-left:-.125rem;width:.25rem;background:var(--sapNegativeElementColor)}.fd-micro-process-flow__connector .fd-micro-process-flow__intermediary-item{line-height:1}.fd-micro-process-flow--compact{max-width:18.0625rem}.fd-micro-process-flow--compact .fd-micro-process-flow__content,.fd-micro-process-flow--compact .fd-micro-process-flow__icon-container{min-width:1.375rem;min-height:1.375rem}.fd-micro-process-flow--compact .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{font-size:var(--sapFontSmallSize)}.fd-micro-process-flow--compact .fd-micro-process-flow__connector{width:.625rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        contentDensityObserverProviders()
+    ], queries: [{ propertyName: "items", predicate: MicroProcessFlowItemComponent }, { propertyName: "focusableItems", predicate: MicroProcessFlowFocusableItemDirective, descendants: true }], viewQueries: [{ propertyName: "_wrapperContainer", first: true, predicate: ["wrapperContainer"], descendants: true }, { propertyName: "_container", first: true, predicate: ["container"], descendants: true }, { propertyName: "_goNextButton", first: true, predicate: ["goNextButton"], descendants: true }], ngImport: i0, template: "<a\n    tabindex=\"0\"\n    class=\"fd-micro-process-flow__link-previous\"\n    role=\"button\"\n    type=\"button\"\n    (click)=\"goBack()\"\n    (keypress)=\"onKeypressHandler(-1, $event)\"\n    *ngIf=\"showPreviousButton\"\n>\n    {{ previousItemsCount }}\n</a>\n<div class=\"fd-micro-process-flow__overflow-container\" #container>\n    <div\n        class=\"fd-micro-process-flow__wrapper\"\n        #wrapperContainer\n        [style.transition-duration]=\"transitionSpeed + 'ms'\"\n        [style.transition-timing-function]=\"transitionTimingFunction\"\n    >\n        <ng-content select=\"fd-micro-process-flow-item\"></ng-content>\n    </div>\n</div>\n<a\n    tabindex=\"0\"\n    class=\"fd-micro-process-flow__link-next\"\n    role=\"button\"\n    type=\"button\"\n    (click)=\"goNext()\"\n    (keypress)=\"onKeypressHandler(1, $event)\"\n    *ngIf=\"showNextButton\"\n    #goNextButton\n>\n    {{ nextItemsCount }}\n</a>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.2\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 */:root{--fdMicro_Process_Flow_Item_Background:var(--sapNeutralBackground);--fdMicro_Process_Flow_Item_Border_Color:var(--sapNeutralBorderColor);--fdMicro_Process_Flow_Item_Hover_Background:var(--fdMicro_Process_Flow_Item_Background);--fdMicro_Process_Flow_Item_Hover_Border_Color:var(--fdMicro_Process_Flow_Item_Border_Color);--fdMicro_Process_Flow_Item_Active_Background:var(--sapHighlightColor);--fdMicro_Process_Flow_Item_Active_Border_Color:var(--sapHighlightColor);--fdMicro_Process_Flow_Item_Width:2.75rem;--fdMicro_Process_Flow_Item_Min_Width:1.875rem;--fdMicro_Process_Flow_Compact_Item_Width:2rem;--fdMicro_Process_Flow_Compact_Item_Min_Width:1.375rem;--fdMicro_Process_Flow_Connector_Width:1.125rem;--fdMicro_Process_Flow_Compact_Connector_Width:.625rem;--fdMicro_Process_Flow_Icon_Font_Size:var(--sapFontLargeSize);--fdMicro_Process_Flow_Visible_items:8;--fdMicro_Process_Flow_Max_Container_Width:calc(var(--fdMicro_Process_Flow_Item_Width)*(var(--fdMicro_Process_Flow_Visible_items) + 1) + .0625rem);--fdMicro_Process_Flow_Compact_Max_Container_Width:calc(var(--fdMicro_Process_Flow_Compact_Item_Width)*(var(--fdMicro_Process_Flow_Visible_items) + 1) + .0625rem)}.fd-micro-process-flow{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:var(--fdMicro_Process_Flow_Max_Container_Width);padding:0}.fd-micro-process-flow:after,.fd-micro-process-flow:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow--independent-steps .fd-micro-process-flow__connector:before{border-color:transparent}.fd-micro-process-flow__wrapper{-webkit-box-sizing:border-box;-webkit-transition-property:-webkit-transform;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition-property:transform}.fd-micro-process-flow__wrapper:after,.fd-micro-process-flow__wrapper:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__overflow-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;width:100%}.fd-micro-process-flow__overflow-container:after,.fd-micro-process-flow__overflow-container:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__link-next,.fd-micro-process-flow__link-previous{-webkit-box-sizing:border-box;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:flex-start;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .313rem;text-shadow:var(--sapContent_TextShadow)}.fd-micro-process-flow__link-next:after,.fd-micro-process-flow__link-next:before,.fd-micro-process-flow__link-previous:after,.fd-micro-process-flow__link-previous:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__link-next.is-focus,.fd-micro-process-flow__link-next:focus,.fd-micro-process-flow__link-previous.is-focus,.fd-micro-process-flow__link-previous:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-micro-process-flow__link-next:after,.fd-micro-process-flow__link-next:before,.fd-micro-process-flow__link-previous:after,.fd-micro-process-flow__link-previous:before{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--sapButton_TextColor);display:flex;font-family:SAP-icons;justify-content:center;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-micro-process-flow__link-next.is-hover:after,.fd-micro-process-flow__link-next.is-hover:before,.fd-micro-process-flow__link-next:hover:after,.fd-micro-process-flow__link-next:hover:before,.fd-micro-process-flow__link-previous.is-hover:after,.fd-micro-process-flow__link-previous.is-hover:before,.fd-micro-process-flow__link-previous:hover:after,.fd-micro-process-flow__link-previous:hover:before{color:var(--sapButton_Hover_TextColor)}.fd-micro-process-flow__link-previous:before{content:\"\\e067\";padding-right:.313rem}.fd-micro-process-flow__link-previous[dir=rtl]:before,[dir=rtl] .fd-micro-process-flow__link-previous:before{content:\"\\e066\";padding-left:.313rem;padding-right:0}.fd-micro-process-flow__link-next{justify-content:flex-end}.fd-micro-process-flow__link-next:after{content:\"\\e066\";padding-left:.313rem}.fd-micro-process-flow__link-next[dir=rtl]:after,[dir=rtl] .fd-micro-process-flow__link-next:after{content:\"\\e067\";padding-left:0;padding-right:.313rem}.fd-micro-process-flow .fd-micro-process-flow__item{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-box-pack:start;-ms-flex-pack:start;align-items:stretch;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;justify-content:center;justify-content:flex-start;line-height:var(--sapContent_LineHeight);margin:0;margin:calc(var(--sapContent_FocusWidth) + var(--sapContent_FocusWidth)) 0;padding:0 0 0 .1875rem;position:relative}.fd-micro-process-flow .fd-micro-process-flow__item:after,.fd-micro-process-flow .fd-micro-process-flow__item:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow .fd-micro-process-flow__item--positive{--fdMicro_Process_Flow_Item_Background:var(--sapPositiveElementColor);--fdMicro_Process_Flow_Item_Border_Color:var(--sapPositiveElementColor);--fdMicro_Process_Flow_Item_Hover_Background:var(--sapButton_Success_Hover_Background);--fdMicro_Process_Flow_Item_Hover_Border_Color:var(--sapButton_Success_Hover_Background);--fdMicro_Process_Flow_Item_Active_Background:var(--sapHighlightColor);--fdMicro_Process_Flow_Item_Active_Border_Color:var(--sapHighlightColor);--fdMicro_Process_Flow_Icon_Color:var(--fdMicro_Process_Flow_Active_Icon_Color)}.fd-micro-process-flow .fd-micro-process-flow__item--information{--fdMicro_Process_Flow_Item_Background:var(--sapInformativeElementColor);--fdMicro_Process_Flow_Item_Border_Color:var(--sapInformativeElementColor);--fdMicro_Process_Flow_Item_Hover_Background:var(--sapButton_Information_Hover_Background);--fdMicro_Process_Flow_Item_Hover_Border_Color:var(--sapButton_Information_Hover_Background);--fdMicro_Process_Flow_Item_Active_Background:var(--sapHighlightColor);--fdMicro_Process_Flow_Item_Active_Border_Color:var(--sapHighlightColor);--fdMicro_Process_Flow_Icon_Color:var(--fdMicro_Process_Flow_Active_Icon_Color)}.fd-micro-process-flow .fd-micro-process-flow__item--negative{--fdMicro_Process_Flow_Item_Background:var(--sapNegativeElementColor);--fdMicro_Process_Flow_Item_Border_Color:var(--sapNegativeElementColor);--fdMicro_Process_Flow_Item_Hover_Background:var(--sapButton_Negative_Hover_Background);--fdMicro_Process_Flow_Item_Hover_Border_Color:var(--sapButton_Negative_Hover_Background);--fdMicro_Process_Flow_Item_Active_Background:var(--sapHighlightColor);--fdMicro_Process_Flow_Item_Active_Border_Color:var(--sapHighlightColor);--fdMicro_Process_Flow_Icon_Color:var(--fdMicro_Process_Flow_Active_Icon_Color)}.fd-micro-process-flow .fd-micro-process-flow__item--critical{--fdMicro_Process_Flow_Item_Background:var(--sapCriticalElementColor);--fdMicro_Process_Flow_Item_Border_Color:var(--sapCriticalElementColor);--fdMicro_Process_Flow_Item_Hover_Background:var(--sapButton_Critical_Hover_Background);--fdMicro_Process_Flow_Item_Hover_Border_Color:var(--sapButton_Critical_Hover_Background);--fdMicro_Process_Flow_Item_Active_Background:var(--sapHighlightColor);--fdMicro_Process_Flow_Item_Active_Border_Color:var(--sapHighlightColor);--fdMicro_Process_Flow_Icon_Color:var(--fdMicro_Process_Flow_Active_Icon_Color)}.fd-micro-process-flow .fd-micro-process-flow__item[dir=rtl],[dir=rtl] .fd-micro-process-flow .fd-micro-process-flow__item{padding-left:0;padding-right:.1875rem}.fd-micro-process-flow .fd-micro-process-flow__item .fd-status-indicator .fdstatus-indicator__svg{width:auto}.fd-micro-process-flow__focusable-item.is-focus,.fd-micro-process-flow__focusable-item:focus{outline-color:var(--sapContent_FocusColor);outline-offset:.0625rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-micro-process-flow .fd-micro-process-flow__icon-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--fdMicro_Process_Flow_Item_Background);border:0;border:.0625rem solid var(--fdMicro_Process_Flow_Item_Border_Color);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;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdMicro_Process_Flow_Item_Min_Width);min-width:var(--fdMicro_Process_Flow_Item_Min_Width);padding:0}.fd-micro-process-flow .fd-micro-process-flow__icon-container:after,.fd-micro-process-flow .fd-micro-process-flow__icon-container:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--fdMicro_Process_Flow_Icon_Color);font-size:var(--fdMicro_Process_Flow_Icon_Font_Size)}.fd-micro-process-flow .fd-micro-process-flow__icon-container.is-hover,.fd-micro-process-flow .fd-micro-process-flow__icon-container:hover{--fdMicro_Process_Flow_Item_Background:var(--fdMicro_Process_Flow_Item_Hover_Background);--fdMicro_Process_Flow_Item_Border_Color:var(--fdMicro_Process_Flow_Item_Hover_Border_Color)}.fd-micro-process-flow .fd-micro-process-flow__icon-container.is-active,.fd-micro-process-flow .fd-micro-process-flow__icon-container:active{--fdMicro_Process_Flow_Item_Background:var(--fdMicro_Process_Flow_Item_Active_Background);--fdMicro_Process_Flow_Item_Border_Color:var(--fdMicro_Process_Flow_Item_Active_Border_Color);--fdMicro_Process_Flow_Icon_Color:var(--fdMicro_Process_Flow_Active_Icon_Color)}.fd-micro-process-flow__content{-webkit-box-sizing:border-box;-webkit-box-pack:start;-ms-flex-pack:start;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;justify-content:flex-start;line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdMicro_Process_Flow_Item_Min_Width);min-width:var(--fdMicro_Process_Flow_Item_Min_Width);padding:0;width:100%}.fd-micro-process-flow__content:after,.fd-micro-process-flow__content:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__connector{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-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:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 0 0 .1875rem;min-width:var(--fdMicro_Process_Flow_Connector_Width);padding:0;position:relative}.fd-micro-process-flow__connector:after,.fd-micro-process-flow__connector:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__connector[dir=rtl],[dir=rtl] .fd-micro-process-flow__connector{margin-left:0;margin-right:.1875rem}.fd-micro-process-flow__connector:before{border-bottom:.0625rem solid var(--sapContent_ForegroundBorderColor);content:\"\";display:block;position:absolute;width:100%;z-index:1}.fd-micro-process-flow__connector--intermediate:after{background:var(--sapNegativeElementColor);bottom:0;content:\"\";display:block;left:50%;margin-left:-.125rem;position:absolute;top:0;width:.25rem;z-index:2}.fd-micro-process-flow__connector .fd-micro-process-flow__intermediary-item{line-height:1;position:relative;z-index:3}.fd-micro-process-flow[class*=-compact],.fd-micro-process-flow[class*=-condensed],[class*=-compact] .fd-micro-process-flow:not([class*=-cozy]),[class*=-condensed] .fd-micro-process-flow:not([class*=-cozy]){--fdMicro_Process_Flow_Item_Min_Width:var(--fdMicro_Process_Flow_Compact_Item_Min_Width);--fdMicro_Process_Flow_Connector_Width:var(--fdMicro_Process_Flow_Compact_Connector_Width);--fdMicro_Process_Flow_Icon_Font_Size:var(--sapFontSmallSize);--fdMicro_Process_Flow_Item_Width:var(--fdMicro_Process_Flow_Compact_Item_Width);--fdMicro_Process_Flow_Max_Container_Width:var(--fdMicro_Process_Flow_Compact_Max_Container_Width)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: MicroProcessFlowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-micro-process-flow', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
@@ -381,10 +379,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                             provide: MICRO_PROCESS_FLOW,
                             useExisting: MicroProcessFlowComponent
                         },
-                        contentDensityObserverProviders({
-                            modifiers: { [ContentDensityMode.COMPACT]: 'fd-micro-process-flow--compact' }
-                        })
-                    ], template: "<a\n    tabindex=\"0\"\n    class=\"fd-micro-process-flow__link-previous\"\n    role=\"button\"\n    type=\"button\"\n    (click)=\"goBack()\"\n    (keypress)=\"onKeypressHandler(-1, $event)\"\n    *ngIf=\"showPreviousButton\"\n>\n    {{ previousItemsCount }}\n</a>\n<div class=\"fd-micro-process-flow__overflow-container\" #container>\n    <div\n        class=\"fd-micro-process-flow__wrapper\"\n        #wrapperContainer\n        [style.transition-duration]=\"transitionSpeed + 'ms'\"\n        [style.transition-timing-function]=\"transitionTimingFunction\"\n    >\n        <ng-content select=\"fd-micro-process-flow-item\"></ng-content>\n    </div>\n</div>\n<a\n    tabindex=\"0\"\n    class=\"fd-micro-process-flow__link-next\"\n    role=\"button\"\n    type=\"button\"\n    (click)=\"goNext()\"\n    (keypress)=\"onKeypressHandler(1, $event)\"\n    *ngIf=\"showNextButton\"\n    #goNextButton\n>\n    {{ nextItemsCount }}\n</a>\n", styles: [".fd-micro-process-flow{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;max-width:24.8125rem}.fd-micro-process-flow:before,.fd-micro-process-flow:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow--independent-steps .fd-micro-process-flow__connector:before{border-color:transparent}.fd-micro-process-flow__wrapper{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;transition-property:transform}.fd-micro-process-flow__wrapper:before,.fd-micro-process-flow__wrapper:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__overflow-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;width:100%;overflow:hidden}.fd-micro-process-flow__overflow-container:before,.fd-micro-process-flow__overflow-container:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__link-previous,.fd-micro-process-flow__link-next{line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;color:var(--sapGroup_TitleTextColor);text-shadow:var(--sapContent_TextShadow);font-size:var(--sapFontSize);padding:0 .313rem}.fd-micro-process-flow__link-previous:before,.fd-micro-process-flow__link-previous:after,.fd-micro-process-flow__link-next:before,.fd-micro-process-flow__link-next:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__link-previous:focus,.fd-micro-process-flow__link-previous.is-focus,.fd-micro-process-flow__link-next:focus,.fd-micro-process-flow__link-next.is-focus{outline-offset:-.1875rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fd-micro-process-flow__link-previous:before,.fd-micro-process-flow__link-previous:after,.fd-micro-process-flow__link-next:before,.fd-micro-process-flow__link-next:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;color:var(--sapButton_TextColor);display:flex;justify-content:center;align-items:center}.fd-micro-process-flow__link-previous:hover:before,.fd-micro-process-flow__link-previous:hover:after,.fd-micro-process-flow__link-previous.is-hover:before,.fd-micro-process-flow__link-previous.is-hover:after,.fd-micro-process-flow__link-next:hover:before,.fd-micro-process-flow__link-next:hover:after,.fd-micro-process-flow__link-next.is-hover:before,.fd-micro-process-flow__link-next.is-hover:after{color:var(--sapButton_Hover_TextColor)}.fd-micro-process-flow__link-previous:before{content:\"\\e067\"}.fd-micro-process-flow__link-previous:before{padding-right:.313rem}[dir=rtl] .fd-micro-process-flow__link-previous:before,.fd-micro-process-flow__link-previous[dir=rtl]:before{padding-right:0;padding-left:.313rem}[dir=rtl] .fd-micro-process-flow__link-previous:before,.fd-micro-process-flow__link-previous[dir=rtl]:before{content:\"\\e066\"}.fd-micro-process-flow__link-next{justify-content:flex-end}.fd-micro-process-flow__link-next:after{content:\"\\e066\"}.fd-micro-process-flow__link-next:after{padding-left:.313rem}[dir=rtl] .fd-micro-process-flow__link-next:after,.fd-micro-process-flow__link-next[dir=rtl]:after{padding-right:.313rem;padding-left:0}[dir=rtl] .fd-micro-process-flow__link-next:after,.fd-micro-process-flow__link-next[dir=rtl]:after{content:\"\\e067\"}.fd-micro-process-flow__item{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:stretch;margin:.1625rem 0;padding-left:.1875rem;justify-content:flex-start;position:relative}.fd-micro-process-flow__item:before,.fd-micro-process-flow__item:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-micro-process-flow__item,.fd-micro-process-flow__item[dir=rtl]{padding-right:.1875rem;padding-left:0}.fd-micro-process-flow__item .fd-status-indicator .fd-status-indicator__svg{width:auto}.fd-micro-process-flow__focusable-item:focus,.fd-micro-process-flow__focusable-item.is-focus{outline-offset:.0625rem;outline-width:var(--sapContent_FocusWidth);outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle)}.fd-micro-process-flow__icon-container{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;min-width:1.875rem;min-height:1.875rem;background-color:var(--sapNeutralBackground);border:.0625rem solid var(--sapNeutralBorderColor);border-radius:50%}.fd-micro-process-flow__icon-container:before,.fd-micro-process-flow__icon-container:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapButton_Neutral_Background);font-size:var(--sapFontLargeSize)}.fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__icon-container:active .fd-micro-process-flow__icon,.fd-micro-process-flow__icon-container.is-active .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__content{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:flex-start;align-items:center;min-width:1.875rem;min-height:1.875rem;width:100%}.fd-micro-process-flow__content:before,.fd-micro-process-flow__content:after{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container{background-color:var(--sapPositiveElementColor);border-color:var(--sapPositiveElementColor)}.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container:hover,.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container.is-hover{background-color:var(--sapButton_Success_Hover_Background);border-color:var(--sapButton_Success_Hover_Background)}.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__item--positive .fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container{background-color:var(--sapInformativeElementColor);border-color:var(--sapInformativeElementColor)}.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container:hover,.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container.is-hover{background-color:var(--sapButton_Information_Hover_Background);border-color:var(--sapButton_Information_Hover_Background)}.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__item--information .fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container{background-color:var(--sapNegativeElementColor);border-color:var(--sapNegativeElementColor)}.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container:hover,.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container.is-hover{background-color:var(--sapButton_Negative_Hover_Background);border-color:var(--sapButton_Negative_Hover_Background)}.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__item--negative .fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container{background-color:var(--sapCriticalElementColor);border-color:var(--sapCriticalElementColor)}.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--sapContent_ContrastIconColor)}.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container:hover,.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container.is-hover{background-color:var(--sapButton_Critical_Hover_Background);border-color:var(--sapButton_Critical_Hover_Background)}.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container:active,.fd-micro-process-flow__item--critical .fd-micro-process-flow__icon-container.is-active{background-color:var(--sapHighlightColor);border-color:var(--sapHighlightColor)}.fd-micro-process-flow__connector{font-size:var(--sapFontSize);line-height:var(--sapContent_LineHeight);color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;justify-content:center;align-items:center;min-width:1.125rem;height:100%;margin-left:.1875rem;position:relative;flex-grow:1}.fd-micro-process-flow__connector:before,.fd-micro-process-flow__connector:after{box-sizing:inherit;font-size:inherit}[dir=rtl] .fd-micro-process-flow__connector,.fd-micro-process-flow__connector[dir=rtl]{margin-left:0;margin-right:.1875rem}.fd-micro-process-flow__connector:before{content:\"\";display:block;border-bottom:.0625rem solid var(--sapContent_ForegroundBorderColor);width:100%;position:absolute}.fd-micro-process-flow__connector--intermediate:after{content:\"\";display:block;position:absolute;top:0;left:50%;bottom:0;margin-left:-.125rem;width:.25rem;background:var(--sapNegativeElementColor)}.fd-micro-process-flow__connector .fd-micro-process-flow__intermediary-item{line-height:1}.fd-micro-process-flow--compact{max-width:18.0625rem}.fd-micro-process-flow--compact .fd-micro-process-flow__content,.fd-micro-process-flow--compact .fd-micro-process-flow__icon-container{min-width:1.375rem;min-height:1.375rem}.fd-micro-process-flow--compact .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{font-size:var(--sapFontSmallSize)}.fd-micro-process-flow--compact .fd-micro-process-flow__connector{width:.625rem}\n"] }]
+                        contentDensityObserverProviders()
+                    ], template: "<a\n    tabindex=\"0\"\n    class=\"fd-micro-process-flow__link-previous\"\n    role=\"button\"\n    type=\"button\"\n    (click)=\"goBack()\"\n    (keypress)=\"onKeypressHandler(-1, $event)\"\n    *ngIf=\"showPreviousButton\"\n>\n    {{ previousItemsCount }}\n</a>\n<div class=\"fd-micro-process-flow__overflow-container\" #container>\n    <div\n        class=\"fd-micro-process-flow__wrapper\"\n        #wrapperContainer\n        [style.transition-duration]=\"transitionSpeed + 'ms'\"\n        [style.transition-timing-function]=\"transitionTimingFunction\"\n    >\n        <ng-content select=\"fd-micro-process-flow-item\"></ng-content>\n    </div>\n</div>\n<a\n    tabindex=\"0\"\n    class=\"fd-micro-process-flow__link-next\"\n    role=\"button\"\n    type=\"button\"\n    (click)=\"goNext()\"\n    (keypress)=\"onKeypressHandler(1, $event)\"\n    *ngIf=\"showNextButton\"\n    #goNextButton\n>\n    {{ nextItemsCount }}\n</a>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.2\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 */:root{--fdMicro_Process_Flow_Item_Background:var(--sapNeutralBackground);--fdMicro_Process_Flow_Item_Border_Color:var(--sapNeutralBorderColor);--fdMicro_Process_Flow_Item_Hover_Background:var(--fdMicro_Process_Flow_Item_Background);--fdMicro_Process_Flow_Item_Hover_Border_Color:var(--fdMicro_Process_Flow_Item_Border_Color);--fdMicro_Process_Flow_Item_Active_Background:var(--sapHighlightColor);--fdMicro_Process_Flow_Item_Active_Border_Color:var(--sapHighlightColor);--fdMicro_Process_Flow_Item_Width:2.75rem;--fdMicro_Process_Flow_Item_Min_Width:1.875rem;--fdMicro_Process_Flow_Compact_Item_Width:2rem;--fdMicro_Process_Flow_Compact_Item_Min_Width:1.375rem;--fdMicro_Process_Flow_Connector_Width:1.125rem;--fdMicro_Process_Flow_Compact_Connector_Width:.625rem;--fdMicro_Process_Flow_Icon_Font_Size:var(--sapFontLargeSize);--fdMicro_Process_Flow_Visible_items:8;--fdMicro_Process_Flow_Max_Container_Width:calc(var(--fdMicro_Process_Flow_Item_Width)*(var(--fdMicro_Process_Flow_Visible_items) + 1) + .0625rem);--fdMicro_Process_Flow_Compact_Max_Container_Width:calc(var(--fdMicro_Process_Flow_Compact_Item_Width)*(var(--fdMicro_Process_Flow_Visible_items) + 1) + .0625rem)}.fd-micro-process-flow{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:var(--fdMicro_Process_Flow_Max_Container_Width);padding:0}.fd-micro-process-flow:after,.fd-micro-process-flow:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow--independent-steps .fd-micro-process-flow__connector:before{border-color:transparent}.fd-micro-process-flow__wrapper{-webkit-box-sizing:border-box;-webkit-transition-property:-webkit-transform;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;transition-property:transform}.fd-micro-process-flow__wrapper:after,.fd-micro-process-flow__wrapper:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__overflow-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;width:100%}.fd-micro-process-flow__overflow-container:after,.fd-micro-process-flow__overflow-container:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__link-next,.fd-micro-process-flow__link-previous{-webkit-box-sizing:border-box;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:flex-start;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .313rem;text-shadow:var(--sapContent_TextShadow)}.fd-micro-process-flow__link-next:after,.fd-micro-process-flow__link-next:before,.fd-micro-process-flow__link-previous:after,.fd-micro-process-flow__link-previous:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__link-next.is-focus,.fd-micro-process-flow__link-next:focus,.fd-micro-process-flow__link-previous.is-focus,.fd-micro-process-flow__link-previous:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-micro-process-flow__link-next:after,.fd-micro-process-flow__link-next:before,.fd-micro-process-flow__link-previous:after,.fd-micro-process-flow__link-previous:before{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--sapButton_TextColor);display:flex;font-family:SAP-icons;justify-content:center;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-micro-process-flow__link-next.is-hover:after,.fd-micro-process-flow__link-next.is-hover:before,.fd-micro-process-flow__link-next:hover:after,.fd-micro-process-flow__link-next:hover:before,.fd-micro-process-flow__link-previous.is-hover:after,.fd-micro-process-flow__link-previous.is-hover:before,.fd-micro-process-flow__link-previous:hover:after,.fd-micro-process-flow__link-previous:hover:before{color:var(--sapButton_Hover_TextColor)}.fd-micro-process-flow__link-previous:before{content:\"\\e067\";padding-right:.313rem}.fd-micro-process-flow__link-previous[dir=rtl]:before,[dir=rtl] .fd-micro-process-flow__link-previous:before{content:\"\\e066\";padding-left:.313rem;padding-right:0}.fd-micro-process-flow__link-next{justify-content:flex-end}.fd-micro-process-flow__link-next:after{content:\"\\e066\";padding-left:.313rem}.fd-micro-process-flow__link-next[dir=rtl]:after,[dir=rtl] .fd-micro-process-flow__link-next:after{content:\"\\e067\";padding-left:0;padding-right:.313rem}.fd-micro-process-flow .fd-micro-process-flow__item{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-box-pack:start;-ms-flex-pack:start;align-items:stretch;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;justify-content:center;justify-content:flex-start;line-height:var(--sapContent_LineHeight);margin:0;margin:calc(var(--sapContent_FocusWidth) + var(--sapContent_FocusWidth)) 0;padding:0 0 0 .1875rem;position:relative}.fd-micro-process-flow .fd-micro-process-flow__item:after,.fd-micro-process-flow .fd-micro-process-flow__item:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow .fd-micro-process-flow__item--positive{--fdMicro_Process_Flow_Item_Background:var(--sapPositiveElementColor);--fdMicro_Process_Flow_Item_Border_Color:var(--sapPositiveElementColor);--fdMicro_Process_Flow_Item_Hover_Background:var(--sapButton_Success_Hover_Background);--fdMicro_Process_Flow_Item_Hover_Border_Color:var(--sapButton_Success_Hover_Background);--fdMicro_Process_Flow_Item_Active_Background:var(--sapHighlightColor);--fdMicro_Process_Flow_Item_Active_Border_Color:var(--sapHighlightColor);--fdMicro_Process_Flow_Icon_Color:var(--fdMicro_Process_Flow_Active_Icon_Color)}.fd-micro-process-flow .fd-micro-process-flow__item--information{--fdMicro_Process_Flow_Item_Background:var(--sapInformativeElementColor);--fdMicro_Process_Flow_Item_Border_Color:var(--sapInformativeElementColor);--fdMicro_Process_Flow_Item_Hover_Background:var(--sapButton_Information_Hover_Background);--fdMicro_Process_Flow_Item_Hover_Border_Color:var(--sapButton_Information_Hover_Background);--fdMicro_Process_Flow_Item_Active_Background:var(--sapHighlightColor);--fdMicro_Process_Flow_Item_Active_Border_Color:var(--sapHighlightColor);--fdMicro_Process_Flow_Icon_Color:var(--fdMicro_Process_Flow_Active_Icon_Color)}.fd-micro-process-flow .fd-micro-process-flow__item--negative{--fdMicro_Process_Flow_Item_Background:var(--sapNegativeElementColor);--fdMicro_Process_Flow_Item_Border_Color:var(--sapNegativeElementColor);--fdMicro_Process_Flow_Item_Hover_Background:var(--sapButton_Negative_Hover_Background);--fdMicro_Process_Flow_Item_Hover_Border_Color:var(--sapButton_Negative_Hover_Background);--fdMicro_Process_Flow_Item_Active_Background:var(--sapHighlightColor);--fdMicro_Process_Flow_Item_Active_Border_Color:var(--sapHighlightColor);--fdMicro_Process_Flow_Icon_Color:var(--fdMicro_Process_Flow_Active_Icon_Color)}.fd-micro-process-flow .fd-micro-process-flow__item--critical{--fdMicro_Process_Flow_Item_Background:var(--sapCriticalElementColor);--fdMicro_Process_Flow_Item_Border_Color:var(--sapCriticalElementColor);--fdMicro_Process_Flow_Item_Hover_Background:var(--sapButton_Critical_Hover_Background);--fdMicro_Process_Flow_Item_Hover_Border_Color:var(--sapButton_Critical_Hover_Background);--fdMicro_Process_Flow_Item_Active_Background:var(--sapHighlightColor);--fdMicro_Process_Flow_Item_Active_Border_Color:var(--sapHighlightColor);--fdMicro_Process_Flow_Icon_Color:var(--fdMicro_Process_Flow_Active_Icon_Color)}.fd-micro-process-flow .fd-micro-process-flow__item[dir=rtl],[dir=rtl] .fd-micro-process-flow .fd-micro-process-flow__item{padding-left:0;padding-right:.1875rem}.fd-micro-process-flow .fd-micro-process-flow__item .fd-status-indicator .fdstatus-indicator__svg{width:auto}.fd-micro-process-flow__focusable-item.is-focus,.fd-micro-process-flow__focusable-item:focus{outline-color:var(--sapContent_FocusColor);outline-offset:.0625rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-micro-process-flow .fd-micro-process-flow__icon-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--fdMicro_Process_Flow_Item_Background);border:0;border:.0625rem solid var(--fdMicro_Process_Flow_Item_Border_Color);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;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdMicro_Process_Flow_Item_Min_Width);min-width:var(--fdMicro_Process_Flow_Item_Min_Width);padding:0}.fd-micro-process-flow .fd-micro-process-flow__icon-container:after,.fd-micro-process-flow .fd-micro-process-flow__icon-container:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow .fd-micro-process-flow__icon-container .fd-micro-process-flow__icon{color:var(--fdMicro_Process_Flow_Icon_Color);font-size:var(--fdMicro_Process_Flow_Icon_Font_Size)}.fd-micro-process-flow .fd-micro-process-flow__icon-container.is-hover,.fd-micro-process-flow .fd-micro-process-flow__icon-container:hover{--fdMicro_Process_Flow_Item_Background:var(--fdMicro_Process_Flow_Item_Hover_Background);--fdMicro_Process_Flow_Item_Border_Color:var(--fdMicro_Process_Flow_Item_Hover_Border_Color)}.fd-micro-process-flow .fd-micro-process-flow__icon-container.is-active,.fd-micro-process-flow .fd-micro-process-flow__icon-container:active{--fdMicro_Process_Flow_Item_Background:var(--fdMicro_Process_Flow_Item_Active_Background);--fdMicro_Process_Flow_Item_Border_Color:var(--fdMicro_Process_Flow_Item_Active_Border_Color);--fdMicro_Process_Flow_Icon_Color:var(--fdMicro_Process_Flow_Active_Icon_Color)}.fd-micro-process-flow__content{-webkit-box-sizing:border-box;-webkit-box-pack:start;-ms-flex-pack:start;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;justify-content:flex-start;line-height:var(--sapContent_LineHeight);margin:0;min-height:var(--fdMicro_Process_Flow_Item_Min_Width);min-width:var(--fdMicro_Process_Flow_Item_Min_Width);padding:0;width:100%}.fd-micro-process-flow__content:after,.fd-micro-process-flow__content:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__connector{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-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:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0 0 0 .1875rem;min-width:var(--fdMicro_Process_Flow_Connector_Width);padding:0;position:relative}.fd-micro-process-flow__connector:after,.fd-micro-process-flow__connector:before{box-sizing:inherit;font-size:inherit}.fd-micro-process-flow__connector[dir=rtl],[dir=rtl] .fd-micro-process-flow__connector{margin-left:0;margin-right:.1875rem}.fd-micro-process-flow__connector:before{border-bottom:.0625rem solid var(--sapContent_ForegroundBorderColor);content:\"\";display:block;position:absolute;width:100%;z-index:1}.fd-micro-process-flow__connector--intermediate:after{background:var(--sapNegativeElementColor);bottom:0;content:\"\";display:block;left:50%;margin-left:-.125rem;position:absolute;top:0;width:.25rem;z-index:2}.fd-micro-process-flow__connector .fd-micro-process-flow__intermediary-item{line-height:1;position:relative;z-index:3}.fd-micro-process-flow[class*=-compact],.fd-micro-process-flow[class*=-condensed],[class*=-compact] .fd-micro-process-flow:not([class*=-cozy]),[class*=-condensed] .fd-micro-process-flow:not([class*=-cozy]){--fdMicro_Process_Flow_Item_Min_Width:var(--fdMicro_Process_Flow_Compact_Item_Min_Width);--fdMicro_Process_Flow_Connector_Width:var(--fdMicro_Process_Flow_Compact_Connector_Width);--fdMicro_Process_Flow_Icon_Font_Size:var(--sapFontSmallSize);--fdMicro_Process_Flow_Item_Width:var(--fdMicro_Process_Flow_Compact_Item_Width);--fdMicro_Process_Flow_Max_Container_Width:var(--fdMicro_Process_Flow_Compact_Max_Container_Width)}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i0.ChangeDetectorRef }, { type: i1$1.RtlService, decorators: [{
                         type: Optional