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

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, DestroyRef, Renderer2, signal, computed, HostListener, contentChildren, contentChild, viewChild, ViewContainerRef, ChangeDetectorRef, ComponentFactoryResolver, effect, Type, TemplateRef, Injector, DOCUMENT, Inject, Optional, Injectable, NgModule } from '@angular/core';
+import { Directive, InjectionToken, input, inject, ElementRef, ContentChildren, ChangeDetectionStrategy, ViewEncapsulation, Component, DestroyRef, Renderer2, model, signal, computed, HostListener, contentChildren, contentChild, viewChild, ViewContainerRef, ChangeDetectorRef, ComponentFactoryResolver, effect, Type, TemplateRef, Injector, DOCUMENT, Inject, Optional, Injectable, NgModule } from '@angular/core';
 import { FD_BUTTON_COMPONENT } from '@fundamental-ngx/core/button';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { merge, Subject, BehaviorSubject, fromEvent } from 'rxjs';
@@ -398,33 +398,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
 class NotificationFooterComponent {
     constructor() {
         /**
-         * Controls the visibility of the expand/collapse button.
-         * Set to `true` when the title or description is truncated or the content is expanded.
+         * Manual control: Override to show/hide the expand/collapse button.
+         * When set, takes precedence over automatic truncation detection.
+         * Use this for dynamically created notifications where automatic detection doesn't work.
          */
-        this.showTrigger = signal(false, ...(ngDevMode ? [{ debugName: "showTrigger" }] : []));
+        this.manualShowTrigger = input(undefined, ...(ngDevMode ? [{ debugName: "manualShowTrigger" }] : []));
         /**
-         * Indicates whether the content is currently expanded.
-         * When `true`, the full title and description are shown;
-         * when `false`, they are truncated after the second line.
+         * 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.expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+        this.manualExpanded = model(undefined, ...(ngDevMode ? [{ debugName: "manualExpanded" }] : []));
         /**
          * Custom label for the expand button.
          * Defaults to `'More'`.
          */
         this.moreLabel = input(...(ngDevMode ? [undefined, { debugName: "moreLabel" }] : []));
-        /** Custom label for the collapse button.
+        /**
+         * Custom label for the collapse button.
          * Defaults to `'Less'`.
          */
         this.lessLabel = input(...(ngDevMode ? [undefined, { debugName: "lessLabel" }] : []));
-        /** @hidden */
+        /**
+         * Internal signal for automatic truncation detection.
+         * Used when manual controls are not provided.
+         * @internal
+         */
+        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, ...(ngDevMode ? [{ debugName: "_autoExpanded" }] : []));
+        /**
+         * Computed signal for expanded state.
+         * Uses manual control if provided, otherwise uses automatic state.
+         */
+        this.expanded = computed(() => {
+            const manual = this.manualExpanded();
+            return manual !== undefined ? manual : this._autoExpanded();
+        }, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+        /**
+         * Computed signal that determines if trigger should be shown.
+         * Uses manual control if provided, otherwise uses automatic detection.
+         */
+        this.showTrigger = computed(() => {
+            const manual = this.manualShowTrigger();
+            return manual !== undefined ? manual : this._autoShowTrigger();
+        }, ...(ngDevMode ? [{ debugName: "showTrigger" }] : []));
         this._defaultMoreLabel = resolveTranslationSignal('coreNotification.triggerMoreLabel');
-        /** @hidden */
         this._defaultLessLabel = resolveTranslationSignal('coreNotification.triggerLessLabel');
     }
     /** @hidden */
     onTriggerClick() {
-        this.expanded.set(!this.expanded());
+        const currentExpanded = this.expanded();
+        const newExpanded = !currentExpanded;
+        // If using manual mode, update the model
+        if (this.manualExpanded() !== undefined) {
+            this.manualExpanded.set(newExpanded);
+        }
+        else {
+            // Otherwise update automatic state
+            this._autoExpanded.set(newExpanded);
+        }
     }
     /**
      * Label for the trigger button
@@ -436,7 +474,7 @@ class NotificationFooterComponent {
         return this.expanded() ? lessLabel : moreLabel;
     }
     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: { moreLabel: { classPropertyName: "moreLabel", publicName: "moreLabel", isSignal: true, isRequired: false, transformFunction: null }, lessLabel: { classPropertyName: "lessLabel", publicName: "lessLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "fd-notification__footer" }, providers: [
+    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
@@ -471,7 +509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                         }
                     ]
                 }]
-        }], propDecorators: { moreLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "moreLabel", required: false }] }], lessLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "lessLabel", required: false }] }] } });
+        }], 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: "21.1.0", ngImport: i0, type: NotificationGroupGrowingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -507,7 +545,7 @@ class NotificationGroupHeaderComponent extends NotificationGroupBaseDirective {
         /** @hidden */
         this.expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
         /** @hidden */
-        this._buttonIcon$ = computed(() => this.expanded() ? 'slim-arrow-down' : this._rtlService?.rtlSignal() ? 'slim-arrow-left' : 'slim-arrow-right', ...(ngDevMode ? [{ debugName: "_buttonIcon$" }] : []));
+        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 */
@@ -540,7 +578,7 @@ class NotificationGroupHeaderComponent extends NotificationGroupBaseDirective {
             }
         ], usesInheritance: true, ngImport: i0, template: `
         <span class="fd-notification-group__header-arrow">
-            <fd-icon [glyph]="_buttonIcon$()"></fd-icon>
+            <fd-icon [glyph]="_buttonIcon()"></fd-icon>
         </span>
         <ng-content select="fd-notification-group-header-title"></ng-content>
         <ng-content></ng-content>
@@ -552,7 +590,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                     selector: 'fd-notification-group-header',
                     template: `
         <span class="fd-notification-group__header-arrow">
-            <fd-icon [glyph]="_buttonIcon$()"></fd-icon>
+            <fd-icon [glyph]="_buttonIcon()"></fd-icon>
         </span>
         <ng-content select="fd-notification-group-header-title"></ng-content>
         <ng-content></ng-content>
@@ -809,7 +847,7 @@ class NotificationComponent extends AbstractFdNgxClass {
         /** Whether the notificatioon is in mobile mode */
         this.mobile = input(false, ...(ngDevMode ? [{ debugName: "mobile" }] : []));
         /** @hidden */
-        this._dir$ = computed(() => (this._rtlService?.rtlSignal() ? 'rtl' : 'ltr'), ...(ngDevMode ? [{ debugName: "_dir$" }] : []));
+        this._dir = computed(() => (this._rtlService?.rtl() ? 'rtl' : 'ltr'), ...(ngDevMode ? [{ debugName: "_dir" }] : []));
         /**
          * aria-level of the Notificaion
          * should be set to 2 in Notification Group
@@ -958,7 +996,7 @@ class NotificationComponent extends AbstractFdNgxClass {
             this._isParagraphTruncated.set(paragraphEl.scrollHeight > paragraphEl.clientHeight);
         }
         if (footer) {
-            footer.showTrigger.set(this._hasTruncation() || this._expanded());
+            footer._autoShowTrigger.set(this._hasTruncation() || this._expanded());
         }
         this._updateExpandedClass();
     }
@@ -1002,7 +1040,7 @@ class NotificationComponent extends AbstractFdNgxClass {
             .forEach((key) => (this[key] = notificationConfig[key]));
     }
     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: [
+    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
@@ -1022,20 +1060,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
                         '[attr.aria-label]': 'ariaLabel',
                         '[attr.aria-level]': 'ariaLevel()',
                         '[attr.role]': 'role()',
-                        '[attr.dir]': '_dir$()',
+                        '[attr.dir]': '_dir()',
                         '[attr.id]': 'id',
                         '[tabindex]': '0',
-                        '[style.width]': 'width'
+                        '[style.width]': 'width',
+                        '(window:keyup)': '_closeNotificationEsc($event)'
                     }, providers: [
                         {
                             provide: FD_NOTIFICATION,
                             useExisting: NotificationComponent
                         }
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: 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,1.125rem);-webkit-text-decoration:var(--fdLink_Text_Decoration,none);text-decoration:var(--fdLink_Text_Decoration,none);text-underline-offset:.125rem;-webkit-transition:all .125s ease-in;transition:all .125s ease-in}.fd-link:after,.fd-link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration,none);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: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:var(--fdLink_Icon_Spacing,0);margin-inline-end:var(--fdLink_Icon_Spacing,0)}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{-webkit-margin-start:var(--fdLink_Icon_Spacing,0);margin-inline-start:var(--fdLink_Icon_Spacing,0)}.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);-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);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);-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);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);-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);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-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;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-line-clamp:2;-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;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-line-clamp:2;-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 .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;line-height:normal;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.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;-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);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-height:40rem;max-width:var(--fdNotification_Popover_Max_Width);overflow-y:scroll;padding-block:0;padding-inline:0;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.40.1\n   * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"] }]
-        }], ctorParameters: () => [], propDecorators: { 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 }] }], _closeNotificationEsc: [{
-                type: HostListener,
-                args: ['window:keyup', ['$event']]
-            }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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,1.125rem);-webkit-text-decoration:var(--fdLink_Text_Decoration,none);text-decoration:var(--fdLink_Text_Decoration,none);text-underline-offset:.125rem;-webkit-transition:all .125s ease-in;transition:all .125s ease-in}.fd-link:after,.fd-link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration,none);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: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:var(--fdLink_Icon_Spacing,0);margin-inline-end:var(--fdLink_Icon_Spacing,0)}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{-webkit-margin-start:var(--fdLink_Icon_Spacing,0);margin-inline-start:var(--fdLink_Icon_Spacing,0)}.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);-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);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);-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);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);-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);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-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;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-line-clamp:2;-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;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-line-clamp:2;-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 .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;line-height:normal;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.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;-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);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-height:40rem;max-width:var(--fdNotification_Popover_Max_Width);overflow-y:scroll;padding-block:0;padding-inline:0;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.40.1\n   * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"] }]
+        }], ctorParameters: () => [], propDecorators: { 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: "21.1.0", ngImport: i0, type: NotificationContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }