@fundamental-ngx/core 0.63.2-rc.6 → 0.63.2

package/fesm2022/fundamental-ngx-core-notification.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Directive, InjectionToken, input, inject, ElementRef, ContentChildren, ChangeDetectionStrategy, ViewEncapsulation, Component, contentChildren, DestroyRef, Renderer2, Injector, afterNextRender, model, signal, computed, effect, contentChild, viewChild, ViewContainerRef, ChangeDetectorRef, Type, TemplateRef, DOCUMENT, Inject, Optional, Injectable, NgModule } from '@angular/core';
+import { Directive, InjectionToken, input, inject, ElementRef, ContentChildren, ChangeDetectionStrategy, ViewEncapsulation, Component, contentChildren, DestroyRef, Renderer2, Injector, afterNextRender, model, signal, computed, effect, contentChild, viewChild, ViewContainerRef, ChangeDetectorRef, ComponentFactoryResolver, Type, TemplateRef, DOCUMENT, Inject, Optional, Injectable, NgModule } from '@angular/core';
 import { FD_BUTTON_COMPONENT } from '@fundamental-ngx/core/button';
 import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { merge, NEVER, Subject, BehaviorSubject, fromEvent } from 'rxjs';
@@ -13,10 +13,10 @@ import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
 import { Router, NavigationStart } from '@angular/router';
 
 class NotificationFooterContentDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationFooterContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NotificationFooterContentDirective, isStandalone: true, selector: "[fdNotificationFooterContent], [fd-notification-footer-content]", host: { classAttribute: "fd-notification__footer-content" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationFooterContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NotificationFooterContentDirective, isStandalone: true, selector: "[fdNotificationFooterContent], [fd-notification-footer-content]", host: { classAttribute: "fd-notification__footer-content" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationFooterContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationFooterContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationFooterContent], [fd-notification-footer-content]',
@@ -28,10 +28,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }] });
 
 class NotificationGroupGrowingItemTitleDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupGrowingItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NotificationGroupGrowingItemTitleDirective, isStandalone: true, selector: "[fdNotificationGroupGrowingItemTitle], [fd-notification-group-growing-item-title]", host: { classAttribute: "fd-notification-group__growing-item-title" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupGrowingItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NotificationGroupGrowingItemTitleDirective, isStandalone: true, selector: "[fdNotificationGroupGrowingItemTitle], [fd-notification-group-growing-item-title]", host: { classAttribute: "fd-notification-group__growing-item-title" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupGrowingItemTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupGrowingItemTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationGroupGrowingItemTitle], [fd-notification-group-growing-item-title]',
@@ -58,24 +58,22 @@ class NotificationGroupHeaderTitleDirective {
          * a numeric value from 1 to 6
          * default value is 3
          */
-        this.ariaLevel = input(3, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLevel" }] : /* istanbul ignore next */ []));
+        this.ariaLevel = input(3, ...(ngDevMode ? [{ debugName: "ariaLevel" }] : []));
         /**
          * id for the notification group header title
          * if not set, a default value is provided
          */
-        this.id = input('fd-notification-group-header-title-' + ++notificationGroupHeaderTitleCounter, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.id = input('fd-notification-group-header-title-' + ++notificationGroupHeaderTitleCounter, ...(ngDevMode ? [{ debugName: "id" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: NotificationGroupHeaderTitleDirective, isStandalone: true, selector: "[fdNotificationGroupHeaderTitle], [fd-notification-group-header-title]", inputs: { ariaLevel: { classPropertyName: "ariaLevel", publicName: "ariaLevel", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "heading" }, properties: { "attr.aria-level": "ariaLevel()", "attr.id": "id()" }, classAttribute: "fd-notification-group__header-title" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NotificationGroupHeaderTitleDirective, isStandalone: true, selector: "[fdNotificationGroupHeaderTitle], [fd-notification-group-header-title]", inputs: { ariaLevel: { classPropertyName: "ariaLevel", publicName: "ariaLevel", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "heading" }, properties: { "attr.aria-level": "ariaLevel()", "attr.id": "id()" }, classAttribute: "fd-notification-group__header-title" }, providers: [
             {
                 provide: FD_NOTIFICATION_GROUP_HEADER_TITLE,
                 useExisting: NotificationGroupHeaderTitleDirective
             }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupHeaderTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupHeaderTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationGroupHeaderTitle], [fd-notification-group-header-title]',
@@ -101,13 +99,12 @@ class NotificationListDirective {
          * aria-label attribute for the element
          * Default is set to 'Notifications'
          */
-        this.ariaLabel = input('Notifications', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        this.ariaLabel = input('Notifications', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: NotificationListDirective, isStandalone: true, selector: "[fdNotificationList], [fd-notification-list]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "list" }, properties: { "attr.aria-label": "ariaLabel()" }, classAttribute: "fd-notification-list" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NotificationListDirective, isStandalone: true, selector: "[fdNotificationList], [fd-notification-list]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "list" }, properties: { "attr.aria-label": "ariaLabel()" }, classAttribute: "fd-notification-list" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationList], [fd-notification-list]',
@@ -121,10 +118,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
 
 class NotificationMessageStripContainerDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationMessageStripContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NotificationMessageStripContainerDirective, isStandalone: true, selector: "[fdNotificationMessageStripContainer], [fd-notification-message-strip-container]", host: { classAttribute: "fd-notification__message-strip-container" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationMessageStripContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NotificationMessageStripContainerDirective, isStandalone: true, selector: "[fdNotificationMessageStripContainer], [fd-notification-message-strip-container]", host: { classAttribute: "fd-notification__message-strip-container" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationMessageStripContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationMessageStripContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationMessageStripContainer], [fd-notification-message-strip-container]',
@@ -136,10 +133,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }] });
 
 class NotificationMessageStripDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationMessageStripDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NotificationMessageStripDirective, isStandalone: true, selector: "[fdNotificationMessageStrip], [fd-notification-message-strip]", host: { classAttribute: "fd-notification-message-strip" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationMessageStripDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NotificationMessageStripDirective, isStandalone: true, selector: "[fdNotificationMessageStrip], [fd-notification-message-strip]", host: { classAttribute: "fd-notification-message-strip" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationMessageStripDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationMessageStripDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationMessageStrip], [fd-notification-message-strip]',
@@ -157,20 +154,19 @@ class NotificationParagraphDirective {
          * id for the notification paragraph
          * if not set, a default value is provided
          */
-        this.id = input('fd-notification-paragraph-' + ++notificationParagraphCounter, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.id = input('fd-notification-paragraph-' + ++notificationParagraphCounter, ...(ngDevMode ? [{ debugName: "id" }] : []));
         /** @hidden */
         this.elementRef = inject(ElementRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationParagraphDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: NotificationParagraphDirective, isStandalone: true, selector: "[fdNotificationParagraph], [fd-notification-paragraph]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()" }, classAttribute: "fd-notification__paragraph" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationParagraphDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NotificationParagraphDirective, isStandalone: true, selector: "[fdNotificationParagraph], [fd-notification-paragraph]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()" }, classAttribute: "fd-notification__paragraph" }, providers: [
             {
                 provide: FD_NOTIFICATION_PARAGRAPH,
                 useExisting: NotificationParagraphDirective
             }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationParagraphDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationParagraphDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationParagraph], [fd-notification-paragraph]',
@@ -189,10 +185,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
 
 class NotificationPopoverDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NotificationPopoverDirective, isStandalone: true, selector: "[fdNotificationPopover], [fd-notification-popover]", host: { attributes: { "role": "dialog" }, classAttribute: "fd-notification-popover" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NotificationPopoverDirective, isStandalone: true, selector: "[fdNotificationPopover], [fd-notification-popover]", host: { attributes: { "role": "dialog" }, classAttribute: "fd-notification-popover" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationPopoverDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationPopoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationPopover], [fd-notification-popover]',
@@ -205,10 +201,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }] });
 
 class NotificationSeparatorDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: NotificationSeparatorDirective, isStandalone: true, selector: "[fdNotificationSeparator], [fd-notification-separator]", host: { classAttribute: "fd-notification__separator" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NotificationSeparatorDirective, isStandalone: true, selector: "[fdNotificationSeparator], [fd-notification-separator]", host: { classAttribute: "fd-notification__separator" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationSeparatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationSeparatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationSeparator], [fd-notification-separator]',
@@ -226,26 +222,24 @@ class NotificationTitleDirective {
          * Whether the notification title is unread.
          * default is false
          */
-        this.unread = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "unread" }] : /* istanbul ignore next */ []));
+        this.unread = input(false, ...(ngDevMode ? [{ debugName: "unread" }] : []));
         /**
          * id for the notification title
          * if not set, a default value is provided
          */
-        this.id = input('fd-notification-title-' + ++notificationTitleCounter, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.id = input('fd-notification-title-' + ++notificationTitleCounter, ...(ngDevMode ? [{ debugName: "id" }] : []));
         /** @hidden */
         this.elementRef = inject(ElementRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: NotificationTitleDirective, isStandalone: true, selector: "[fdNotificationTitle], [fd-notification-title]", inputs: { unread: { classPropertyName: "unread", publicName: "unread", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-notification__title--unread": "unread()", "attr.id": "id()" }, classAttribute: "fd-notification__title" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NotificationTitleDirective, isStandalone: true, selector: "[fdNotificationTitle], [fd-notification-title]", inputs: { unread: { classPropertyName: "unread", publicName: "unread", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-notification__title--unread": "unread()", "attr.id": "id()" }, classAttribute: "fd-notification__title" }, providers: [
             {
                 provide: FD_NOTIFICATION_TITLE,
                 useExisting: NotificationTitleDirective
             }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdNotificationTitle], [fd-notification-title]',
@@ -265,10 +259,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }], propDecorators: { unread: [{ type: i0.Input, args: [{ isSignal: true, alias: "unread", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
 
 class NotificationActionsComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: NotificationActionsComponent, isStandalone: true, selector: "fd-notification-actions", host: { classAttribute: "fd-notification__actions" }, queries: [{ propertyName: "buttons", predicate: FD_BUTTON_COMPONENT }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NotificationActionsComponent, isStandalone: true, selector: "fd-notification-actions", host: { classAttribute: "fd-notification__actions" }, queries: [{ propertyName: "buttons", predicate: FD_BUTTON_COMPONENT }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-actions',
@@ -292,14 +286,13 @@ class NotificationHeaderComponent {
          * Unique id for the notification header
          * if not set, a default value is provided
          */
-        this.uniqueId = input('fd-notification-header-' + ++notificationHeaderCounter, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "uniqueId" }] : /* istanbul ignore next */ []));
+        this.uniqueId = input('fd-notification-header-' + ++notificationHeaderCounter, ...(ngDevMode ? [{ debugName: "uniqueId" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: NotificationHeaderComponent, isStandalone: true, selector: "fd-notification-header", inputs: { uniqueId: { classPropertyName: "uniqueId", publicName: "uniqueId", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "uniqueId()" }, classAttribute: "fd-notification__header" }, ngImport: i0, template: `<ng-content select="fd-icon"></ng-content>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: NotificationHeaderComponent, isStandalone: true, selector: "fd-notification-header", inputs: { uniqueId: { classPropertyName: "uniqueId", publicName: "uniqueId", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "uniqueId()" }, classAttribute: "fd-notification__header" }, ngImport: i0, template: `<ng-content select="fd-icon"></ng-content>
         <ng-content select="[fd-notification-title]"></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-header',
@@ -323,10 +316,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 class NotificationGroupBaseDirective {
     constructor() {
         /** @hidden */
-        this.notificationHeader = contentChildren(NotificationHeaderComponent, { ...(ngDevMode ? { debugName: "notificationHeader" } : /* istanbul ignore next */ {}), descendants: true });
+        this.notificationHeader = contentChildren(NotificationHeaderComponent, { ...(ngDevMode ? { debugName: "notificationHeader" } : {}), descendants: true });
         /** @hidden */
-        this.notificationActions = contentChildren(NotificationActionsComponent, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "notificationActions" }] : /* istanbul ignore next */ []));
+        this.notificationActions = contentChildren(NotificationActionsComponent, ...(ngDevMode ? [{ debugName: "notificationActions" }] : []));
         /** @hidden */
         this._destroyRef = inject(DestroyRef);
         /** @hidden */
@@ -396,18 +388,18 @@ class NotificationGroupBaseDirective {
                 .forEach((b) => this._renderer.setAttribute(b, 'aria-describedby', headerId));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.5", type: NotificationGroupBaseDirective, isStandalone: true, queries: [{ propertyName: "notificationHeader", predicate: NotificationHeaderComponent, descendants: true, isSignal: true }, { propertyName: "notificationActions", predicate: NotificationActionsComponent, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.0", type: NotificationGroupBaseDirective, isStandalone: true, queries: [{ propertyName: "notificationHeader", predicate: NotificationHeaderComponent, descendants: true, isSignal: true }, { propertyName: "notificationActions", predicate: NotificationActionsComponent, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupBaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupBaseDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { notificationHeader: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NotificationHeaderComponent), { ...{ descendants: true }, isSignal: true }] }], notificationActions: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NotificationActionsComponent), { isSignal: true }] }] } });
 
 class NotificationBodyComponent extends NotificationGroupBaseDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationBodyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: NotificationBodyComponent, isStandalone: true, selector: "fd-notification-body", host: { classAttribute: "fd-notification__body" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationBodyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NotificationBodyComponent, isStandalone: true, selector: "fd-notification-body", host: { classAttribute: "fd-notification__body" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationBodyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-body',
@@ -421,10 +413,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }] });
 
 class NotificationContentComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: NotificationContentComponent, isStandalone: true, selector: "fd-notification-content", host: { classAttribute: "fd-notification__content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NotificationContentComponent, isStandalone: true, selector: "fd-notification-content", host: { classAttribute: "fd-notification__content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-content',
@@ -445,42 +437,36 @@ class NotificationFooterComponent {
          * When set, takes precedence over automatic truncation detection.
          * Use this for dynamically created notifications where automatic detection doesn't work.
          */
-        this.manualShowTrigger = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "manualShowTrigger" }] : /* istanbul ignore next */ []));
+        this.manualShowTrigger = input(undefined, ...(ngDevMode ? [{ debugName: "manualShowTrigger" }] : []));
         /**
          * Manual control: Set expanded state externally.
          * When set, takes precedence over internal expanded state.
          * Use this for dynamically created notifications.
          * Supports two-way binding with [(manualExpanded)].
          */
-        this.manualExpanded = model(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "manualExpanded" }] : /* istanbul ignore next */ []));
+        this.manualExpanded = model(undefined, ...(ngDevMode ? [{ debugName: "manualExpanded" }] : []));
         /**
          * Custom label for the expand button.
          * Defaults to `'More'`.
          */
-        this.moreLabel = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "moreLabel" }] : /* istanbul ignore next */ []));
+        this.moreLabel = input(...(ngDevMode ? [undefined, { debugName: "moreLabel" }] : []));
         /**
          * Custom label for the collapse button.
          * Defaults to `'Less'`.
          */
-        this.lessLabel = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "lessLabel" }] : /* istanbul ignore next */ []));
+        this.lessLabel = input(...(ngDevMode ? [undefined, { debugName: "lessLabel" }] : []));
         /**
          * Internal signal for automatic truncation detection.
          * Used when manual controls are not provided.
          * @internal
          */
-        this._autoShowTrigger = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_autoShowTrigger" }] : /* istanbul ignore next */ []));
+        this._autoShowTrigger = signal(false, ...(ngDevMode ? [{ debugName: "_autoShowTrigger" }] : []));
         /**
          * Internal signal for automatic expanded state.
          * Used when manual controls are not provided.
          * @internal
          */
-        this._autoExpanded = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_autoExpanded" }] : /* istanbul ignore next */ []));
+        this._autoExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_autoExpanded" }] : []));
         /**
          * Computed signal for expanded state.
          * Uses manual control if provided, otherwise uses automatic state.
@@ -488,8 +474,7 @@ class NotificationFooterComponent {
         this.expanded = computed(() => {
             const manual = this.manualExpanded();
             return manual !== undefined ? manual : this._autoExpanded();
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
         /**
          * Computed signal that determines if trigger should be shown.
          * Uses manual control if provided, otherwise uses automatic detection.
@@ -497,8 +482,7 @@ class NotificationFooterComponent {
         this.showTrigger = computed(() => {
             const manual = this.manualShowTrigger();
             return manual !== undefined ? manual : this._autoShowTrigger();
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showTrigger" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "showTrigger" }] : []));
         this._defaultMoreLabel = resolveTranslationSignal('coreNotification.triggerMoreLabel');
         this._defaultLessLabel = resolveTranslationSignal('coreNotification.triggerLessLabel');
     }
@@ -524,8 +508,8 @@ class NotificationFooterComponent {
         const lessLabel = this.lessLabel() || this._defaultLessLabel();
         return this.expanded() ? lessLabel : moreLabel;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NotificationFooterComponent, isStandalone: true, selector: "fd-notification-footer", inputs: { manualShowTrigger: { classPropertyName: "manualShowTrigger", publicName: "manualShowTrigger", isSignal: true, isRequired: false, transformFunction: null }, manualExpanded: { classPropertyName: "manualExpanded", publicName: "manualExpanded", isSignal: true, isRequired: false, transformFunction: null }, moreLabel: { classPropertyName: "moreLabel", publicName: "moreLabel", isSignal: true, isRequired: false, transformFunction: null }, lessLabel: { classPropertyName: "lessLabel", publicName: "lessLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { manualExpanded: "manualExpandedChange" }, host: { classAttribute: "fd-notification__footer" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: NotificationFooterComponent, isStandalone: true, selector: "fd-notification-footer", inputs: { manualShowTrigger: { classPropertyName: "manualShowTrigger", publicName: "manualShowTrigger", isSignal: true, isRequired: false, transformFunction: null }, manualExpanded: { classPropertyName: "manualExpanded", publicName: "manualExpanded", isSignal: true, isRequired: false, transformFunction: null }, moreLabel: { classPropertyName: "moreLabel", publicName: "moreLabel", isSignal: true, isRequired: false, transformFunction: null }, lessLabel: { classPropertyName: "lessLabel", publicName: "lessLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { manualExpanded: "manualExpandedChange" }, host: { classAttribute: "fd-notification__footer" }, providers: [
             {
                 provide: FD_NOTIFICATION_FOOTER,
                 useExisting: NotificationFooterComponent
@@ -537,7 +521,7 @@ class NotificationFooterComponent {
             </a>
         } `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-footer',
@@ -563,10 +547,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }], propDecorators: { manualShowTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "manualShowTrigger", required: false }] }], manualExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "manualExpanded", required: false }] }, { type: i0.Output, args: ["manualExpandedChange"] }], moreLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "moreLabel", required: false }] }], lessLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "lessLabel", required: false }] }] } });
 
 class NotificationGroupGrowingItemComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupGrowingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: NotificationGroupGrowingItemComponent, isStandalone: true, selector: "fd-notification-group-growing-item", host: { attributes: { "role": "button" }, properties: { "tabindex": "0" }, classAttribute: "fd-notification-group__growing-item" }, ngImport: i0, template: `<ng-content select="[fd-notification-group-growing-item-title]"></ng-content> <ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupGrowingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NotificationGroupGrowingItemComponent, isStandalone: true, selector: "fd-notification-group-growing-item", host: { attributes: { "role": "button" }, properties: { "tabindex": "0" }, classAttribute: "fd-notification-group__growing-item" }, ngImport: i0, template: `<ng-content select="[fd-notification-group-growing-item-title]"></ng-content> <ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupGrowingItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupGrowingItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-group-growing-item',
@@ -587,19 +571,15 @@ class NotificationGroupHeaderComponent extends NotificationGroupBaseDirective {
          * Title for the group header.
          * Default value is set from i18n translations ("Expand/Collapse").
          */
-        this.title = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.title = signal('', ...(ngDevMode ? [{ debugName: "title" }] : []));
         /**
          * ID of the list element that the group header controls.
          */
-        this.ariaControls = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaControls" }] : /* istanbul ignore next */ []));
+        this.ariaControls = signal('', ...(ngDevMode ? [{ debugName: "ariaControls" }] : []));
         /** @hidden */
-        this.expanded = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+        this.expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
         /** @hidden */
-        this._buttonIcon = computed(() => this.expanded() ? 'slim-arrow-down' : this._rtlService?.rtl() ? 'slim-arrow-left' : 'slim-arrow-right', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_buttonIcon" }] : /* istanbul ignore next */ []));
+        this._buttonIcon = computed(() => this.expanded() ? 'slim-arrow-down' : this._rtlService?.rtl() ? 'slim-arrow-left' : 'slim-arrow-right', ...(ngDevMode ? [{ debugName: "_buttonIcon" }] : []));
         /** @hidden */
         this._rtlService = inject(RtlService, { optional: true });
         /** @hidden */
@@ -626,8 +606,8 @@ class NotificationGroupHeaderComponent extends NotificationGroupBaseDirective {
             event.preventDefault();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: NotificationGroupHeaderComponent, isStandalone: true, selector: "fd-notification-group-header", host: { attributes: { "role": "button" }, listeners: { "click": "toggleExpand()", "keydown": "_onKeydown($event)" }, properties: { "tabindex": "0", "attr.title": "title()", "attr.aria-controls": "ariaControls()", "attr.aria-expanded": "expanded()" }, classAttribute: "fd-notification-group__header" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NotificationGroupHeaderComponent, isStandalone: true, selector: "fd-notification-group-header", host: { attributes: { "role": "button" }, listeners: { "click": "toggleExpand()", "keydown": "_onKeydown($event)" }, properties: { "tabindex": "0", "attr.title": "title()", "attr.aria-controls": "ariaControls()", "attr.aria-expanded": "expanded()" }, classAttribute: "fd-notification-group__header" }, providers: [
             {
                 provide: FD_NOTIFICATION_GROUP_HEADER,
                 useExisting: NotificationGroupHeaderComponent
@@ -640,7 +620,7 @@ class NotificationGroupHeaderComponent extends NotificationGroupBaseDirective {
         <ng-content></ng-content>
     `, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-group-header',
@@ -679,19 +659,16 @@ class NotificationGroupListComponent {
         /**
          * id of the element labelling the group list
          */
-        this.ariaLabelledBy = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+        this.ariaLabelledBy = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : []));
         /**
          * id for the notification group list
          * if not set, a default value is provided
          */
-        this.id = input('fd-notification-group-list-' + ++notificationGroupListCounter, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.id = input('fd-notification-group-list-' + ++notificationGroupListCounter, ...(ngDevMode ? [{ debugName: "id" }] : []));
         /**
          * @hidden
          */
-        this.notifications = contentChildren(FD_NOTIFICATION, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "notifications" }] : /* istanbul ignore next */ []));
+        this.notifications = contentChildren(FD_NOTIFICATION, ...(ngDevMode ? [{ debugName: "notifications" }] : []));
     }
     /**
      * @hidden
@@ -702,15 +679,15 @@ class NotificationGroupListComponent {
             notification.ariaLevel.set(2);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: NotificationGroupListComponent, isStandalone: true, selector: "fd-notification-group-list", inputs: { ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "list" }, properties: { "attr.id": "id()" }, classAttribute: "fd-notification-group__list" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: NotificationGroupListComponent, isStandalone: true, selector: "fd-notification-group-list", inputs: { ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "list" }, properties: { "attr.id": "id()" }, classAttribute: "fd-notification-group__list" }, providers: [
             {
                 provide: FD_NOTIFICATION_GROUP_LIST,
                 useExisting: NotificationGroupListComponent
             }
         ], queries: [{ propertyName: "notifications", predicate: FD_NOTIFICATION, isSignal: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-group-list',
@@ -739,41 +716,30 @@ class NotificationGroupComponent {
          * Whether the group is expanded
          * default value is false
          */
-        this.expanded = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+        this.expanded = input(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
         /**
          * input property to set aria-label
          * accepts a string value
          */
-        this.ariaLabel = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        this.ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
         /** @hidden */
-        this.ariaLabelledBy = computed(() => this.groupTitle()?.id(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+        this.ariaLabelledBy = computed(() => this.groupTitle()?.id(), ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : []));
         /** @hidden */
-        this.ariaDescription = computed(() => `${this._descriptionString()} ${this.groupHeader()?.expanded() ? this._expandedString() : this._collapsedString()}`, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaDescription" }] : /* istanbul ignore next */ []));
+        this.ariaDescription = computed(() => `${this._descriptionString()} ${this.groupHeader()?.expanded() ? this._expandedString() : this._collapsedString()}`, ...(ngDevMode ? [{ debugName: "ariaDescription" }] : []));
         /** @hidden */
-        this.isExpanded = computed(() => this.groupHeader()?.expanded(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isExpanded" }] : /* istanbul ignore next */ []));
+        this.isExpanded = computed(() => this.groupHeader()?.expanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
         /** @hidden */
-        this.groupHeader = contentChild(FD_NOTIFICATION_GROUP_HEADER, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "groupHeader" }] : /* istanbul ignore next */ []));
+        this.groupHeader = contentChild(FD_NOTIFICATION_GROUP_HEADER, ...(ngDevMode ? [{ debugName: "groupHeader" }] : []));
         /** @hidden */
-        this.groupTitle = contentChild(FD_NOTIFICATION_GROUP_HEADER_TITLE, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "groupTitle" }] : /* istanbul ignore next */ []));
+        this.groupTitle = contentChild(FD_NOTIFICATION_GROUP_HEADER_TITLE, ...(ngDevMode ? [{ debugName: "groupTitle" }] : []));
         /** @hidden */
-        this.groupList = contentChild(FD_NOTIFICATION_GROUP_LIST, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "groupList" }] : /* istanbul ignore next */ []));
+        this.groupList = contentChild(FD_NOTIFICATION_GROUP_LIST, ...(ngDevMode ? [{ debugName: "groupList" }] : []));
         /** @hidden */
-        this._descriptionString = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_descriptionString" }] : /* istanbul ignore next */ []));
+        this._descriptionString = signal('', ...(ngDevMode ? [{ debugName: "_descriptionString" }] : []));
         /** @hidden */
-        this._expandedString = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_expandedString" }] : /* istanbul ignore next */ []));
+        this._expandedString = signal('', ...(ngDevMode ? [{ debugName: "_expandedString" }] : []));
         /** @hidden */
-        this._collapsedString = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_collapsedString" }] : /* istanbul ignore next */ []));
+        this._collapsedString = signal('', ...(ngDevMode ? [{ debugName: "_collapsedString" }] : []));
         /** @hidden */
         this._langSignal = inject(FD_LANGUAGE_SIGNAL);
         /** @hidden */
@@ -790,8 +756,8 @@ class NotificationGroupComponent {
         this.groupHeader()?.ariaControls.set(this.groupList()?.id() ?? null);
         this.groupHeader()?.expanded.set(this.expanded());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NotificationGroupComponent, isStandalone: true, selector: "fd-notification-group", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "tabindex": "-1", "attr.aria-level": "1", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "ariaLabelledBy()", "attr.aria-description": "ariaDescription()" }, classAttribute: "fd-notification-group" }, queries: [{ propertyName: "groupHeader", first: true, predicate: FD_NOTIFICATION_GROUP_HEADER, descendants: true, isSignal: true }, { propertyName: "groupTitle", first: true, predicate: FD_NOTIFICATION_GROUP_HEADER_TITLE, descendants: true, isSignal: true }, { propertyName: "groupList", first: true, predicate: FD_NOTIFICATION_GROUP_LIST, descendants: true, isSignal: true }], ngImport: i0, template: `<div class="fd-notification-group__wrapper">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: NotificationGroupComponent, isStandalone: true, selector: "fd-notification-group", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "tabindex": "-1", "attr.aria-level": "1", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "ariaLabelledBy()", "attr.aria-description": "ariaDescription()" }, classAttribute: "fd-notification-group" }, queries: [{ propertyName: "groupHeader", first: true, predicate: FD_NOTIFICATION_GROUP_HEADER, descendants: true, isSignal: true }, { propertyName: "groupTitle", first: true, predicate: FD_NOTIFICATION_GROUP_HEADER_TITLE, descendants: true, isSignal: true }, { propertyName: "groupList", first: true, predicate: FD_NOTIFICATION_GROUP_LIST, descendants: true, isSignal: true }], ngImport: i0, template: `<div class="fd-notification-group__wrapper">
         <ng-content select="fd-notification-group-header"></ng-content>
         @if (isExpanded()) {
             <ng-content select="fd-notification-group-list"></ng-content>
@@ -799,7 +765,7 @@ class NotificationGroupComponent {
         }
     </div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationGroupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-group',
@@ -829,8 +795,7 @@ class NotificationLinkComponent {
          * signal to control the show more/less
          * default value is false
          */
-        this.showMore = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showMore" }] : /* istanbul ignore next */ []));
+        this.showMore = signal(false, ...(ngDevMode ? [{ debugName: "showMore" }] : []));
     }
     /**
      * Method to toggle show more functionality
@@ -838,10 +803,10 @@ class NotificationLinkComponent {
     toggleShowMore() {
         this.showMore.update((value) => !value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: NotificationLinkComponent, isStandalone: true, selector: "fd-notification-link", host: { attributes: { "tabindex": "0", "role": "link" }, listeners: { "click": "toggleShowMore()" }, classAttribute: "fd-link fd-notification__link" }, ngImport: i0, template: `<span class="fd-link__content">{{ showMore() ? 'Less' : 'More' }}</span>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NotificationLinkComponent, isStandalone: true, selector: "fd-notification-link", host: { attributes: { "tabindex": "0", "role": "link" }, listeners: { "click": "toggleShowMore()" }, classAttribute: "fd-link fd-notification__link" }, ngImport: i0, template: `<span class="fd-link__content">{{ showMore() ? 'Less' : 'More' }}</span>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationLinkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-notification-link',
@@ -907,54 +872,44 @@ class NotificationComponent extends AbstractFdNgxClass {
     constructor() {
         super();
         /** @hidden */
-        this.containerRef = viewChild('vc', { ...(ngDevMode ? { debugName: "containerRef" } : /* istanbul ignore next */ {}), read: ViewContainerRef });
+        this.containerRef = viewChild('vc', { ...(ngDevMode ? { debugName: "containerRef" } : {}), read: ViewContainerRef });
         /** User defined width for the notification */
-        this.width = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
+        this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
         /** Whether the notificatioon is in mobile mode */
-        this.mobile = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "mobile" }] : /* istanbul ignore next */ []));
+        this.mobile = input(false, ...(ngDevMode ? [{ debugName: "mobile" }] : []));
         /** @hidden */
-        this._dir = computed(() => (this._rtlService?.rtl() ? 'rtl' : 'ltr'), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_dir" }] : /* istanbul ignore next */ []));
+        this._dir = computed(() => (this._rtlService?.rtl() ? 'rtl' : 'ltr'), ...(ngDevMode ? [{ debugName: "_dir" }] : []));
         /**
          * aria-level of the Notificaion
          * should be set to 2 in Notification Group
          * default value is undefined
          */
-        this.ariaLevel = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLevel" }] : /* istanbul ignore next */ []));
+        this.ariaLevel = signal(undefined, ...(ngDevMode ? [{ debugName: "ariaLevel" }] : []));
         /**
          * role of the Notificaion
          * should be set to 'listitem' in Notification Group
          * default value is undefined
          */
-        this.role = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
+        this.role = signal(undefined, ...(ngDevMode ? [{ debugName: "role" }] : []));
         /**
          * whether the Notificaion is selected
          * default is set to false
          */
-        this.selected = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+        this.selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
         /** Whether the notification is dismissed with the ESC key */
         this.escKeyCloseable = false;
         /** Whether the notification should close with router change */
         this.closeOnNavigation = true;
         /** aria-labelledby attribute for the notification component element. */
-        this.ariaLabelledBy = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+        this.ariaLabelledBy = signal(null, ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : []));
         /** Reference to the child content */
         this.childContent = undefined;
         /** @hidden */
-        this._notificationTitle = contentChild(FD_NOTIFICATION_TITLE, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_notificationTitle" }] : /* istanbul ignore next */ []));
+        this._notificationTitle = contentChild(FD_NOTIFICATION_TITLE, ...(ngDevMode ? [{ debugName: "_notificationTitle" }] : []));
         /** @hidden */
-        this._notificationParagraph = contentChild(FD_NOTIFICATION_PARAGRAPH, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_notificationParagraph" }] : /* istanbul ignore next */ []));
+        this._notificationParagraph = contentChild(FD_NOTIFICATION_PARAGRAPH, ...(ngDevMode ? [{ debugName: "_notificationParagraph" }] : []));
         /** @hidden */
-        this._notificationFooter = contentChild(FD_NOTIFICATION_FOOTER, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_notificationFooter" }] : /* istanbul ignore next */ []));
+        this._notificationFooter = contentChild(FD_NOTIFICATION_FOOTER, ...(ngDevMode ? [{ debugName: "_notificationFooter" }] : []));
         /** @hidden */
         this._destroyRef = inject(DestroyRef);
         /** @hidden */
@@ -962,6 +917,8 @@ class NotificationComponent extends AbstractFdNgxClass {
         /** @hidden */
         this._cdRef = inject(ChangeDetectorRef);
         /** @hidden */
+        this._componentFactoryResolver = inject(ComponentFactoryResolver);
+        /** @hidden */
         this._router = inject(Router);
         /** @hidden */
         this._focusTrapFactory = inject(ConfigurableFocusTrapFactory);
@@ -972,17 +929,13 @@ class NotificationComponent extends AbstractFdNgxClass {
         /** @hidden */
         this._rtlService = inject(RtlService, { optional: true });
         /** @hidden */
-        this._isTitleTruncated = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_isTitleTruncated" }] : /* istanbul ignore next */ []));
+        this._isTitleTruncated = signal(false, ...(ngDevMode ? [{ debugName: "_isTitleTruncated" }] : []));
         /** @hidden */
-        this._isParagraphTruncated = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_isParagraphTruncated" }] : /* istanbul ignore next */ []));
+        this._isParagraphTruncated = signal(false, ...(ngDevMode ? [{ debugName: "_isParagraphTruncated" }] : []));
         /** @hidden */
-        this._hasTruncation = computed(() => this._isTitleTruncated() || this._isParagraphTruncated(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_hasTruncation" }] : /* istanbul ignore next */ []));
+        this._hasTruncation = computed(() => this._isTitleTruncated() || this._isParagraphTruncated(), ...(ngDevMode ? [{ debugName: "_hasTruncation" }] : []));
         /** @hidden */
-        this._expanded = computed(() => this._notificationFooter()?.expanded() ?? false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_expanded" }] : /* istanbul ignore next */ []));
+        this._expanded = computed(() => this._notificationFooter()?.expanded() ?? false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
         if (this._notificationConfig) {
             this._setNotificationConfig(this._notificationConfig);
         }
@@ -1100,7 +1053,8 @@ class NotificationComponent extends AbstractFdNgxClass {
     /** @hidden */
     _loadFromComponent(content) {
         this.containerRef()?.clear();
-        this.componentRef = this.containerRef()?.createComponent(content);
+        const componentFactory = this._componentFactoryResolver.resolveComponentFactory(content);
+        this.componentRef = this.containerRef()?.createComponent(componentFactory);
     }
     /** @hidden */
     _loadFromTemplate(content) {
@@ -1116,8 +1070,8 @@ class NotificationComponent extends AbstractFdNgxClass {
             .filter((key) => key !== 'data' && key !== 'container')
             .forEach((key) => (this[key] = notificationConfig[key]));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: NotificationComponent, isStandalone: true, selector: "fd-notification", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, mobile: { classPropertyName: "mobile", publicName: "mobile", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:keyup": "_closeNotificationEsc($event)" }, properties: { "attr.aria-labelledby": "ariaLabelledBy()", "attr.aria-label": "ariaLabel", "attr.aria-level": "ariaLevel()", "attr.role": "role()", "attr.dir": "_dir()", "attr.id": "id", "tabindex": "0", "style.width": "width" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: NotificationComponent, isStandalone: true, selector: "fd-notification", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, mobile: { classPropertyName: "mobile", publicName: "mobile", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:keyup": "_closeNotificationEsc($event)" }, properties: { "attr.aria-labelledby": "ariaLabelledBy()", "attr.aria-label": "ariaLabel", "attr.aria-level": "ariaLevel()", "attr.role": "role()", "attr.dir": "_dir()", "attr.id": "id", "tabindex": "0", "style.width": "width" } }, providers: [
             {
                 provide: FD_NOTIFICATION,
                 useExisting: NotificationComponent
@@ -1127,7 +1081,7 @@ class NotificationComponent extends AbstractFdNgxClass {
         <ng-container #vc></ng-container>
     `, isInline: true, styles: ["@charset \"UTF-8\";.fd-link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display,inline-block);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;text-shadow:var(--sapContent_TextShadow);-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;line-height:var(--fdLink_Line_Height,1rem);overflow-wrap:break-word;text-decoration:var(--fdLink_Text_Decoration,none);text-underline-offset:.125rem;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;white-space:normal;word-break:break-word}.fd-link:after,.fd-link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-link__content{text-decoration:var(--fdLink_Text_Content_Decoration,none)}.fd-link.is-hover,.fd-link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-link.is-focus,.fd-link:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-link.is-active,.fd-link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-link--emphasized{font-family:var(--sapFontBoldFamily)}.fd-link--touch-target{--fdLink_Line_Height:1.5rem}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link.is-hover,.fd-link:hover{color:var(--sapLink_Hover_Color)}.fd-link.is-focus,.fd-link:focus{background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);-webkit-box-shadow:none;box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline:var(--fdLink_Hover_Outline_Color) var(--fdLink_Hover_Outline_Style) var(--fdLink_Hover_Outline_Width);outline-offset:var(--fdLink_Hover_Outline_Offset);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-link.is-active,.fd-link:active{color:var(--sapLink_Active_Color)}.fd-link.is-active.is-focus,.fd-link.is-active:focus,.fd-link:active.is-focus,.fd-link:active:focus{background-color:transparent;z-index:5}.fd-link--inverted{text-shadow:none}.fd-link--inverted,.fd-link--inverted.is-hover,.fd-link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted.is-focus,.fd-link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{-webkit-margin-end:.125rem;margin-inline-end:.125rem}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{-webkit-margin-start:.125rem;margin-inline-start:.125rem}.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon],.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon]{color:var(--sapLink_Hover_Color);text-decoration:var(--fdLink_Text_Decoration_Hover)}.fd-link.is-focus,.fd-link:focus{z-index:5}.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon],.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon]{color:var(--fdLink_Text_Focus_Color);text-decoration:var(--fdLink_Text_Decoration_Focus)}.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon],.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon]{color:var(--sapLink_Active_Color);text-decoration:var(--fdLink_Text_Decoration_Active)}.fd-link:visited:not(:focus) [class*=sap-icon],.fd-link:visited:not(:focus)[class*=sap-icon]{color:var(--sapLink_Visited_Color)}.fd-link__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-notification{--fdNotification_Content_Gap:.75rem;--fdNotification_Actions_Offset:-.25rem;--fdNotification_Title_Font_Weight:normal;--fdNotification_Title_Line_Height:1.25rem;--fdNotification_Title_One_Button_Offset:2rem;--fdNotification_Title_Two_Buttons_Offset:4.375rem;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-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--fdNotification_Background:var(--sapList_Background);--fdNotification_Title_Color:var(--sapList_TextColor);--fdNotification_Paragraph_Color:var(--sapList_TextColor);--fdNotification_Separator_Color:var(--sapContent_LabelColor);--fdNotification_Footer_Content_Color:var(--sapContent_LabelColor);--fdNotification_Border_Block_End_Color:var(--sapList_BorderColor);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color);background:var(--fdNotification_Background);border-block-end-color:var(--fdNotification_Border_Block_End_Color);border-block-start-color:var(--fdNotification_Border_Block_Start_Color);border-inline-color:var(--fdNotification_Border_Inline_Color);border-radius:var(--fdNotification_Border_Radius);border-style:solid;border-width:var(--sapList_BorderWidth);cursor:pointer}.fd-notification:after,.fd-notification:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification.is-hover,.fd-notification:hover{--fdNotification_Background:var(--fdNotification_Background_Hover)}.fd-notification.is-active,.fd-notification:active{--fdNotification_Background:var(--fdNotification_Background_Active);--fdNotification_Title_Color:var(--fdNotification_Title_Color_Active);--fdNotification_Paragraph_Color:var(--fdNotification_Paragraph_Color_Active);--fdNotification_Footer_Content_Color:var(--fdNotification_Footer_Content_Color_Active);--fdNotification_Separator_Color:var(--fdNotification_Separator_Color_Active);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Inline_Color_Active);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Block_Start_Color_Active);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Active)}.fd-notification.is-selected,.fd-notification[aria-selected=true]{--fdNotification_Background:var(--fdNotification_Background_Selected);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color_Selected);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color_Selected);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Selected)}.fd-notification.is-selected.is-hover,.fd-notification.is-selected:hover,.fd-notification[aria-selected=true].is-hover,.fd-notification[aria-selected=true]:hover{--fdNotification_Background:var(--fdNotification_Background_Selected_Hover)}.fd-notification.is-focus,.fd-notification:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.25rem;z-index:5}.fd-notification:has(.fd-notification__actions):has(button) .fd-notification__title{-webkit-padding-end:var(--fdNotification_Title_One_Button_Offset);padding-inline-end:var(--fdNotification_Title_One_Button_Offset)}.fd-notification:has(.fd-notification__actions):has(button+button) .fd-notification__title{-webkit-padding-end:var(--fdNotification_Title_Two_Buttons_Offset);padding-inline-end:var(--fdNotification_Title_Two_Buttons_Offset)}.fd-notification__body{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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.75rem;padding-block:1rem;padding-inline:1rem;position:relative}.fd-notification__body:after,.fd-notification__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__content{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-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:var(--fdNotification_Content_Gap);width:100%}.fd-notification__content:after,.fd-notification__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__header{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-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.25rem;width:100%}.fd-notification__header:after,.fd-notification__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__header>[class*=sap-icon]{-webkit-padding-before:.125rem;padding-block-start:.125rem}.fd-notification__actions{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;right:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.125rem;padding-block:.5rem 0;padding-inline:.25rem .5rem;position:absolute;top:0}.fd-notification__actions:after,.fd-notification__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__actions[dir=rtl],[dir=rtl] .fd-notification__actions{left:0;right:auto}.fd-notification__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-flex:1;color:var(--sapList_TextColor);-ms-flex:1;flex:1;font-size:var(--sapFontHeader6Size);font-weight:var(--fdNotification_Title_Font_Weight);line-height:var(--fdNotification_Title_Line_Height);max-height:calc(var(--fdNotification_Title_Line_Height)*2)}.fd-notification__title:after,.fd-notification__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__title--unread{--fdNotification_Title_Font_Weight:bold}.fd-notification__paragraph{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapList_TextColor);font-size:var(--sapFontSize);max-height:2.75rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-notification__paragraph:after,.fd-notification__paragraph:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__footer{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-align:center;-ms-flex-align:center;align-items:center}.fd-notification__footer:after,.fd-notification__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__footer-content{color:var(--sapContent_LabelColor);max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-notification__footer-content:only-child{max-width:100%}.fd-notification__separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-inline:.5rem;padding-block:0;padding-inline:0}.fd-notification__separator:after,.fd-notification__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__separator:before{content:\"\\b7\"}.fd-notification__message-strip-container{padding-block:1rem 0;padding-inline:1rem .5rem}.fd-notification__message-strip-container:empty{padding-block:0;padding-inline:0}.fd-notification__message-strip-container:has(.fd-has-display-none){padding-block:0;padding-inline:0}.fd-notification__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-notification .fd-notification__link{-webkit-margin-start:1rem;margin-inline-start:1rem}.fd-notification-message-strip{border:0;-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;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem}.fd-notification-message-strip:after,.fd-notification-message-strip:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-list{border:0;-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:100%;line-height:normal;list-style:none;margin-block:0;margin-inline:0;overflow:auto;padding-block:0;padding-inline:0;width:100%}.fd-notification-list:after,.fd-notification-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group{border:0;-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;line-height:normal;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group:after,.fd-notification-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__wrapper{border:0;-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;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group__wrapper:after,.fd-notification-group__wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__header{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-align:center;-ms-flex-align:center;align-items:center;background:var(--sapList_GroupHeaderBackground);cursor:pointer;gap:.75rem;height:var(--sapElement_LineHeight);margin-block:var(--fdNotification_Group_Header_Margin_Block);padding-inline:.5rem;position:sticky;top:0;z-index:10;-webkit-border-after:var(--sapList_BorderWidth) solid var(--fdNotification_Group_Header_Border_Bottom_Color);border-block-end:var(--sapList_BorderWidth) solid var(--fdNotification_Group_Header_Border_Bottom_Color)}.fd-notification-group__header:after,.fd-notification-group__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__header.is-focus,.fd-notification-group__header:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.25rem;z-index:5}.fd-notification-group__header-arrow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-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;font-size:1rem;margin-inline:.5rem}.fd-notification-group__header-arrow:after,.fd-notification-group__header-arrow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__header-arrow [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(--sapContent_IconColor);height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-notification-group__header-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNotification_Group_Header_Title_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--fdNotification_Group_Header_Title_Font_Size);font-weight:400;font-weight:var(--fdNotification_Group_Header_Title_Font_Weight);forced-color-adjust:none;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-notification-group__header-title:after,.fd-notification-group__header-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__list{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-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNotification_Group_List_Gap);list-style:none;margin-block:var(--fdNotification_Group_List_Margin_Block);margin-inline:var(--fdNotification_Group_List_Margin_Inline)}.fd-notification-group__list:after,.fd-notification-group__list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__growing-item{border:0;-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;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;--fdNotification_Background:var(--sapList_Background);--fdNotification_Title_Color:var(--sapList_TextColor);--fdNotification_Paragraph_Color:var(--sapList_TextColor);--fdNotification_Separator_Color:var(--sapContent_LabelColor);--fdNotification_Footer_Content_Color:var(--sapContent_LabelColor);--fdNotification_Border_Block_End_Color:var(--sapList_BorderColor);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color);background:var(--fdNotification_Background);border-block-end-color:var(--fdNotification_Border_Block_End_Color);border-block-start-color:var(--fdNotification_Border_Block_Start_Color);border-inline-color:var(--fdNotification_Border_Inline_Color);border-radius:var(--fdNotification_Border_Radius);border-style:solid;border-width:var(--sapList_BorderWidth);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-inline:var(--fdNotification_Growing_Item_Margin_Inline);padding-block:1rem;padding-inline:1rem;-webkit-margin-after:var(--fdNotification_Growing_Item_Margin_Block_End);margin-block-end:var(--fdNotification_Growing_Item_Margin_Block_End)}.fd-notification-group__growing-item:after,.fd-notification-group__growing-item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__growing-item.is-hover,.fd-notification-group__growing-item:hover{--fdNotification_Background:var(--fdNotification_Background_Hover)}.fd-notification-group__growing-item.is-active,.fd-notification-group__growing-item:active{--fdNotification_Background:var(--fdNotification_Background_Active);--fdNotification_Title_Color:var(--fdNotification_Title_Color_Active);--fdNotification_Paragraph_Color:var(--fdNotification_Paragraph_Color_Active);--fdNotification_Footer_Content_Color:var(--fdNotification_Footer_Content_Color_Active);--fdNotification_Separator_Color:var(--fdNotification_Separator_Color_Active);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Inline_Color_Active);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Block_Start_Color_Active);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Active)}.fd-notification-group__growing-item.is-selected,.fd-notification-group__growing-item[aria-selected=true]{--fdNotification_Background:var(--fdNotification_Background_Selected);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color_Selected);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color_Selected);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Selected)}.fd-notification-group__growing-item.is-selected.is-hover,.fd-notification-group__growing-item.is-selected:hover,.fd-notification-group__growing-item[aria-selected=true].is-hover,.fd-notification-group__growing-item[aria-selected=true]:hover{--fdNotification_Background:var(--fdNotification_Background_Selected_Hover)}.fd-notification-group__growing-item.is-focus,.fd-notification-group__growing-item:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.25rem;z-index:5}.fd-notification-group__growing-item-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNotification_Growing_Item_Title_Color);font-family:var(--sapFontFamily);font-family:var(--fdNotification_Growing_Item_Title_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdNotification_Growing_Item_Title_Font_Size);font-weight:400;font-weight:var(--fdNotification_Growing_Item_Title_Font_Weight);forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group__growing-item-title:after,.fd-notification-group__growing-item-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__growing-item-subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group__growing-item-subtitle:after,.fd-notification-group__growing-item-subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-popover{--fdNotification_Popover_Width:27rem;--fdNotification_Popover_Max_Width:27rem;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-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:40rem;max-width:var(--fdNotification_Popover_Max_Width);width:var(--fdNotification_Popover_Width)}.fd-notification-popover:after,.fd-notification-popover:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media(width<=599px){.fd-notification-popover{--fdNotification_Popover_Width:auto;--fdNotification_Popover_Max_Width:25rem}}.fd-notification-banner{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;right:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:absolute;-webkit-margin-end:2rem;margin-inline-end:2rem;-webkit-margin-before:2rem;margin-block-start:2rem;max-width:var(--fdNotification_Popover_Max_Width,26rem)}.fd-notification-banner:after,.fd-notification-banner:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-banner[dir=rtl],[dir=rtl] .fd-notification-banner{left:0;right:auto}.fd-notification-banner .fd-notification{-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2);width:100%}@media(width<=599px){.fd-notification-banner .fd-notification{--fdNotification_Popover_Max_Width:24rem}}.fd-notification[class*=-compact],[class*=-compact] .fd-notification:not([class*=-cozy]){--fdNotification_Content_Gap:.5rem;--fdNotification_Title_Offset:4rem;--fdNotification_Title_One_Button_Offset:2.75rem;--fdNotification_Title_Two_Buttons_Offset:4.875rem}.fd-notification{display:flex}.fd-notification-message-strip:has(.fd-has-display-none){padding-block:0;padding-inline:0}.fd-notification-container .fd-notification{margin-block-end:.5rem}.fd-notification__title.is-expanded,.fd-notification__paragraph.is-expanded{display:block;overflow:visible;max-height:max-content}\n/*! Bundled license information:\n\nfundamental-styles/dist/notification.css:\n  (*!\n   * Fundamental Library Styles v0.41.8\n   * Copyright (c) 2026 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-notification', template: `
         <ng-content></ng-content>
@@ -1151,10 +1105,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }], ctorParameters: () => [], propDecorators: { containerRef: [{ type: i0.ViewChild, args: ['vc', { ...{ read: ViewContainerRef }, isSignal: true }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], mobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobile", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], _notificationTitle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_NOTIFICATION_TITLE), { isSignal: true }] }], _notificationParagraph: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_NOTIFICATION_PARAGRAPH), { isSignal: true }] }], _notificationFooter: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_NOTIFICATION_FOOTER), { isSignal: true }] }] } });
 
 class NotificationContainer {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: NotificationContainer, isStandalone: true, selector: "fd-notification-container", host: { classAttribute: "fd-notification-container" }, ngImport: i0, template: ``, isInline: true, styles: [".fd-notification-container{position:fixed;display:flex;flex-direction:column;z-index:5000;align-items:flex-end;top:2rem;right:2rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NotificationContainer, isStandalone: true, selector: "fd-notification-container", host: { classAttribute: "fd-notification-container" }, ngImport: i0, template: ``, isInline: true, styles: [".fd-notification-container{position:fixed;display:flex;flex-direction:column;z-index:5000;align-items:flex-end;top:2rem;right:2rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationContainer, decorators: [{
             type: Component,
             args: [{ selector: 'fd-notification-container', template: ``, host: {
                         class: 'fd-notification-container'
@@ -1255,10 +1209,10 @@ class NotificationService {
             this._elementFocusedBeforeNotificationWasOpened.focus();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationService, deps: [{ token: i1.DynamicComponentService }, { token: DOCUMENT }, { token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationService, deps: [{ token: i1.DynamicComponentService }, { token: DOCUMENT }, { token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.DynamicComponentService }, { type: Document, decorators: [{
                     type: Inject,
@@ -1296,8 +1250,8 @@ const components = [
  * Use direct imports of components and directives.
  */
 class NotificationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: NotificationModule, imports: [NotificationComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: NotificationModule, imports: [NotificationComponent,
             NotificationContainer,
             NotificationLinkComponent,
             NotificationBodyComponent,
@@ -1340,9 +1294,9 @@ class NotificationModule {
             NotificationGroupHeaderTitleDirective,
             NotificationMessageStripContainerDirective,
             NotificationGroupGrowingItemTitleDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationModule, providers: [DynamicComponentService, NotificationService], imports: [NotificationGroupHeaderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationModule, providers: [DynamicComponentService, NotificationService], imports: [NotificationGroupHeaderComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],