@fundamental-ngx/core 0.64.2-rc.2 → 0.64.2-rc.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs +26 -8
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-notification.mjs +177 -16
- package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
- package/package.json +3 -3
- package/schematics/package.json +1 -1
- package/types/fundamental-ngx-core-action-sheet.d.ts +7 -1
- package/types/fundamental-ngx-core-notification.d.ts +29 -4
|
@@ -5,7 +5,7 @@ import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
|
|
|
5
5
|
import { merge, NEVER, Subject, BehaviorSubject, fromEvent } from 'rxjs';
|
|
6
6
|
import { auditTime, filter, startWith, switchMap, take, debounceTime } from 'rxjs/operators';
|
|
7
7
|
import { resolveTranslationSignal, FD_LANGUAGE_SIGNAL, TranslationResolver } from '@fundamental-ngx/i18n';
|
|
8
|
-
import { ENTER, SPACE, ESCAPE } from '@angular/cdk/keycodes';
|
|
8
|
+
import { ENTER, SPACE, HOME, END, DOWN_ARROW, UP_ARROW, ESCAPE, DELETE, BACKSPACE } from '@angular/cdk/keycodes';
|
|
9
9
|
import * as i1 from '@fundamental-ngx/cdk/utils';
|
|
10
10
|
import { RtlService, KeyUtil, AbstractFdNgxClass, DynamicComponentService } from '@fundamental-ngx/cdk/utils';
|
|
11
11
|
import { IconComponent } from '@fundamental-ngx/core/icon';
|
|
@@ -563,8 +563,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
563
563
|
}], 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 }] }] } });
|
|
564
564
|
|
|
565
565
|
class NotificationGroupGrowingItemComponent {
|
|
566
|
+
constructor() {
|
|
567
|
+
this.ariaLabel = input(/* @ts-ignore */
|
|
568
|
+
...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
569
|
+
}
|
|
566
570
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupGrowingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
567
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
571
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: NotificationGroupGrowingItemComponent, isStandalone: true, selector: "fd-notification-group-growing-item", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "button" }, properties: { "aria-label": "ariaLabel()", "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 }); }
|
|
568
572
|
}
|
|
569
573
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupGrowingItemComponent, decorators: [{
|
|
570
574
|
type: Component,
|
|
@@ -575,10 +579,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
575
579
|
host: {
|
|
576
580
|
class: 'fd-notification-group__growing-item',
|
|
577
581
|
role: 'button',
|
|
582
|
+
'[aria-label]': 'ariaLabel()',
|
|
578
583
|
'[tabindex]': '0'
|
|
579
584
|
}
|
|
580
585
|
}]
|
|
581
|
-
}] });
|
|
586
|
+
}], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
|
|
582
587
|
|
|
583
588
|
class NotificationGroupHeaderComponent extends NotificationGroupBaseDirective {
|
|
584
589
|
constructor() {
|
|
@@ -702,8 +707,73 @@ class NotificationGroupListComponent {
|
|
|
702
707
|
notification.ariaLevel.set(2);
|
|
703
708
|
});
|
|
704
709
|
}
|
|
710
|
+
/** @hidden Handles list keyboard navigation and moves focus to the target notification. */
|
|
711
|
+
onListKeydown(event) {
|
|
712
|
+
if (!this._shouldHandleNavigation(event)) {
|
|
713
|
+
return;
|
|
714
|
+
}
|
|
715
|
+
const notificationList = this.notifications() ?? [];
|
|
716
|
+
if (!notificationList.length) {
|
|
717
|
+
return;
|
|
718
|
+
}
|
|
719
|
+
const currentIndex = this._resolveCurrentIndex(event.target, notificationList);
|
|
720
|
+
const targetIndex = this._resolveTargetIndex(event, currentIndex, notificationList.length);
|
|
721
|
+
if (targetIndex === null || targetIndex === currentIndex) {
|
|
722
|
+
return;
|
|
723
|
+
}
|
|
724
|
+
const focusedPath = currentIndex >= 0 ? (notificationList[currentIndex].getPathToChild(event.target) ?? []) : [];
|
|
725
|
+
notificationList[targetIndex].focusByPath(focusedPath);
|
|
726
|
+
event.preventDefault();
|
|
727
|
+
}
|
|
728
|
+
/** @hidden Returns the index of the notification that contains the current event target. */
|
|
729
|
+
_resolveCurrentIndex(target, notificationList) {
|
|
730
|
+
if (!(target instanceof HTMLElement)) {
|
|
731
|
+
return -1;
|
|
732
|
+
}
|
|
733
|
+
return notificationList.findIndex((notification) => notification.elementRef.nativeElement.contains(target));
|
|
734
|
+
}
|
|
735
|
+
/** @hidden Calculates which notification should receive focus for Arrow, Home, and End keys. */
|
|
736
|
+
_resolveTargetIndex(event, currentIndex, listLength) {
|
|
737
|
+
if (KeyUtil.isKeyCode(event, HOME)) {
|
|
738
|
+
return 0;
|
|
739
|
+
}
|
|
740
|
+
if (KeyUtil.isKeyCode(event, END)) {
|
|
741
|
+
return listLength - 1;
|
|
742
|
+
}
|
|
743
|
+
if (KeyUtil.isKeyCode(event, DOWN_ARROW)) {
|
|
744
|
+
if (currentIndex === -1) {
|
|
745
|
+
return 0;
|
|
746
|
+
}
|
|
747
|
+
return currentIndex < listLength - 1 ? currentIndex + 1 : currentIndex;
|
|
748
|
+
}
|
|
749
|
+
if (KeyUtil.isKeyCode(event, UP_ARROW)) {
|
|
750
|
+
if (currentIndex === -1) {
|
|
751
|
+
return listLength - 1;
|
|
752
|
+
}
|
|
753
|
+
return currentIndex > 0 ? currentIndex - 1 : currentIndex;
|
|
754
|
+
}
|
|
755
|
+
return null;
|
|
756
|
+
}
|
|
757
|
+
/** @hidden Allows navigation only for supported keys and non-editable targets. */
|
|
758
|
+
_shouldHandleNavigation(event) {
|
|
759
|
+
const isNavigationKey = KeyUtil.isKeyCode(event, DOWN_ARROW) ||
|
|
760
|
+
KeyUtil.isKeyCode(event, UP_ARROW) ||
|
|
761
|
+
KeyUtil.isKeyCode(event, HOME) ||
|
|
762
|
+
KeyUtil.isKeyCode(event, END);
|
|
763
|
+
if (!isNavigationKey) {
|
|
764
|
+
return false;
|
|
765
|
+
}
|
|
766
|
+
const target = event.target;
|
|
767
|
+
if (!(target instanceof HTMLElement)) {
|
|
768
|
+
return false;
|
|
769
|
+
}
|
|
770
|
+
if (target.isContentEditable) {
|
|
771
|
+
return false;
|
|
772
|
+
}
|
|
773
|
+
return !['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName);
|
|
774
|
+
}
|
|
705
775
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationGroupListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
706
|
-
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: [
|
|
776
|
+
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" }, listeners: { "keydown": "onListKeydown($event)" }, properties: { "attr.id": "id()" }, classAttribute: "fd-notification-group__list" }, providers: [
|
|
707
777
|
{
|
|
708
778
|
provide: FD_NOTIFICATION_GROUP_LIST,
|
|
709
779
|
useExisting: NotificationGroupListComponent
|
|
@@ -718,7 +788,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
718
788
|
host: {
|
|
719
789
|
class: 'fd-notification-group__list',
|
|
720
790
|
role: 'list',
|
|
721
|
-
'[attr.id]': 'id()'
|
|
791
|
+
'[attr.id]': 'id()',
|
|
792
|
+
'(keydown)': 'onListKeydown($event)'
|
|
722
793
|
},
|
|
723
794
|
providers: [
|
|
724
795
|
{
|
|
@@ -903,9 +974,14 @@ class NotificationRef {
|
|
|
903
974
|
}
|
|
904
975
|
|
|
905
976
|
class NotificationComponent extends AbstractFdNgxClass {
|
|
977
|
+
/** @hidden */
|
|
978
|
+
static { this._FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'; }
|
|
906
979
|
/** @hidden */
|
|
907
980
|
constructor() {
|
|
908
981
|
super();
|
|
982
|
+
/** Callback fired when Enter or Delete/Backspace is pressed on this notification. */
|
|
983
|
+
this.actionKeyHandler = input(null, /* @ts-ignore */
|
|
984
|
+
...(ngDevMode ? [{ debugName: "actionKeyHandler" }] : /* istanbul ignore next */ []));
|
|
909
985
|
/** @hidden */
|
|
910
986
|
this.containerRef = viewChild('vc', { ...(ngDevMode ? { debugName: "containerRef" } : /* istanbul ignore next */ {}), read: ViewContainerRef });
|
|
911
987
|
/** User defined width for the notification */
|
|
@@ -990,12 +1066,6 @@ class NotificationComponent extends AbstractFdNgxClass {
|
|
|
990
1066
|
this._updateExpandedClass();
|
|
991
1067
|
});
|
|
992
1068
|
}
|
|
993
|
-
/** @hidden Listen and close notification on Escape key */
|
|
994
|
-
_closeNotificationEsc(event) {
|
|
995
|
-
if (this.escKeyCloseable && KeyUtil.isKeyCode(event, ESCAPE) && this._notificationRef) {
|
|
996
|
-
this._notificationRef.dismiss('escape');
|
|
997
|
-
}
|
|
998
|
-
}
|
|
999
1069
|
/** @hidden */
|
|
1000
1070
|
ngOnInit() {
|
|
1001
1071
|
this._listenAndCloseOnNavigation();
|
|
@@ -1044,6 +1114,52 @@ class NotificationComponent extends AbstractFdNgxClass {
|
|
|
1044
1114
|
_setProperties() {
|
|
1045
1115
|
this._addClassToElement('fd-notification');
|
|
1046
1116
|
}
|
|
1117
|
+
/** @hidden Focuses the element at the same child path, or a close fallback if not found. */
|
|
1118
|
+
focusByPath(path) {
|
|
1119
|
+
const ownElement = this.elementRef.nativeElement;
|
|
1120
|
+
const matchedElement = this._resolvePathInNotification(path);
|
|
1121
|
+
if (matchedElement instanceof HTMLElement) {
|
|
1122
|
+
matchedElement.focus();
|
|
1123
|
+
return;
|
|
1124
|
+
}
|
|
1125
|
+
const fallbackFocusable = ownElement.querySelector(NotificationComponent._FOCUSABLE_SELECTOR);
|
|
1126
|
+
if (fallbackFocusable) {
|
|
1127
|
+
fallbackFocusable.focus();
|
|
1128
|
+
return;
|
|
1129
|
+
}
|
|
1130
|
+
ownElement.focus();
|
|
1131
|
+
}
|
|
1132
|
+
/** @hidden Returns the child index path from this notification to the target element. */
|
|
1133
|
+
getPathToChild(target) {
|
|
1134
|
+
if (!(target instanceof HTMLElement)) {
|
|
1135
|
+
return null;
|
|
1136
|
+
}
|
|
1137
|
+
const ownElement = this.elementRef.nativeElement;
|
|
1138
|
+
if (!ownElement.contains(target)) {
|
|
1139
|
+
return null;
|
|
1140
|
+
}
|
|
1141
|
+
return this._buildPathToNotification(target);
|
|
1142
|
+
}
|
|
1143
|
+
/** @hidden Listen and close notification on Escape key */
|
|
1144
|
+
closeNotificationEsc(event) {
|
|
1145
|
+
if (this.escKeyCloseable && KeyUtil.isKeyCode(event, ESCAPE) && this._notificationRef) {
|
|
1146
|
+
this._notificationRef.dismiss('escape');
|
|
1147
|
+
}
|
|
1148
|
+
}
|
|
1149
|
+
/** @hidden Calls the optional action callback when Enter or Delete/Backspace is pressed. */
|
|
1150
|
+
handleNotificationActionKeys(event) {
|
|
1151
|
+
const callbackFn = this.actionKeyHandler();
|
|
1152
|
+
if (!callbackFn || this._isEditableTarget(event.target)) {
|
|
1153
|
+
return;
|
|
1154
|
+
}
|
|
1155
|
+
if (KeyUtil.isKeyCode(event, ENTER)) {
|
|
1156
|
+
callbackFn(event, 'enter');
|
|
1157
|
+
return;
|
|
1158
|
+
}
|
|
1159
|
+
if (KeyUtil.isKeyCode(event, [DELETE, BACKSPACE])) {
|
|
1160
|
+
callbackFn(event, 'delete');
|
|
1161
|
+
}
|
|
1162
|
+
}
|
|
1047
1163
|
/** @hidden */
|
|
1048
1164
|
_observeNotificationResize() {
|
|
1049
1165
|
const el = this.elementRef.nativeElement;
|
|
@@ -1116,8 +1232,52 @@ class NotificationComponent extends AbstractFdNgxClass {
|
|
|
1116
1232
|
.filter((key) => key !== 'data' && key !== 'container')
|
|
1117
1233
|
.forEach((key) => (this[key] = notificationConfig[key]));
|
|
1118
1234
|
}
|
|
1235
|
+
/** @hidden Returns true when keyboard handling should not run for editable or nested interactive controls. */
|
|
1236
|
+
_isEditableTarget(target) {
|
|
1237
|
+
if (!(target instanceof HTMLElement)) {
|
|
1238
|
+
return false;
|
|
1239
|
+
}
|
|
1240
|
+
if (target.isContentEditable) {
|
|
1241
|
+
return true;
|
|
1242
|
+
}
|
|
1243
|
+
if (['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName)) {
|
|
1244
|
+
return true;
|
|
1245
|
+
}
|
|
1246
|
+
const interactiveContainer = target.closest('button, a[href], [role="button"], [role="link"]');
|
|
1247
|
+
return !!interactiveContainer && interactiveContainer !== this.elementRef.nativeElement;
|
|
1248
|
+
}
|
|
1249
|
+
/** @hidden Builds a path of child indexes from this notification root to the target element. */
|
|
1250
|
+
_buildPathToNotification(target) {
|
|
1251
|
+
const ownElement = this.elementRef.nativeElement;
|
|
1252
|
+
if (target === ownElement) {
|
|
1253
|
+
return [];
|
|
1254
|
+
}
|
|
1255
|
+
const path = [];
|
|
1256
|
+
let currentElement = target;
|
|
1257
|
+
while (currentElement && currentElement !== ownElement) {
|
|
1258
|
+
const parentElement = currentElement.parentElement;
|
|
1259
|
+
if (!parentElement) {
|
|
1260
|
+
break;
|
|
1261
|
+
}
|
|
1262
|
+
path.unshift(Array.from(parentElement.children).indexOf(currentElement));
|
|
1263
|
+
currentElement = parentElement;
|
|
1264
|
+
}
|
|
1265
|
+
return path;
|
|
1266
|
+
}
|
|
1267
|
+
/** @hidden Resolves a child-index path to an element inside this notification. */
|
|
1268
|
+
_resolvePathInNotification(path) {
|
|
1269
|
+
let currentElement = this.elementRef.nativeElement;
|
|
1270
|
+
for (const pathIndex of path) {
|
|
1271
|
+
const childElement = currentElement.children.item(pathIndex);
|
|
1272
|
+
if (!childElement) {
|
|
1273
|
+
return null;
|
|
1274
|
+
}
|
|
1275
|
+
currentElement = childElement;
|
|
1276
|
+
}
|
|
1277
|
+
return currentElement;
|
|
1278
|
+
}
|
|
1119
1279
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1120
|
-
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": "
|
|
1280
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: NotificationComponent, isStandalone: true, selector: "fd-notification", inputs: { actionKeyHandler: { classPropertyName: "actionKeyHandler", publicName: "actionKeyHandler", isSignal: true, isRequired: false, transformFunction: null }, 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: { "keydown": "handleNotificationActionKeys($event)", "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: [
|
|
1121
1281
|
{
|
|
1122
1282
|
provide: FD_NOTIFICATION,
|
|
1123
1283
|
useExisting: NotificationComponent
|
|
@@ -1125,7 +1285,7 @@ class NotificationComponent extends AbstractFdNgxClass {
|
|
|
1125
1285
|
], queries: [{ propertyName: "_notificationTitle", first: true, predicate: FD_NOTIFICATION_TITLE, descendants: true, isSignal: true }, { propertyName: "_notificationParagraph", first: true, predicate: FD_NOTIFICATION_PARAGRAPH, descendants: true, isSignal: true }, { propertyName: "_notificationFooter", first: true, predicate: FD_NOTIFICATION_FOOTER, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["vc"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
1126
1286
|
<ng-content></ng-content>
|
|
1127
1287
|
<ng-container #vc></ng-container>
|
|
1128
|
-
`, 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 }); }
|
|
1288
|
+
`, 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}.fd-notification-group__header{margin-block:0}\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 }); }
|
|
1129
1289
|
}
|
|
1130
1290
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
1131
1291
|
type: Component,
|
|
@@ -1141,14 +1301,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
1141
1301
|
'[attr.id]': 'id',
|
|
1142
1302
|
'[tabindex]': '0',
|
|
1143
1303
|
'[style.width]': 'width',
|
|
1144
|
-
'(
|
|
1304
|
+
'(keydown)': 'handleNotificationActionKeys($event)',
|
|
1305
|
+
'(window:keyup)': 'closeNotificationEsc($event)'
|
|
1145
1306
|
}, providers: [
|
|
1146
1307
|
{
|
|
1147
1308
|
provide: FD_NOTIFICATION,
|
|
1148
1309
|
useExisting: NotificationComponent
|
|
1149
1310
|
}
|
|
1150
|
-
], 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,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"] }]
|
|
1151
|
-
}], 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 }] }] } });
|
|
1311
|
+
], 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,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}.fd-notification-group__header{margin-block:0}\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"] }]
|
|
1312
|
+
}], ctorParameters: () => [], propDecorators: { actionKeyHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionKeyHandler", required: false }] }], 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 }] }] } });
|
|
1152
1313
|
|
|
1153
1314
|
class NotificationContainer {
|
|
1154
1315
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotificationContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|