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

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 (201) hide show
  1. package/fesm2022/fundamental-ngx-core-action-bar.mjs +27 -26
  2. package/fesm2022/fundamental-ngx-core-action-bar.mjs.map +1 -1
  3. package/fesm2022/fundamental-ngx-core-action-sheet.mjs +25 -22
  4. package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map +1 -1
  5. package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs +35 -31
  6. package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs.map +1 -1
  7. package/fesm2022/fundamental-ngx-core-avatar-group.mjs +52 -43
  8. package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
  9. package/fesm2022/fundamental-ngx-core-avatar.mjs +67 -43
  10. package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
  11. package/fesm2022/fundamental-ngx-core-bar.mjs +50 -41
  12. package/fesm2022/fundamental-ngx-core-bar.mjs.map +1 -1
  13. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +18 -14
  14. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
  15. package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +34 -23
  16. package/fesm2022/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
  17. package/fesm2022/fundamental-ngx-core-button.mjs +56 -37
  18. package/fesm2022/fundamental-ngx-core-button.mjs.map +1 -1
  19. package/fesm2022/fundamental-ngx-core-calendar.mjs +87 -62
  20. package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
  21. package/fesm2022/fundamental-ngx-core-card.mjs +264 -188
  22. package/fesm2022/fundamental-ngx-core-card.mjs.map +1 -1
  23. package/fesm2022/fundamental-ngx-core-carousel.mjs +35 -26
  24. package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
  25. package/fesm2022/fundamental-ngx-core-checkbox.mjs +7 -7
  26. package/fesm2022/fundamental-ngx-core-combobox.mjs +19 -18
  27. package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
  28. package/fesm2022/fundamental-ngx-core-content-density.mjs +46 -36
  29. package/fesm2022/fundamental-ngx-core-content-density.mjs.map +1 -1
  30. package/fesm2022/fundamental-ngx-core-date-picker.mjs +13 -13
  31. package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
  32. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +15 -14
  33. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
  34. package/fesm2022/fundamental-ngx-core-datetime.mjs +32 -31
  35. package/fesm2022/fundamental-ngx-core-datetime.mjs.map +1 -1
  36. package/fesm2022/fundamental-ngx-core-dialog.mjs +116 -89
  37. package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
  38. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +100 -77
  39. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
  40. package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +13 -13
  41. package/fesm2022/fundamental-ngx-core-facets.mjs +24 -20
  42. package/fesm2022/fundamental-ngx-core-facets.mjs.map +1 -1
  43. package/fesm2022/fundamental-ngx-core-feed-input.mjs +18 -17
  44. package/fesm2022/fundamental-ngx-core-feed-input.mjs.map +1 -1
  45. package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +22 -22
  46. package/fesm2022/fundamental-ngx-core-file-uploader.mjs +16 -16
  47. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +17 -15
  48. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
  49. package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +7 -7
  50. package/fesm2022/fundamental-ngx-core-form.mjs +74 -74
  51. package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
  52. package/fesm2022/fundamental-ngx-core-formatted-text.mjs +17 -12
  53. package/fesm2022/fundamental-ngx-core-formatted-text.mjs.map +1 -1
  54. package/fesm2022/fundamental-ngx-core-generic-tag.mjs +19 -13
  55. package/fesm2022/fundamental-ngx-core-generic-tag.mjs.map +1 -1
  56. package/fesm2022/fundamental-ngx-core-grid-list.mjs +56 -51
  57. package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
  58. package/fesm2022/fundamental-ngx-core-icon.mjs +33 -20
  59. package/fesm2022/fundamental-ngx-core-icon.mjs.map +1 -1
  60. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +42 -31
  61. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
  62. package/fesm2022/fundamental-ngx-core-infinite-scroll.mjs +11 -9
  63. package/fesm2022/fundamental-ngx-core-infinite-scroll.mjs.map +1 -1
  64. package/fesm2022/fundamental-ngx-core-info-label.mjs +29 -18
  65. package/fesm2022/fundamental-ngx-core-info-label.mjs.map +1 -1
  66. package/fesm2022/fundamental-ngx-core-inline-help.mjs +35 -25
  67. package/fesm2022/fundamental-ngx-core-inline-help.mjs.map +1 -1
  68. package/fesm2022/fundamental-ngx-core-input-group.mjs +21 -21
  69. package/fesm2022/fundamental-ngx-core-input-group.mjs.map +1 -1
  70. package/fesm2022/fundamental-ngx-core-layout-grid.mjs +40 -27
  71. package/fesm2022/fundamental-ngx-core-layout-grid.mjs.map +1 -1
  72. package/fesm2022/fundamental-ngx-core-layout-panel.mjs +41 -37
  73. package/fesm2022/fundamental-ngx-core-layout-panel.mjs.map +1 -1
  74. package/fesm2022/fundamental-ngx-core-link.mjs +24 -19
  75. package/fesm2022/fundamental-ngx-core-link.mjs.map +1 -1
  76. package/fesm2022/fundamental-ngx-core-list.mjs +100 -91
  77. package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
  78. package/fesm2022/fundamental-ngx-core-menu.mjs +125 -101
  79. package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
  80. package/fesm2022/fundamental-ngx-core-message-box.mjs +39 -38
  81. package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
  82. package/fesm2022/fundamental-ngx-core-message-page.mjs +19 -19
  83. package/fesm2022/fundamental-ngx-core-message-strip.mjs +79 -55
  84. package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
  85. package/fesm2022/fundamental-ngx-core-message-toast.mjs +17 -17
  86. package/fesm2022/fundamental-ngx-core-message-toast.mjs.map +1 -1
  87. package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +21 -20
  88. package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
  89. package/fesm2022/fundamental-ngx-core-mobile-mode.mjs +3 -3
  90. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +98 -66
  91. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  92. package/fesm2022/fundamental-ngx-core-multi-input.mjs +27 -21
  93. package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
  94. package/fesm2022/fundamental-ngx-core-nested-list.mjs +46 -43
  95. package/fesm2022/fundamental-ngx-core-nested-list.mjs.map +1 -1
  96. package/fesm2022/fundamental-ngx-core-notification.mjs +178 -132
  97. package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
  98. package/fesm2022/fundamental-ngx-core-object-attribute.mjs +7 -7
  99. package/fesm2022/fundamental-ngx-core-object-identifier.mjs +24 -17
  100. package/fesm2022/fundamental-ngx-core-object-identifier.mjs.map +1 -1
  101. package/fesm2022/fundamental-ngx-core-object-marker.mjs +41 -24
  102. package/fesm2022/fundamental-ngx-core-object-marker.mjs.map +1 -1
  103. package/fesm2022/fundamental-ngx-core-object-number.mjs +33 -21
  104. package/fesm2022/fundamental-ngx-core-object-number.mjs.map +1 -1
  105. package/fesm2022/fundamental-ngx-core-object-status.mjs +41 -26
  106. package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
  107. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +33 -32
  108. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
  109. package/fesm2022/fundamental-ngx-core-pagination.mjs +10 -10
  110. package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
  111. package/fesm2022/fundamental-ngx-core-panel.mjs +51 -35
  112. package/fesm2022/fundamental-ngx-core-panel.mjs.map +1 -1
  113. package/fesm2022/fundamental-ngx-core-popover.mjs +267 -164
  114. package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
  115. package/fesm2022/fundamental-ngx-core-product-switch.mjs +46 -32
  116. package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
  117. package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +7 -7
  118. package/fesm2022/fundamental-ngx-core-quick-view.mjs +47 -44
  119. package/fesm2022/fundamental-ngx-core-quick-view.mjs.map +1 -1
  120. package/fesm2022/fundamental-ngx-core-radio.mjs +8 -8
  121. package/fesm2022/fundamental-ngx-core-radio.mjs.map +1 -1
  122. package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +61 -39
  123. package/fesm2022/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
  124. package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +12 -11
  125. package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs.map +1 -1
  126. package/fesm2022/fundamental-ngx-core-scroll-spy.mjs +17 -12
  127. package/fesm2022/fundamental-ngx-core-scroll-spy.mjs.map +1 -1
  128. package/fesm2022/fundamental-ngx-core-scrollbar.mjs +14 -12
  129. package/fesm2022/fundamental-ngx-core-scrollbar.mjs.map +1 -1
  130. package/fesm2022/fundamental-ngx-core-segmented-button.mjs +9 -8
  131. package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
  132. package/fesm2022/fundamental-ngx-core-select.mjs +22 -21
  133. package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
  134. package/fesm2022/fundamental-ngx-core-settings.mjs +70 -60
  135. package/fesm2022/fundamental-ngx-core-settings.mjs.map +1 -1
  136. package/fesm2022/fundamental-ngx-core-shared.mjs +3 -3
  137. package/fesm2022/fundamental-ngx-core-shellbar.mjs +77 -63
  138. package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
  139. package/fesm2022/fundamental-ngx-core-side-navigation.mjs +13 -13
  140. package/fesm2022/fundamental-ngx-core-skeleton.mjs +24 -16
  141. package/fesm2022/fundamental-ngx-core-skeleton.mjs.map +1 -1
  142. package/fesm2022/fundamental-ngx-core-slider.mjs +15 -13
  143. package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
  144. package/fesm2022/fundamental-ngx-core-split-button.mjs +10 -10
  145. package/fesm2022/fundamental-ngx-core-status-indicator.mjs +62 -35
  146. package/fesm2022/fundamental-ngx-core-status-indicator.mjs.map +1 -1
  147. package/fesm2022/fundamental-ngx-core-step-input.mjs +11 -9
  148. package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
  149. package/fesm2022/fundamental-ngx-core-switch.mjs +8 -8
  150. package/fesm2022/fundamental-ngx-core-switch.mjs.map +1 -1
  151. package/fesm2022/fundamental-ngx-core-table.mjs +51 -50
  152. package/fesm2022/fundamental-ngx-core-table.mjs.map +1 -1
  153. package/fesm2022/fundamental-ngx-core-tabs.mjs +56 -55
  154. package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
  155. package/fesm2022/fundamental-ngx-core-text.mjs +29 -19
  156. package/fesm2022/fundamental-ngx-core-text.mjs.map +1 -1
  157. package/fesm2022/fundamental-ngx-core-theming.mjs +7 -7
  158. package/fesm2022/fundamental-ngx-core-tile.mjs +171 -136
  159. package/fesm2022/fundamental-ngx-core-tile.mjs.map +1 -1
  160. package/fesm2022/fundamental-ngx-core-time-picker.mjs +9 -8
  161. package/fesm2022/fundamental-ngx-core-time-picker.mjs.map +1 -1
  162. package/fesm2022/fundamental-ngx-core-time.mjs +16 -13
  163. package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
  164. package/fesm2022/fundamental-ngx-core-timeline.mjs +43 -43
  165. package/fesm2022/fundamental-ngx-core-title.mjs +12 -10
  166. package/fesm2022/fundamental-ngx-core-title.mjs.map +1 -1
  167. package/fesm2022/fundamental-ngx-core-token.mjs +33 -24
  168. package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
  169. package/fesm2022/fundamental-ngx-core-toolbar.mjs +35 -32
  170. package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
  171. package/fesm2022/fundamental-ngx-core-tree.mjs +41 -36
  172. package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
  173. package/fesm2022/fundamental-ngx-core-upload-collection.mjs +37 -37
  174. package/fesm2022/fundamental-ngx-core-upload-collection.mjs.map +1 -1
  175. package/fesm2022/fundamental-ngx-core-user-menu.mjs +108 -84
  176. package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
  177. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +20 -17
  178. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs.map +1 -1
  179. package/fesm2022/fundamental-ngx-core-wizard.mjs +41 -32
  180. package/fesm2022/fundamental-ngx-core-wizard.mjs.map +1 -1
  181. package/fesm2022/fundamental-ngx-core.mjs +4 -4
  182. package/package.json +11 -10
  183. package/schematics/add-styles/index.js +3 -3
  184. package/schematics/add-styles/index.js.map +1 -1
  185. package/schematics/add-theming/index.js +1 -1
  186. package/schematics/add-theming/index.js.map +1 -1
  187. package/schematics/package.json +7 -0
  188. package/schematics/tsconfig.json +12 -6
  189. package/schematics/tsconfig.spec.json +2 -0
  190. package/schematics/utils/calls-providers-function.js +34 -1
  191. package/schematics/utils/calls-providers-function.js.map +1 -1
  192. package/schematics/utils/ng-module-utils.js +34 -1
  193. package/schematics/utils/ng-module-utils.js.map +1 -1
  194. package/types/fundamental-ngx-core-avatar-group-legacy.d.ts +1 -0
  195. package/types/fundamental-ngx-core-carousel.d.ts +2 -0
  196. package/types/fundamental-ngx-core-list.d.ts +2 -2
  197. package/types/fundamental-ngx-core-menu.d.ts +4 -4
  198. package/types/fundamental-ngx-core-notification.d.ts +0 -2
  199. package/types/fundamental-ngx-core-popover.d.ts +8 -6
  200. package/types/fundamental-ngx-core-product-switch.d.ts +6 -3
  201. package/types/fundamental-ngx-core-wizard.d.ts +4 -1
@@ -54,12 +54,14 @@ class MessageStripAlertContainerFooterComponent {
54
54
  /** @hidden */
55
55
  constructor() {
56
56
  /** @hidden */
57
- this.alertRefs = input([], ...(ngDevMode ? [{ debugName: "alertRefs" }] : []));
57
+ this.alertRefs = input([], /* @ts-ignore */
58
+ ...(ngDevMode ? [{ debugName: "alertRefs" }] : /* istanbul ignore next */ []));
58
59
  /**
59
60
  * Reference to the user provided component's portal.
60
61
  * @hidden
61
62
  */
62
- this._footerComponentPortal = signal(undefined, ...(ngDevMode ? [{ debugName: "_footerComponentPortal" }] : []));
63
+ this._footerComponentPortal = signal(undefined, /* @ts-ignore */
64
+ ...(ngDevMode ? [{ debugName: "_footerComponentPortal" }] : /* istanbul ignore next */ []));
63
65
  /**
64
66
  * Position of the overlay in which this component is rendered.
65
67
  */
@@ -93,10 +95,10 @@ class MessageStripAlertContainerFooterComponent {
93
95
  }
94
96
  });
95
97
  }
96
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripAlertContainerFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
97
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: MessageStripAlertContainerFooterComponent, isStandalone: true, selector: "fd-message-strip-alert-container-footer", inputs: { alertRefs: { classPropertyName: "alertRefs", publicName: "alertRefs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ` <ng-template [cdkPortalOutlet]="_footerComponentPortal()"></ng-template> `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
98
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripAlertContainerFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
99
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: MessageStripAlertContainerFooterComponent, isStandalone: true, selector: "fd-message-strip-alert-container-footer", inputs: { alertRefs: { classPropertyName: "alertRefs", publicName: "alertRefs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ` <ng-template [cdkPortalOutlet]="_footerComponentPortal()"></ng-template> `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
98
100
  }
99
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripAlertContainerFooterComponent, decorators: [{
101
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripAlertContainerFooterComponent, decorators: [{
100
102
  type: Component,
101
103
  args: [{ selector: 'fd-message-strip-alert-container-footer', template: ` <ng-template [cdkPortalOutlet]="_footerComponentPortal()"></ng-template> `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PortalModule], styles: [":host{display:block}\n"] }]
102
104
  }], ctorParameters: () => [], propDecorators: { alertRefs: [{ type: i0.Input, args: [{ isSignal: true, alias: "alertRefs", required: false }] }] } });
@@ -109,7 +111,8 @@ class MessageStripAlertContainerComponent {
109
111
  /**
110
112
  * The list of the elements that are attached to the container.
111
113
  */
112
- this.attachedElements = signal([], ...(ngDevMode ? [{ debugName: "attachedElements" }] : []));
114
+ this.attachedElements = signal([], /* @ts-ignore */
115
+ ...(ngDevMode ? [{ debugName: "attachedElements" }] : /* istanbul ignore next */ []));
113
116
  /**
114
117
  * List of the rendered message strip alerts. It is used in the footer and is injected into the
115
118
  * user-provided footer component portal. This way, user has full control over the container alerts.
@@ -120,12 +123,14 @@ class MessageStripAlertContainerComponent {
120
123
  const componentRef = outlet.attachedRef;
121
124
  return componentRef?.instance?.alertRef;
122
125
  })
123
- .filter((ref) => !!ref), ...(ngDevMode ? [{ debugName: "_alertRefs" }] : []));
126
+ .filter((ref) => !!ref), /* @ts-ignore */
127
+ ...(ngDevMode ? [{ debugName: "_alertRefs" }] : /* istanbul ignore next */ []));
124
128
  /** @hidden */
125
- this._portalOutlets = viewChildren(CdkPortalOutlet, ...(ngDevMode ? [{ debugName: "_portalOutlets" }] : []));
129
+ this._portalOutlets = viewChildren(CdkPortalOutlet, /* @ts-ignore */
130
+ ...(ngDevMode ? [{ debugName: "_portalOutlets" }] : /* istanbul ignore next */ []));
126
131
  }
127
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripAlertContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
128
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MessageStripAlertContainerComponent, isStandalone: true, selector: "fd-message-strip-alert-container", viewQueries: [{ propertyName: "_portalOutlets", predicate: CdkPortalOutlet, descendants: true, isSignal: true }], ngImport: i0, template: `
132
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripAlertContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
133
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: MessageStripAlertContainerComponent, isStandalone: true, selector: "fd-message-strip-alert-container", viewQueries: [{ propertyName: "_portalOutlets", predicate: CdkPortalOutlet, descendants: true, isSignal: true }], ngImport: i0, template: `
129
134
  <div fdScrollbar>
130
135
  @for (portal of attachedElements(); track portal) {
131
136
  <ng-template [cdkPortalOutlet]="portal"></ng-template>
@@ -134,7 +139,7 @@ class MessageStripAlertContainerComponent {
134
139
  <fd-message-strip-alert-container-footer [alertRefs]="_alertRefs()"></fd-message-strip-alert-container-footer>
135
140
  `, isInline: true, styles: [".fd-message-strip-alert-overlay{max-width:33.33vw;padding:.5rem}.fd-message-strip-alert-overlay--top{top:0;max-height:100vh}.fd-message-strip-alert-overlay--top.fd-message-strip-alert-overlay--bottom-opened{max-height:50vh}.fd-message-strip-alert-overlay--bottom{top:initial;bottom:0;max-height:100vh}.fd-message-strip-alert-overlay--bottom fd-message-strip-alert-container{flex-direction:column-reverse}.fd-message-strip-alert-overlay--bottom.fd-message-strip-alert-overlay--top-opened{max-height:50vh}.fd-message-strip-alert-overlay--start{left:0}.fd-message-strip-alert-overlay--middle{left:33.33vw;width:33.33vw}@media screen and (max-width:992px){.fd-message-strip-alert-overlay--middle{left:5vw;width:90vw;max-width:90vw}}.fd-message-strip-alert-overlay--middle fd-message-strip-alert-container{width:100%}.fd-message-strip-alert-overlay--middle fd-message-strip-alert-container>.fd-scrollbar>*{width:fit-content;margin:0 auto}.fd-message-strip-alert-overlay--end{right:0}.fd-message-strip-alert-overlay fd-message-strip-alert-container{display:flex;flex-direction:column}.fd-message-strip-alert-overlay fd-message-strip-alert-container div[fdscrollbar]{width:100%;display:flex;padding:.5rem;gap:.75rem;flex-direction:column;max-height:100%}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: ScrollbarDirective, selector: "[fdScrollbar], [fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible"] }, { kind: "component", type: MessageStripAlertContainerFooterComponent, selector: "fd-message-strip-alert-container-footer", inputs: ["alertRefs"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
136
141
  }
137
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripAlertContainerComponent, decorators: [{
142
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripAlertContainerComponent, decorators: [{
138
143
  type: Component,
139
144
  args: [{ selector: 'fd-message-strip-alert-container', template: `
140
145
  <div fdScrollbar>
@@ -150,10 +155,10 @@ class MessageStripIconDirective {
150
155
  constructor() {
151
156
  this.templateRef = inject(TemplateRef);
152
157
  }
153
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
154
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: MessageStripIconDirective, isStandalone: true, selector: "[fdMessageStripIcon]", ngImport: i0 }); }
158
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
159
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: MessageStripIconDirective, isStandalone: true, selector: "[fdMessageStripIcon]", ngImport: i0 }); }
155
160
  }
156
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripIconDirective, decorators: [{
161
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripIconDirective, decorators: [{
157
162
  type: Directive,
158
163
  args: [{
159
164
  selector: '[fdMessageStripIcon]'
@@ -172,37 +177,46 @@ let messageStripUniqueId = 0;
172
177
  class MessageStripComponent {
173
178
  constructor() {
174
179
  /** Whether the message strip is dismissible. */
175
- this.dismissible = input(true, { ...(ngDevMode ? { debugName: "dismissible" } : {}), transform: booleanAttribute });
180
+ this.dismissible = input(true, { ...(ngDevMode ? { debugName: "dismissible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
176
181
  /** Id of the element that labels the message-strip. */
177
- this.ariaLabelledBy = input(null, ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : []));
182
+ this.ariaLabelledBy = input(null, /* @ts-ignore */
183
+ ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
178
184
  /** Title for dismiss button */
179
- this.dismissBtnTitle = input('', ...(ngDevMode ? [{ debugName: "dismissBtnTitle" }] : []));
185
+ this.dismissBtnTitle = input('', /* @ts-ignore */
186
+ ...(ngDevMode ? [{ debugName: "dismissBtnTitle" }] : /* istanbul ignore next */ []));
180
187
  /** The default message strip does not have an icon.
181
188
  * The other types (warning, success, information and error) have icons by default.
182
189
  * To remove the icon set the property to true.
183
190
  */
184
- this.noIcon = input(false, { ...(ngDevMode ? { debugName: "noIcon" } : {}), transform: booleanAttribute });
191
+ this.noIcon = input(false, { ...(ngDevMode ? { debugName: "noIcon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
185
192
  /** The type of the message strip.
186
193
  * Can be one of *warning*, *success*, *information*, *error* or null.
187
194
  */
188
- this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
195
+ this.type = input(/* @ts-ignore */
196
+ ...(ngDevMode ? [undefined, { debugName: "type" }] : /* istanbul ignore next */ []));
189
197
  /** Id for the message-strip component. If omitted, a unique one is generated. */
190
- this.id = input('', { ...(ngDevMode ? { debugName: "id" } : {}), transform: (value) => value || `fd-message-strip-${++messageStripUniqueId}` });
198
+ this.id = input('', { ...(ngDevMode ? { debugName: "id" } : /* istanbul ignore next */ {}), transform: (value) => value || `fd-message-strip-${++messageStripUniqueId}` });
191
199
  /** Aria label for the message-strip component element. */
192
- this.ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
200
+ this.ariaLabel = input(null, /* @ts-ignore */
201
+ ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
193
202
  /** Width of the message-strip. */
194
- this.width = input('', ...(ngDevMode ? [{ debugName: "width" }] : []));
203
+ this.width = input('', /* @ts-ignore */
204
+ ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
195
205
  /** Minimum width of the message-strip. */
196
- this.minWidth = input('', ...(ngDevMode ? [{ debugName: "minWidth" }] : []));
206
+ this.minWidth = input('', /* @ts-ignore */
207
+ ...(ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []));
197
208
  /** Margin bottom of the message-strip. */
198
- this.marginBottom = input('', ...(ngDevMode ? [{ debugName: "marginBottom" }] : []));
209
+ this.marginBottom = input('', /* @ts-ignore */
210
+ ...(ngDevMode ? [{ debugName: "marginBottom" }] : /* istanbul ignore next */ []));
199
211
  /** indication color of the message-strip. */
200
- this.indicationColor = input(...(ngDevMode ? [undefined, { debugName: "indicationColor" }] : []));
212
+ this.indicationColor = input(/* @ts-ignore */
213
+ ...(ngDevMode ? [undefined, { debugName: "indicationColor" }] : /* istanbul ignore next */ []));
201
214
  /** Event fired when the message-strip is dismissed. */
202
215
  // eslint-disable-next-line @angular-eslint/no-output-on-prefix
203
216
  this.onDismiss = output();
204
217
  /** Custom icon component */
205
- this.icon = contentChild(MessageStripIconDirective, ...(ngDevMode ? [{ debugName: "icon" }] : []));
218
+ this.icon = contentChild(MessageStripIconDirective, /* @ts-ignore */
219
+ ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
206
220
  /** @hidden */
207
221
  this.elementRef = inject(ElementRef);
208
222
  /**
@@ -216,7 +230,8 @@ class MessageStripComponent {
216
230
  }
217
231
  const currentId = this.id();
218
232
  return `${currentId}-hidden-text ${currentId}-content-text`;
219
- }, ...(ngDevMode ? [{ debugName: "hostAriaLabelledBy" }] : []));
233
+ }, /* @ts-ignore */
234
+ ...(ngDevMode ? [{ debugName: "hostAriaLabelledBy" }] : /* istanbul ignore next */ []));
220
235
  /**
221
236
  * Computed CSS class string for the component.
222
237
  * @hidden
@@ -238,7 +253,8 @@ class MessageStripComponent {
238
253
  classes.push(`fd-message-strip--indication-color-${currentIndicationColor}`);
239
254
  }
240
255
  return classes.join(' ');
241
- }, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
256
+ }, /* @ts-ignore */
257
+ ...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
242
258
  /**
243
259
  * Whether icon container should be shown.
244
260
  * @hidden
@@ -248,7 +264,8 @@ class MessageStripComponent {
248
264
  return false;
249
265
  }
250
266
  return !!this.icon() || !!this.type();
251
- }, ...(ngDevMode ? [{ debugName: "shouldShowIcon" }] : []));
267
+ }, /* @ts-ignore */
268
+ ...(ngDevMode ? [{ debugName: "shouldShowIcon" }] : /* istanbul ignore next */ []));
252
269
  /**
253
270
  * Type-specific icon name.
254
271
  * @hidden
@@ -267,7 +284,8 @@ class MessageStripComponent {
267
284
  default:
268
285
  return '';
269
286
  }
270
- }, ...(ngDevMode ? [{ debugName: "typeSpecificIconName" }] : []));
287
+ }, /* @ts-ignore */
288
+ ...(ngDevMode ? [{ debugName: "typeSpecificIconName" }] : /* istanbul ignore next */ []));
271
289
  /** message strip information read by screen readers */
272
290
  this.messageStripHiddenText = computed(() => {
273
291
  const currentType = this.type();
@@ -288,7 +306,8 @@ class MessageStripComponent {
288
306
  const announcement = this._translationResolver.resolve(lang, announcementType);
289
307
  const closable = this.dismissible() ? this._translationResolver.resolve(lang, MESSAGE_STRIP_CLOSABLE) : '';
290
308
  return `${announcement} ${closable}`;
291
- }, ...(ngDevMode ? [{ debugName: "messageStripHiddenText" }] : []));
309
+ }, /* @ts-ignore */
310
+ ...(ngDevMode ? [{ debugName: "messageStripHiddenText" }] : /* istanbul ignore next */ []));
292
311
  /** default dismiss button text read by screen readers */
293
312
  this.defaultDismissButtonText = computed(() => {
294
313
  const currentType = this.type();
@@ -309,7 +328,8 @@ class MessageStripComponent {
309
328
  const announcement = this._translationResolver.resolve(lang, announcementType);
310
329
  const closeButtonText = this._translationResolver.resolve(lang, MESSAGE_STRIP_DEFAULT_DISMISS_BUTTON_TEXT);
311
330
  return `${announcement} ${closeButtonText}`;
312
- }, ...(ngDevMode ? [{ debugName: "defaultDismissButtonText" }] : []));
331
+ }, /* @ts-ignore */
332
+ ...(ngDevMode ? [{ debugName: "defaultDismissButtonText" }] : /* istanbul ignore next */ []));
313
333
  /** @hidden */
314
334
  this._destroyRef = inject(DestroyRef);
315
335
  /** @hidden */
@@ -325,10 +345,10 @@ class MessageStripComponent {
325
345
  this.elementRef.nativeElement.classList.remove('fd-has-display-block');
326
346
  this.onDismiss.emit();
327
347
  }
328
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
329
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: MessageStripComponent, isStandalone: true, selector: "fd-message-strip", inputs: { dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, dismissBtnTitle: { classPropertyName: "dismissBtnTitle", publicName: "dismissBtnTitle", isSignal: true, isRequired: false, transformFunction: null }, noIcon: { classPropertyName: "noIcon", publicName: "noIcon", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, indicationColor: { classPropertyName: "indicationColor", publicName: "indicationColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDismiss: "onDismiss" }, host: { attributes: { "role": "note" }, properties: { "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "hostAriaLabelledBy()", "attr.id": "id()", "style.width": "width()", "style.min-width": "minWidth()", "style.margin-bottom": "marginBottom()", "class": "cssClass()" } }, queries: [{ propertyName: "icon", first: true, predicate: MessageStripIconDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (shouldShowIcon()) {\n <div class=\"fd-message-strip__icon-container\" aria-hidden=\"true\">\n @if (icon()) {\n <ng-template [ngTemplateOutlet]=\"icon()!.templateRef\"></ng-template>\n } @else {\n <fd-icon [glyph]=\"typeSpecificIconName()\" role=\"presentation\" aria-hidden=\"true\"></fd-icon>\n <span class=\"fd-message-strip__sr-only\" id=\"{{ id() }}-hidden-text\">{{ messageStripHiddenText() }}</span>\n }\n </div>\n}\n<p class=\"fd-message-strip__text\" id=\"{{ id() }}-content-text\">\n <ng-content></ng-content>\n</p>\n@if (dismissible()) {\n <button\n class=\"fd-message-strip__close fd-button--compact\"\n fd-button\n glyph=\"decline\"\n fdType=\"transparent\"\n (click)=\"dismiss()\"\n [attr.aria-controls]=\"id()\"\n [ariaLabel]=\"dismissBtnTitle() || defaultDismissButtonText()\"\n [attr.title]=\"dismissBtnTitle() || defaultDismissButtonText()\"\n ></button>\n}\n", styles: [".fd-message-strip{--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Neutral);--fdMessageStrip_Background_Color:var(--sapNeutralBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Neutral);--fdMessageStrip_Text_Color:var(--sapTextColor);--fdMessageStrip_Vertical_Padding:.4375rem;--fdMessageStrip_Left_Padding:2.4375rem;--fdMessageStrip_Right_Padding:.9375rem;background:var(--fdMessageStrip_Background_Color);border:0;border-color:var(--fdMessageStrip_Border_Color);border-radius:var(--sapPopover_BorderCornerRadius);border-style:solid;border-width:var(--sapMessage_BorderWidth);-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:auto;line-height:normal;margin-block:0;margin-inline:0;min-height:2rem;padding-block:0;padding-block:var(--fdMessageStrip_Vertical_Padding);padding-inline:0;padding-inline:var(--fdMessageStrip_Left_Padding) var(--fdMessageStrip_Right_Padding);position:relative}.fd-message-strip:after,.fd-message-strip:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip .fd-message-strip__close{position:absolute;right:.125rem;top:.125rem}.fd-message-strip .fd-message-strip__close[dir=rtl],[dir=rtl] .fd-message-strip .fd-message-strip__close{left:.125rem;right:auto}.fd-message-strip__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdMessageStrip_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;white-space:normal;word-break:break-word}.fd-message-strip__text:after,.fd-message-strip__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip__icon-container{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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdMessageStrip_Icon_Color);font-size:1rem;left:0;max-width:2.5rem;min-width:2.5rem;position:absolute;top:var(--fdMessageStrip_Vertical_Padding);width:2.5rem}.fd-message-strip__icon-container:after,.fd-message-strip__icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip__icon-container[dir=rtl],[dir=rtl] .fd-message-strip__icon-container{left:auto;right:0}.fd-message-strip__icon-container [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(--fdMessageStrip_Icon_Color);height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-message-strip__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-message-strip--warning{--fdMessageStrip_Background_Color:var(--sapWarningBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Warning);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--error{--fdMessageStrip_Background_Color:var(--sapErrorBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Error);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--success{--fdMessageStrip_Background_Color:var(--sapSuccessBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Success);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--information{--fdMessageStrip_Background_Color:var(--sapInformationBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Information);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--no-icon{--fdMessageStrip_Left_Padding:.9375rem;--fdMessageStrip_Right_Padding:.9375rem}.fd-message-strip--dismissible{--fdMessageStrip_Left_Padding:2.4375rem;--fdMessageStrip_Right_Padding:2.4375rem}.fd-message-strip--dismissible.fd-message-strip--no-icon{--fdMessageStrip_Left_Padding:.9375rem;--fdMessageStrip_Right_Padding:2.4375rem}.fd-message-strip--link a{text-shadow:var(--sapContent_TextShadow);-webkit-margin-start:.25rem;margin-inline-start:.25rem;padding-inline:.25rem}.fd-message-strip--indication-color-1{--fdMessageStrip_Border_Color:var(--sapIndicationColor_1_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_1_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-1.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-1.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-1.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-1 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-1 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-1 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-1 .fd-message-strip__close:active,.fd-message-strip--indication-color-1 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-1 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-1 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-1 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-1 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-1 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-1 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-1 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-1 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-1 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-1 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-1 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-1 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-2{--fdMessageStrip_Border_Color:var(--sapIndicationColor_2_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_2_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-2.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-2.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-2.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-2 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-2 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-2 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-2 .fd-message-strip__close:active,.fd-message-strip--indication-color-2 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-2 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-2 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-2 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-2 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-2 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-2 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-2 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-2 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-2 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-2 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-2 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-2 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-3{--fdMessageStrip_Border_Color:var(--sapIndicationColor_3_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_3_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-3.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-3.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-3.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-3 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-3 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-3 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-3 .fd-message-strip__close:active,.fd-message-strip--indication-color-3 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-3 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-3 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-3 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-3 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-3 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-3 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-3 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-3 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-3 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-3 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-3 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-3 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-4{--fdMessageStrip_Border_Color:var(--sapIndicationColor_4_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_4_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-4.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-4.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-4.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-4 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-4 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-4 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-4 .fd-message-strip__close:active,.fd-message-strip--indication-color-4 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-4 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-4 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-4 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-4 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-4 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-4 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-4 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-4 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-4 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-4 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-4 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-4 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-5{--fdMessageStrip_Border_Color:var(--sapIndicationColor_5_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_5_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-5.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-5.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-5.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-5 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-5 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-5 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-5 .fd-message-strip__close:active,.fd-message-strip--indication-color-5 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-5 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-5 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-5 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-5 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-5 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-5 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-5 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-5 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-5 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-5 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-5 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-5 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-6{--fdMessageStrip_Border_Color:var(--sapIndicationColor_6_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_6_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-6.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-6.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-6.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-6 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-6 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-6 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-6 .fd-message-strip__close:active,.fd-message-strip--indication-color-6 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-6 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-6 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-6 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-6 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-6 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-6 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-6 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-6 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-6 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-6 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-6 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-6 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-7{--fdMessageStrip_Border_Color:var(--sapIndicationColor_7_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_7_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-7.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-7.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-7.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-7 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-7 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-7 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-7 .fd-message-strip__close:active,.fd-message-strip--indication-color-7 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-7 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-7 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-7 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-7 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-7 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-7 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-7 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-7 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-7 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-7 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-7 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-7 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-8{--fdMessageStrip_Border_Color:var(--sapIndicationColor_8_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_8_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-8.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-8.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-8.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-8 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-8 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-8 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-8 .fd-message-strip__close:active,.fd-message-strip--indication-color-8 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-8 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-8 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-8 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-8 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-8 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-8 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-8 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-8 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-8 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-8 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-8 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-8 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-9{--fdMessageStrip_Border_Color:var(--sapIndicationColor_9_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_9_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-9.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-9.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-9.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-9 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-9 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-9 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-9 .fd-message-strip__close:active,.fd-message-strip--indication-color-9 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-9 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-9 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-9 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-9 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-9 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-9 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-9 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-9 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-9 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-9 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-9 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-9 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-10{--fdMessageStrip_Border_Color:var(--sapIndicationColor_10_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_10_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-10.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-10.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-10.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-10 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-10 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-10 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-10 .fd-message-strip__close:active,.fd-message-strip--indication-color-10 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-10 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-10 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-10 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-10 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-10 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-10 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-10 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-10 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-10 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-10 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-10 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-10 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-1b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_1b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_1b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-1b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-1b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-1b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-1b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-1b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-1b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-1b .fd-message-strip__close:active,.fd-message-strip--indication-color-1b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-1b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-1b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-1b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-1b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-1b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-1b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-1b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-1b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-1b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-1b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-1b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-1b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-2b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_2b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_2b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-2b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-2b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-2b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-2b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-2b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-2b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-2b .fd-message-strip__close:active,.fd-message-strip--indication-color-2b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-2b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-2b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-2b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-2b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-2b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-2b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-2b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-2b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-2b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-2b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-2b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-2b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-3b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_3b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_3b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-3b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-3b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-3b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-3b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-3b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-3b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-3b .fd-message-strip__close:active,.fd-message-strip--indication-color-3b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-3b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-3b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-3b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-3b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-3b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-3b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-3b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-3b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-3b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-3b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-3b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-3b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-4b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_4b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_4b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-4b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-4b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-4b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-4b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-4b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-4b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-4b .fd-message-strip__close:active,.fd-message-strip--indication-color-4b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-4b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-4b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-4b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-4b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-4b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-4b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-4b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-4b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-4b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-4b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-4b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-4b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-5b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_5b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_5b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-5b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-5b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-5b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-5b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-5b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-5b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-5b .fd-message-strip__close:active,.fd-message-strip--indication-color-5b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-5b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-5b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-5b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-5b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-5b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-5b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-5b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-5b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-5b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-5b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-5b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-5b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-6b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_6b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_6b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-6b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-6b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-6b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-6b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-6b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-6b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-6b .fd-message-strip__close:active,.fd-message-strip--indication-color-6b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-6b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-6b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-6b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-6b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-6b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-6b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-6b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-6b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-6b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-6b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-6b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-6b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-7b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_7b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_7b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-7b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-7b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-7b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-7b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-7b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-7b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-7b .fd-message-strip__close:active,.fd-message-strip--indication-color-7b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-7b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-7b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-7b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-7b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-7b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-7b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-7b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-7b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-7b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-7b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-7b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-7b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-8b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_8b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_8b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-8b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-8b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-8b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-8b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-8b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-8b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-8b .fd-message-strip__close:active,.fd-message-strip--indication-color-8b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-8b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-8b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-8b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-8b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-8b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-8b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-8b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-8b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-8b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-8b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-8b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-8b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-9b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_9b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_9b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-9b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-9b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-9b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-9b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-9b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-9b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-9b .fd-message-strip__close:active,.fd-message-strip--indication-color-9b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-9b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-9b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-9b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-9b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-9b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-9b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-9b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-9b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-9b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-9b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-9b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-9b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-10b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_10b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_10b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-10b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-10b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-10b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-10b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-10b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-10b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-10b .fd-message-strip__close:active,.fd-message-strip--indication-color-10b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-10b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-10b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-10b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-10b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-10b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-10b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-10b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-10b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-10b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-10b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-10b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-10b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}.fd-message-strip__sr-only{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-user-select:none;user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0px}\n/*! Bundled license information:\n\nfundamental-styles/dist/message-strip.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"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
348
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
349
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: MessageStripComponent, isStandalone: true, selector: "fd-message-strip", inputs: { dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, dismissBtnTitle: { classPropertyName: "dismissBtnTitle", publicName: "dismissBtnTitle", isSignal: true, isRequired: false, transformFunction: null }, noIcon: { classPropertyName: "noIcon", publicName: "noIcon", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, marginBottom: { classPropertyName: "marginBottom", publicName: "marginBottom", isSignal: true, isRequired: false, transformFunction: null }, indicationColor: { classPropertyName: "indicationColor", publicName: "indicationColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDismiss: "onDismiss" }, host: { attributes: { "role": "note" }, properties: { "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "hostAriaLabelledBy()", "attr.id": "id()", "style.width": "width()", "style.min-width": "minWidth()", "style.margin-bottom": "marginBottom()", "class": "cssClass()" } }, queries: [{ propertyName: "icon", first: true, predicate: MessageStripIconDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (shouldShowIcon()) {\n <div class=\"fd-message-strip__icon-container\" aria-hidden=\"true\">\n @if (icon()) {\n <ng-template [ngTemplateOutlet]=\"icon()!.templateRef\"></ng-template>\n } @else {\n <fd-icon [glyph]=\"typeSpecificIconName()\" role=\"presentation\" aria-hidden=\"true\"></fd-icon>\n <span class=\"fd-message-strip__sr-only\" id=\"{{ id() }}-hidden-text\">{{ messageStripHiddenText() }}</span>\n }\n </div>\n}\n<p class=\"fd-message-strip__text\" id=\"{{ id() }}-content-text\">\n <ng-content></ng-content>\n</p>\n@if (dismissible()) {\n <button\n class=\"fd-message-strip__close fd-button--compact\"\n fd-button\n glyph=\"decline\"\n fdType=\"transparent\"\n (click)=\"dismiss()\"\n [attr.aria-controls]=\"id()\"\n [ariaLabel]=\"dismissBtnTitle() || defaultDismissButtonText()\"\n [attr.title]=\"dismissBtnTitle() || defaultDismissButtonText()\"\n ></button>\n}\n", styles: [".fd-message-strip{--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Neutral);--fdMessageStrip_Background_Color:var(--sapNeutralBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Neutral);--fdMessageStrip_Text_Color:var(--sapTextColor);--fdMessageStrip_Vertical_Padding:.4375rem;--fdMessageStrip_Left_Padding:2.4375rem;--fdMessageStrip_Right_Padding:.9375rem;background:var(--fdMessageStrip_Background_Color);border:0;border-color:var(--fdMessageStrip_Border_Color);border-radius:var(--sapPopover_BorderCornerRadius);border-style:solid;border-width:var(--sapMessage_BorderWidth);-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:auto;line-height:normal;margin-block:0;margin-inline:0;min-height:2rem;padding-block:0;padding-block:var(--fdMessageStrip_Vertical_Padding);padding-inline:0;padding-inline:var(--fdMessageStrip_Left_Padding) var(--fdMessageStrip_Right_Padding);position:relative}.fd-message-strip:after,.fd-message-strip:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip .fd-message-strip__close{position:absolute;right:.125rem;top:.125rem}.fd-message-strip .fd-message-strip__close[dir=rtl],[dir=rtl] .fd-message-strip .fd-message-strip__close{left:.125rem;right:auto}.fd-message-strip__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdMessageStrip_Text_Color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;white-space:normal;word-break:break-word}.fd-message-strip__text:after,.fd-message-strip__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip__icon-container{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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdMessageStrip_Icon_Color);font-size:1rem;left:0;max-width:2.5rem;min-width:2.5rem;position:absolute;top:var(--fdMessageStrip_Vertical_Padding);width:2.5rem}.fd-message-strip__icon-container:after,.fd-message-strip__icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-message-strip__icon-container[dir=rtl],[dir=rtl] .fd-message-strip__icon-container{left:auto;right:0}.fd-message-strip__icon-container [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(--fdMessageStrip_Icon_Color);height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fd-message-strip__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-message-strip--warning{--fdMessageStrip_Background_Color:var(--sapWarningBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Warning);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--error{--fdMessageStrip_Background_Color:var(--sapErrorBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Error);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--success{--fdMessageStrip_Background_Color:var(--sapSuccessBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Success);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--information{--fdMessageStrip_Background_Color:var(--sapInformationBackground);--fdMessageStrip_Icon_Color:var(--fdMessageStrip_Icon_Color_Information);--fdMessageStrip_Border_Color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--no-icon{--fdMessageStrip_Left_Padding:.9375rem;--fdMessageStrip_Right_Padding:.9375rem}.fd-message-strip--dismissible{--fdMessageStrip_Left_Padding:2.4375rem;--fdMessageStrip_Right_Padding:2.4375rem}.fd-message-strip--dismissible.fd-message-strip--no-icon{--fdMessageStrip_Left_Padding:.9375rem;--fdMessageStrip_Right_Padding:2.4375rem}.fd-message-strip--link a{text-shadow:var(--sapContent_TextShadow);-webkit-margin-start:.25rem;margin-inline-start:.25rem;padding-inline:.25rem}.fd-message-strip--indication-color-1{--fdMessageStrip_Border_Color:var(--sapIndicationColor_1_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_1_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-1.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-1.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-1.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-1 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-1 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-1 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-1 .fd-message-strip__close:active,.fd-message-strip--indication-color-1 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-1 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-1 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-1 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-1 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-1 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-1 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-1 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-1 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-1 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-1 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-1 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-1 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-2{--fdMessageStrip_Border_Color:var(--sapIndicationColor_2_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_2_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-2.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-2.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-2.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-2 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-2 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-2 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-2 .fd-message-strip__close:active,.fd-message-strip--indication-color-2 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-2 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-2 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-2 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-2 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-2 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-2 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-2 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-2 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-2 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-2 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-2 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-2 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-3{--fdMessageStrip_Border_Color:var(--sapIndicationColor_3_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_3_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-3.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-3.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-3.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-3 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-3 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-3 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-3 .fd-message-strip__close:active,.fd-message-strip--indication-color-3 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-3 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-3 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-3 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-3 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-3 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-3 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-3 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-3 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-3 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-3 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-3 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-3 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-4{--fdMessageStrip_Border_Color:var(--sapIndicationColor_4_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_4_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-4.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-4.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-4.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-4 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-4 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-4 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-4 .fd-message-strip__close:active,.fd-message-strip--indication-color-4 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-4 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-4 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-4 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-4 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-4 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-4 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-4 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-4 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-4 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-4 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-4 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-4 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-5{--fdMessageStrip_Border_Color:var(--sapIndicationColor_5_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_5_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-5.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-5.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-5.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-5 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-5 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-5 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-5 .fd-message-strip__close:active,.fd-message-strip--indication-color-5 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-5 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-5 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-5 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-5 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-5 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-5 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-5 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-5 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-5 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-5 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-5 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-5 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-6{--fdMessageStrip_Border_Color:var(--sapIndicationColor_6_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_6_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-6.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-6.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-6.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-6 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-6 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-6 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-6 .fd-message-strip__close:active,.fd-message-strip--indication-color-6 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-6 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-6 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-6 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-6 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-6 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-6 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-6 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-6 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-6 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-6 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-6 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-6 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-7{--fdMessageStrip_Border_Color:var(--sapIndicationColor_7_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_7_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-7.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-7.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-7.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-7 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-7 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-7 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-7 .fd-message-strip__close:active,.fd-message-strip--indication-color-7 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-7 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-7 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-7 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-7 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-7 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-7 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-7 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-7 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-7 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-7 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-7 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-7 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-8{--fdMessageStrip_Border_Color:var(--sapIndicationColor_8_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_8_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-8.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-8.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-8.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-8 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-8 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-8 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-8 .fd-message-strip__close:active,.fd-message-strip--indication-color-8 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-8 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-8 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-8 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-8 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-8 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-8 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-8 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-8 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-8 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-8 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-8 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-8 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-9{--fdMessageStrip_Border_Color:var(--sapIndicationColor_9_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_9_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-9.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-9.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-9.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-9 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-9 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-9 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-9 .fd-message-strip__close:active,.fd-message-strip--indication-color-9 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-9 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-9 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-9 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-9 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-9 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-9 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-9 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-9 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-9 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-9 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-9 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-9 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-10{--fdMessageStrip_Border_Color:var(--sapIndicationColor_10_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_10_Background);--fdMessageStrip_Icon_Color:var(--sapContent_ContrastTextColor);--fdMessageStrip_Text_Color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-10.fd-message-strip--link a{color:var(--sapContent_ContrastTextColor);text-shadow:var(--sapContent_ContrastTextShadow)}.fd-message-strip--indication-color-10.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-10.fd-message-strip--link a:focus{background-color:var(--sapTextColor);z-index:5}.fd-message-strip--indication-color-10 .fd-message-strip__close{--fdButtonColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-10 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-10 .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-10 .fd-message-strip__close:active,.fd-message-strip--indication-color-10 .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-10 .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-10 .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-10 .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-10 .fd-message-strip__close:focus:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-10 .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-10 .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-10 .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-10 .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_ContrastIconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_ContrastIconColor)}.fd-message-strip--indication-color-10 .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-10 .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-10 .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-10 .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_ContrastFocusColor)}.fd-message-strip--indication-color-1b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_1b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_1b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-1b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-1b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-1b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-1b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-1b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-1b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-1b .fd-message-strip__close:active,.fd-message-strip--indication-color-1b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-1b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-1b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-1b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-1b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-1b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-1b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-1b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-1b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-1b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-1b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-1b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-1b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-2b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_2b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_2b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-2b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-2b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-2b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-2b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-2b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-2b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-2b .fd-message-strip__close:active,.fd-message-strip--indication-color-2b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-2b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-2b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-2b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-2b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-2b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-2b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-2b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-2b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-2b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-2b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-2b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-2b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-3b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_3b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_3b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-3b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-3b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-3b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-3b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-3b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-3b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-3b .fd-message-strip__close:active,.fd-message-strip--indication-color-3b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-3b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-3b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-3b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-3b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-3b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-3b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-3b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-3b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-3b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-3b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-3b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-3b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-4b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_4b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_4b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-4b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-4b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-4b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-4b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-4b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-4b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-4b .fd-message-strip__close:active,.fd-message-strip--indication-color-4b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-4b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-4b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-4b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-4b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-4b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-4b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-4b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-4b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-4b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-4b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-4b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-4b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-5b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_5b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_5b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-5b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-5b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-5b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-5b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-5b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-5b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-5b .fd-message-strip__close:active,.fd-message-strip--indication-color-5b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-5b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-5b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-5b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-5b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-5b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-5b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-5b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-5b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-5b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-5b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-5b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-5b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-6b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_6b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_6b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-6b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-6b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-6b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-6b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-6b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-6b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-6b .fd-message-strip__close:active,.fd-message-strip--indication-color-6b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-6b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-6b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-6b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-6b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-6b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-6b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-6b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-6b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-6b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-6b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-6b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-6b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-7b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_7b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_7b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-7b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-7b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-7b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-7b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-7b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-7b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-7b .fd-message-strip__close:active,.fd-message-strip--indication-color-7b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-7b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-7b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-7b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-7b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-7b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-7b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-7b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-7b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-7b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-7b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-7b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-7b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-8b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_8b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_8b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-8b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-8b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-8b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-8b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-8b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-8b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-8b .fd-message-strip__close:active,.fd-message-strip--indication-color-8b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-8b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-8b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-8b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-8b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-8b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-8b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-8b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-8b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-8b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-8b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-8b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-8b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-9b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_9b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_9b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-9b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-9b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-9b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-9b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-9b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-9b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-9b .fd-message-strip__close:active,.fd-message-strip--indication-color-9b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-9b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-9b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-9b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-9b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-9b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-9b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-9b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-9b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-9b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-9b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-9b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-9b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-10b{--fdMessageStrip_Border_Color:var(--sapIndicationColor_10b_BorderColor);--fdMessageStrip_Background_Color:var(--sapIndicationColor_10b_Background);--fdMessageStrip_Icon_Color:var(--sapContent_IconColor);--fdMessageStrip_Text_Color:var(--sapTextColor);text-shadow:none}.fd-message-strip--indication-color-10b.fd-message-strip--link a{color:var(--sapLink_SubtleColor);text-shadow:none}.fd-message-strip--indication-color-10b.fd-message-strip--link a.is-focus,.fd-message-strip--indication-color-10b.fd-message-strip--link a:focus{background-color:var(--sapContent_ContrastTextColor);z-index:5}.fd-message-strip--indication-color-10b .fd-message-strip__close{--fdButtonColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-10b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-10b .fd-message-strip__close.is-hover,.fd-message-strip--indication-color-10b .fd-message-strip__close:active,.fd-message-strip--indication-color-10b .fd-message-strip__close:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-10b .fd-message-strip__close.is-focus,.fd-message-strip--indication-color-10b .fd-message-strip__close:focus{z-index:5;--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:none;--fdButtonBorderColor:transparent}.fd-message-strip--indication-color-10b .fd-message-strip__close.is-focus:after,.fd-message-strip--indication-color-10b .fd-message-strip__close:focus:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip--indication-color-10b .fd-message-strip__close.is-focus.is-hover,.fd-message-strip--indication-color-10b .fd-message-strip__close.is-focus:hover,.fd-message-strip--indication-color-10b .fd-message-strip__close:focus.is-hover,.fd-message-strip--indication-color-10b .fd-message-strip__close:focus:hover{--fdButtonColor:var(--sapContent_IconColor);--fdButtonBackgroundColor:var(--sapMessage_Button_Hover_Background);--fdButtonBorderColor:var(--sapContent_IconColor)}.fd-message-strip--indication-color-10b .fd-message-strip__close.is-focus.is-hover:after,.fd-message-strip--indication-color-10b .fd-message-strip__close.is-focus:hover:after,.fd-message-strip--indication-color-10b .fd-message-strip__close:focus.is-hover:after,.fd-message-strip--indication-color-10b .fd-message-strip__close:focus:hover:after{border-color:var(--sapContent_FocusColor)}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}.fd-message-strip__sr-only{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-user-select:none;user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0px}\n/*! Bundled license information:\n\nfundamental-styles/dist/message-strip.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"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
330
350
  }
331
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripComponent, decorators: [{
351
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripComponent, decorators: [{
332
352
  type: Component,
333
353
  args: [{ selector: 'fd-message-strip', host: {
334
354
  '[attr.aria-label]': 'ariaLabel()',
@@ -345,18 +365,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
345
365
  class AutoDismissMessageStripDirective {
346
366
  constructor() {
347
367
  /** Whether the message strip is dismissible */
348
- this.dismissible = input(true, { ...(ngDevMode ? { debugName: "dismissible" } : {}), transform: booleanAttribute });
368
+ this.dismissible = input(true, { ...(ngDevMode ? { debugName: "dismissible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
349
369
  /** Whether the alert should be automatically dismissed. */
350
- this.autoDismiss = input(true, { ...(ngDevMode ? { debugName: "autoDismiss" } : {}), transform: booleanAttribute });
370
+ this.autoDismiss = input(true, { ...(ngDevMode ? { debugName: "autoDismiss" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
351
371
  /** Duration of time *in milliseconds* that the alert will be visible. Set to -1 for indefinite. */
352
- this.duration = input(10000, ...(ngDevMode ? [{ debugName: "duration" }] : []));
372
+ this.duration = input(10000, /* @ts-ignore */
373
+ ...(ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []));
353
374
  /** Whether the alert should stay open if the mouse is hovering over it. */
354
- this.mousePersist = input(false, { ...(ngDevMode ? { debugName: "mousePersist" } : {}), transform: booleanAttribute });
375
+ this.mousePersist = input(false, { ...(ngDevMode ? { debugName: "mousePersist" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
355
376
  /**
356
377
  * Whether the message strip is currently opened.
357
378
  * @hidden
358
379
  */
359
- this._opened = signal(false, ...(ngDevMode ? [{ debugName: "_opened" }] : []));
380
+ this._opened = signal(false, /* @ts-ignore */
381
+ ...(ngDevMode ? [{ debugName: "_opened" }] : /* istanbul ignore next */ []));
360
382
  /** @hidden */
361
383
  this._messageStripComponent = inject(MessageStripComponent, { optional: false, host: true });
362
384
  /** @hidden */
@@ -425,10 +447,10 @@ class AutoDismissMessageStripDirective {
425
447
  _dismiss() {
426
448
  this._messageStripComponent.dismiss();
427
449
  }
428
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AutoDismissMessageStripDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
429
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: AutoDismissMessageStripDirective, isStandalone: true, selector: "fd-message-strip[mousePersist], fd-message-strip[duration], fd-message-strip[autoDismiss]", inputs: { dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, autoDismiss: { classPropertyName: "autoDismiss", publicName: "autoDismiss", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, mousePersist: { classPropertyName: "mousePersist", publicName: "mousePersist", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "!_opened() ? \"none\" : null" } }, exportAs: ["fdAutoDismissMessageStrip"], ngImport: i0 }); }
450
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AutoDismissMessageStripDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
451
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: AutoDismissMessageStripDirective, isStandalone: true, selector: "fd-message-strip[mousePersist], fd-message-strip[duration], fd-message-strip[autoDismiss]", inputs: { dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, autoDismiss: { classPropertyName: "autoDismiss", publicName: "autoDismiss", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, mousePersist: { classPropertyName: "mousePersist", publicName: "mousePersist", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "!_opened() ? \"none\" : null" } }, exportAs: ["fdAutoDismissMessageStrip"], ngImport: i0 }); }
430
452
  }
431
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AutoDismissMessageStripDirective, decorators: [{
453
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AutoDismissMessageStripDirective, decorators: [{
432
454
  type: Directive,
433
455
  args: [{
434
456
  // eslint-disable-next-line @angular-eslint/directive-selector
@@ -501,10 +523,10 @@ class MessageStripAlertComponent {
501
523
  }
502
524
  return new ComponentPortal(content);
503
525
  }
504
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
505
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: MessageStripAlertComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "autoDismissMessageStripDirective", first: true, predicate: AutoDismissMessageStripDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<fd-message-strip\n [class]=\"messageStripConfig.class\"\n [dismissible]=\"messageStripConfig.dismissible\"\n [autoDismiss]=\"messageStripConfig.duration > 0\"\n [mousePersist]=\"messageStripConfig.mousePersist\"\n [duration]=\"messageStripConfig.duration\"\n [noIcon]=\"messageStripConfig.noIcon\"\n [type]=\"messageStripConfig.type\"\n [id]=\"messageStripConfig.id\"\n [ariaLabelledBy]=\"messageStripConfig.ariaLabelledBy\"\n [ariaLabel]=\"messageStripConfig.ariaLabel\"\n (onDismiss)=\"onDismissHandler()\"\n>\n <ng-template [cdkPortalOutlet]=\"contentPortal\"></ng-template>\n</fd-message-strip>\n", dependencies: [{ kind: "component", type: MessageStripComponent, selector: "fd-message-strip", inputs: ["dismissible", "ariaLabelledBy", "dismissBtnTitle", "noIcon", "type", "id", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: AutoDismissMessageStripDirective, selector: "fd-message-strip[mousePersist], fd-message-strip[duration], fd-message-strip[autoDismiss]", inputs: ["dismissible", "autoDismiss", "duration", "mousePersist"], exportAs: ["fdAutoDismissMessageStrip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
526
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
527
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: MessageStripAlertComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "autoDismissMessageStripDirective", first: true, predicate: AutoDismissMessageStripDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<fd-message-strip\n [class]=\"messageStripConfig.class\"\n [dismissible]=\"messageStripConfig.dismissible\"\n [autoDismiss]=\"messageStripConfig.duration > 0\"\n [mousePersist]=\"messageStripConfig.mousePersist\"\n [duration]=\"messageStripConfig.duration\"\n [noIcon]=\"messageStripConfig.noIcon\"\n [type]=\"messageStripConfig.type\"\n [id]=\"messageStripConfig.id\"\n [ariaLabelledBy]=\"messageStripConfig.ariaLabelledBy\"\n [ariaLabel]=\"messageStripConfig.ariaLabel\"\n (onDismiss)=\"onDismissHandler()\"\n>\n <ng-template [cdkPortalOutlet]=\"contentPortal\"></ng-template>\n</fd-message-strip>\n", dependencies: [{ kind: "component", type: MessageStripComponent, selector: "fd-message-strip", inputs: ["dismissible", "ariaLabelledBy", "dismissBtnTitle", "noIcon", "type", "id", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: AutoDismissMessageStripDirective, selector: "fd-message-strip[mousePersist], fd-message-strip[duration], fd-message-strip[autoDismiss]", inputs: ["dismissible", "autoDismiss", "duration", "mousePersist"], exportAs: ["fdAutoDismissMessageStrip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
506
528
  }
507
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripAlertComponent, decorators: [{
529
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripAlertComponent, decorators: [{
508
530
  type: Component,
509
531
  args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [MessageStripComponent, PortalModule, AutoDismissMessageStripDirective], template: "<fd-message-strip\n [class]=\"messageStripConfig.class\"\n [dismissible]=\"messageStripConfig.dismissible\"\n [autoDismiss]=\"messageStripConfig.duration > 0\"\n [mousePersist]=\"messageStripConfig.mousePersist\"\n [duration]=\"messageStripConfig.duration\"\n [noIcon]=\"messageStripConfig.noIcon\"\n [type]=\"messageStripConfig.type\"\n [id]=\"messageStripConfig.id\"\n [ariaLabelledBy]=\"messageStripConfig.ariaLabelledBy\"\n [ariaLabel]=\"messageStripConfig.ariaLabel\"\n (onDismiss)=\"onDismissHandler()\"\n>\n <ng-template [cdkPortalOutlet]=\"contentPortal\"></ng-template>\n</fd-message-strip>\n" }]
510
532
  }], ctorParameters: () => [], propDecorators: { autoDismissMessageStripDirective: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AutoDismissMessageStripDirective), { isSignal: true }] }] } });
@@ -531,14 +553,16 @@ class MessageStripAlertService {
531
553
  * Signal holding all message alerts
532
554
  * @hidden
533
555
  */
534
- this._messageAlerts = signal([], ...(ngDevMode ? [{ debugName: "_messageAlerts" }] : []));
556
+ this._messageAlerts = signal([], /* @ts-ignore */
557
+ ...(ngDevMode ? [{ debugName: "_messageAlerts" }] : /* istanbul ignore next */ []));
535
558
  /** @hidden */
536
559
  this._overlayRefs = {};
537
560
  /**
538
561
  * Signal holding footer components
539
562
  * @hidden
540
563
  */
541
- this._messageStripAlertContainerFooters = signal({}, ...(ngDevMode ? [{ debugName: "_messageStripAlertContainerFooters" }] : []));
564
+ this._messageStripAlertContainerFooters = signal({}, /* @ts-ignore */
565
+ ...(ngDevMode ? [{ debugName: "_messageStripAlertContainerFooters" }] : /* istanbul ignore next */ []));
542
566
  if (this._messageStripAlertService) {
543
567
  throw new Error('MessageStripAlertService is already provided');
544
568
  }
@@ -712,10 +736,10 @@ class MessageStripAlertService {
712
736
  hasBackdrop: false
713
737
  });
714
738
  }
715
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripAlertService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
716
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripAlertService, providedIn: 'root' }); }
739
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripAlertService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
740
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripAlertService, providedIn: 'root' }); }
717
741
  }
718
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripAlertService, decorators: [{
742
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripAlertService, decorators: [{
719
743
  type: Injectable,
720
744
  args: [{
721
745
  providedIn: 'root'
@@ -734,11 +758,11 @@ const _messageStripIndicationColors = messageStripIndicationColors.reduce((acc,
734
758
  * Use direct imports of components and directives.
735
759
  */
736
760
  class MessageStripModule {
737
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
738
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: MessageStripModule, imports: [MessageStripComponent, AutoDismissMessageStripDirective, MessageStripIconDirective], exports: [MessageStripComponent, AutoDismissMessageStripDirective, MessageStripIconDirective] }); }
739
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripModule, imports: [MessageStripComponent] }); }
761
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
762
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: MessageStripModule, imports: [MessageStripComponent, AutoDismissMessageStripDirective, MessageStripIconDirective], exports: [MessageStripComponent, AutoDismissMessageStripDirective, MessageStripIconDirective] }); }
763
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripModule, imports: [MessageStripComponent] }); }
740
764
  }
741
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: MessageStripModule, decorators: [{
765
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageStripModule, decorators: [{
742
766
  type: NgModule,
743
767
  args: [{
744
768
  imports: [MessageStripComponent, AutoDismissMessageStripDirective, MessageStripIconDirective],