@fundamental-ngx/core 0.65.0 → 0.65.1-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/fundamental-ngx-core-action-bar.mjs +25 -25
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs +19 -19
- package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs +28 -28
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs +34 -34
- package/fesm2022/fundamental-ngx-core-avatar.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-bar.mjs +22 -22
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-button.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-calendar.mjs +37 -37
- package/fesm2022/fundamental-ngx-core-card.mjs +109 -109
- package/fesm2022/fundamental-ngx-core-carousel.mjs +19 -19
- package/fesm2022/fundamental-ngx-core-checkbox.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-combobox.mjs +18 -18
- package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-content-density.mjs +22 -22
- package/fesm2022/fundamental-ngx-core-date-picker.mjs +12 -12
- package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +12 -12
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime.mjs +30 -30
- package/fesm2022/fundamental-ngx-core-dialog.mjs +58 -58
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +49 -49
- package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-facets.mjs +16 -16
- package/fesm2022/fundamental-ngx-core-feed-input.mjs +16 -16
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +22 -22
- package/fesm2022/fundamental-ngx-core-file-uploader.mjs +16 -16
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-form.mjs +70 -70
- package/fesm2022/fundamental-ngx-core-formatted-text.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-generic-tag.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-grid-list.mjs +46 -46
- package/fesm2022/fundamental-ngx-core-icon.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +19 -19
- package/fesm2022/fundamental-ngx-core-infinite-scroll.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-info-label.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-inline-help.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-input-group.mjs +21 -21
- package/fesm2022/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-layout-grid.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs +31 -31
- package/fesm2022/fundamental-ngx-core-link.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-list.mjs +67 -67
- package/fesm2022/fundamental-ngx-core-menu.mjs +61 -61
- package/fesm2022/fundamental-ngx-core-message-box.mjs +37 -37
- package/fesm2022/fundamental-ngx-core-message-page.mjs +19 -19
- package/fesm2022/fundamental-ngx-core-message-strip.mjs +27 -26
- package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-toast.mjs +16 -16
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +19 -19
- package/fesm2022/fundamental-ngx-core-mobile-mode.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +24 -24
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs +14 -14
- package/fesm2022/fundamental-ngx-core-nested-list.mjs +40 -40
- package/fesm2022/fundamental-ngx-core-notification.mjs +76 -76
- package/fesm2022/fundamental-ngx-core-object-attribute.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-object-marker.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-object-number.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-object-status.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +31 -31
- package/fesm2022/fundamental-ngx-core-pagination.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-panel.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-popover.mjs +41 -41
- package/fesm2022/fundamental-ngx-core-product-switch.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-quick-view.mjs +37 -37
- package/fesm2022/fundamental-ngx-core-radio.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-scroll-spy.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-scrollbar.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-select.mjs +20 -20
- package/fesm2022/fundamental-ngx-core-settings.mjs +49 -49
- package/fesm2022/fundamental-ngx-core-shared.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +49 -49
- package/fesm2022/fundamental-ngx-core-side-navigation.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-skeleton.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-slider.mjs +12 -12
- package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-split-button.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-step-input.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-switch.mjs +9 -9
- package/fesm2022/fundamental-ngx-core-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-table.mjs +49 -49
- package/fesm2022/fundamental-ngx-core-tabs.mjs +52 -52
- package/fesm2022/fundamental-ngx-core-text.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-theming.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-tile.mjs +94 -94
- package/fesm2022/fundamental-ngx-core-time-picker.mjs +9 -9
- package/fesm2022/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-timeline.mjs +43 -43
- package/fesm2022/fundamental-ngx-core-title.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-token.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-toolbar.mjs +28 -28
- package/fesm2022/fundamental-ngx-core-tree.mjs +31 -31
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs +37 -37
- package/fesm2022/fundamental-ngx-core-user-menu.mjs +46 -46
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-wizard.mjs +28 -28
- package/fesm2022/fundamental-ngx-core.mjs +4 -4
- package/package.json +3 -3
- package/schematics/package.json +1 -1
- package/types/fundamental-ngx-core-calendar.d.ts +2 -2
- package/types/fundamental-ngx-core-carousel.d.ts +1 -1
- package/types/fundamental-ngx-core-content-density.d.ts +2 -2
- package/types/fundamental-ngx-core-datetime.d.ts +1 -1
- package/types/fundamental-ngx-core-dialog.d.ts +5 -5
- package/types/fundamental-ngx-core-dynamic-page.d.ts +2 -2
- package/types/fundamental-ngx-core-file-uploader.d.ts +1 -1
- package/types/fundamental-ngx-core-form.d.ts +1 -1
- package/types/fundamental-ngx-core-menu.d.ts +2 -2
- package/types/fundamental-ngx-core-message-box.d.ts +3 -3
- package/types/fundamental-ngx-core-message-strip.d.ts +1 -1
- package/types/fundamental-ngx-core-message-toast.d.ts +2 -2
- package/types/fundamental-ngx-core-multi-combobox.d.ts +1 -1
- package/types/fundamental-ngx-core-nested-list.d.ts +2 -2
- package/types/fundamental-ngx-core-notification.d.ts +1 -1
- package/types/fundamental-ngx-core-overflow-layout.d.ts +1 -1
- package/types/fundamental-ngx-core-pagination.d.ts +1 -1
- package/types/fundamental-ngx-core-popover.d.ts +1 -1
- package/types/fundamental-ngx-core-select.d.ts +1 -1
- package/types/fundamental-ngx-core-shared.d.ts +1 -1
- package/types/fundamental-ngx-core-theming.d.ts +1 -1
- package/types/fundamental-ngx-core-timeline.d.ts +1 -1
- package/types/fundamental-ngx-core-tree.d.ts +1 -1
- package/types/fundamental-ngx-core-wizard.d.ts +1 -1
|
@@ -95,10 +95,10 @@ class MessageStripAlertContainerFooterComponent {
|
|
|
95
95
|
}
|
|
96
96
|
});
|
|
97
97
|
}
|
|
98
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
99
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
98
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripAlertContainerFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
99
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", 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 }); }
|
|
100
100
|
}
|
|
101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
101
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripAlertContainerFooterComponent, decorators: [{
|
|
102
102
|
type: Component,
|
|
103
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"] }]
|
|
104
104
|
}], ctorParameters: () => [], propDecorators: { alertRefs: [{ type: i0.Input, args: [{ isSignal: true, alias: "alertRefs", required: false }] }] } });
|
|
@@ -129,8 +129,8 @@ class MessageStripAlertContainerComponent {
|
|
|
129
129
|
this._portalOutlets = viewChildren(CdkPortalOutlet, /* @ts-ignore */
|
|
130
130
|
...(ngDevMode ? [{ debugName: "_portalOutlets" }] : /* istanbul ignore next */ []));
|
|
131
131
|
}
|
|
132
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
133
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
132
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripAlertContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
133
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: MessageStripAlertContainerComponent, isStandalone: true, selector: "fd-message-strip-alert-container", viewQueries: [{ propertyName: "_portalOutlets", predicate: CdkPortalOutlet, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
134
134
|
<div fdScrollbar>
|
|
135
135
|
@for (portal of attachedElements(); track portal) {
|
|
136
136
|
<ng-template [cdkPortalOutlet]="portal"></ng-template>
|
|
@@ -139,7 +139,7 @@ class MessageStripAlertContainerComponent {
|
|
|
139
139
|
<fd-message-strip-alert-container-footer [alertRefs]="_alertRefs()"></fd-message-strip-alert-container-footer>
|
|
140
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 }); }
|
|
141
141
|
}
|
|
142
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripAlertContainerComponent, decorators: [{
|
|
143
143
|
type: Component,
|
|
144
144
|
args: [{ selector: 'fd-message-strip-alert-container', template: `
|
|
145
145
|
<div fdScrollbar>
|
|
@@ -155,10 +155,10 @@ class MessageStripIconDirective {
|
|
|
155
155
|
constructor() {
|
|
156
156
|
this.templateRef = inject(TemplateRef);
|
|
157
157
|
}
|
|
158
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
159
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
158
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
159
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: MessageStripIconDirective, isStandalone: true, selector: "[fdMessageStripIcon]", ngImport: i0 }); }
|
|
160
160
|
}
|
|
161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripIconDirective, decorators: [{
|
|
162
162
|
type: Directive,
|
|
163
163
|
args: [{
|
|
164
164
|
selector: '[fdMessageStripIcon]'
|
|
@@ -345,10 +345,10 @@ class MessageStripComponent {
|
|
|
345
345
|
this.elementRef.nativeElement.classList.remove('fd-has-display-block');
|
|
346
346
|
this.onDismiss.emit();
|
|
347
347
|
}
|
|
348
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
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-hover,.fd-message-strip--indication-color-1 .fd-message-strip__close:hover,.fd-message-strip--indication-color-1 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-1 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-2 .fd-message-strip__close:hover,.fd-message-strip--indication-color-2 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-2 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-3 .fd-message-strip__close:hover,.fd-message-strip--indication-color-3 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-3 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-4 .fd-message-strip__close:hover,.fd-message-strip--indication-color-4 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-4 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-5 .fd-message-strip__close:hover,.fd-message-strip--indication-color-5 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-5 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-6 .fd-message-strip__close:hover,.fd-message-strip--indication-color-6 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-6 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-7 .fd-message-strip__close:hover,.fd-message-strip--indication-color-7 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-7 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-8 .fd-message-strip__close:hover,.fd-message-strip--indication-color-8 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-8 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-9 .fd-message-strip__close:hover,.fd-message-strip--indication-color-9 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-9 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-10 .fd-message-strip__close:hover,.fd-message-strip--indication-color-10 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-10 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-1b .fd-message-strip__close:hover,.fd-message-strip--indication-color-1b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-1b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-2b .fd-message-strip__close:hover,.fd-message-strip--indication-color-2b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-2b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-3b .fd-message-strip__close:hover,.fd-message-strip--indication-color-3b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-3b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-4b .fd-message-strip__close:hover,.fd-message-strip--indication-color-4b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-4b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-5b .fd-message-strip__close:hover,.fd-message-strip--indication-color-5b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-5b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-6b .fd-message-strip__close:hover,.fd-message-strip--indication-color-6b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-6b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-7b .fd-message-strip__close:hover,.fd-message-strip--indication-color-7b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-7b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-8b .fd-message-strip__close:hover,.fd-message-strip--indication-color-8b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-8b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-9b .fd-message-strip__close:hover,.fd-message-strip--indication-color-9b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-9b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-10b .fd-message-strip__close:hover,.fd-message-strip--indication-color-10b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-10b .fd-message-strip__close:active{--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.9\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.2.1", ngImport: i0, type: MessageStripComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
349
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", 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-hover,.fd-message-strip--indication-color-1 .fd-message-strip__close:hover,.fd-message-strip--indication-color-1 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-1 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-2 .fd-message-strip__close:hover,.fd-message-strip--indication-color-2 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-2 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-3 .fd-message-strip__close:hover,.fd-message-strip--indication-color-3 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-3 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-4 .fd-message-strip__close:hover,.fd-message-strip--indication-color-4 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-4 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-5 .fd-message-strip__close:hover,.fd-message-strip--indication-color-5 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-5 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-6 .fd-message-strip__close:hover,.fd-message-strip--indication-color-6 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-6 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-7 .fd-message-strip__close:hover,.fd-message-strip--indication-color-7 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-7 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-8 .fd-message-strip__close:hover,.fd-message-strip--indication-color-8 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-8 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-9 .fd-message-strip__close:hover,.fd-message-strip--indication-color-9 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-9 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-10 .fd-message-strip__close:hover,.fd-message-strip--indication-color-10 .fd-message-strip__close.is-active,.fd-message-strip--indication-color-10 .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-1b .fd-message-strip__close:hover,.fd-message-strip--indication-color-1b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-1b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-2b .fd-message-strip__close:hover,.fd-message-strip--indication-color-2b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-2b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-3b .fd-message-strip__close:hover,.fd-message-strip--indication-color-3b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-3b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-4b .fd-message-strip__close:hover,.fd-message-strip--indication-color-4b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-4b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-5b .fd-message-strip__close:hover,.fd-message-strip--indication-color-5b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-5b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-6b .fd-message-strip__close:hover,.fd-message-strip--indication-color-6b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-6b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-7b .fd-message-strip__close:hover,.fd-message-strip--indication-color-7b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-7b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-8b .fd-message-strip__close:hover,.fd-message-strip--indication-color-8b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-8b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-9b .fd-message-strip__close:hover,.fd-message-strip--indication-color-9b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-9b .fd-message-strip__close:active{--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-hover,.fd-message-strip--indication-color-10b .fd-message-strip__close:hover,.fd-message-strip--indication-color-10b .fd-message-strip__close.is-active,.fd-message-strip--indication-color-10b .fd-message-strip__close:active{--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.9\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 }); }
|
|
350
350
|
}
|
|
351
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripComponent, decorators: [{
|
|
352
352
|
type: Component,
|
|
353
353
|
args: [{ selector: 'fd-message-strip', host: {
|
|
354
354
|
'[attr.aria-label]': 'ariaLabel()',
|
|
@@ -447,10 +447,10 @@ class AutoDismissMessageStripDirective {
|
|
|
447
447
|
_dismiss() {
|
|
448
448
|
this._messageStripComponent.dismiss();
|
|
449
449
|
}
|
|
450
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
451
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
450
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: AutoDismissMessageStripDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
451
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", 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 }); }
|
|
452
452
|
}
|
|
453
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
453
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: AutoDismissMessageStripDirective, decorators: [{
|
|
454
454
|
type: Directive,
|
|
455
455
|
args: [{
|
|
456
456
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -471,7 +471,8 @@ class MessageStripAlertComponent {
|
|
|
471
471
|
/** @hidden */
|
|
472
472
|
constructor() {
|
|
473
473
|
/** @hidden */
|
|
474
|
-
this.autoDismissMessageStripDirective = viewChild.required(AutoDismissMessageStripDirective
|
|
474
|
+
this.autoDismissMessageStripDirective = viewChild.required(AutoDismissMessageStripDirective, /* @ts-ignore */
|
|
475
|
+
...(ngDevMode ? [{ debugName: "autoDismissMessageStripDirective" }] : /* istanbul ignore next */ []));
|
|
475
476
|
/** User provided data. Full of it */
|
|
476
477
|
this.data = inject(MessageStripAlertComponentData);
|
|
477
478
|
/**
|
|
@@ -523,10 +524,10 @@ class MessageStripAlertComponent {
|
|
|
523
524
|
}
|
|
524
525
|
return new ComponentPortal(content);
|
|
525
526
|
}
|
|
526
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
527
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.
|
|
527
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
528
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", 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 }); }
|
|
528
529
|
}
|
|
529
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
530
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripAlertComponent, decorators: [{
|
|
530
531
|
type: Component,
|
|
531
532
|
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" }]
|
|
532
533
|
}], ctorParameters: () => [], propDecorators: { autoDismissMessageStripDirective: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AutoDismissMessageStripDirective), { isSignal: true }] }] } });
|
|
@@ -736,10 +737,10 @@ class MessageStripAlertService {
|
|
|
736
737
|
hasBackdrop: false
|
|
737
738
|
});
|
|
738
739
|
}
|
|
739
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
740
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
740
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripAlertService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
741
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripAlertService, providedIn: 'root' }); }
|
|
741
742
|
}
|
|
742
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
743
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripAlertService, decorators: [{
|
|
743
744
|
type: Injectable,
|
|
744
745
|
args: [{
|
|
745
746
|
providedIn: 'root'
|
|
@@ -758,11 +759,11 @@ const _messageStripIndicationColors = messageStripIndicationColors.reduce((acc,
|
|
|
758
759
|
* Use direct imports of components and directives.
|
|
759
760
|
*/
|
|
760
761
|
class MessageStripModule {
|
|
761
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
762
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
763
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
762
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
763
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: MessageStripModule, imports: [MessageStripComponent, AutoDismissMessageStripDirective, MessageStripIconDirective], exports: [MessageStripComponent, AutoDismissMessageStripDirective, MessageStripIconDirective] }); }
|
|
764
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripModule, imports: [MessageStripComponent] }); }
|
|
764
765
|
}
|
|
765
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
766
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: MessageStripModule, decorators: [{
|
|
766
767
|
type: NgModule,
|
|
767
768
|
args: [{
|
|
768
769
|
imports: [MessageStripComponent, AutoDismissMessageStripDirective, MessageStripIconDirective],
|