@fundamental-ngx/core 0.61.2 → 0.62.0-rc.1

package/fesm2022/fundamental-ngx-core-message-strip.mjs

@@ -5,8 +5,8 @@ import * as i0 from '@angular/core';
 import { InjectionToken, input, signal, inject, DestroyRef, effect, Injector, Component, computed, viewChildren, ViewEncapsulation, TemplateRef, Directive, booleanAttribute, output, contentChild, ElementRef, ChangeDetectionStrategy, isDevMode, viewChild, ViewContainerRef, Renderer2, afterNextRender, Injectable, NgModule } from '@angular/core';
 import { toSignal, toObservable, takeUntilDestroyed, outputToObservable } from '@angular/core/rxjs-interop';
 import { destroyObservable, ViewportSizeObservable, ResponsiveBreakpoints } from '@fundamental-ngx/cdk/utils';
-import { FD_LANGUAGE, TranslationResolver, I18nModule, patchLanguage } from '@fundamental-ngx/i18n';
-import { of, map, withLatestFrom, merge, fromEvent, startWith, Observable, takeUntil, filter, Subject, combineLatest, tap } from 'rxjs';
+import { FD_LANGUAGE_SIGNAL, TranslationResolver, patchLanguage } from '@fundamental-ngx/i18n';
+import { merge, fromEvent, map, startWith, Observable, of, takeUntil, filter, Subject, combineLatest, tap } from 'rxjs';
 import { ScrollbarDirective } from '@fundamental-ngx/core/scrollbar';
 import { Router, NavigationStart } from '@angular/router';
 import { switchMap } from 'rxjs/operators';
@@ -162,15 +162,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
 
 const MESSAGE_STRIP_CLOSABLE = 'coreMessageStrip.closable';
 const MESSAGE_STRIP_DEFAULT_DISMISS_BUTTON_TEXT = 'coreMessageStrip.dismissLabel';
-const DEFAULT_HIDDEN_TEXT = 'Message strip';
-const DEFAULT_DISMISS_BUTTON_TEXT = 'Close';
+const DEFAULT_HIDDEN_TEXT = 'coreMessageStrip.defaultHiddenText';
+const DEFAULT_DISMISS_BUTTON_TEXT = 'coreMessageStrip.defaultDismissButtonText';
 
 let messageStripUniqueId = 0;
 /**
  * The component that represents a message-strip. It can only be used inline.
  */
 class MessageStripComponent {
-    /** @hidden */
     constructor() {
         /** Whether the message strip is dismissible. */
         this.dismissible = input(true, { ...(ngDevMode ? { debugName: "dismissible" } : {}), transform: booleanAttribute });
@@ -269,22 +268,12 @@ class MessageStripComponent {
                     return '';
             }
         }, ...(ngDevMode ? [{ debugName: "typeSpecificIconName" }] : []));
-        /** @hidden */
-        this._destroyRef = inject(DestroyRef);
-        /** @hidden */
-        this._lang$ = inject(FD_LANGUAGE);
-        /** @hidden */
-        this._translationResolver = inject(TranslationResolver);
-        // Initialize with defaults
-        this.messageStripHiddenText$ = of(DEFAULT_HIDDEN_TEXT);
-        this.defaultDismissButtonText$ = of(DEFAULT_DISMISS_BUTTON_TEXT);
-        // Update when type changes
-        effect(() => {
+        /** message strip information read by screen readers */
+        this.messageStripHiddenText = computed(() => {
             const currentType = this.type();
+            const lang = this._langSignal();
             if (!currentType) {
-                this.messageStripHiddenText$ = of(DEFAULT_HIDDEN_TEXT);
-                this.defaultDismissButtonText$ = of(DEFAULT_DISMISS_BUTTON_TEXT);
-                return;
+                return this._translationResolver.resolve(lang, DEFAULT_HIDDEN_TEXT);
             }
             const announcementMap = {
                 ["warning" /* MessageStripTypeEnum.WARNING */]: "coreMessageStrip.announcementWarning" /* MessageStripAnnouncement.WARNING */,
@@ -293,16 +282,40 @@ class MessageStripComponent {
                 ["information" /* MessageStripTypeEnum.INFORMATION */]: "coreMessageStrip.announcementInfo" /* MessageStripAnnouncement.INFORMATION */
             };
             const announcementType = announcementMap[currentType];
-            if (announcementType) {
-                const announcement$ = this._translateAnnouncement(announcementType);
-                this.messageStripHiddenText$ = this._buildMessageStripHiddenText(announcement$);
-                this.defaultDismissButtonText$ = this._getHiddenButtonText(announcement$);
+            if (!announcementType) {
+                return this._translationResolver.resolve(lang, DEFAULT_HIDDEN_TEXT);
             }
-            else {
-                this.messageStripHiddenText$ = of(DEFAULT_HIDDEN_TEXT);
-                this.defaultDismissButtonText$ = of(DEFAULT_DISMISS_BUTTON_TEXT);
+            const announcement = this._translationResolver.resolve(lang, announcementType);
+            const closable = this.dismissible() ? this._translationResolver.resolve(lang, MESSAGE_STRIP_CLOSABLE) : '';
+            return `${announcement} ${closable}`;
+        }, ...(ngDevMode ? [{ debugName: "messageStripHiddenText" }] : []));
+        /** default dismiss button text read by screen readers */
+        this.defaultDismissButtonText = computed(() => {
+            const currentType = this.type();
+            const lang = this._langSignal();
+            if (!currentType) {
+                return this._translationResolver.resolve(lang, DEFAULT_DISMISS_BUTTON_TEXT);
             }
-        });
+            const announcementMap = {
+                ["warning" /* MessageStripTypeEnum.WARNING */]: "coreMessageStrip.announcementWarning" /* MessageStripAnnouncement.WARNING */,
+                ["success" /* MessageStripTypeEnum.SUCCESS */]: "coreMessageStrip.announcementSuccess" /* MessageStripAnnouncement.SUCCESS */,
+                ["error" /* MessageStripTypeEnum.ERROR */]: "coreMessageStrip.announcementError" /* MessageStripAnnouncement.ERROR */,
+                ["information" /* MessageStripTypeEnum.INFORMATION */]: "coreMessageStrip.announcementInfo" /* MessageStripAnnouncement.INFORMATION */
+            };
+            const announcementType = announcementMap[currentType];
+            if (!announcementType) {
+                return this._translationResolver.resolve(lang, DEFAULT_DISMISS_BUTTON_TEXT);
+            }
+            const announcement = this._translationResolver.resolve(lang, announcementType);
+            const closeButtonText = this._translationResolver.resolve(lang, MESSAGE_STRIP_DEFAULT_DISMISS_BUTTON_TEXT);
+            return `${announcement} ${closeButtonText}`;
+        }, ...(ngDevMode ? [{ debugName: "defaultDismissButtonText" }] : []));
+        /** @hidden */
+        this._destroyRef = inject(DestroyRef);
+        /** @hidden */
+        this._langSignal = inject(FD_LANGUAGE_SIGNAL);
+        /** @hidden */
+        this._translationResolver = inject(TranslationResolver);
     }
     /**
      * Dismisses the message-strip.
@@ -312,26 +325,8 @@ class MessageStripComponent {
         this.elementRef.nativeElement.classList.remove('fd-has-display-block');
         this.onDismiss.emit();
     }
-    /** @hidden */
-    _translateAnnouncement(announcementType) {
-        return this._lang$.pipe(takeUntilDestroyed(this._destroyRef), map((lang) => this._translationResolver.resolve(lang, announcementType)));
-    }
-    /** @hidden */
-    _buildMessageStripHiddenText(announcement$) {
-        return this._lang$.pipe(takeUntilDestroyed(this._destroyRef), withLatestFrom(announcement$), map(([lang, announcement]) => {
-            const closable = this._translationResolver.resolve(lang, MESSAGE_STRIP_CLOSABLE);
-            return `${announcement} ${this.dismissible() ? closable : ''}`;
-        }));
-    }
-    /** @hidden **/
-    _getHiddenButtonText(announcement$) {
-        return this._lang$.pipe(takeUntilDestroyed(this._destroyRef), withLatestFrom(announcement$), map(([lang, announcement]) => {
-            const closeButtonText = this._translationResolver.resolve(lang, MESSAGE_STRIP_DEFAULT_DISMISS_BUTTON_TEXT);
-            return `${announcement} ${closeButtonText}`;
-        }));
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MessageStripComponent, isStandalone: true, selector: "fd-message-strip", inputs: { dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, dismissBtnTitle: { classPropertyName: "dismissBtnTitle", publicName: "dismissBtnTitle", isSignal: true, isRequired: false, transformFunction: null }, noIcon: { classPropertyName: "noIcon", publicName: "noIcon", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, indicationColor: { classPropertyName: "indicationColor", publicName: "indicationColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDismiss: "onDismiss" }, host: { attributes: { "role": "note" }, properties: { "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "hostAriaLabelledBy()", "attr.id": "id()", "style.width": "width()", "style.min-width": "minWidth()", "style.margin-bottom": "marginBottom()", "class": "cssClass()" } }, queries: [{ propertyName: "icon", first: true, predicate: MessageStripIconDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (shouldShowIcon()) {\n    <div class=\"fd-message-strip__icon-container\" aria-hidden=\"true\">\n        @if (icon()) {\n            <ng-template [ngTemplateOutlet]=\"icon()!.templateRef\"></ng-template>\n        } @else {\n            <fd-icon [glyph]=\"typeSpecificIconName()\" role=\"presentation\" aria-hidden=\"true\"></fd-icon>\n            <span class=\"fd-message-strip__sr-only\" id=\"{{ id() }}-hidden-text\">{{\n                messageStripHiddenText$ | async\n            }}</span>\n        }\n    </div>\n}\n<p class=\"fd-message-strip__text\" id=\"{{ id() }}-content-text\">\n    <ng-content></ng-content>\n</p>\n@if (dismissible()) {\n    <button\n        class=\"fd-message-strip__close\"\n        fd-button\n        glyph=\"decline\"\n        fdType=\"transparent\"\n        fdCompact\n        (click)=\"dismiss()\"\n        [attr.aria-controls]=\"id()\"\n        [attr.aria-label]=\"dismissBtnTitle() || (defaultDismissButtonText$ | async)\"\n        [attr.title]=\"dismissBtnTitle() || (defaultDismissButtonText$ | async)\"\n    ></button>\n}\n", styles: [".fd-message-strip{--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Neutral);--fdMessageStrip_Background_Color:var(--sapNeutralBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Neutral);--fdMessageStrip_Text_Color:var(--sapTextColor);--fdMessageStrip_Vertical_Padding:.4375rem;--fdMessageStrip_Left_Padding:2.4375rem;--fdMessageStrip_Right_Padding:.9375rem;background:var(--fdMessageStrip_Background_Color);border:0;border-color:var(--fdMessageStrip_Border_Color);border-radius:var(--fdMessageStrip_Border_Radius);border-style:solid;border-width:var(--fdMessageStrip_Border_Width);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:normal;margin-block:0;margin-inline:0;min-height:2rem;padding-block:0;padding-block:var(--fdMessageStrip_Vertical_Padding);padding-inline:0;padding-inline:var(--fdMessageStrip_Left_Padding) var(--fdMessageStrip_Right_Padding);position:relative}.fd-message-strip:after,.fd-message-strip:before{-webkit-box-sizing:inherit;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__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdMessageStrip_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;white-space:normal;word-break:break-word}.fd-message-strip__text:after,.fd-message-strip__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip__icon-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdMessageStrip_Icon_Color);font-size:1rem;left:0;max-width:2.5rem;min-width:2.5rem;position:absolute;top:var(--fdMessageStrip_Vertical_Padding);width:2.5rem}.fd-message-strip__icon-container:after,.fd-message-strip__icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip__icon-container[dir=rtl],[dir=rtl] .fd-message-strip__icon-container{left:auto;right:0}.fd-message-strip__icon-container [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdMessageStrip_Icon_Color);height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-message-strip--warning{--fdMessageStrip_Background_Color:var(--sapWarningBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Warning);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--error{--fdMessageStrip_Background_Color:var(--sapErrorBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Error);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--success{--fdMessageStrip_Background_Color:var(--sapSuccessBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Success);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--information{--fdMessageStrip_Background_Color:var(--sapInformationBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Information);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--no-icon{--fdMessageStrip_Left_Padding:.9375rem;--fdMessageStrip_Right_Padding:.9375rem}.fd-message-strip--dismissible{--fdMessageStrip_Left_Padding:2.4375rem;--fdMessageStrip_Right_Padding:2.4375rem}.fd-message-strip--dismissible.fd-message-strip--no-icon{--fdMessageStrip_Left_Padding:.9375rem;--fdMessageStrip_Right_Padding:2.4375rem}.fd-message-strip--link a{text-shadow:var(--sapContent_TextShadow)}.fd-message-strip--indication-color-1{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_1_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_1_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_1_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_1_Background)}.fd-message-strip--indication-color-2{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_2_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_2_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_2_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_2_Background)}.fd-message-strip--indication-color-3{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_3_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_3_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_3_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_3_Background)}.fd-message-strip--indication-color-4{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_4_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_4_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_4_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_4_Background)}.fd-message-strip--indication-color-5{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_5_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_5_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_5_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_5_Background)}.fd-message-strip--indication-color-6{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_6_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_6_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_6_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_6_Background)}.fd-message-strip--indication-color-7{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_7_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_7_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_7_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_7_Background)}.fd-message-strip--indication-color-8{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_8_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_8_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_8_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_8_Background)}.fd-message-strip--indication-color-9{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_9_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_9_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_9_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_9_Background)}.fd-message-strip--indication-color-10{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_10_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_10_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_10_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_10_Background)}.fd-message-strip--indication-color-1b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_1);--fdMessageStrip_Text_Color:var(--sapIndicationColor_1);--fdMessageStrip_Border_Color:var(--sapIndicationColor_1b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_1b)}.fd-message-strip--indication-color-2b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_2);--fdMessageStrip_Text_Color:var(--sapIndicationColor_2);--fdMessageStrip_Border_Color:var(--sapIndicationColor_2b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_2b)}.fd-message-strip--indication-color-3b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_3);--fdMessageStrip_Text_Color:var(--sapIndicationColor_3);--fdMessageStrip_Border_Color:var(--sapIndicationColor_3b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_3b)}.fd-message-strip--indication-color-4b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_4);--fdMessageStrip_Text_Color:var(--sapIndicationColor_4);--fdMessageStrip_Border_Color:var(--sapIndicationColor_4b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_4b)}.fd-message-strip--indication-color-5b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_5);--fdMessageStrip_Text_Color:var(--sapIndicationColor_5);--fdMessageStrip_Border_Color:var(--sapIndicationColor_5b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_5b)}.fd-message-strip--indication-color-6b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_6);--fdMessageStrip_Text_Color:var(--sapIndicationColor_6);--fdMessageStrip_Border_Color:var(--sapIndicationColor_6b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_6b)}.fd-message-strip--indication-color-7b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_7);--fdMessageStrip_Text_Color:var(--sapIndicationColor_7);--fdMessageStrip_Border_Color:var(--sapIndicationColor_7b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_7b)}.fd-message-strip--indication-color-8b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_8);--fdMessageStrip_Text_Color:var(--sapIndicationColor_8);--fdMessageStrip_Border_Color:var(--sapIndicationColor_8b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_8b)}.fd-message-strip--indication-color-9b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_9);--fdMessageStrip_Text_Color:var(--sapIndicationColor_9);--fdMessageStrip_Border_Color:var(--sapIndicationColor_9b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_9b)}.fd-message-strip--indication-color-10b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_10);--fdMessageStrip_Text_Color:var(--sapIndicationColor_10);--fdMessageStrip_Border_Color:var(--sapIndicationColor_10b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_10b)}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}.fd-message-strip__sr-only{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-user-select:none;user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0px}\n/*! Bundled license information:\n\nfundamental-styles/dist/message-strip.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: 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: "ngmodule", type: I18nModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MessageStripComponent, isStandalone: true, selector: "fd-message-strip", inputs: { dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, dismissBtnTitle: { classPropertyName: "dismissBtnTitle", publicName: "dismissBtnTitle", isSignal: true, isRequired: false, transformFunction: null }, noIcon: { classPropertyName: "noIcon", publicName: "noIcon", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, indicationColor: { classPropertyName: "indicationColor", publicName: "indicationColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDismiss: "onDismiss" }, host: { attributes: { "role": "note" }, properties: { "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "hostAriaLabelledBy()", "attr.id": "id()", "style.width": "width()", "style.min-width": "minWidth()", "style.margin-bottom": "marginBottom()", "class": "cssClass()" } }, queries: [{ propertyName: "icon", first: true, predicate: MessageStripIconDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (shouldShowIcon()) {\n    <div class=\"fd-message-strip__icon-container\" aria-hidden=\"true\">\n        @if (icon()) {\n            <ng-template [ngTemplateOutlet]=\"icon()!.templateRef\"></ng-template>\n        } @else {\n            <fd-icon [glyph]=\"typeSpecificIconName()\" role=\"presentation\" aria-hidden=\"true\"></fd-icon>\n            <span class=\"fd-message-strip__sr-only\" id=\"{{ id() }}-hidden-text\">{{ messageStripHiddenText() }}</span>\n        }\n    </div>\n}\n<p class=\"fd-message-strip__text\" id=\"{{ id() }}-content-text\">\n    <ng-content></ng-content>\n</p>\n@if (dismissible()) {\n    <button\n        class=\"fd-message-strip__close\"\n        fd-button\n        glyph=\"decline\"\n        fdType=\"transparent\"\n        fdCompact\n        (click)=\"dismiss()\"\n        [attr.aria-controls]=\"id()\"\n        [ariaLabel]=\"dismissBtnTitle() || defaultDismissButtonText()\"\n        [attr.title]=\"dismissBtnTitle() || defaultDismissButtonText()\"\n    ></button>\n}\n", styles: [".fd-message-strip{--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Neutral);--fdMessageStrip_Background_Color:var(--sapNeutralBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Neutral);--fdMessageStrip_Text_Color:var(--sapTextColor);--fdMessageStrip_Vertical_Padding:.4375rem;--fdMessageStrip_Left_Padding:2.4375rem;--fdMessageStrip_Right_Padding:.9375rem;background:var(--fdMessageStrip_Background_Color);border:0;border-color:var(--fdMessageStrip_Border_Color);border-radius:var(--fdMessageStrip_Border_Radius);border-style:solid;border-width:var(--fdMessageStrip_Border_Width);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:normal;margin-block:0;margin-inline:0;min-height:2rem;padding-block:0;padding-block:var(--fdMessageStrip_Vertical_Padding);padding-inline:0;padding-inline:var(--fdMessageStrip_Left_Padding) var(--fdMessageStrip_Right_Padding);position:relative}.fd-message-strip:after,.fd-message-strip:before{-webkit-box-sizing:inherit;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__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdMessageStrip_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;white-space:normal;word-break:break-word}.fd-message-strip__text:after,.fd-message-strip__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip__icon-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdMessageStrip_Icon_Color);font-size:1rem;left:0;max-width:2.5rem;min-width:2.5rem;position:absolute;top:var(--fdMessageStrip_Vertical_Padding);width:2.5rem}.fd-message-strip__icon-container:after,.fd-message-strip__icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip__icon-container[dir=rtl],[dir=rtl] .fd-message-strip__icon-container{left:auto;right:0}.fd-message-strip__icon-container [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdMessageStrip_Icon_Color);height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-message-strip--warning{--fdMessageStrip_Background_Color:var(--sapWarningBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Warning);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--error{--fdMessageStrip_Background_Color:var(--sapErrorBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Error);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--success{--fdMessageStrip_Background_Color:var(--sapSuccessBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Success);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--information{--fdMessageStrip_Background_Color:var(--sapInformationBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Information);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--no-icon{--fdMessageStrip_Left_Padding:.9375rem;--fdMessageStrip_Right_Padding:.9375rem}.fd-message-strip--dismissible{--fdMessageStrip_Left_Padding:2.4375rem;--fdMessageStrip_Right_Padding:2.4375rem}.fd-message-strip--dismissible.fd-message-strip--no-icon{--fdMessageStrip_Left_Padding:.9375rem;--fdMessageStrip_Right_Padding:2.4375rem}.fd-message-strip--link a{text-shadow:var(--sapContent_TextShadow)}.fd-message-strip--indication-color-1{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_1_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_1_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_1_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_1_Background)}.fd-message-strip--indication-color-2{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_2_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_2_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_2_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_2_Background)}.fd-message-strip--indication-color-3{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_3_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_3_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_3_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_3_Background)}.fd-message-strip--indication-color-4{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_4_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_4_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_4_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_4_Background)}.fd-message-strip--indication-color-5{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_5_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_5_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_5_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_5_Background)}.fd-message-strip--indication-color-6{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_6_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_6_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_6_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_6_Background)}.fd-message-strip--indication-color-7{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_7_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_7_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_7_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_7_Background)}.fd-message-strip--indication-color-8{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_8_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_8_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_8_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_8_Background)}.fd-message-strip--indication-color-9{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_9_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_9_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_9_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_9_Background)}.fd-message-strip--indication-color-10{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_10_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_10_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_10_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_10_Background)}.fd-message-strip--indication-color-1b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_1);--fdMessageStrip_Text_Color:var(--sapIndicationColor_1);--fdMessageStrip_Border_Color:var(--sapIndicationColor_1b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_1b)}.fd-message-strip--indication-color-2b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_2);--fdMessageStrip_Text_Color:var(--sapIndicationColor_2);--fdMessageStrip_Border_Color:var(--sapIndicationColor_2b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_2b)}.fd-message-strip--indication-color-3b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_3);--fdMessageStrip_Text_Color:var(--sapIndicationColor_3);--fdMessageStrip_Border_Color:var(--sapIndicationColor_3b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_3b)}.fd-message-strip--indication-color-4b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_4);--fdMessageStrip_Text_Color:var(--sapIndicationColor_4);--fdMessageStrip_Border_Color:var(--sapIndicationColor_4b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_4b)}.fd-message-strip--indication-color-5b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_5);--fdMessageStrip_Text_Color:var(--sapIndicationColor_5);--fdMessageStrip_Border_Color:var(--sapIndicationColor_5b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_5b)}.fd-message-strip--indication-color-6b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_6);--fdMessageStrip_Text_Color:var(--sapIndicationColor_6);--fdMessageStrip_Border_Color:var(--sapIndicationColor_6b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_6b)}.fd-message-strip--indication-color-7b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_7);--fdMessageStrip_Text_Color:var(--sapIndicationColor_7);--fdMessageStrip_Border_Color:var(--sapIndicationColor_7b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_7b)}.fd-message-strip--indication-color-8b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_8);--fdMessageStrip_Text_Color:var(--sapIndicationColor_8);--fdMessageStrip_Border_Color:var(--sapIndicationColor_8b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_8b)}.fd-message-strip--indication-color-9b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_9);--fdMessageStrip_Text_Color:var(--sapIndicationColor_9);--fdMessageStrip_Border_Color:var(--sapIndicationColor_9b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_9b)}.fd-message-strip--indication-color-10b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_10);--fdMessageStrip_Text_Color:var(--sapIndicationColor_10);--fdMessageStrip_Border_Color:var(--sapIndicationColor_10b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_10b)}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}.fd-message-strip__sr-only{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-user-select:none;user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0px}\n/*! Bundled license information:\n\nfundamental-styles/dist/message-strip.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripComponent, decorators: [{
             type: Component,
@@ -344,8 +339,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                         '[style.margin-bottom]': 'marginBottom()',
                         '[class]': 'cssClass()',
                         role: 'note'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, ContentDensityDirective, I18nModule, NgTemplateOutlet, IconComponent, AsyncPipe], template: "@if (shouldShowIcon()) {\n    <div class=\"fd-message-strip__icon-container\" aria-hidden=\"true\">\n        @if (icon()) {\n            <ng-template [ngTemplateOutlet]=\"icon()!.templateRef\"></ng-template>\n        } @else {\n            <fd-icon [glyph]=\"typeSpecificIconName()\" role=\"presentation\" aria-hidden=\"true\"></fd-icon>\n            <span class=\"fd-message-strip__sr-only\" id=\"{{ id() }}-hidden-text\">{{\n                messageStripHiddenText$ | async\n            }}</span>\n        }\n    </div>\n}\n<p class=\"fd-message-strip__text\" id=\"{{ id() }}-content-text\">\n    <ng-content></ng-content>\n</p>\n@if (dismissible()) {\n    <button\n        class=\"fd-message-strip__close\"\n        fd-button\n        glyph=\"decline\"\n        fdType=\"transparent\"\n        fdCompact\n        (click)=\"dismiss()\"\n        [attr.aria-controls]=\"id()\"\n        [attr.aria-label]=\"dismissBtnTitle() || (defaultDismissButtonText$ | async)\"\n        [attr.title]=\"dismissBtnTitle() || (defaultDismissButtonText$ | async)\"\n    ></button>\n}\n", styles: [".fd-message-strip{--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Neutral);--fdMessageStrip_Background_Color:var(--sapNeutralBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Neutral);--fdMessageStrip_Text_Color:var(--sapTextColor);--fdMessageStrip_Vertical_Padding:.4375rem;--fdMessageStrip_Left_Padding:2.4375rem;--fdMessageStrip_Right_Padding:.9375rem;background:var(--fdMessageStrip_Background_Color);border:0;border-color:var(--fdMessageStrip_Border_Color);border-radius:var(--fdMessageStrip_Border_Radius);border-style:solid;border-width:var(--fdMessageStrip_Border_Width);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:normal;margin-block:0;margin-inline:0;min-height:2rem;padding-block:0;padding-block:var(--fdMessageStrip_Vertical_Padding);padding-inline:0;padding-inline:var(--fdMessageStrip_Left_Padding) var(--fdMessageStrip_Right_Padding);position:relative}.fd-message-strip:after,.fd-message-strip:before{-webkit-box-sizing:inherit;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__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdMessageStrip_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;white-space:normal;word-break:break-word}.fd-message-strip__text:after,.fd-message-strip__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip__icon-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdMessageStrip_Icon_Color);font-size:1rem;left:0;max-width:2.5rem;min-width:2.5rem;position:absolute;top:var(--fdMessageStrip_Vertical_Padding);width:2.5rem}.fd-message-strip__icon-container:after,.fd-message-strip__icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip__icon-container[dir=rtl],[dir=rtl] .fd-message-strip__icon-container{left:auto;right:0}.fd-message-strip__icon-container [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdMessageStrip_Icon_Color);height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-message-strip--warning{--fdMessageStrip_Background_Color:var(--sapWarningBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Warning);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--error{--fdMessageStrip_Background_Color:var(--sapErrorBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Error);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--success{--fdMessageStrip_Background_Color:var(--sapSuccessBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Success);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--information{--fdMessageStrip_Background_Color:var(--sapInformationBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Information);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--no-icon{--fdMessageStrip_Left_Padding:.9375rem;--fdMessageStrip_Right_Padding:.9375rem}.fd-message-strip--dismissible{--fdMessageStrip_Left_Padding:2.4375rem;--fdMessageStrip_Right_Padding:2.4375rem}.fd-message-strip--dismissible.fd-message-strip--no-icon{--fdMessageStrip_Left_Padding:.9375rem;--fdMessageStrip_Right_Padding:2.4375rem}.fd-message-strip--link a{text-shadow:var(--sapContent_TextShadow)}.fd-message-strip--indication-color-1{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_1_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_1_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_1_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_1_Background)}.fd-message-strip--indication-color-2{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_2_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_2_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_2_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_2_Background)}.fd-message-strip--indication-color-3{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_3_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_3_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_3_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_3_Background)}.fd-message-strip--indication-color-4{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_4_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_4_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_4_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_4_Background)}.fd-message-strip--indication-color-5{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_5_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_5_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_5_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_5_Background)}.fd-message-strip--indication-color-6{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_6_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_6_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_6_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_6_Background)}.fd-message-strip--indication-color-7{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_7_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_7_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_7_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_7_Background)}.fd-message-strip--indication-color-8{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_8_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_8_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_8_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_8_Background)}.fd-message-strip--indication-color-9{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_9_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_9_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_9_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_9_Background)}.fd-message-strip--indication-color-10{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_10_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_10_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_10_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_10_Background)}.fd-message-strip--indication-color-1b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_1);--fdMessageStrip_Text_Color:var(--sapIndicationColor_1);--fdMessageStrip_Border_Color:var(--sapIndicationColor_1b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_1b)}.fd-message-strip--indication-color-2b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_2);--fdMessageStrip_Text_Color:var(--sapIndicationColor_2);--fdMessageStrip_Border_Color:var(--sapIndicationColor_2b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_2b)}.fd-message-strip--indication-color-3b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_3);--fdMessageStrip_Text_Color:var(--sapIndicationColor_3);--fdMessageStrip_Border_Color:var(--sapIndicationColor_3b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_3b)}.fd-message-strip--indication-color-4b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_4);--fdMessageStrip_Text_Color:var(--sapIndicationColor_4);--fdMessageStrip_Border_Color:var(--sapIndicationColor_4b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_4b)}.fd-message-strip--indication-color-5b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_5);--fdMessageStrip_Text_Color:var(--sapIndicationColor_5);--fdMessageStrip_Border_Color:var(--sapIndicationColor_5b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_5b)}.fd-message-strip--indication-color-6b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_6);--fdMessageStrip_Text_Color:var(--sapIndicationColor_6);--fdMessageStrip_Border_Color:var(--sapIndicationColor_6b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_6b)}.fd-message-strip--indication-color-7b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_7);--fdMessageStrip_Text_Color:var(--sapIndicationColor_7);--fdMessageStrip_Border_Color:var(--sapIndicationColor_7b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_7b)}.fd-message-strip--indication-color-8b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_8);--fdMessageStrip_Text_Color:var(--sapIndicationColor_8);--fdMessageStrip_Border_Color:var(--sapIndicationColor_8b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_8b)}.fd-message-strip--indication-color-9b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_9);--fdMessageStrip_Text_Color:var(--sapIndicationColor_9);--fdMessageStrip_Border_Color:var(--sapIndicationColor_9b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_9b)}.fd-message-strip--indication-color-10b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_10);--fdMessageStrip_Text_Color:var(--sapIndicationColor_10);--fdMessageStrip_Border_Color:var(--sapIndicationColor_10b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_10b)}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}.fd-message-strip__sr-only{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-user-select:none;user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0px}\n/*! Bundled license information:\n\nfundamental-styles/dist/message-strip.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"] }]
-        }], ctorParameters: () => [], propDecorators: { dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], dismissBtnTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissBtnTitle", required: false }] }], noIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "noIcon", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], marginBottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginBottom", required: false }] }], indicationColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicationColor", required: false }] }], onDismiss: [{ type: i0.Output, args: ["onDismiss"] }], icon: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MessageStripIconDirective), { isSignal: true }] }] } });
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, ContentDensityDirective, NgTemplateOutlet, IconComponent, AsyncPipe], template: "@if (shouldShowIcon()) {\n    <div class=\"fd-message-strip__icon-container\" aria-hidden=\"true\">\n        @if (icon()) {\n            <ng-template [ngTemplateOutlet]=\"icon()!.templateRef\"></ng-template>\n        } @else {\n            <fd-icon [glyph]=\"typeSpecificIconName()\" role=\"presentation\" aria-hidden=\"true\"></fd-icon>\n            <span class=\"fd-message-strip__sr-only\" id=\"{{ id() }}-hidden-text\">{{ messageStripHiddenText() }}</span>\n        }\n    </div>\n}\n<p class=\"fd-message-strip__text\" id=\"{{ id() }}-content-text\">\n    <ng-content></ng-content>\n</p>\n@if (dismissible()) {\n    <button\n        class=\"fd-message-strip__close\"\n        fd-button\n        glyph=\"decline\"\n        fdType=\"transparent\"\n        fdCompact\n        (click)=\"dismiss()\"\n        [attr.aria-controls]=\"id()\"\n        [ariaLabel]=\"dismissBtnTitle() || defaultDismissButtonText()\"\n        [attr.title]=\"dismissBtnTitle() || defaultDismissButtonText()\"\n    ></button>\n}\n", styles: [".fd-message-strip{--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Neutral);--fdMessageStrip_Background_Color:var(--sapNeutralBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Neutral);--fdMessageStrip_Text_Color:var(--sapTextColor);--fdMessageStrip_Vertical_Padding:.4375rem;--fdMessageStrip_Left_Padding:2.4375rem;--fdMessageStrip_Right_Padding:.9375rem;background:var(--fdMessageStrip_Background_Color);border:0;border-color:var(--fdMessageStrip_Border_Color);border-radius:var(--fdMessageStrip_Border_Radius);border-style:solid;border-width:var(--fdMessageStrip_Border_Width);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:normal;margin-block:0;margin-inline:0;min-height:2rem;padding-block:0;padding-block:var(--fdMessageStrip_Vertical_Padding);padding-inline:0;padding-inline:var(--fdMessageStrip_Left_Padding) var(--fdMessageStrip_Right_Padding);position:relative}.fd-message-strip:after,.fd-message-strip:before{-webkit-box-sizing:inherit;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__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdMessageStrip_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;white-space:normal;word-break:break-word}.fd-message-strip__text:after,.fd-message-strip__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip__icon-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdMessageStrip_Icon_Color);font-size:1rem;left:0;max-width:2.5rem;min-width:2.5rem;position:absolute;top:var(--fdMessageStrip_Vertical_Padding);width:2.5rem}.fd-message-strip__icon-container:after,.fd-message-strip__icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip__icon-container[dir=rtl],[dir=rtl] .fd-message-strip__icon-container{left:auto;right:0}.fd-message-strip__icon-container [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdMessageStrip_Icon_Color);height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-message-strip--warning{--fdMessageStrip_Background_Color:var(--sapWarningBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Warning);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--error{--fdMessageStrip_Background_Color:var(--sapErrorBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Error);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--success{--fdMessageStrip_Background_Color:var(--sapSuccessBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Success);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--information{--fdMessageStrip_Background_Color:var(--sapInformationBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Information);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--no-icon{--fdMessageStrip_Left_Padding:.9375rem;--fdMessageStrip_Right_Padding:.9375rem}.fd-message-strip--dismissible{--fdMessageStrip_Left_Padding:2.4375rem;--fdMessageStrip_Right_Padding:2.4375rem}.fd-message-strip--dismissible.fd-message-strip--no-icon{--fdMessageStrip_Left_Padding:.9375rem;--fdMessageStrip_Right_Padding:2.4375rem}.fd-message-strip--link a{text-shadow:var(--sapContent_TextShadow)}.fd-message-strip--indication-color-1{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_1_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_1_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_1_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_1_Background)}.fd-message-strip--indication-color-2{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_2_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_2_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_2_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_2_Background)}.fd-message-strip--indication-color-3{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_3_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_3_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_3_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_3_Background)}.fd-message-strip--indication-color-4{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_4_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_4_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_4_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_4_Background)}.fd-message-strip--indication-color-5{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_5_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_5_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_5_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_5_Background)}.fd-message-strip--indication-color-6{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_6_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_6_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_6_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_6_Background)}.fd-message-strip--indication-color-7{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_7_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_7_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_7_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_7_Background)}.fd-message-strip--indication-color-8{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_8_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_8_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_8_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_8_Background)}.fd-message-strip--indication-color-9{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_9_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_9_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_9_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_9_Background)}.fd-message-strip--indication-color-10{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_10_TextColor);--fdMessageStrip_Text_Color:var(--sapIndicationColor_10_TextColor);--fdMessageStrip_Border_Color:var(--sapIndicationColor_10_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_10_Background)}.fd-message-strip--indication-color-1b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_1);--fdMessageStrip_Text_Color:var(--sapIndicationColor_1);--fdMessageStrip_Border_Color:var(--sapIndicationColor_1b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_1b)}.fd-message-strip--indication-color-2b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_2);--fdMessageStrip_Text_Color:var(--sapIndicationColor_2);--fdMessageStrip_Border_Color:var(--sapIndicationColor_2b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_2b)}.fd-message-strip--indication-color-3b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_3);--fdMessageStrip_Text_Color:var(--sapIndicationColor_3);--fdMessageStrip_Border_Color:var(--sapIndicationColor_3b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_3b)}.fd-message-strip--indication-color-4b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_4);--fdMessageStrip_Text_Color:var(--sapIndicationColor_4);--fdMessageStrip_Border_Color:var(--sapIndicationColor_4b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_4b)}.fd-message-strip--indication-color-5b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_5);--fdMessageStrip_Text_Color:var(--sapIndicationColor_5);--fdMessageStrip_Border_Color:var(--sapIndicationColor_5b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_5b)}.fd-message-strip--indication-color-6b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_6);--fdMessageStrip_Text_Color:var(--sapIndicationColor_6);--fdMessageStrip_Border_Color:var(--sapIndicationColor_6b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_6b)}.fd-message-strip--indication-color-7b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_7);--fdMessageStrip_Text_Color:var(--sapIndicationColor_7);--fdMessageStrip_Border_Color:var(--sapIndicationColor_7b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_7b)}.fd-message-strip--indication-color-8b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_8);--fdMessageStrip_Text_Color:var(--sapIndicationColor_8);--fdMessageStrip_Border_Color:var(--sapIndicationColor_8b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_8b)}.fd-message-strip--indication-color-9b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_9);--fdMessageStrip_Text_Color:var(--sapIndicationColor_9);--fdMessageStrip_Border_Color:var(--sapIndicationColor_9b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_9b)}.fd-message-strip--indication-color-10b{--fdMessageStrip_Icon_Color:var(--sapIndicationColor_10);--fdMessageStrip_Text_Color:var(--sapIndicationColor_10);--fdMessageStrip_Border_Color:var(--sapIndicationColor_10b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_10b)}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}.fd-message-strip__sr-only{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-user-select:none;user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0px}\n/*! Bundled license information:\n\nfundamental-styles/dist/message-strip.css:\n  (*!\n   * Fundamental Library Styles v0.40.1\n   * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"] }]
+        }], propDecorators: { dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], dismissBtnTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissBtnTitle", required: false }] }], noIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "noIcon", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], marginBottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginBottom", required: false }] }], indicationColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicationColor", required: false }] }], onDismiss: [{ type: i0.Output, args: ["onDismiss"] }], icon: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MessageStripIconDirective), { isSignal: true }] }] } });
 
 class AutoDismissMessageStripDirective {
     constructor() {
@@ -471,7 +466,7 @@ class MessageStripAlertComponent {
         this.contentPortal = this._getPortal(this.data.content);
         if (this.data.closeOnNavigation) {
             inject(Router, { optional: true })
-                ?.events.pipe(filter((event) => event instanceof NavigationStart), takeUntilDestroyed())
+                ?.events.pipe(filter((event) => event instanceof NavigationStart), takeUntilDestroyed(this._destroyRef))
                 .subscribe(() => this.onDismissHandler());
         }
         // Open message strip after view initialization