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