@fundamental-ngx/core 0.42.0-rc.8 → 0.42.0

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

@@ -1,14 +1,20 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, inject, ElementRef, isDevMode, Directive, NgModule, InjectionToken, ViewContainerRef, Renderer2, TemplateRef, ViewChild, Injector, ViewChildren, Injectable } from '@angular/core';
 import { __decorate, __metadata } from 'tslib';
-import { applyCssClass } from '@fundamental-ngx/cdk/utils';
-import * as i2 from '@fundamental-ngx/core/button';
-import { ButtonModule } from '@fundamental-ngx/core/button';
-import * as i3 from '@fundamental-ngx/core/content-density';
-import * as i4 from '@fundamental-ngx/i18n';
+import { applyCssClass, DestroyedService, ViewportSizeObservable, ResponsiveBreakpoints } from '@fundamental-ngx/cdk/utils';
+import * as i3 from '@fundamental-ngx/i18n';
 import { I18nModule } from '@fundamental-ngx/i18n';
+import * as i2 from '@fundamental-ngx/core/content-density';
+import { ContentDensityDirective } from '@fundamental-ngx/core/content-density';
+import * as i1 from '@fundamental-ngx/core/button';
+import { ButtonModule } from '@fundamental-ngx/core/button';
+import { NgIf, NgFor, AsyncPipe } from '@angular/common';
+import { merge, fromEvent, map, startWith, Observable, of, takeUntil, BehaviorSubject, tap, Subject, combineLatest } from 'rxjs';
+import { switchMap, takeUntil as takeUntil$1 } from 'rxjs/operators';
+import { Overlay } from '@angular/cdk/overlay';
+import * as i1$1 from '@angular/cdk/portal';
+import { DomPortal, TemplatePortal, ComponentPortal, PortalModule, CdkPortalOutlet } from '@angular/cdk/portal';
+import { ScrollbarDirective } from '@fundamental-ngx/core/scrollbar';
 
 let messageStripUniqueId = 0;
 /**
@@ -16,8 +22,8 @@ let messageStripUniqueId = 0;
  */
 class MessageStripComponent {
     /** @hidden */
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
         /** User's custom classes */
         this.class = '';
         /** Whether the message strip is dismissible. */
@@ -30,7 +36,6 @@ class MessageStripComponent {
         /** Id for the message-strip component. If omitted, a unique one is generated. */
         this.id = 'fd-message-strip-' + messageStripUniqueId++;
         /** Event fired when the message-strip is dismissed. */
-        // eslint-disable-next-line @angular-eslint/no-output-on-prefix
         this.onDismiss = new EventEmitter();
     }
     /** @hidden */
@@ -41,16 +46,12 @@ class MessageStripComponent {
     ngOnChanges() {
         this.buildComponentCssClass();
     }
-    /** @hidden */
-    elementRef() {
-        return this._elementRef;
-    }
     /**
      * Dismisses the message-strip.
      */
     dismiss() {
-        this._elementRef.nativeElement.classList.add('fd-has-display-none');
-        this._elementRef.nativeElement.classList.remove('fd-has-display-block');
+        this.elementRef.nativeElement.classList.add('fd-has-display-none');
+        this.elementRef.nativeElement.classList.remove('fd-has-display-block');
         this.onDismiss.emit();
     }
     /** @hidden
@@ -69,7 +70,7 @@ class MessageStripComponent {
     }
 }
 MessageStripComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MessageStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", 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.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\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.2.8", type: MessageStripComponent, isStandalone: true, 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.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i2.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: "pipe", type: i3.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -86,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", 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.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\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, standalone: true, imports: [NgIf, ButtonModule, ContentDensityDirective, I18nModule], 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.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\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: [{
@@ -109,29 +110,488 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                 type: Input
             }], marginBottom: [{
                 type: Input
-            }],
-        // eslint-disable-next-line @angular-eslint/no-output-on-prefix
-        onDismiss: [{
+            }], onDismiss: [{
                 type: Output
             }], buildComponentCssClass: [] } });
 
+class AutoDismissMessageStripDirective {
+    constructor() {
+        /** @hidden */
+        this.messageStripComponent = inject(MessageStripComponent, { optional: false, host: true });
+        /** Whether the message strip is dismissible */
+        this.dismissible = true;
+        /** Whether the alert should be automatically dismissed. */
+        this.autoDismiss = true;
+        /** Duration of time *in milliseconds* that the alert will be visible. Set to -1 for indefinite. */
+        this.duration = 10000;
+        /** Whether the alert should stay open if the mouse is hovering over it. */
+        this.mousePersist = false;
+        /** Whether the message strip is currently opened. */
+        this.opened = false;
+        /** @hidden */
+        this.elementRef = inject(ElementRef);
+        /** @hidden */
+        this.destroy$ = inject(DestroyedService);
+        /**
+         * Mouse is hovering over the message strip.
+         * */
+        this.mouseIn$ = merge(fromEvent(this.elementRef.nativeElement, 'mouseenter').pipe(map(() => true)), fromEvent(this.elementRef.nativeElement, 'mouseleave').pipe(map(() => false))).pipe(startWith(false));
+        /** @hidden */
+        this.stopAutoDismiss = () => {
+            if (this.autoDismissTimeout) {
+                clearTimeout(this.autoDismissTimeout);
+                this.autoDismissTimeout = undefined;
+            }
+        };
+        /** @hidden */
+        this.dismiss = () => this.messageStripComponent.dismiss();
+    }
+    /** @hidden */
+    open() {
+        this.opened = true;
+        this.elementRef.nativeElement.classList.remove('fd-has-display-block');
+        this.elementRef.nativeElement.classList.remove('fd-has-display-none');
+        this.stopAutoDismiss();
+        if (this.autoDismiss && !this.dismissible && isDevMode()) {
+            console.warn('Auto dismiss is enabled but the message strip is not dismissible. Please set the dismissible input to true.');
+        }
+        if (this.autoDismiss && this.dismissible) {
+            this.startAutoDismiss();
+        }
+    }
+    /** @hidden */
+    startAutoDismiss() {
+        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+        const startAutoDismissTimer$ = new Observable((res) => {
+            this.autoDismissTimeout = setTimeout(() => {
+                this.dismiss();
+                res.next();
+            }, this.duration);
+            return this.stopAutoDismiss;
+        });
+        if (this.duration > -1) {
+            const source$ = this.mousePersist
+                ? this.mouseIn$.pipe(switchMap((mouseIn) => {
+                    if (mouseIn) {
+                        return of(null);
+                    }
+                    return startAutoDismissTimer$;
+                }))
+                : startAutoDismissTimer$;
+            source$.pipe(takeUntil(merge(this.destroy$, this.messageStripComponent.onDismiss))).subscribe();
+        }
+    }
+}
+AutoDismissMessageStripDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AutoDismissMessageStripDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AutoDismissMessageStripDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: AutoDismissMessageStripDirective, isStandalone: true, selector: "fd-message-strip[mousePersist], fd-message-strip[duration], fd-message-strip[autoDismiss]", inputs: { dismissible: "dismissible", autoDismiss: "autoDismiss", duration: "duration", mousePersist: "mousePersist" }, host: { properties: { "style.display": "!opened ? \"none\" : null" } }, providers: [DestroyedService], exportAs: ["fdAutoDismissMessageStrip"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AutoDismissMessageStripDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'fd-message-strip[mousePersist], fd-message-strip[duration], fd-message-strip[autoDismiss]',
+                    exportAs: 'fdAutoDismissMessageStrip',
+                    standalone: true,
+                    providers: [DestroyedService],
+                    host: {
+                        '[style.display]': '!opened ? "none" : null'
+                    }
+                }]
+        }], propDecorators: { dismissible: [{
+                type: Input
+            }], autoDismiss: [{
+                type: Input
+            }], duration: [{
+                type: Input
+            }], mousePersist: [{
+                type: Input
+            }] } });
+
 class MessageStripModule {
 }
 MessageStripModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MessageStripModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: MessageStripModule, declarations: [MessageStripComponent], imports: [CommonModule, ButtonModule, I18nModule], exports: [MessageStripComponent] });
-MessageStripModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripModule, imports: [CommonModule, ButtonModule, I18nModule] });
+MessageStripModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: MessageStripModule, imports: [MessageStripComponent, AutoDismissMessageStripDirective], exports: [MessageStripComponent, AutoDismissMessageStripDirective] });
+MessageStripModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripModule, imports: [MessageStripComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [MessageStripComponent],
-                    imports: [CommonModule, ButtonModule, I18nModule],
-                    exports: [MessageStripComponent]
+                    imports: [MessageStripComponent, AutoDismissMessageStripDirective],
+                    exports: [MessageStripComponent, AutoDismissMessageStripDirective]
                 }]
         }] });
 
+class MessageStripAlertRef {
+}
+
+/**
+ * Injection token for getting the position of the message strip alert container.
+ * Is available in any of the message strip alert components and in footer component.
+ */
+const MessageStripAlertContainerPosition = new InjectionToken('MessageStripAlertContainerPosition');
+/**
+ * Injection token for getting the list of the message strip alert refs
+ * in the given container. Is available in the footer component injection
+ * context.
+ */
+const MessageStripAlertContainerAlertRefs = new InjectionToken('MessageStripAlertContainerAlertRefs');
+const MessageStripAlertComponentData = new InjectionToken('MessageStripAlertComponentData');
+
+/**
+ * The wrapper component, which is wrapping the Message Strip and passes
+ * configuration to it, also generates the content which will appear in it.
+ */
+class MessageStripAlertComponent {
+    /** @hidden */
+    constructor() {
+        /** User provided data. Full of it */
+        this.data = inject(MessageStripAlertComponentData);
+        /** @hidden */
+        this.viewContainerRef = inject(ViewContainerRef);
+        /** @hidden */
+        this.renderer2 = inject(Renderer2);
+        /**
+         * Reference to the message strip alert, which is used to close it from the outside, or access the data and/or the component instance
+         *  */
+        this.alertRef = inject(MessageStripAlertRef);
+        this.messageStripConfig = this.data.messageStripConfig;
+        this.contentPortal = this.getPortal(this.data.content);
+    }
+    /**
+     * Handler for the dismiss button click.
+     *  */
+    onDismissHandler() {
+        this.messageStripConfig.onDismiss();
+    }
+    /** @hidden */
+    ngOnDestroy() {
+        clearTimeout(this.autoDismissTimeout);
+    }
+    /** @hidden */
+    ngAfterViewInit() {
+        this.autoDismissMessageStripDirective.open();
+    }
+    /**
+     * Method, which is responsible for generating the portal, which will be rendered inside the message strip.
+     * It can be any type of the portal, depending on the user provided content.
+     *  */
+    getPortal(content) {
+        if (typeof content === 'string') {
+            const textEl = this.renderer2.createText(content);
+            this.renderer2.appendChild(this.viewContainerRef.element.nativeElement, textEl);
+            return new DomPortal(textEl);
+        }
+        if (content instanceof TemplateRef) {
+            return new TemplatePortal(content, this.viewContainerRef, { $implicit: this.alertRef });
+        }
+        return new ComponentPortal(content);
+    }
+}
+MessageStripAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MessageStripAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MessageStripAlertComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "autoDismissMessageStripDirective", first: true, predicate: AutoDismissMessageStripDirective, descendants: true }], ngImport: i0, template: "<fd-message-strip\n    [class]=\"messageStripConfig.class\"\n    [dismissible]=\"messageStripConfig.dismissible\"\n    [autoDismiss]=\"messageStripConfig.duration > 0\"\n    [mousePersist]=\"messageStripConfig.mousePersist\"\n    [duration]=\"messageStripConfig.duration\"\n    [noIcon]=\"messageStripConfig.noIcon\"\n    [type]=\"messageStripConfig.type\"\n    [id]=\"messageStripConfig.id\"\n    [ariaLabelledBy]=\"messageStripConfig.ariaLabelledBy\"\n    [ariaLabel]=\"messageStripConfig.ariaLabel\"\n    [dismissLabel]=\"messageStripConfig.dismissLabel\"\n    (onDismiss)=\"onDismissHandler()\"\n>\n    <ng-template [cdkPortalOutlet]=\"contentPortal\"></ng-template>\n</fd-message-strip>\n", dependencies: [{ kind: "component", type: MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: AutoDismissMessageStripDirective, selector: "fd-message-strip[mousePersist], fd-message-strip[duration], fd-message-strip[autoDismiss]", inputs: ["dismissible", "autoDismiss", "duration", "mousePersist"], exportAs: ["fdAutoDismissMessageStrip"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripAlertComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [MessageStripComponent, PortalModule, AutoDismissMessageStripDirective], template: "<fd-message-strip\n    [class]=\"messageStripConfig.class\"\n    [dismissible]=\"messageStripConfig.dismissible\"\n    [autoDismiss]=\"messageStripConfig.duration > 0\"\n    [mousePersist]=\"messageStripConfig.mousePersist\"\n    [duration]=\"messageStripConfig.duration\"\n    [noIcon]=\"messageStripConfig.noIcon\"\n    [type]=\"messageStripConfig.type\"\n    [id]=\"messageStripConfig.id\"\n    [ariaLabelledBy]=\"messageStripConfig.ariaLabelledBy\"\n    [ariaLabel]=\"messageStripConfig.ariaLabel\"\n    [dismissLabel]=\"messageStripConfig.dismissLabel\"\n    (onDismiss)=\"onDismissHandler()\"\n>\n    <ng-template [cdkPortalOutlet]=\"contentPortal\"></ng-template>\n</fd-message-strip>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { autoDismissMessageStripDirective: [{
+                type: ViewChild,
+                args: [AutoDismissMessageStripDirective]
+            }] } });
+
+/**
+ * The component that represents the footer of the message strip alert container.
+ * if user has provided the footer component through service, then this component
+ * will render it inside itself.
+ * Bear in mind that this component is always created, just sometimes if there is nothing to render
+ * it will be empty.
+ */
+class MessageStripAlertContainerFooterComponent {
+    constructor() {
+        /**
+         * Position of the overlay in which this component is rendered.
+         */
+        this.position = inject(MessageStripAlertContainerPosition);
+        /** @hidden */
+        this.destroyed = inject(DestroyedService);
+        /** @hidden */
+        this.messageStripAlertService = inject(MessageStripAlertService);
+        /**
+         * Observable that emits the alert references that are currently rendered in the container.
+         */
+        this.alertRefs$ = new BehaviorSubject([]);
+    }
+    /** @hidden */
+    set alertRefs(alertRefs) {
+        this.alertRefs$.next(alertRefs);
+    }
+    /** @hidden */
+    ngAfterViewInit() {
+        this.messageStripAlertService.footerComponents$
+            .pipe(map((components) => components[this.position]), tap((footerComponent) => {
+            if (footerComponent) {
+                this.footerComponentPortal = new ComponentPortal(footerComponent, null, Injector.create({
+                    providers: [
+                        {
+                            provide: MessageStripAlertContainerAlertRefs,
+                            useValue: this.alertRefs$.pipe(takeUntil$1(this.destroyed))
+                        }
+                    ]
+                }));
+            }
+            else {
+                this.footerComponentPortal = undefined;
+            }
+        }), takeUntil$1(this.destroyed))
+            .subscribe();
+    }
+}
+MessageStripAlertContainerFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripAlertContainerFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MessageStripAlertContainerFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MessageStripAlertContainerFooterComponent, isStandalone: true, selector: "fd-message-strip-alert-container-footer", inputs: { alertRefs: "alertRefs" }, providers: [DestroyedService], ngImport: i0, template: ` <ng-template [cdkPortalOutlet]="footerComponentPortal"></ng-template> `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripAlertContainerFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fd-message-strip-alert-container-footer', template: ` <ng-template [cdkPortalOutlet]="footerComponentPortal"></ng-template> `, standalone: true, imports: [PortalModule], providers: [DestroyedService], styles: [":host{display:block}\n"] }]
+        }], propDecorators: { alertRefs: [{
+                type: Input
+            }] } });
+
+/**
+ * This will be rendered in the overlay. It is responsible for rendering the alerts and the footer.
+ */
+class MessageStripAlertContainerComponent {
+    constructor() {
+        /**
+         * The list of the elements that are attached to the container.
+         */
+        this.attachedElements = [];
+    }
+    /** @hidden */
+    ngAfterViewInit() {
+        this.alertRefs$ = this.portalOutlets.changes.pipe(startWith(this.portalOutlets), map(() => this.portalOutlets
+            .toArray()
+            .map((p) => { var _a; return (_a = p.attachedRef) === null || _a === void 0 ? void 0 : _a.instance.alertRef; })));
+    }
+}
+MessageStripAlertContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripAlertContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MessageStripAlertContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MessageStripAlertContainerComponent, isStandalone: true, selector: "fd-message-strip-alert-container", viewQueries: [{ propertyName: "portalOutlets", predicate: CdkPortalOutlet, descendants: true }, { propertyName: "alerts", predicate: MessageStripAlertComponent, descendants: true }], ngImport: i0, template: `
+        <div fdScrollbar>
+            <ng-container *ngFor="let portal of attachedElements">
+                <ng-template [cdkPortalOutlet]="portal"></ng-template>
+            </ng-container>
+        </div>
+        <fd-message-strip-alert-container-footer
+            [alertRefs]="alertRefs$ | async"
+        ></fd-message-strip-alert-container-footer>
+    `, isInline: true, styles: [".fd-message-strip-alert-overlay{max-width:33.33vw;padding:.5rem}.fd-message-strip-alert-overlay--top{top:0;max-height:100vh}.fd-message-strip-alert-overlay--top.fd-message-strip-alert-overlay--bottom-opened{max-height:50vh}.fd-message-strip-alert-overlay--bottom{top:initial;bottom:0;max-height:100vh}.fd-message-strip-alert-overlay--bottom fd-message-strip-alert-container{flex-direction:column-reverse}.fd-message-strip-alert-overlay--bottom.fd-message-strip-alert-overlay--top-opened{max-height:50vh}.fd-message-strip-alert-overlay--start{left:0}.fd-message-strip-alert-overlay--middle{left:33.33vw;width:33.33vw}@media screen and (max-width: 992px){.fd-message-strip-alert-overlay--middle{left:5vw;width:90vw;max-width:90vw}}.fd-message-strip-alert-overlay--middle fd-message-strip-alert-container{width:100%}.fd-message-strip-alert-overlay--middle fd-message-strip-alert-container>.fd-scrollbar>*{width:-moz-fit-content;width:fit-content;margin:0 auto}.fd-message-strip-alert-overlay--end{right:0}.fd-message-strip-alert-overlay fd-message-strip-alert-container{display:flex;flex-direction:column}.fd-message-strip-alert-overlay fd-message-strip-alert-container div[fdscrollbar]{width:100%;display:flex;padding:.5rem;gap:.75rem;flex-direction:column;max-height:100%}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible", "overrideTabindex"] }, { kind: "component", type: MessageStripAlertContainerFooterComponent, selector: "fd-message-strip-alert-container-footer", inputs: ["alertRefs"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripAlertContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fd-message-strip-alert-container', template: `
+        <div fdScrollbar>
+            <ng-container *ngFor="let portal of attachedElements">
+                <ng-template [cdkPortalOutlet]="portal"></ng-template>
+            </ng-container>
+        </div>
+        <fd-message-strip-alert-container-footer
+            [alertRefs]="alertRefs$ | async"
+        ></fd-message-strip-alert-container-footer>
+    `, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgFor, PortalModule, ScrollbarDirective, MessageStripAlertContainerFooterComponent, AsyncPipe], styles: [".fd-message-strip-alert-overlay{max-width:33.33vw;padding:.5rem}.fd-message-strip-alert-overlay--top{top:0;max-height:100vh}.fd-message-strip-alert-overlay--top.fd-message-strip-alert-overlay--bottom-opened{max-height:50vh}.fd-message-strip-alert-overlay--bottom{top:initial;bottom:0;max-height:100vh}.fd-message-strip-alert-overlay--bottom fd-message-strip-alert-container{flex-direction:column-reverse}.fd-message-strip-alert-overlay--bottom.fd-message-strip-alert-overlay--top-opened{max-height:50vh}.fd-message-strip-alert-overlay--start{left:0}.fd-message-strip-alert-overlay--middle{left:33.33vw;width:33.33vw}@media screen and (max-width: 992px){.fd-message-strip-alert-overlay--middle{left:5vw;width:90vw;max-width:90vw}}.fd-message-strip-alert-overlay--middle fd-message-strip-alert-container{width:100%}.fd-message-strip-alert-overlay--middle fd-message-strip-alert-container>.fd-scrollbar>*{width:-moz-fit-content;width:fit-content;margin:0 auto}.fd-message-strip-alert-overlay--end{right:0}.fd-message-strip-alert-overlay fd-message-strip-alert-container{display:flex;flex-direction:column}.fd-message-strip-alert-overlay fd-message-strip-alert-container div[fdscrollbar]{width:100%;display:flex;padding:.5rem;gap:.75rem;flex-direction:column;max-height:100%}\n"] }]
+        }], propDecorators: { portalOutlets: [{
+                type: ViewChildren,
+                args: [CdkPortalOutlet]
+            }], alerts: [{
+                type: ViewChildren,
+                args: [MessageStripAlertComponent]
+            }] } });
+
+const defaultConfig = {
+    position: 'top-middle',
+    messageStrip: {}
+};
+/**
+ * Applies default config to the given config
+ */
+function applyDefaultConfig(config) {
+    return Object.assign(Object.assign({}, defaultConfig), config);
+}
+
+/**
+ * Service that is responsible for opening and closing message strip alerts.
+ * This should be only created once in entire application.
+ * Service is responsible for creating and managing the overlays for the
+ * message strip alerts. This also manages the footer components for any
+ * given position.
+ */
+class MessageStripAlertService {
+    /** @hidden */
+    constructor() {
+        /** @hidden */
+        this.injector = inject(Injector);
+        /** @hidden */
+        this._overlay = inject(Overlay);
+        /** @hidden */
+        this.viewportSize$ = inject(ViewportSizeObservable);
+        /** @hidden */
+        this._messageStripAlertService = inject(MessageStripAlertService, { optional: true, skipSelf: true });
+        /** @hidden */
+        this._messageAlerts$ = new BehaviorSubject([]);
+        /** @hidden */
+        this._overlayRefs = {};
+        /** @hidden */
+        this._messageStripAlertContainerFooters$ = new BehaviorSubject({});
+        /** @hidden */
+        this.footerComponents$ = this._messageStripAlertContainerFooters$.asObservable();
+        if (this._messageStripAlertService) {
+            throw new Error('MessageStripAlertService is already provided');
+        }
+        this.listenToItemsChanges();
+    }
+    /**
+     * Set the footer component for a given position.
+     */
+    setFooterComponent(position, component) {
+        this._messageStripAlertContainerFooters$.next(Object.assign(Object.assign({}, this._messageStripAlertContainerFooters$.value), { [position]: component }));
+    }
+    /**
+     * Open a message strip alert with given configuration
+     */
+    open(c) {
+        const config = applyDefaultConfig(c);
+        const alertRef = this.getMessageStripAlertRef(config);
+        this._messageAlerts$.next([Object.assign(Object.assign({}, config), { portal: alertRef.portal }), ...this._messageAlerts$.value]);
+        return alertRef;
+    }
+    /** @hidden */
+    getMessageStripAlertRef(config) {
+        const onDismiss$ = new Subject();
+        const alertRef = {
+            portal: new ComponentPortal((MessageStripAlertComponent), null, Injector.create({
+                providers: [
+                    {
+                        provide: MessageStripAlertComponentData,
+                        useValue: {
+                            content: config.content,
+                            messageStripConfig: Object.assign(Object.assign({}, config.messageStrip), { onDismiss: () => {
+                                    this._messageAlerts$.next(this._messageAlerts$.value.filter((item) => item.portal !== alertRef.portal));
+                                    config.messageStrip &&
+                                        config.messageStrip.onDismiss &&
+                                        config.messageStrip.onDismiss();
+                                    onDismiss$.next();
+                                } })
+                        }
+                    },
+                    {
+                        provide: MessageStripAlertRef,
+                        useFactory: () => alertRef
+                    }
+                ],
+                parent: this.injector
+            })),
+            dismiss: () => {
+                this._messageAlerts$.next(this._messageAlerts$.value.filter((item) => item.portal !== alertRef.portal));
+                config.messageStrip && config.messageStrip.onDismiss && config.messageStrip.onDismiss();
+                onDismiss$.next();
+                onDismiss$.complete();
+            },
+            onDismiss$: onDismiss$.asObservable()
+        };
+        return alertRef;
+    }
+    /** @hidden */
+    listenToItemsChanges() {
+        combineLatest([this.viewportSize$, this._messageAlerts$.asObservable()])
+            .pipe(map(([viewportSize, messageAlerts]) => {
+            if (viewportSize < ResponsiveBreakpoints.M) {
+                return messageAlerts.reduce((acc, next) => {
+                    var _a;
+                    const position = ((_a = next.position) === null || _a === void 0 ? void 0 : _a.startsWith('top')) ? 'top-middle' : 'bottom-middle';
+                    acc[position] = [...(acc[position] || []), next.portal];
+                    return acc;
+                }, {});
+            }
+            return messageAlerts.reduce((acc, next) => {
+                acc[next.position] = [...(acc[next.position] || []), next.portal];
+                return acc;
+            }, {});
+        }), tap((messageAlertsByPosition) => {
+            let topSectionIsOpened = false;
+            let bottomSectionIsOpened = false;
+            Object.entries(messageAlertsByPosition).forEach(([position, portals]) => {
+                topSectionIsOpened = topSectionIsOpened || position.startsWith('top');
+                bottomSectionIsOpened = bottomSectionIsOpened || position.startsWith('bottom');
+                const { containerRef } = this.getOverlayRef(position);
+                containerRef.instance.attachedElements = portals;
+                containerRef.changeDetectorRef.detectChanges();
+            });
+            this.syncExistingOverlays(messageAlertsByPosition, bottomSectionIsOpened, topSectionIsOpened);
+        }))
+            .subscribe();
+    }
+    /** @hidden */
+    syncExistingOverlays(messageAlertsByPosition, bottomSectionIsOpened, topSectionIsOpened) {
+        Object.keys(this._overlayRefs).forEach((position) => {
+            if (!messageAlertsByPosition[position]) {
+                this._overlayRefs[position].ref.dispose();
+                delete this._overlayRefs[position];
+            }
+            else {
+                const ref = this._overlayRefs[position].ref;
+                if (position.startsWith('top')) {
+                    if (bottomSectionIsOpened) {
+                        ref.overlayElement.classList.add('fd-message-strip-alert-overlay--bottom-opened');
+                    }
+                    else {
+                        ref.overlayElement.classList.remove('fd-message-strip-alert-overlay--bottom-opened');
+                    }
+                }
+                if (position.startsWith('bottom')) {
+                    if (topSectionIsOpened) {
+                        ref.overlayElement.classList.add('fd-message-strip-alert-overlay--top-opened');
+                    }
+                    else {
+                        ref.overlayElement.classList.remove('fd-message-strip-alert-overlay--top-opened');
+                    }
+                }
+            }
+        });
+    }
+    /** @hidden */
+    getOverlayRef(position) {
+        if (!this._overlayRefs[position]) {
+            const [verticalPosition, horizontalPosition] = position.split('-');
+            const overlayRef = this.createOverlay(verticalPosition, horizontalPosition);
+            const containerRef = overlayRef.attach(new ComponentPortal(MessageStripAlertContainerComponent, null, Injector.create({
+                parent: this.injector,
+                providers: [
+                    {
+                        provide: MessageStripAlertContainerPosition,
+                        useValue: position
+                    }
+                ]
+            })));
+            this._overlayRefs[position] = { ref: overlayRef, containerRef };
+        }
+        return this._overlayRefs[position];
+    }
+    /** @hidden */
+    createOverlay(verticalPosition, horizontalPosition) {
+        return this._overlay.create({
+            panelClass: [
+                'fd-message-strip-alert-overlay',
+                `fd-message-strip-alert-overlay--${verticalPosition}`,
+                `fd-message-strip-alert-overlay--${horizontalPosition}`
+            ],
+            hasBackdrop: false
+        });
+    }
+}
+MessageStripAlertService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripAlertService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+MessageStripAlertService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripAlertService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessageStripAlertService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { MessageStripComponent, MessageStripModule };
+export { AutoDismissMessageStripDirective, MessageStripAlertContainerAlertRefs, MessageStripAlertContainerPosition, MessageStripAlertRef, MessageStripAlertService, MessageStripComponent, MessageStripModule };
 //# sourceMappingURL=fundamental-ngx-core-message-strip.mjs.map