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

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.
Files changed (131) hide show
  1. package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs +33 -50
  2. package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs.map +1 -1
  3. package/fesm2022/fundamental-ngx-core-avatar-group.mjs +9 -11
  4. package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
  5. package/fesm2022/fundamental-ngx-core-avatar.mjs +206 -293
  6. package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
  7. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +25 -12
  8. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
  9. package/fesm2022/fundamental-ngx-core-calendar.mjs +11 -14
  10. package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
  11. package/fesm2022/fundamental-ngx-core-card.mjs +13 -26
  12. package/fesm2022/fundamental-ngx-core-card.mjs.map +1 -1
  13. package/fesm2022/fundamental-ngx-core-carousel.mjs +11 -11
  14. package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
  15. package/fesm2022/fundamental-ngx-core-combobox.mjs +33 -7
  16. package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
  17. package/fesm2022/fundamental-ngx-core-dialog.mjs +13 -17
  18. package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
  19. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +32 -24
  20. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
  21. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +28 -30
  22. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
  23. package/fesm2022/fundamental-ngx-core-grid-list.mjs +12 -10
  24. package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
  25. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +202 -100
  26. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
  27. package/fesm2022/fundamental-ngx-core-layout-panel.mjs +72 -231
  28. package/fesm2022/fundamental-ngx-core-layout-panel.mjs.map +1 -1
  29. package/fesm2022/fundamental-ngx-core-list.mjs +12 -12
  30. package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
  31. package/fesm2022/fundamental-ngx-core-menu.mjs +28 -28
  32. package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
  33. package/fesm2022/fundamental-ngx-core-message-strip.mjs +85 -84
  34. package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
  35. package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +21 -24
  36. package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
  37. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +19 -12
  38. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  39. package/fesm2022/fundamental-ngx-core-multi-input.mjs +46 -39
  40. package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
  41. package/fesm2022/fundamental-ngx-core-nested-list.mjs +66 -103
  42. package/fesm2022/fundamental-ngx-core-nested-list.mjs.map +1 -1
  43. package/fesm2022/fundamental-ngx-core-notification.mjs +10 -12
  44. package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
  45. package/fesm2022/fundamental-ngx-core-object-marker.mjs +69 -59
  46. package/fesm2022/fundamental-ngx-core-object-marker.mjs.map +1 -1
  47. package/fesm2022/fundamental-ngx-core-object-status.mjs +92 -118
  48. package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
  49. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +27 -29
  50. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
  51. package/fesm2022/fundamental-ngx-core-pagination.mjs +17 -18
  52. package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
  53. package/fesm2022/fundamental-ngx-core-panel.mjs +7 -9
  54. package/fesm2022/fundamental-ngx-core-panel.mjs.map +1 -1
  55. package/fesm2022/fundamental-ngx-core-popover.mjs +10 -15
  56. package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
  57. package/fesm2022/fundamental-ngx-core-product-switch.mjs +12 -15
  58. package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
  59. package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +18 -20
  60. package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs.map +1 -1
  61. package/fesm2022/fundamental-ngx-core-segmented-button.mjs +8 -11
  62. package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
  63. package/fesm2022/fundamental-ngx-core-select.mjs +6 -8
  64. package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
  65. package/fesm2022/fundamental-ngx-core-settings.mjs +9 -12
  66. package/fesm2022/fundamental-ngx-core-settings.mjs.map +1 -1
  67. package/fesm2022/fundamental-ngx-core-shellbar.mjs +48 -34
  68. package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
  69. package/fesm2022/fundamental-ngx-core-slider.mjs +30 -31
  70. package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
  71. package/fesm2022/fundamental-ngx-core-status-indicator.mjs +137 -131
  72. package/fesm2022/fundamental-ngx-core-status-indicator.mjs.map +1 -1
  73. package/fesm2022/fundamental-ngx-core-tabs.mjs +21 -17
  74. package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
  75. package/fesm2022/fundamental-ngx-core-tile.mjs +375 -631
  76. package/fesm2022/fundamental-ngx-core-tile.mjs.map +1 -1
  77. package/fesm2022/fundamental-ngx-core-time.mjs +7 -9
  78. package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
  79. package/fesm2022/fundamental-ngx-core-token.mjs +11 -13
  80. package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
  81. package/fesm2022/fundamental-ngx-core-toolbar.mjs +2 -2
  82. package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
  83. package/fesm2022/fundamental-ngx-core-tree.mjs +2 -2
  84. package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
  85. package/fesm2022/fundamental-ngx-core-user-menu.mjs +63 -21
  86. package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
  87. package/fesm2022/fundamental-ngx-core-wizard.mjs +1 -1
  88. package/fesm2022/fundamental-ngx-core-wizard.mjs.map +1 -1
  89. package/package.json +4 -4
  90. package/types/fundamental-ngx-core-avatar-group-legacy.d.ts +15 -17
  91. package/types/fundamental-ngx-core-avatar-group.d.ts +1 -1
  92. package/types/fundamental-ngx-core-avatar.d.ts +66 -86
  93. package/types/fundamental-ngx-core-breadcrumb.d.ts +13 -5
  94. package/types/fundamental-ngx-core-calendar.d.ts +3 -4
  95. package/types/fundamental-ngx-core-card.d.ts +4 -11
  96. package/types/fundamental-ngx-core-carousel.d.ts +3 -3
  97. package/types/fundamental-ngx-core-combobox.d.ts +8 -1
  98. package/types/fundamental-ngx-core-dialog.d.ts +2 -4
  99. package/types/fundamental-ngx-core-dynamic-page.d.ts +0 -6
  100. package/types/fundamental-ngx-core-fixed-card-layout.d.ts +7 -7
  101. package/types/fundamental-ngx-core-grid-list.d.ts +6 -4
  102. package/types/fundamental-ngx-core-illustrated-message.d.ts +165 -31
  103. package/types/fundamental-ngx-core-layout-panel.d.ts +19 -131
  104. package/types/fundamental-ngx-core-list.d.ts +8 -6
  105. package/types/fundamental-ngx-core-menu.d.ts +16 -13
  106. package/types/fundamental-ngx-core-message-strip.d.ts +5 -2
  107. package/types/fundamental-ngx-core-micro-process-flow.d.ts +8 -6
  108. package/types/fundamental-ngx-core-multi-combobox.d.ts +8 -5
  109. package/types/fundamental-ngx-core-multi-input.d.ts +24 -16
  110. package/types/fundamental-ngx-core-nested-list.d.ts +19 -33
  111. package/types/fundamental-ngx-core-notification.d.ts +2 -2
  112. package/types/fundamental-ngx-core-object-marker.d.ts +47 -27
  113. package/types/fundamental-ngx-core-object-status.d.ts +49 -48
  114. package/types/fundamental-ngx-core-overflow-layout.d.ts +10 -10
  115. package/types/fundamental-ngx-core-pagination.d.ts +7 -8
  116. package/types/fundamental-ngx-core-panel.d.ts +2 -4
  117. package/types/fundamental-ngx-core-popover.d.ts +7 -5
  118. package/types/fundamental-ngx-core-product-switch.d.ts +5 -4
  119. package/types/fundamental-ngx-core-resizable-card-layout.d.ts +10 -8
  120. package/types/fundamental-ngx-core-segmented-button.d.ts +5 -4
  121. package/types/fundamental-ngx-core-select.d.ts +4 -5
  122. package/types/fundamental-ngx-core-settings.d.ts +7 -10
  123. package/types/fundamental-ngx-core-shellbar.d.ts +23 -14
  124. package/types/fundamental-ngx-core-slider.d.ts +18 -13
  125. package/types/fundamental-ngx-core-status-indicator.d.ts +42 -58
  126. package/types/fundamental-ngx-core-tabs.d.ts +9 -7
  127. package/types/fundamental-ngx-core-tile.d.ts +114 -243
  128. package/types/fundamental-ngx-core-time.d.ts +5 -4
  129. package/types/fundamental-ngx-core-token.d.ts +5 -4
  130. package/types/fundamental-ngx-core-tree.d.ts +1 -1
  131. package/types/fundamental-ngx-core-user-menu.d.ts +25 -21
@@ -545,7 +545,7 @@ class NotificationGroupHeaderComponent extends NotificationGroupBaseDirective {
545
545
  /** @hidden */
546
546
  this.expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
547
547
  /** @hidden */
548
- this._buttonIcon$ = computed(() => this.expanded() ? 'slim-arrow-down' : this._rtlService?.rtlSignal() ? 'slim-arrow-left' : 'slim-arrow-right', ...(ngDevMode ? [{ debugName: "_buttonIcon$" }] : []));
548
+ this._buttonIcon = computed(() => this.expanded() ? 'slim-arrow-down' : this._rtlService?.rtl() ? 'slim-arrow-left' : 'slim-arrow-right', ...(ngDevMode ? [{ debugName: "_buttonIcon" }] : []));
549
549
  /** @hidden */
550
550
  this._rtlService = inject(RtlService, { optional: true });
551
551
  /** @hidden */
@@ -578,7 +578,7 @@ class NotificationGroupHeaderComponent extends NotificationGroupBaseDirective {
578
578
  }
579
579
  ], usesInheritance: true, ngImport: i0, template: `
580
580
  <span class="fd-notification-group__header-arrow">
581
- <fd-icon [glyph]="_buttonIcon$()"></fd-icon>
581
+ <fd-icon [glyph]="_buttonIcon()"></fd-icon>
582
582
  </span>
583
583
  <ng-content select="fd-notification-group-header-title"></ng-content>
584
584
  <ng-content></ng-content>
@@ -590,7 +590,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
590
590
  selector: 'fd-notification-group-header',
591
591
  template: `
592
592
  <span class="fd-notification-group__header-arrow">
593
- <fd-icon [glyph]="_buttonIcon$()"></fd-icon>
593
+ <fd-icon [glyph]="_buttonIcon()"></fd-icon>
594
594
  </span>
595
595
  <ng-content select="fd-notification-group-header-title"></ng-content>
596
596
  <ng-content></ng-content>
@@ -847,7 +847,7 @@ class NotificationComponent extends AbstractFdNgxClass {
847
847
  /** Whether the notificatioon is in mobile mode */
848
848
  this.mobile = input(false, ...(ngDevMode ? [{ debugName: "mobile" }] : []));
849
849
  /** @hidden */
850
- this._dir$ = computed(() => (this._rtlService?.rtlSignal() ? 'rtl' : 'ltr'), ...(ngDevMode ? [{ debugName: "_dir$" }] : []));
850
+ this._dir = computed(() => (this._rtlService?.rtl() ? 'rtl' : 'ltr'), ...(ngDevMode ? [{ debugName: "_dir" }] : []));
851
851
  /**
852
852
  * aria-level of the Notificaion
853
853
  * should be set to 2 in Notification Group
@@ -1040,7 +1040,7 @@ class NotificationComponent extends AbstractFdNgxClass {
1040
1040
  .forEach((key) => (this[key] = notificationConfig[key]));
1041
1041
  }
1042
1042
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1043
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: NotificationComponent, isStandalone: true, selector: "fd-notification", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, mobile: { classPropertyName: "mobile", publicName: "mobile", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:keyup": "_closeNotificationEsc($event)" }, properties: { "attr.aria-labelledby": "ariaLabelledBy()", "attr.aria-label": "ariaLabel", "attr.aria-level": "ariaLevel()", "attr.role": "role()", "attr.dir": "_dir$()", "attr.id": "id", "tabindex": "0", "style.width": "width" } }, providers: [
1043
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: NotificationComponent, isStandalone: true, selector: "fd-notification", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, mobile: { classPropertyName: "mobile", publicName: "mobile", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:keyup": "_closeNotificationEsc($event)" }, properties: { "attr.aria-labelledby": "ariaLabelledBy()", "attr.aria-label": "ariaLabel", "attr.aria-level": "ariaLevel()", "attr.role": "role()", "attr.dir": "_dir()", "attr.id": "id", "tabindex": "0", "style.width": "width" } }, providers: [
1044
1044
  {
1045
1045
  provide: FD_NOTIFICATION,
1046
1046
  useExisting: NotificationComponent
@@ -1060,20 +1060,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
1060
1060
  '[attr.aria-label]': 'ariaLabel',
1061
1061
  '[attr.aria-level]': 'ariaLevel()',
1062
1062
  '[attr.role]': 'role()',
1063
- '[attr.dir]': '_dir$()',
1063
+ '[attr.dir]': '_dir()',
1064
1064
  '[attr.id]': 'id',
1065
1065
  '[tabindex]': '0',
1066
- '[style.width]': 'width'
1066
+ '[style.width]': 'width',
1067
+ '(window:keyup)': '_closeNotificationEsc($event)'
1067
1068
  }, providers: [
1068
1069
  {
1069
1070
  provide: FD_NOTIFICATION,
1070
1071
  useExisting: NotificationComponent
1071
1072
  }
1072
- ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: ["@charset \"UTF-8\";.fd-link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display,inline-block);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-shadow:var(--sapContent_TextShadow);-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;line-height:var(--fdLink_Line_Height,1.125rem);-webkit-text-decoration:var(--fdLink_Text_Decoration,none);text-decoration:var(--fdLink_Text_Decoration,none);text-underline-offset:.125rem;-webkit-transition:all .125s ease-in;transition:all .125s ease-in}.fd-link:after,.fd-link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration,none);text-decoration:var(--fdLink_Text_Content_Decoration,none)}.fd-link.is-hover,.fd-link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-link.is-focus,.fd-link:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-link.is-active,.fd-link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-link--emphasized{font-family:var(--sapFontBoldFamily)}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link.is-hover,.fd-link:hover{color:var(--sapLink_Hover_Color)}.fd-link.is-focus,.fd-link:focus{background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);-webkit-box-shadow:none;box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline:var(--fdLink_Hover_Outline_Color) var(--fdLink_Hover_Outline_Style) var(--fdLink_Hover_Outline_Width);outline-offset:var(--fdLink_Hover_Outline_Offset);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-link.is-active,.fd-link:active{color:var(--sapLink_Active_Color)}.fd-link.is-active.is-focus,.fd-link.is-active:focus,.fd-link:active.is-focus,.fd-link:active:focus{background-color:transparent;z-index:5}.fd-link--inverted{text-shadow:none}.fd-link--inverted,.fd-link--inverted.is-hover,.fd-link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted.is-focus,.fd-link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{-webkit-margin-end:var(--fdLink_Icon_Spacing,0);margin-inline-end:var(--fdLink_Icon_Spacing,0)}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{-webkit-margin-start:var(--fdLink_Icon_Spacing,0);margin-inline-start:var(--fdLink_Icon_Spacing,0)}.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon],.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon]{color:var(--sapLink_Hover_Color);-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);text-decoration:var(--fdLink_Text_Decoration_Hover)}.fd-link.is-focus,.fd-link:focus{z-index:5}.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon],.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon]{color:var(--fdLink_Text_Focus_Color);-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);text-decoration:var(--fdLink_Text_Decoration_Focus)}.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon],.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon]{color:var(--sapLink_Active_Color);-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);text-decoration:var(--fdLink_Text_Decoration_Active)}.fd-link:visited:not(:focus) [class*=sap-icon],.fd-link:visited:not(:focus)[class*=sap-icon]{color:var(--sapLink_Visited_Color)}.fd-notification{--fdNotification_Content_Gap:.75rem;--fdNotification_Actions_Offset:-.25rem;--fdNotification_Title_Font_Weight:normal;--fdNotification_Title_Line_Height:1.25rem;--fdNotification_Title_One_Button_Offset:2rem;--fdNotification_Title_Two_Buttons_Offset:4.375rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--fdNotification_Background:var(--sapList_Background);--fdNotification_Title_Color:var(--sapList_TextColor);--fdNotification_Paragraph_Color:var(--sapList_TextColor);--fdNotification_Separator_Color:var(--sapContent_LabelColor);--fdNotification_Footer_Content_Color:var(--sapContent_LabelColor);--fdNotification_Border_Block_End_Color:var(--sapList_BorderColor);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color);background:var(--fdNotification_Background);border-block-end-color:var(--fdNotification_Border_Block_End_Color);border-block-start-color:var(--fdNotification_Border_Block_Start_Color);border-inline-color:var(--fdNotification_Border_Inline_Color);border-radius:var(--fdNotification_Border_Radius);border-style:solid;border-width:var(--sapList_BorderWidth);cursor:pointer}.fd-notification:after,.fd-notification:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification.is-hover,.fd-notification:hover{--fdNotification_Background:var(--fdNotification_Background_Hover)}.fd-notification.is-active,.fd-notification:active{--fdNotification_Background:var(--fdNotification_Background_Active);--fdNotification_Title_Color:var(--fdNotification_Title_Color_Active);--fdNotification_Paragraph_Color:var(--fdNotification_Paragraph_Color_Active);--fdNotification_Footer_Content_Color:var(--fdNotification_Footer_Content_Color_Active);--fdNotification_Separator_Color:var(--fdNotification_Separator_Color_Active);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Inline_Color_Active);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Block_Start_Color_Active);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Active)}.fd-notification.is-selected,.fd-notification[aria-selected=true]{--fdNotification_Background:var(--fdNotification_Background_Selected);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color_Selected);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color_Selected);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Selected)}.fd-notification.is-selected.is-hover,.fd-notification.is-selected:hover,.fd-notification[aria-selected=true].is-hover,.fd-notification[aria-selected=true]:hover{--fdNotification_Background:var(--fdNotification_Background_Selected_Hover)}.fd-notification.is-focus,.fd-notification:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.25rem;z-index:5}.fd-notification:has(.fd-notification__actions):has(button) .fd-notification__title{-webkit-padding-end:var(--fdNotification_Title_One_Button_Offset);padding-inline-end:var(--fdNotification_Title_One_Button_Offset)}.fd-notification:has(.fd-notification__actions):has(button+button) .fd-notification__title{-webkit-padding-end:var(--fdNotification_Title_Two_Buttons_Offset);padding-inline-end:var(--fdNotification_Title_Two_Buttons_Offset)}.fd-notification__body{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.75rem;padding-block:1rem;padding-inline:1rem;position:relative}.fd-notification__body:after,.fd-notification__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:var(--fdNotification_Content_Gap);width:100%}.fd-notification__content:after,.fd-notification__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.25rem;width:100%}.fd-notification__header:after,.fd-notification__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__header>[class*=sap-icon]{-webkit-padding-before:.125rem;padding-block-start:.125rem}.fd-notification__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;right:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.125rem;padding-block:.5rem 0;padding-inline:.25rem .5rem;position:absolute;top:0}.fd-notification__actions:after,.fd-notification__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__actions[dir=rtl],[dir=rtl] .fd-notification__actions{left:0;right:auto}.fd-notification__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-flex:1;color:var(--sapList_TextColor);-ms-flex:1;flex:1;font-size:var(--sapFontHeader6Size);font-weight:var(--fdNotification_Title_Font_Weight);line-height:var(--fdNotification_Title_Line_Height);max-height:calc(var(--fdNotification_Title_Line_Height)*2)}.fd-notification__title:after,.fd-notification__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__title--unread{--fdNotification_Title_Font_Weight:bold}.fd-notification__paragraph{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--sapList_TextColor);font-size:var(--sapFontSize);max-height:2.75rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-notification__paragraph:after,.fd-notification__paragraph:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__footer{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-notification__footer:after,.fd-notification__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__footer-content{color:var(--sapContent_LabelColor);max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-notification__footer-content:only-child{max-width:100%}.fd-notification__separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-inline:.5rem;padding-block:0;padding-inline:0}.fd-notification__separator:after,.fd-notification__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__separator:before{content:\"\\b7\"}.fd-notification__message-strip-container{padding-block:1rem 0;padding-inline:1rem .5rem}.fd-notification__message-strip-container:empty{padding-block:0;padding-inline:0}.fd-notification__message-strip-container:has(.fd-has-display-none){padding-block:0;padding-inline:0}.fd-notification .fd-notification__link{-webkit-margin-start:1rem;margin-inline-start:1rem}.fd-notification-message-strip{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem}.fd-notification-message-strip:after,.fd-notification-message-strip:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-list:after,.fd-notification-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group:after,.fd-notification-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__wrapper{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group__wrapper:after,.fd-notification-group__wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapList_GroupHeaderBackground);cursor:pointer;gap:.75rem;height:var(--sapElement_LineHeight);margin-block:var(--fdNotification_Group_Header_Margin_Block);padding-inline:.5rem;-webkit-border-after:var(--sapList_BorderWidth) solid var(--fdNotification_Group_Header_Border_Bottom_Color);border-block-end:var(--sapList_BorderWidth) solid var(--fdNotification_Group_Header_Border_Bottom_Color)}.fd-notification-group__header:after,.fd-notification-group__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__header.is-focus,.fd-notification-group__header:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.25rem;z-index:5}.fd-notification-group__header-arrow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;margin-inline:.5rem}.fd-notification-group__header-arrow:after,.fd-notification-group__header-arrow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__header-arrow [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_IconColor);height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-notification-group__header-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNotification_Group_Header_Title_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--fdNotification_Group_Header_Title_Font_Size);font-weight:400;font-weight:var(--fdNotification_Group_Header_Title_Font_Weight);forced-color-adjust:none;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-notification-group__header-title:after,.fd-notification-group__header-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNotification_Group_List_Gap);list-style:none;margin-block:var(--fdNotification_Group_List_Margin_Block);margin-inline:var(--fdNotification_Group_List_Margin_Inline)}.fd-notification-group__list:after,.fd-notification-group__list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__growing-item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;--fdNotification_Background:var(--sapList_Background);--fdNotification_Title_Color:var(--sapList_TextColor);--fdNotification_Paragraph_Color:var(--sapList_TextColor);--fdNotification_Separator_Color:var(--sapContent_LabelColor);--fdNotification_Footer_Content_Color:var(--sapContent_LabelColor);--fdNotification_Border_Block_End_Color:var(--sapList_BorderColor);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color);background:var(--fdNotification_Background);border-block-end-color:var(--fdNotification_Border_Block_End_Color);border-block-start-color:var(--fdNotification_Border_Block_Start_Color);border-inline-color:var(--fdNotification_Border_Inline_Color);border-radius:var(--fdNotification_Border_Radius);border-style:solid;border-width:var(--sapList_BorderWidth);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-inline:var(--fdNotification_Growing_Item_Margin_Inline);padding-block:1rem;padding-inline:1rem;-webkit-margin-after:var(--fdNotification_Growing_Item_Margin_Block_End);margin-block-end:var(--fdNotification_Growing_Item_Margin_Block_End)}.fd-notification-group__growing-item:after,.fd-notification-group__growing-item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__growing-item.is-hover,.fd-notification-group__growing-item:hover{--fdNotification_Background:var(--fdNotification_Background_Hover)}.fd-notification-group__growing-item.is-active,.fd-notification-group__growing-item:active{--fdNotification_Background:var(--fdNotification_Background_Active);--fdNotification_Title_Color:var(--fdNotification_Title_Color_Active);--fdNotification_Paragraph_Color:var(--fdNotification_Paragraph_Color_Active);--fdNotification_Footer_Content_Color:var(--fdNotification_Footer_Content_Color_Active);--fdNotification_Separator_Color:var(--fdNotification_Separator_Color_Active);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Inline_Color_Active);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Block_Start_Color_Active);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Active)}.fd-notification-group__growing-item.is-selected,.fd-notification-group__growing-item[aria-selected=true]{--fdNotification_Background:var(--fdNotification_Background_Selected);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color_Selected);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color_Selected);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Selected)}.fd-notification-group__growing-item.is-selected.is-hover,.fd-notification-group__growing-item.is-selected:hover,.fd-notification-group__growing-item[aria-selected=true].is-hover,.fd-notification-group__growing-item[aria-selected=true]:hover{--fdNotification_Background:var(--fdNotification_Background_Selected_Hover)}.fd-notification-group__growing-item.is-focus,.fd-notification-group__growing-item:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.25rem;z-index:5}.fd-notification-group__growing-item-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNotification_Growing_Item_Title_Color);font-family:var(--sapFontFamily);font-family:var(--fdNotification_Growing_Item_Title_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdNotification_Growing_Item_Title_Font_Size);font-weight:400;font-weight:var(--fdNotification_Growing_Item_Title_Font_Weight);forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group__growing-item-title:after,.fd-notification-group__growing-item-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__growing-item-subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group__growing-item-subtitle:after,.fd-notification-group__growing-item-subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-popover{--fdNotification_Popover_Width:27rem;--fdNotification_Popover_Max_Width:27rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-height:40rem;max-width:var(--fdNotification_Popover_Max_Width);overflow-y:scroll;padding-block:0;padding-inline:0;width:var(--fdNotification_Popover_Width)}.fd-notification-popover:after,.fd-notification-popover:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media(width<=599px){.fd-notification-popover{--fdNotification_Popover_Width:auto;--fdNotification_Popover_Max_Width:25rem}}.fd-notification-banner{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;right:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:absolute;-webkit-margin-end:2rem;margin-inline-end:2rem;-webkit-margin-before:2rem;margin-block-start:2rem;max-width:var(--fdNotification_Popover_Max_Width,26rem)}.fd-notification-banner:after,.fd-notification-banner:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-banner[dir=rtl],[dir=rtl] .fd-notification-banner{left:0;right:auto}.fd-notification-banner .fd-notification{-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2);width:100%}@media(width<=599px){.fd-notification-banner .fd-notification{--fdNotification_Popover_Max_Width:24rem}}.fd-notification[class*=-compact],[class*=-compact] .fd-notification:not([class*=-cozy]){--fdNotification_Content_Gap:.5rem;--fdNotification_Title_Offset:4rem;--fdNotification_Title_One_Button_Offset:2.75rem;--fdNotification_Title_Two_Buttons_Offset:4.875rem}.fd-notification{display:flex}.fd-notification-message-strip:has(.fd-has-display-none){padding-block:0;padding-inline:0}.fd-notification-container .fd-notification{margin-block-end:.5rem}.fd-notification__title.is-expanded,.fd-notification__paragraph.is-expanded{display:block;overflow:visible;max-height:max-content}\n/*! Bundled license information:\n\nfundamental-styles/dist/notification.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
1073
- }], ctorParameters: () => [], propDecorators: { containerRef: [{ type: i0.ViewChild, args: ['vc', { ...{ read: ViewContainerRef }, isSignal: true }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], mobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobile", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], _notificationTitle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_NOTIFICATION_TITLE), { isSignal: true }] }], _notificationParagraph: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_NOTIFICATION_PARAGRAPH), { isSignal: true }] }], _notificationFooter: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FD_NOTIFICATION_FOOTER), { isSignal: true }] }], _closeNotificationEsc: [{
1074
- type: HostListener,
1075
- args: ['window:keyup', ['$event']]
1076
- }] } });
1073
+ ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@charset \"UTF-8\";.fd-link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display,inline-block);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-shadow:var(--sapContent_TextShadow);-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;line-height:var(--fdLink_Line_Height,1.125rem);-webkit-text-decoration:var(--fdLink_Text_Decoration,none);text-decoration:var(--fdLink_Text_Decoration,none);text-underline-offset:.125rem;-webkit-transition:all .125s ease-in;transition:all .125s ease-in}.fd-link:after,.fd-link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration,none);text-decoration:var(--fdLink_Text_Content_Decoration,none)}.fd-link.is-hover,.fd-link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-link.is-focus,.fd-link:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-link.is-active,.fd-link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-link--emphasized{font-family:var(--sapFontBoldFamily)}.fd-link:visited{color:var(--sapLink_Visited_Color)}.fd-link.is-hover,.fd-link:hover{color:var(--sapLink_Hover_Color)}.fd-link.is-focus,.fd-link:focus{background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);-webkit-box-shadow:none;box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline:var(--fdLink_Hover_Outline_Color) var(--fdLink_Hover_Outline_Style) var(--fdLink_Hover_Outline_Width);outline-offset:var(--fdLink_Hover_Outline_Offset);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-link.is-active,.fd-link:active{color:var(--sapLink_Active_Color)}.fd-link.is-active.is-focus,.fd-link.is-active:focus,.fd-link:active.is-focus,.fd-link:active:focus{background-color:transparent;z-index:5}.fd-link--inverted{text-shadow:none}.fd-link--inverted,.fd-link--inverted.is-hover,.fd-link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-link--inverted.is-focus,.fd-link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-link--subtle{color:var(--sapLink_SubtleColor)}.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-link>img{vertical-align:bottom}.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{-webkit-margin-end:var(--fdLink_Icon_Spacing,0);margin-inline-end:var(--fdLink_Icon_Spacing,0)}.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{-webkit-margin-start:var(--fdLink_Icon_Spacing,0);margin-inline-start:var(--fdLink_Icon_Spacing,0)}.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon],.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon]{color:var(--sapLink_Hover_Color);-webkit-text-decoration:var(--fdLink_Text_Decoration_Hover);text-decoration:var(--fdLink_Text_Decoration_Hover)}.fd-link.is-focus,.fd-link:focus{z-index:5}.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon],.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon]{color:var(--fdLink_Text_Focus_Color);-webkit-text-decoration:var(--fdLink_Text_Decoration_Focus);text-decoration:var(--fdLink_Text_Decoration_Focus)}.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon],.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon]{color:var(--sapLink_Active_Color);-webkit-text-decoration:var(--fdLink_Text_Decoration_Active);text-decoration:var(--fdLink_Text_Decoration_Active)}.fd-link:visited:not(:focus) [class*=sap-icon],.fd-link:visited:not(:focus)[class*=sap-icon]{color:var(--sapLink_Visited_Color)}.fd-notification{--fdNotification_Content_Gap:.75rem;--fdNotification_Actions_Offset:-.25rem;--fdNotification_Title_Font_Weight:normal;--fdNotification_Title_Line_Height:1.25rem;--fdNotification_Title_One_Button_Offset:2rem;--fdNotification_Title_Two_Buttons_Offset:4.375rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--fdNotification_Background:var(--sapList_Background);--fdNotification_Title_Color:var(--sapList_TextColor);--fdNotification_Paragraph_Color:var(--sapList_TextColor);--fdNotification_Separator_Color:var(--sapContent_LabelColor);--fdNotification_Footer_Content_Color:var(--sapContent_LabelColor);--fdNotification_Border_Block_End_Color:var(--sapList_BorderColor);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color);background:var(--fdNotification_Background);border-block-end-color:var(--fdNotification_Border_Block_End_Color);border-block-start-color:var(--fdNotification_Border_Block_Start_Color);border-inline-color:var(--fdNotification_Border_Inline_Color);border-radius:var(--fdNotification_Border_Radius);border-style:solid;border-width:var(--sapList_BorderWidth);cursor:pointer}.fd-notification:after,.fd-notification:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification.is-hover,.fd-notification:hover{--fdNotification_Background:var(--fdNotification_Background_Hover)}.fd-notification.is-active,.fd-notification:active{--fdNotification_Background:var(--fdNotification_Background_Active);--fdNotification_Title_Color:var(--fdNotification_Title_Color_Active);--fdNotification_Paragraph_Color:var(--fdNotification_Paragraph_Color_Active);--fdNotification_Footer_Content_Color:var(--fdNotification_Footer_Content_Color_Active);--fdNotification_Separator_Color:var(--fdNotification_Separator_Color_Active);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Inline_Color_Active);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Block_Start_Color_Active);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Active)}.fd-notification.is-selected,.fd-notification[aria-selected=true]{--fdNotification_Background:var(--fdNotification_Background_Selected);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color_Selected);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color_Selected);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Selected)}.fd-notification.is-selected.is-hover,.fd-notification.is-selected:hover,.fd-notification[aria-selected=true].is-hover,.fd-notification[aria-selected=true]:hover{--fdNotification_Background:var(--fdNotification_Background_Selected_Hover)}.fd-notification.is-focus,.fd-notification:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.25rem;z-index:5}.fd-notification:has(.fd-notification__actions):has(button) .fd-notification__title{-webkit-padding-end:var(--fdNotification_Title_One_Button_Offset);padding-inline-end:var(--fdNotification_Title_One_Button_Offset)}.fd-notification:has(.fd-notification__actions):has(button+button) .fd-notification__title{-webkit-padding-end:var(--fdNotification_Title_Two_Buttons_Offset);padding-inline-end:var(--fdNotification_Title_Two_Buttons_Offset)}.fd-notification__body{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.75rem;padding-block:1rem;padding-inline:1rem;position:relative}.fd-notification__body:after,.fd-notification__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:var(--fdNotification_Content_Gap);width:100%}.fd-notification__content:after,.fd-notification__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.25rem;width:100%}.fd-notification__header:after,.fd-notification__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__header>[class*=sap-icon]{-webkit-padding-before:.125rem;padding-block-start:.125rem}.fd-notification__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;right:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.125rem;padding-block:.5rem 0;padding-inline:.25rem .5rem;position:absolute;top:0}.fd-notification__actions:after,.fd-notification__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__actions[dir=rtl],[dir=rtl] .fd-notification__actions{left:0;right:auto}.fd-notification__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-flex:1;color:var(--sapList_TextColor);-ms-flex:1;flex:1;font-size:var(--sapFontHeader6Size);font-weight:var(--fdNotification_Title_Font_Weight);line-height:var(--fdNotification_Title_Line_Height);max-height:calc(var(--fdNotification_Title_Line_Height)*2)}.fd-notification__title:after,.fd-notification__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__title--unread{--fdNotification_Title_Font_Weight:bold}.fd-notification__paragraph{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--sapList_TextColor);font-size:var(--sapFontSize);max-height:2.75rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-notification__paragraph:after,.fd-notification__paragraph:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__footer{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-notification__footer:after,.fd-notification__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__footer-content{color:var(--sapContent_LabelColor);max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-notification__footer-content:only-child{max-width:100%}.fd-notification__separator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-inline:.5rem;padding-block:0;padding-inline:0}.fd-notification__separator:after,.fd-notification__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification__separator:before{content:\"\\b7\"}.fd-notification__message-strip-container{padding-block:1rem 0;padding-inline:1rem .5rem}.fd-notification__message-strip-container:empty{padding-block:0;padding-inline:0}.fd-notification__message-strip-container:has(.fd-has-display-none){padding-block:0;padding-inline:0}.fd-notification .fd-notification__link{-webkit-margin-start:1rem;margin-inline-start:1rem}.fd-notification-message-strip{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem}.fd-notification-message-strip:after,.fd-notification-message-strip:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-list:after,.fd-notification-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group:after,.fd-notification-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__wrapper{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group__wrapper:after,.fd-notification-group__wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapList_GroupHeaderBackground);cursor:pointer;gap:.75rem;height:var(--sapElement_LineHeight);margin-block:var(--fdNotification_Group_Header_Margin_Block);padding-inline:.5rem;-webkit-border-after:var(--sapList_BorderWidth) solid var(--fdNotification_Group_Header_Border_Bottom_Color);border-block-end:var(--sapList_BorderWidth) solid var(--fdNotification_Group_Header_Border_Bottom_Color)}.fd-notification-group__header:after,.fd-notification-group__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__header.is-focus,.fd-notification-group__header:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.25rem;z-index:5}.fd-notification-group__header-arrow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;margin-inline:.5rem}.fd-notification-group__header-arrow:after,.fd-notification-group__header-arrow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__header-arrow [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_IconColor);height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-notification-group__header-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNotification_Group_Header_Title_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--fdNotification_Group_Header_Title_Font_Size);font-weight:400;font-weight:var(--fdNotification_Group_Header_Title_Font_Weight);forced-color-adjust:none;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap}.fd-notification-group__header-title:after,.fd-notification-group__header-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--fdNotification_Group_List_Gap);list-style:none;margin-block:var(--fdNotification_Group_List_Margin_Block);margin-inline:var(--fdNotification_Group_List_Margin_Inline)}.fd-notification-group__list:after,.fd-notification-group__list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__growing-item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;--fdNotification_Background:var(--sapList_Background);--fdNotification_Title_Color:var(--sapList_TextColor);--fdNotification_Paragraph_Color:var(--sapList_TextColor);--fdNotification_Separator_Color:var(--sapContent_LabelColor);--fdNotification_Footer_Content_Color:var(--sapContent_LabelColor);--fdNotification_Border_Block_End_Color:var(--sapList_BorderColor);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color);background:var(--fdNotification_Background);border-block-end-color:var(--fdNotification_Border_Block_End_Color);border-block-start-color:var(--fdNotification_Border_Block_Start_Color);border-inline-color:var(--fdNotification_Border_Inline_Color);border-radius:var(--fdNotification_Border_Radius);border-style:solid;border-width:var(--sapList_BorderWidth);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-inline:var(--fdNotification_Growing_Item_Margin_Inline);padding-block:1rem;padding-inline:1rem;-webkit-margin-after:var(--fdNotification_Growing_Item_Margin_Block_End);margin-block-end:var(--fdNotification_Growing_Item_Margin_Block_End)}.fd-notification-group__growing-item:after,.fd-notification-group__growing-item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__growing-item.is-hover,.fd-notification-group__growing-item:hover{--fdNotification_Background:var(--fdNotification_Background_Hover)}.fd-notification-group__growing-item.is-active,.fd-notification-group__growing-item:active{--fdNotification_Background:var(--fdNotification_Background_Active);--fdNotification_Title_Color:var(--fdNotification_Title_Color_Active);--fdNotification_Paragraph_Color:var(--fdNotification_Paragraph_Color_Active);--fdNotification_Footer_Content_Color:var(--fdNotification_Footer_Content_Color_Active);--fdNotification_Separator_Color:var(--fdNotification_Separator_Color_Active);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Inline_Color_Active);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Block_Start_Color_Active);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Active)}.fd-notification-group__growing-item.is-selected,.fd-notification-group__growing-item[aria-selected=true]{--fdNotification_Background:var(--fdNotification_Background_Selected);--fdNotification_Border_Inline_Color:var(--fdNotification_Border_Left_Right_Color_Selected);--fdNotification_Border_Block_Start_Color:var(--fdNotification_Border_Top_Color_Selected);--fdNotification_Border_Block_End_Color:var(--fdNotification_Border_Block_End_Color_Selected)}.fd-notification-group__growing-item.is-selected.is-hover,.fd-notification-group__growing-item.is-selected:hover,.fd-notification-group__growing-item[aria-selected=true].is-hover,.fd-notification-group__growing-item[aria-selected=true]:hover{--fdNotification_Background:var(--fdNotification_Background_Selected_Hover)}.fd-notification-group__growing-item.is-focus,.fd-notification-group__growing-item:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.25rem;z-index:5}.fd-notification-group__growing-item-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNotification_Growing_Item_Title_Color);font-family:var(--sapFontFamily);font-family:var(--fdNotification_Growing_Item_Title_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdNotification_Growing_Item_Title_Font_Size);font-weight:400;font-weight:var(--fdNotification_Growing_Item_Title_Font_Weight);forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group__growing-item-title:after,.fd-notification-group__growing-item-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-group__growing-item-subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-notification-group__growing-item-subtitle:after,.fd-notification-group__growing-item-subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-popover{--fdNotification_Popover_Width:27rem;--fdNotification_Popover_Max_Width:27rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-height:40rem;max-width:var(--fdNotification_Popover_Max_Width);overflow-y:scroll;padding-block:0;padding-inline:0;width:var(--fdNotification_Popover_Width)}.fd-notification-popover:after,.fd-notification-popover:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}@media(width<=599px){.fd-notification-popover{--fdNotification_Popover_Width:auto;--fdNotification_Popover_Max_Width:25rem}}.fd-notification-banner{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;right:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:absolute;-webkit-margin-end:2rem;margin-inline-end:2rem;-webkit-margin-before:2rem;margin-block-start:2rem;max-width:var(--fdNotification_Popover_Max_Width,26rem)}.fd-notification-banner:after,.fd-notification-banner:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-notification-banner[dir=rtl],[dir=rtl] .fd-notification-banner{left:0;right:auto}.fd-notification-banner .fd-notification{-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2);width:100%}@media(width<=599px){.fd-notification-banner .fd-notification{--fdNotification_Popover_Max_Width:24rem}}.fd-notification[class*=-compact],[class*=-compact] .fd-notification:not([class*=-cozy]){--fdNotification_Content_Gap:.5rem;--fdNotification_Title_Offset:4rem;--fdNotification_Title_One_Button_Offset:2.75rem;--fdNotification_Title_Two_Buttons_Offset:4.875rem}.fd-notification{display:flex}.fd-notification-message-strip:has(.fd-has-display-none){padding-block:0;padding-inline:0}.fd-notification-container .fd-notification{margin-block-end:.5rem}.fd-notification__title.is-expanded,.fd-notification__paragraph.is-expanded{display:block;overflow:visible;max-height:max-content}\n/*! Bundled license information:\n\nfundamental-styles/dist/notification.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
1074
+ }], 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 }] }] } });
1077
1075
 
1078
1076
  class NotificationContainer {
1079
1077
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NotificationContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }