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