@fundamental-ngx/core 0.63.0-rc.2 → 0.63.0-rc.21
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 +2 -2
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-bar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-calendar.mjs +52 -47
- package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-card.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-card.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-carousel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-checkbox.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-combobox.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-date-picker.mjs +7 -6
- package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +14 -13
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime.mjs +295 -100
- package/fesm2022/fundamental-ngx-core-datetime.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dialog.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-facets.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-feed-input.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-file-uploader.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-form.mjs +19 -16
- package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-generic-tag.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-grid-list.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-icon.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-info-label.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-input-group.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-layout-grid.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-link.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-list.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-message-box.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-page.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-strip.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-toast.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-nested-list.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-nested-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-notification.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-attribute.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-marker.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-status.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-pagination.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-panel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-popover.mjs +110 -6
- package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-product-switch.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-quick-view.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-radio.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-select.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-settings.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-side-navigation.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-skeleton.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-slider.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-split-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-step-input.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-switch.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-table.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-tabs.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-text.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tile.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-time-picker.mjs +8 -17
- package/fesm2022/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time.mjs +8 -16
- package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-title.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-token.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-toolbar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tree.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-user-menu.mjs +25 -4
- package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-wizard.mjs +2 -2
- package/package.json +4 -4
- package/types/fundamental-ngx-core-calendar.d.ts +5 -12
- package/types/fundamental-ngx-core-datetime-picker.d.ts +0 -2
- package/types/fundamental-ngx-core-datetime.d.ts +109 -68
- package/types/fundamental-ngx-core-form.d.ts +2 -0
- package/types/fundamental-ngx-core-popover.d.ts +378 -319
- package/types/fundamental-ngx-core-time-picker.d.ts +2 -8
- package/types/fundamental-ngx-core-time.d.ts +1 -7
- package/types/fundamental-ngx-core-user-menu.d.ts +7 -2
|
@@ -651,7 +651,7 @@ class TileComponent {
|
|
|
651
651
|
}
|
|
652
652
|
}
|
|
653
653
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
654
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: TileComponent, isStandalone: true, selector: "fd-tile, [fd-tile]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, double: { classPropertyName: "double", publicName: "double", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tileClick: "tileClick" }, host: { listeners: { "click": "handleClick()", "keyup.enter": "handleKeyboard()", "keydown.space": "$event.preventDefault()", "keyup.space": "handleKeyboard()" }, properties: { "class": "cssClass()", "attr.tabindex": "tabindex()", "attr.role": "roleValue()", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "ariaLabelledby()", "attr.id": "id()" } }, ngImport: i0, template: "@if (action()) {\n <div class=\"fd-tile__overlay\"></div>\n}\n<ng-content select=\"[fd-tile-action-close]\"></ng-content>\n<ng-content select=\"[fd-tile-action-indicator]\"></ng-content>\n<ng-content select=\"[fd-badge]\"></ng-content>\n<ng-content select=\"[fd-tile-header]\"></ng-content>\n<ng-content select=\"[fd-tile-header-content]\"></ng-content>\n<ng-content select=\"[fd-tile-content]\"></ng-content>\n<ng-content select=\"[fd-tile-footer]\"></ng-content>\n<ng-content select=\"[fd-tile-action-container]\"></ng-content>\n<ng-content></ng-content>\n", styles: [".fd-tile{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:11rem;line-height:normal;margin-block:0;margin-inline:0;max-height:11rem;max-width:11rem;min-height:11rem;min-width:11rem;padding-block:0;padding-inline:0;width:11rem;--fdGenericTileLineTileHeight:2rem;--fdGenericTileLineTileMaxHeight:3.25rem;--fdGenericTileLineHeight:1.625rem;--fdGenericTileTitleHorizontalSpacing:.625rem;background:var(--sapTile_Background);border:var(--fdTile_Border);border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);cursor:pointer;padding-block:.9375rem;padding-inline:.9375rem;position:relative}.fd-tile:after,.fd-tile:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile[class*=-compact],.fd-tile[class*=-condensed],[class*=-compact] .fd-tile:not([class*=-cozy]),[class*=-condensed] .fd-tile:not([class*=-cozy]){--fdGenericTileLineTileHeight:1.625rem;--fdGenericTileLineTileMaxHeight:2.875rem;--fdGenericTileLineHeight:1.4375rem;--fdGenericTileTitleHorizontalSpacing:.5rem}.fd-tile.is-active,.fd-tile:active{background:var(--sapTile_Active_Background);border:.0625rem solid var(--sapTile_Interactive_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-tile.is-hover,.fd-tile:hover{background:var(--sapTile_Hover_Background);border:var(--fdTile_Hover_Border);-webkit-box-shadow:var(--fdTile_Hover_Box_Shadow);box-shadow:var(--fdTile_Hover_Box_Shadow)}.fd-tile__content,.fd-tile__footer,.fd-tile__header,.fd-tile__header-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0}.fd-tile__content:after,.fd-tile__content:before,.fd-tile__footer:after,.fd-tile__footer:before,.fd-tile__header-content:after,.fd-tile__header-content:before,.fd-tile__header:after,.fd-tile__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__content--2-col,.fd-tile__footer--2-col,.fd-tile__header--2-col,.fd-tile__header-content--2-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-tile__header{height:3.625rem;max-height:3.625rem;min-height:3.625rem}.fd-tile__content,.fd-tile__header{-webkit-margin-after:.25rem;margin-block-end:.25rem}.fd-tile__content{height:3.875rem;max-height:3.875rem;min-height:3.875rem}.fd-tile__header-content{height:7.75rem;max-height:7.75rem;min-height:7.75rem;-webkit-margin-after:.25rem;margin-block-end:.25rem}.fd-tile__header-content .fd-tile__title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fd-tile__footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;max-height:1rem;min-height:1rem}.fd-tile__section{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;width:calc(50% - .125rem)}.fd-tile__section:after,.fd-tile__section:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__footer-text,.fd-tile__subtitle,.fd-tile__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tile__footer-text:after,.fd-tile__footer-text:before,.fd-tile__subtitle:after,.fd-tile__subtitle:before,.fd-tile__title:after,.fd-tile__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--sapTile_TitleTextColor);font-size:var(--fdTile_Title_Font_Size);font-weight:var(--fdTile_Title_Font_Weight);overflow:hidden}.fd-tile__footer-text,.fd-tile__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile__refresh [class*=sap-icon],.fd-tile__refresh[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-end:.5rem;color:var(--sapButton_IconColor);font-size:var(--sapFontSize);line-height:normal;margin-inline-end:.5rem;min-width:.875rem;text-align:center}.fd-tile__profile-img{border:0;border-radius:50%;-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:3.5rem;line-height:normal;margin-block:0;margin-inline:0;max-height:3.5rem;max-width:3.5rem;min-height:3.5rem;min-width:3.5rem;padding-block:0;padding-inline:0;width:3.5rem}.fd-tile__profile-img:after,.fd-tile__profile-img:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__logo{height:1.75rem;max-height:1.75rem;max-width:3.625rem;min-height:1.75rem;min-width:3.625rem;width:3.625rem}.fd-tile__action-close,.fd-tile__action-indicator,.fd-tile__overlay{display:none}.fd-tile--double{max-width:22.5rem;min-width:22.5rem;width:22.5rem}.fd-tile--s{height:9.25rem;max-height:9.25rem;max-width:9.25rem;min-height:9.25rem;min-width:9.25rem;padding-block:.4375rem;padding-inline:.4375rem;width:9.25rem}.fd-tile--s.fd-tile--double{max-width:19rem;min-width:19rem;width:19rem}.fd-tile--s .fd-tile__header{height:3.25rem;max-height:3.25rem;min-height:3.25rem}.fd-tile--s .fd-tile__content{height:3.438rem;max-height:3.438rem;min-height:3.438rem}.fd-tile--s .fd-tile__header-content{height:6.938rem;max-height:6.938rem;min-height:6.938rem}.fd-tile--s .fd-tile__footer{height:1.063rem;max-height:1.063rem;min-height:1.063rem}.fd-tile--s .fd-tile__title{font-size:var(--sapFontHeader6Size)}.fd-tile--s .fd-tile__footer-text{font-size:var(--sapFontSmallSize)}.fd-tile--s .fd-tile__profile-img{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-tile--s .fd-tile__logo{height:1.438rem;max-height:1.438rem;max-width:3rem;min-height:1.438rem;min-width:3rem;width:3rem}.fd-tile--feed .fd-tile__content,.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__content,.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,.fd-tile--launch .fd-tile__content,.fd-tile--launch .fd-tile__content--2-col .fd-tile__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-tile--feed .fd-tile__footer,.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__footer,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,.fd-tile--launch .fd-tile__footer,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section{width:auto}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child{-webkit-margin-end:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;margin-inline-end:.25rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:100%}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){-webkit-padding-start:.5rem;max-width:10.25rem;padding-inline-start:.5rem}.fd-tile--feed .fd-tile__content-byline,.fd-tile--feed .fd-tile__content-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.063rem;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0}.fd-tile--feed .fd-tile__content-byline:after,.fd-tile--feed .fd-tile__content-byline:before,.fd-tile--feed .fd-tile__content-text:after,.fd-tile--feed .fd-tile__content-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--feed .fd-tile__content-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.125rem;overflow:hidden}.fd-tile--feed .fd-tile__content-byline{color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2){max-width:8.25rem}.fd-tile--slide{display:-webkit-box;display:-ms-flexbox;display:flex;padding-block:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-tile--slide .fd-tile__background-img{background-size:cover;border:0;border-radius:var(--sapElement_BorderCornerRadius);-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:100%;inset:0;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;width:100%}.fd-tile--slide .fd-tile__background-img:after,.fd-tile--slide .fd-tile__background-img:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__background-img.is-hover,.fd-tile--slide .fd-tile__background-img:hover{opacity:.9}.fd-tile--slide .fd-tile__background-img.is-active,.fd-tile--slide .fd-tile__background-img:active{opacity:.8}.fd-tile--slide .fd-tile__toggle{background:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:normal;margin-block:0;margin-inline:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem;position:absolute;right:-.0625rem;top:-.0625rem;width:3rem}.fd-tile--slide .fd-tile__toggle:after,.fd-tile--slide .fd-tile__toggle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__toggle[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__toggle{left:-.0625rem;right:auto}.fd-tile--slide .fd-tile__toggle:before{display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;width:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapBlockLayer_Background);border-radius:50%;color:var(--sapButton_Emphasized_TextColor);content:\"\\e14b\";font-family:SAP-icons;font-size:1rem;opacity:.6;text-shadow:var(--sapButton_Emphasized_TextShadow)}.fd-tile--slide .fd-tile__toggle--pause:before{content:\"\\e14c\"}.fd-tile--slide .fd-tile__toggle.is-focus,.fd-tile--slide .fd-tile__toggle:focus{outline:none;z-index:5}.fd-tile--slide .fd-tile__toggle.is-hover:before,.fd-tile--slide .fd-tile__toggle:hover:before{opacity:.8}.fd-tile--slide .fd-tile__toggle.is-active:before,.fd-tile--slide .fd-tile__toggle:active:before{opacity:1}.fd-tile--slide .fd-tile__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;height:6.125rem;line-height:normal;margin-block:0;margin-inline:0;max-height:6.125rem;min-height:6.125rem;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--fdSlide_Tile_Background_Color);justify-content:space-between;max-width:100%;opacity:var(--fdSlide_Tile_Background_Opacity);width:100%;z-index:2;-webkit-padding-before:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius);border-bottom-right-radius:var(--sapElement_BorderCornerRadius);padding-block-start:.25rem;padding-inline:.9375rem}.fd-tile--slide .fd-tile__container:after,.fd-tile--slide .fd-tile__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__title{font-weight:var(--fdSlide_Tile_Title_Font_Weight);text-shadow:var(--fdSlide_Tile_Title_Text_Shadow)}.fd-tile--slide .fd-tile__footer-text,.fd-tile--slide .fd-tile__subtitle,.fd-tile--slide .fd-tile__title{color:var(--fdSlide_Tile_Title_Color);font-size:var(--sapFontSize);line-height:normal}.fd-tile--slide .fd-tile__page-indicator{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;height:.5rem;max-height:.5rem;min-height:.5rem;-webkit-margin-after:.125rem;margin-block-end:.125rem;margin-top:.375rem}.fd-tile--slide .fd-tile__page-indicator:after,.fd-tile--slide .fd-tile__page-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlide_Tile_Indicator_Dot_Size);line-height:normal;margin-block:0;margin-inline:0;max-height:var(--fdSlide_Tile_Indicator_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Dot_Size);padding-block:0;padding-inline:0;width:var(--fdSlide_Tile_Indicator_Dot_Size);-webkit-margin-end:var(--fdSlide_Tile_Indicator_Dot_Spacing);background-color:var(--fdSlide_Tile_Indicator_Dot_Color);border:var(--fdSlide_Tile_Indicator_Dot_Border);border-radius:50%;-webkit-box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);margin-inline-end:var(--fdSlide_Tile_Indicator_Dot_Spacing);opacity:var(--fdSlide_Tile_Indicator_Dot_Opacity)}.fd-tile--slide .fd-tile__dot:after,.fd-tile--slide .fd-tile__dot:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot--active{background-color:var(--fdSlide_Tile_Indicator_Active_Dot_Color);border:var(--fdSlide_Tile_Indicator_Active_Dot_Border);height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size)}.fd-tile--slide .fd-tile__dot:last-child{margin-block:0;margin-inline:0}.fd-tile--slide.fd-tile--s .fd-tile__container{height:5.25rem;max-height:5.25rem;min-height:5.25rem;-webkit-padding-before:.1875rem;padding-block-start:.1875rem;padding-inline:.4375rem}.fd-tile--slide.fd-tile--s .fd-tile__footer-text,.fd-tile--slide.fd-tile--s .fd-tile__subtitle,.fd-tile--slide.fd-tile--s .fd-tile__title{font-size:var(--sapFontSmallSize)}.fd-tile--slide.fd-tile--s .fd-tile__page-indicator{margin-block:0}.fd-tile--action .fd-tile__action-close,.fd-tile--action .fd-tile__action-indicator,.fd-tile--action .fd-tile__overlay{display:block}.fd-tile--action .fd-tile__overlay{background:var(--sapTile_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);-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:100%;inset:0;line-height:normal;margin-block:0;margin-inline:0;opacity:.7;padding-block:0;padding-inline:0;position:absolute;width:100%;z-index:4}.fd-tile--action .fd-tile__overlay:after,.fd-tile--action .fd-tile__overlay:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--action .fd-badge,.fd-tile--action .fd-tile__footer{display:none}.fd-tile--action .fd-tile__action-close{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;max-height:none;max-width:none;min-height:auto;min-width:auto;width:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-block:0;padding-inline:0;position:absolute;right:-.375rem;top:-.375rem;z-index:5}.fd-tile--action .fd-tile__action-close[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-close{left:-.375rem;right:auto}.fd-tile--action .fd-tile__action-close [class*=sap-icon],.fd-tile--action .fd-tile__action-close[class*=sap-icon]{background:inherit;background:var(--sapButton_Background);border:.0625rem solid var(--sapButton_BorderColor);border-radius:inherit;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;color:var(--sapButton_IconColor);font-size:inherit;font-size:.75rem;height:1.375rem;line-height:1;max-height:1.375rem;max-width:1.375rem;min-height:1.375rem;min-width:1.375rem;width:1.375rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon]:before,.fd-tile--action .fd-tile__action-close[class*=sap-icon]:before{line-height:1.25rem}.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--action .fd-tile__action-close:focus{outline:none;z-index:5}.fd-tile--action .fd-tile__action-close.is-focus:after,.fd-tile--action .fd-tile__action-close:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdButton_Focus_Border_Radius);content:\"\";display:block;inset:-.0625rem;position:absolute}.fd-tile--action .fd-tile__action-close.is-focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close.is-focus.is-selected:after,.fd-tile--action .fd-tile__action-close:focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)}.fd-tile--action .fd-tile__action-close::-moz-focus-inner{border:0}.fd-tile--action .fd-tile__action-indicator{bottom:0;position:absolute;right:0;-webkit-margin-after:.25rem;margin-block-end:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem;z-index:5}.fd-tile--action .fd-tile__action-indicator[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-indicator{left:0;right:auto}.fd-tile--action .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action .fd-tile__action-indicator[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapButton_IconColor);font-size:1rem}.fd-tile--action .fd-tile__action-close.is-active,.fd-tile--action .fd-tile__action-close.is-hover,.fd-tile--action .fd-tile__action-close:active,.fd-tile--action .fd-tile__action-close:hover,.fd-tile--action .fd-tile__action-indicator.is-active,.fd-tile--action .fd-tile__action-indicator.is-hover,.fd-tile--action .fd-tile__action-indicator:active,.fd-tile--action .fd-tile__action-indicator:hover{background:transparent;border-color:transparent}.fd-tile--action.fd-tile--slide .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action.fd-tile--slide .fd-tile__action-indicator[class*=sap-icon]{color:var(--sapShell_Active_TextColor)}.fd-tile-container{background-color:var(--sapTile_Background);border:0;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem;width:100%}.fd-tile-container:after,.fd-tile-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile-container--list{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--sapGroup_ContentBackground);-ms-flex-direction:column;flex-direction:column}.fd-tile-container--list .fd-tile--line{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-inline:0;max-height:var(--fdGenericTileLineTileMaxHeight)}.fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,right),color-stop(top,left),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));-webkit-mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,right),color-stop(top,left),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,left),color-stop(top,right),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));-webkit-mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,left),color-stop(top,right),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile__header{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-tile--line{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-block:.25rem;-webkit-margin-end:.5rem;background:var(--fdTile_Background,var(--sapTile_Background));border:.0625rem solid var(--fdTile_Border,var(--sapTile_BorderColor));border-radius:var(--sapTile_BorderCornerRadius);-webkit-box-shadow:var(--fdTile_Box_Shadow,var(--sapContent_Shadow0));box-shadow:var(--fdTile_Box_Shadow,var(--sapContent_Shadow0));display:flex;height:100%;margin-inline-end:.5rem;max-height:var(--fdGenericTileLineTileHeight);max-width:100%;min-height:var(--fdGenericTileLineTileHeight);min-width:2rem;padding-block:0;padding-inline:.5rem;width:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.fd-tile--line.is-hover,.fd-tile--line:hover{border-radius:var(--sapTile_BorderCornerRadius);--fdTile_Box_Shadow:var(--sapContent_Shadow2);--fdTile_Background:var(--sapTile_Hover_Background)}.fd-tile--line.is-active,.fd-tile--line:active{--fdTile_Background:var(--sapTile_Active_Background)}.fd-tile--line.is-focus,.fd-tile--line:focus{outline:.125rem solid var(--sapContent_FocusColor);outline-offset:-.125rem;z-index:5}.fd-tile--line.is-disabled,.fd-tile--line:disabled,.fd-tile--line[aria-disabled=true]{background:transparent;opacity:.5;pointer-events:none}.fd-tile--line:last-child{-webkit-margin-end:0;margin-inline-end:0}.fd-tile--line .fd-tile__header{height:100%;max-height:100%;min-height:100%}.fd-tile--line .fd-tile__header,.fd-tile--line .fd-tile__title-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-block:0;margin-inline:0}.fd-tile--line .fd-tile__title-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;max-width:100%;padding-block:0;padding-inline:0}.fd-tile--line .fd-tile__title-container:after,.fd-tile--line .fd-tile__title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--line .fd-tile__subtitle,.fd-tile--line .fd-tile__title{color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);line-height:var(--fdGenericTileLineHeight);min-width:2rem;text-shadow:var(--sapContent_TextShadow)}.fd-tile--line .fd-tile__subtitle{color:var(--sapTile_TextColor);font-size:.875rem}.fd-tile--line .fd-tile__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-end:var(--fdGenericTileTitleHorizontalSpacing);color:var(--sapTile_TitleTextColor);display:inline;-webkit-line-clamp:initial;margin-inline-end:var(--fdGenericTileTitleHorizontalSpacing)}.fd-tile--line.fd-tile--action{-webkit-padding-end:0;padding-inline-end:0}.fd-tile--line.fd-tile--action .fd-tile__action-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-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:.25rem;margin-inline-start:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-container:after,.fd-tile--line.fd-tile--action .fd-tile__action-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--line.fd-tile--action .fd-tile__action-close{display:-webkit-box;display:-ms-flexbox;display:flex;height:1.375rem;min-width:1.375rem;width:1.375rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapButton_Background);border:var(--sapButton_BorderColor);border-radius:50%;cursor:pointer;font-size:.75rem;padding-block:0;padding-inline:.25rem;position:relative;top:-.625rem}.fd-tile--line.fd-tile--action .fd-tile__action-close:after{border-radius:50%}.fd-tile--line.fd-tile--action .fd-tile__action-indicator{height:1.625rem;line-height:1.625rem;margin-block:0;margin-inline:0;max-height:1.625rem;max-width:1.625rem;min-height:1.625rem;min-width:1.625rem;min-width:auto;position:relative;width:1.625rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator:after{content:\"\";height:2rem;left:60%;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator:after[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-indicator:after{left:auto;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.fd-tile--line .fd-badge{inset:0;position:relative;-webkit-margin-end:.375rem;margin-inline-end:.375rem;-ms-flex-negative:0;flex-shrink:0}.fd-tile--line .fd-badge[dir=rtl],[dir=rtl] .fd-tile--line .fd-badge{left:0;right:0}.fd-numeric-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-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-align:center;-ms-flex-align:center;align-items:center;height:100%;overflow:hidden;-webkit-padding-before:.125rem;padding-block-start:.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-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;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-block:.5rem .375rem;padding-inline:0}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.375rem .188rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:0 .313rem}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{-webkit-padding-before:0;padding-block-start:0}.fd-badge{background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:normal;margin-block:0;margin-inline:0;max-width:calc(100% - 1rem);overflow:hidden;padding-block:0;padding-inline:0;padding-inline:.5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}.fd-tile{display:block}a.fd-tile{cursor:pointer;text-decoration:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/badge.css:\n (*!\n * Fundamental Library Styles v0.41.6\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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
654
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: TileComponent, isStandalone: true, selector: "fd-tile, [fd-tile]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, double: { classPropertyName: "double", publicName: "double", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tileClick: "tileClick" }, host: { listeners: { "click": "handleClick()", "keyup.enter": "handleKeyboard()", "keydown.space": "$event.preventDefault()", "keyup.space": "handleKeyboard()" }, properties: { "class": "cssClass()", "attr.tabindex": "tabindex()", "attr.role": "roleValue()", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "ariaLabelledby()", "attr.id": "id()" } }, ngImport: i0, template: "@if (action()) {\n <div class=\"fd-tile__overlay\"></div>\n}\n<ng-content select=\"[fd-tile-action-close]\"></ng-content>\n<ng-content select=\"[fd-tile-action-indicator]\"></ng-content>\n<ng-content select=\"[fd-badge]\"></ng-content>\n<ng-content select=\"[fd-tile-header]\"></ng-content>\n<ng-content select=\"[fd-tile-header-content]\"></ng-content>\n<ng-content select=\"[fd-tile-content]\"></ng-content>\n<ng-content select=\"[fd-tile-footer]\"></ng-content>\n<ng-content select=\"[fd-tile-action-container]\"></ng-content>\n<ng-content></ng-content>\n", styles: [".fd-tile{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:11rem;line-height:normal;margin-block:0;margin-inline:0;max-height:11rem;max-width:11rem;min-height:11rem;min-width:11rem;padding-block:0;padding-inline:0;width:11rem;--fdGenericTileLineTileHeight:2rem;--fdGenericTileLineTileMaxHeight:3.25rem;--fdGenericTileLineHeight:1.625rem;--fdGenericTileTitleHorizontalSpacing:.625rem;background:var(--sapTile_Background);border:var(--fdTile_Border);border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);cursor:pointer;padding-block:.9375rem;padding-inline:.9375rem;position:relative}.fd-tile:after,.fd-tile:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile[class*=-compact],.fd-tile[class*=-condensed],[class*=-compact] .fd-tile:not([class*=-cozy]),[class*=-condensed] .fd-tile:not([class*=-cozy]){--fdGenericTileLineTileHeight:1.625rem;--fdGenericTileLineTileMaxHeight:2.875rem;--fdGenericTileLineHeight:1.4375rem;--fdGenericTileTitleHorizontalSpacing:.5rem}.fd-tile.is-active,.fd-tile:active{background:var(--sapTile_Active_Background);border:.0625rem solid var(--sapTile_Interactive_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-tile.is-hover,.fd-tile:hover{background:var(--sapTile_Hover_Background);border:var(--fdTile_Hover_Border);-webkit-box-shadow:var(--fdTile_Hover_Box_Shadow);box-shadow:var(--fdTile_Hover_Box_Shadow)}.fd-tile__content,.fd-tile__footer,.fd-tile__header,.fd-tile__header-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0}.fd-tile__content:after,.fd-tile__content:before,.fd-tile__footer:after,.fd-tile__footer:before,.fd-tile__header-content:after,.fd-tile__header-content:before,.fd-tile__header:after,.fd-tile__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__content--2-col,.fd-tile__footer--2-col,.fd-tile__header--2-col,.fd-tile__header-content--2-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-tile__header{height:3.625rem;max-height:3.625rem;min-height:3.625rem}.fd-tile__content,.fd-tile__header{-webkit-margin-after:.25rem;margin-block-end:.25rem}.fd-tile__content{height:3.875rem;max-height:3.875rem;min-height:3.875rem}.fd-tile__header-content{height:7.75rem;max-height:7.75rem;min-height:7.75rem;-webkit-margin-after:.25rem;margin-block-end:.25rem}.fd-tile__header-content .fd-tile__title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fd-tile__footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;max-height:1rem;min-height:1rem}.fd-tile__section{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;width:calc(50% - .125rem)}.fd-tile__section:after,.fd-tile__section:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__footer-text,.fd-tile__subtitle,.fd-tile__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tile__footer-text:after,.fd-tile__footer-text:before,.fd-tile__subtitle:after,.fd-tile__subtitle:before,.fd-tile__title:after,.fd-tile__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--sapTile_TitleTextColor);font-size:var(--fdTile_Title_Font_Size);font-weight:var(--fdTile_Title_Font_Weight);overflow:hidden}.fd-tile__footer-text,.fd-tile__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile__refresh [class*=sap-icon],.fd-tile__refresh[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-end:.5rem;color:var(--sapButton_IconColor);font-size:var(--sapFontSize);line-height:normal;margin-inline-end:.5rem;min-width:.875rem;text-align:center}.fd-tile__profile-img{border:0;border-radius:50%;-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:3.5rem;line-height:normal;margin-block:0;margin-inline:0;max-height:3.5rem;max-width:3.5rem;min-height:3.5rem;min-width:3.5rem;padding-block:0;padding-inline:0;width:3.5rem}.fd-tile__profile-img:after,.fd-tile__profile-img:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__logo{height:1.75rem;max-height:1.75rem;max-width:3.625rem;min-height:1.75rem;min-width:3.625rem;width:3.625rem}.fd-tile__action-close,.fd-tile__action-indicator,.fd-tile__overlay{display:none}.fd-tile--double{max-width:22.5rem;min-width:22.5rem;width:22.5rem}.fd-tile--s{height:9.25rem;max-height:9.25rem;max-width:9.25rem;min-height:9.25rem;min-width:9.25rem;padding-block:.4375rem;padding-inline:.4375rem;width:9.25rem}.fd-tile--s.fd-tile--double{max-width:19rem;min-width:19rem;width:19rem}.fd-tile--s .fd-tile__header{height:3.25rem;max-height:3.25rem;min-height:3.25rem}.fd-tile--s .fd-tile__content{height:3.438rem;max-height:3.438rem;min-height:3.438rem}.fd-tile--s .fd-tile__header-content{height:6.938rem;max-height:6.938rem;min-height:6.938rem}.fd-tile--s .fd-tile__footer{height:1.063rem;max-height:1.063rem;min-height:1.063rem}.fd-tile--s .fd-tile__title{font-size:var(--sapFontHeader6Size)}.fd-tile--s .fd-tile__footer-text{font-size:var(--sapFontSmallSize)}.fd-tile--s .fd-tile__profile-img{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-tile--s .fd-tile__logo{height:1.438rem;max-height:1.438rem;max-width:3rem;min-height:1.438rem;min-width:3rem;width:3rem}.fd-tile--feed .fd-tile__content,.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__content,.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,.fd-tile--launch .fd-tile__content,.fd-tile--launch .fd-tile__content--2-col .fd-tile__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-tile--feed .fd-tile__footer,.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__footer,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,.fd-tile--launch .fd-tile__footer,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section{width:auto}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child{-webkit-margin-end:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;margin-inline-end:.25rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:100%}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){-webkit-padding-start:.5rem;max-width:10.25rem;padding-inline-start:.5rem}.fd-tile--feed .fd-tile__content-byline,.fd-tile--feed .fd-tile__content-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.063rem;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0}.fd-tile--feed .fd-tile__content-byline:after,.fd-tile--feed .fd-tile__content-byline:before,.fd-tile--feed .fd-tile__content-text:after,.fd-tile--feed .fd-tile__content-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--feed .fd-tile__content-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.125rem;overflow:hidden}.fd-tile--feed .fd-tile__content-byline{color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2){max-width:8.25rem}.fd-tile--slide{display:-webkit-box;display:-ms-flexbox;display:flex;padding-block:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-tile--slide .fd-tile__background-img{background-size:cover;border:0;border-radius:var(--sapElement_BorderCornerRadius);-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:100%;inset:0;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;width:100%}.fd-tile--slide .fd-tile__background-img:after,.fd-tile--slide .fd-tile__background-img:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__background-img.is-hover,.fd-tile--slide .fd-tile__background-img:hover{opacity:.9}.fd-tile--slide .fd-tile__background-img.is-active,.fd-tile--slide .fd-tile__background-img:active{opacity:.8}.fd-tile--slide .fd-tile__toggle{background:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:normal;margin-block:0;margin-inline:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem;position:absolute;right:-.0625rem;top:-.0625rem;width:3rem}.fd-tile--slide .fd-tile__toggle:after,.fd-tile--slide .fd-tile__toggle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__toggle[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__toggle{left:-.0625rem;right:auto}.fd-tile--slide .fd-tile__toggle:before{display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;width:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapBlockLayer_Background);border-radius:50%;color:var(--sapButton_Emphasized_TextColor);content:\"\\e14b\";font-family:SAP-icons;font-size:1rem;opacity:.6;text-shadow:var(--sapButton_Emphasized_TextShadow)}.fd-tile--slide .fd-tile__toggle--pause:before{content:\"\\e14c\"}.fd-tile--slide .fd-tile__toggle.is-focus,.fd-tile--slide .fd-tile__toggle:focus{outline:none;z-index:5}.fd-tile--slide .fd-tile__toggle.is-hover:before,.fd-tile--slide .fd-tile__toggle:hover:before{opacity:.8}.fd-tile--slide .fd-tile__toggle.is-active:before,.fd-tile--slide .fd-tile__toggle:active:before{opacity:1}.fd-tile--slide .fd-tile__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;height:6.125rem;line-height:normal;margin-block:0;margin-inline:0;max-height:6.125rem;min-height:6.125rem;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--fdSlide_Tile_Background_Color);justify-content:space-between;max-width:100%;opacity:var(--fdSlide_Tile_Background_Opacity);width:100%;z-index:2;-webkit-padding-before:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius);border-bottom-right-radius:var(--sapElement_BorderCornerRadius);padding-block-start:.25rem;padding-inline:.9375rem}.fd-tile--slide .fd-tile__container:after,.fd-tile--slide .fd-tile__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__title{font-weight:var(--fdSlide_Tile_Title_Font_Weight);text-shadow:var(--fdSlide_Tile_Title_Text_Shadow)}.fd-tile--slide .fd-tile__footer-text,.fd-tile--slide .fd-tile__subtitle,.fd-tile--slide .fd-tile__title{color:var(--fdSlide_Tile_Title_Color);font-size:var(--sapFontSize);line-height:normal}.fd-tile--slide .fd-tile__page-indicator{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;height:.5rem;max-height:.5rem;min-height:.5rem;-webkit-margin-after:.125rem;margin-block-end:.125rem;margin-top:.375rem}.fd-tile--slide .fd-tile__page-indicator:after,.fd-tile--slide .fd-tile__page-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlide_Tile_Indicator_Dot_Size);line-height:normal;margin-block:0;margin-inline:0;max-height:var(--fdSlide_Tile_Indicator_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Dot_Size);padding-block:0;padding-inline:0;width:var(--fdSlide_Tile_Indicator_Dot_Size);-webkit-margin-end:var(--fdSlide_Tile_Indicator_Dot_Spacing);background-color:var(--fdSlide_Tile_Indicator_Dot_Color);border:var(--fdSlide_Tile_Indicator_Dot_Border);border-radius:50%;-webkit-box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);margin-inline-end:var(--fdSlide_Tile_Indicator_Dot_Spacing);opacity:var(--fdSlide_Tile_Indicator_Dot_Opacity)}.fd-tile--slide .fd-tile__dot:after,.fd-tile--slide .fd-tile__dot:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot--active{background-color:var(--fdSlide_Tile_Indicator_Active_Dot_Color);border:var(--fdSlide_Tile_Indicator_Active_Dot_Border);height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size)}.fd-tile--slide .fd-tile__dot:last-child{margin-block:0;margin-inline:0}.fd-tile--slide.fd-tile--s .fd-tile__container{height:5.25rem;max-height:5.25rem;min-height:5.25rem;-webkit-padding-before:.1875rem;padding-block-start:.1875rem;padding-inline:.4375rem}.fd-tile--slide.fd-tile--s .fd-tile__footer-text,.fd-tile--slide.fd-tile--s .fd-tile__subtitle,.fd-tile--slide.fd-tile--s .fd-tile__title{font-size:var(--sapFontSmallSize)}.fd-tile--slide.fd-tile--s .fd-tile__page-indicator{margin-block:0}.fd-tile--action .fd-tile__action-close,.fd-tile--action .fd-tile__action-indicator,.fd-tile--action .fd-tile__overlay{display:block}.fd-tile--action .fd-tile__overlay{background:var(--sapTile_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);-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:100%;inset:0;line-height:normal;margin-block:0;margin-inline:0;opacity:.7;padding-block:0;padding-inline:0;position:absolute;width:100%;z-index:4}.fd-tile--action .fd-tile__overlay:after,.fd-tile--action .fd-tile__overlay:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--action .fd-badge,.fd-tile--action .fd-tile__footer{display:none}.fd-tile--action .fd-tile__action-close{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;max-height:none;max-width:none;min-height:auto;min-width:auto;width:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-block:0;padding-inline:0;position:absolute;right:-.375rem;top:-.375rem;z-index:5}.fd-tile--action .fd-tile__action-close[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-close{left:-.375rem;right:auto}.fd-tile--action .fd-tile__action-close [class*=sap-icon],.fd-tile--action .fd-tile__action-close[class*=sap-icon]{background:inherit;background:var(--sapButton_Background);border:.0625rem solid var(--sapButton_BorderColor);border-radius:inherit;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;color:var(--sapButton_IconColor);font-size:inherit;font-size:.75rem;height:1.375rem;line-height:1;max-height:1.375rem;max-width:1.375rem;min-height:1.375rem;min-width:1.375rem;width:1.375rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon]:before,.fd-tile--action .fd-tile__action-close[class*=sap-icon]:before{line-height:1.25rem}.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--action .fd-tile__action-close:focus{outline:none;z-index:5}.fd-tile--action .fd-tile__action-close.is-focus:after,.fd-tile--action .fd-tile__action-close:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdButton_Focus_Border_Radius);content:\"\";display:block;inset:-.0625rem;position:absolute}.fd-tile--action .fd-tile__action-close.is-focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close.is-focus.is-selected:after,.fd-tile--action .fd-tile__action-close:focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)}.fd-tile--action .fd-tile__action-close::-moz-focus-inner{border:0}.fd-tile--action .fd-tile__action-indicator{bottom:0;position:absolute;right:0;-webkit-margin-after:.25rem;margin-block-end:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem;z-index:5}.fd-tile--action .fd-tile__action-indicator[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-indicator{left:0;right:auto}.fd-tile--action .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action .fd-tile__action-indicator[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapButton_IconColor);font-size:1rem}.fd-tile--action .fd-tile__action-close.is-active,.fd-tile--action .fd-tile__action-close.is-hover,.fd-tile--action .fd-tile__action-close:active,.fd-tile--action .fd-tile__action-close:hover,.fd-tile--action .fd-tile__action-indicator.is-active,.fd-tile--action .fd-tile__action-indicator.is-hover,.fd-tile--action .fd-tile__action-indicator:active,.fd-tile--action .fd-tile__action-indicator:hover{background:transparent;border-color:transparent}.fd-tile--action.fd-tile--slide .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action.fd-tile--slide .fd-tile__action-indicator[class*=sap-icon]{color:var(--sapShell_Active_TextColor)}.fd-tile-container{background-color:var(--sapTile_Background);border:0;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem;width:100%}.fd-tile-container:after,.fd-tile-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile-container--list{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--sapGroup_ContentBackground);-ms-flex-direction:column;flex-direction:column}.fd-tile-container--list .fd-tile--line{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-inline:0;max-height:var(--fdGenericTileLineTileMaxHeight)}.fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,right),color-stop(top,left),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));-webkit-mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,right),color-stop(top,left),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,left),color-stop(top,right),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));-webkit-mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,left),color-stop(top,right),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile__header{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-tile--line{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-block:.25rem;-webkit-margin-end:.5rem;background:var(--fdTile_Background,var(--sapTile_Background));border:.0625rem solid var(--fdTile_Border,var(--sapTile_BorderColor));border-radius:var(--sapTile_BorderCornerRadius);-webkit-box-shadow:var(--fdTile_Box_Shadow,var(--sapContent_Shadow0));box-shadow:var(--fdTile_Box_Shadow,var(--sapContent_Shadow0));display:flex;height:100%;margin-inline-end:.5rem;max-height:var(--fdGenericTileLineTileHeight);max-width:100%;min-height:var(--fdGenericTileLineTileHeight);min-width:2rem;padding-block:0;padding-inline:.5rem;width:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.fd-tile--line.is-hover,.fd-tile--line:hover{border-radius:var(--sapTile_BorderCornerRadius);--fdTile_Box_Shadow:var(--sapContent_Shadow2);--fdTile_Background:var(--sapTile_Hover_Background)}.fd-tile--line.is-active,.fd-tile--line:active{--fdTile_Background:var(--sapTile_Active_Background)}.fd-tile--line.is-focus,.fd-tile--line:focus{outline:.125rem solid var(--sapContent_FocusColor);outline-offset:-.125rem;z-index:5}.fd-tile--line.is-disabled,.fd-tile--line:disabled,.fd-tile--line[aria-disabled=true]{background:transparent;opacity:.5;pointer-events:none}.fd-tile--line:last-child{-webkit-margin-end:0;margin-inline-end:0}.fd-tile--line .fd-tile__header{height:100%;max-height:100%;min-height:100%}.fd-tile--line .fd-tile__header,.fd-tile--line .fd-tile__title-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-block:0;margin-inline:0}.fd-tile--line .fd-tile__title-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;max-width:100%;padding-block:0;padding-inline:0}.fd-tile--line .fd-tile__title-container:after,.fd-tile--line .fd-tile__title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--line .fd-tile__subtitle,.fd-tile--line .fd-tile__title{color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);line-height:var(--fdGenericTileLineHeight);min-width:2rem;text-shadow:var(--sapContent_TextShadow)}.fd-tile--line .fd-tile__subtitle{color:var(--sapTile_TextColor);font-size:.875rem}.fd-tile--line .fd-tile__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-end:var(--fdGenericTileTitleHorizontalSpacing);color:var(--sapTile_TitleTextColor);display:inline;-webkit-line-clamp:initial;margin-inline-end:var(--fdGenericTileTitleHorizontalSpacing)}.fd-tile--line.fd-tile--action{-webkit-padding-end:0;padding-inline-end:0}.fd-tile--line.fd-tile--action .fd-tile__action-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-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:.25rem;margin-inline-start:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-container:after,.fd-tile--line.fd-tile--action .fd-tile__action-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--line.fd-tile--action .fd-tile__action-close{display:-webkit-box;display:-ms-flexbox;display:flex;height:1.375rem;min-width:1.375rem;width:1.375rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapButton_Background);border:var(--sapButton_BorderColor);border-radius:50%;cursor:pointer;font-size:.75rem;padding-block:0;padding-inline:.25rem;position:relative;top:-.625rem}.fd-tile--line.fd-tile--action .fd-tile__action-close:after{border-radius:50%}.fd-tile--line.fd-tile--action .fd-tile__action-indicator{height:1.625rem;line-height:1.625rem;margin-block:0;margin-inline:0;max-height:1.625rem;max-width:1.625rem;min-height:1.625rem;min-width:1.625rem;min-width:auto;position:relative;width:1.625rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator:after{content:\"\";height:2rem;left:60%;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator:after[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-indicator:after{left:auto;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.fd-tile--line .fd-badge{inset:0;position:relative;-webkit-margin-end:.375rem;margin-inline-end:.375rem;-ms-flex-negative:0;flex-shrink:0}.fd-tile--line .fd-badge[dir=rtl],[dir=rtl] .fd-tile--line .fd-badge{left:0;right:0}.fd-numeric-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-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-align:center;-ms-flex-align:center;align-items:center;height:100%;overflow:hidden;-webkit-padding-before:.125rem;padding-block-start:.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-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;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-block:.5rem .375rem;padding-inline:0}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.375rem .188rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:0 .313rem}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{-webkit-padding-before:0;padding-block-start:0}.fd-badge{background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:normal;margin-block:0;margin-inline:0;max-width:calc(100% - 1rem);overflow:hidden;padding-block:0;padding-inline:0;padding-inline:.5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}.fd-tile{display:block}a.fd-tile{cursor:pointer;text-decoration:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/badge.css:\n (*!\n * Fundamental Library Styles v0.41.7\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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
655
655
|
}
|
|
656
656
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TileComponent, decorators: [{
|
|
657
657
|
type: Component,
|
|
@@ -666,7 +666,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
666
666
|
'(keyup.enter)': 'handleKeyboard()',
|
|
667
667
|
'(keydown.space)': '$event.preventDefault()',
|
|
668
668
|
'(keyup.space)': 'handleKeyboard()'
|
|
669
|
-
}, template: "@if (action()) {\n <div class=\"fd-tile__overlay\"></div>\n}\n<ng-content select=\"[fd-tile-action-close]\"></ng-content>\n<ng-content select=\"[fd-tile-action-indicator]\"></ng-content>\n<ng-content select=\"[fd-badge]\"></ng-content>\n<ng-content select=\"[fd-tile-header]\"></ng-content>\n<ng-content select=\"[fd-tile-header-content]\"></ng-content>\n<ng-content select=\"[fd-tile-content]\"></ng-content>\n<ng-content select=\"[fd-tile-footer]\"></ng-content>\n<ng-content select=\"[fd-tile-action-container]\"></ng-content>\n<ng-content></ng-content>\n", styles: [".fd-tile{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:11rem;line-height:normal;margin-block:0;margin-inline:0;max-height:11rem;max-width:11rem;min-height:11rem;min-width:11rem;padding-block:0;padding-inline:0;width:11rem;--fdGenericTileLineTileHeight:2rem;--fdGenericTileLineTileMaxHeight:3.25rem;--fdGenericTileLineHeight:1.625rem;--fdGenericTileTitleHorizontalSpacing:.625rem;background:var(--sapTile_Background);border:var(--fdTile_Border);border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);cursor:pointer;padding-block:.9375rem;padding-inline:.9375rem;position:relative}.fd-tile:after,.fd-tile:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile[class*=-compact],.fd-tile[class*=-condensed],[class*=-compact] .fd-tile:not([class*=-cozy]),[class*=-condensed] .fd-tile:not([class*=-cozy]){--fdGenericTileLineTileHeight:1.625rem;--fdGenericTileLineTileMaxHeight:2.875rem;--fdGenericTileLineHeight:1.4375rem;--fdGenericTileTitleHorizontalSpacing:.5rem}.fd-tile.is-active,.fd-tile:active{background:var(--sapTile_Active_Background);border:.0625rem solid var(--sapTile_Interactive_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-tile.is-hover,.fd-tile:hover{background:var(--sapTile_Hover_Background);border:var(--fdTile_Hover_Border);-webkit-box-shadow:var(--fdTile_Hover_Box_Shadow);box-shadow:var(--fdTile_Hover_Box_Shadow)}.fd-tile__content,.fd-tile__footer,.fd-tile__header,.fd-tile__header-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0}.fd-tile__content:after,.fd-tile__content:before,.fd-tile__footer:after,.fd-tile__footer:before,.fd-tile__header-content:after,.fd-tile__header-content:before,.fd-tile__header:after,.fd-tile__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__content--2-col,.fd-tile__footer--2-col,.fd-tile__header--2-col,.fd-tile__header-content--2-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-tile__header{height:3.625rem;max-height:3.625rem;min-height:3.625rem}.fd-tile__content,.fd-tile__header{-webkit-margin-after:.25rem;margin-block-end:.25rem}.fd-tile__content{height:3.875rem;max-height:3.875rem;min-height:3.875rem}.fd-tile__header-content{height:7.75rem;max-height:7.75rem;min-height:7.75rem;-webkit-margin-after:.25rem;margin-block-end:.25rem}.fd-tile__header-content .fd-tile__title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fd-tile__footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;max-height:1rem;min-height:1rem}.fd-tile__section{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;width:calc(50% - .125rem)}.fd-tile__section:after,.fd-tile__section:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__footer-text,.fd-tile__subtitle,.fd-tile__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tile__footer-text:after,.fd-tile__footer-text:before,.fd-tile__subtitle:after,.fd-tile__subtitle:before,.fd-tile__title:after,.fd-tile__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--sapTile_TitleTextColor);font-size:var(--fdTile_Title_Font_Size);font-weight:var(--fdTile_Title_Font_Weight);overflow:hidden}.fd-tile__footer-text,.fd-tile__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile__refresh [class*=sap-icon],.fd-tile__refresh[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-end:.5rem;color:var(--sapButton_IconColor);font-size:var(--sapFontSize);line-height:normal;margin-inline-end:.5rem;min-width:.875rem;text-align:center}.fd-tile__profile-img{border:0;border-radius:50%;-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:3.5rem;line-height:normal;margin-block:0;margin-inline:0;max-height:3.5rem;max-width:3.5rem;min-height:3.5rem;min-width:3.5rem;padding-block:0;padding-inline:0;width:3.5rem}.fd-tile__profile-img:after,.fd-tile__profile-img:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__logo{height:1.75rem;max-height:1.75rem;max-width:3.625rem;min-height:1.75rem;min-width:3.625rem;width:3.625rem}.fd-tile__action-close,.fd-tile__action-indicator,.fd-tile__overlay{display:none}.fd-tile--double{max-width:22.5rem;min-width:22.5rem;width:22.5rem}.fd-tile--s{height:9.25rem;max-height:9.25rem;max-width:9.25rem;min-height:9.25rem;min-width:9.25rem;padding-block:.4375rem;padding-inline:.4375rem;width:9.25rem}.fd-tile--s.fd-tile--double{max-width:19rem;min-width:19rem;width:19rem}.fd-tile--s .fd-tile__header{height:3.25rem;max-height:3.25rem;min-height:3.25rem}.fd-tile--s .fd-tile__content{height:3.438rem;max-height:3.438rem;min-height:3.438rem}.fd-tile--s .fd-tile__header-content{height:6.938rem;max-height:6.938rem;min-height:6.938rem}.fd-tile--s .fd-tile__footer{height:1.063rem;max-height:1.063rem;min-height:1.063rem}.fd-tile--s .fd-tile__title{font-size:var(--sapFontHeader6Size)}.fd-tile--s .fd-tile__footer-text{font-size:var(--sapFontSmallSize)}.fd-tile--s .fd-tile__profile-img{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-tile--s .fd-tile__logo{height:1.438rem;max-height:1.438rem;max-width:3rem;min-height:1.438rem;min-width:3rem;width:3rem}.fd-tile--feed .fd-tile__content,.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__content,.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,.fd-tile--launch .fd-tile__content,.fd-tile--launch .fd-tile__content--2-col .fd-tile__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-tile--feed .fd-tile__footer,.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__footer,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,.fd-tile--launch .fd-tile__footer,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section{width:auto}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child{-webkit-margin-end:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;margin-inline-end:.25rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:100%}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){-webkit-padding-start:.5rem;max-width:10.25rem;padding-inline-start:.5rem}.fd-tile--feed .fd-tile__content-byline,.fd-tile--feed .fd-tile__content-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.063rem;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0}.fd-tile--feed .fd-tile__content-byline:after,.fd-tile--feed .fd-tile__content-byline:before,.fd-tile--feed .fd-tile__content-text:after,.fd-tile--feed .fd-tile__content-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--feed .fd-tile__content-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.125rem;overflow:hidden}.fd-tile--feed .fd-tile__content-byline{color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2){max-width:8.25rem}.fd-tile--slide{display:-webkit-box;display:-ms-flexbox;display:flex;padding-block:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-tile--slide .fd-tile__background-img{background-size:cover;border:0;border-radius:var(--sapElement_BorderCornerRadius);-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:100%;inset:0;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;width:100%}.fd-tile--slide .fd-tile__background-img:after,.fd-tile--slide .fd-tile__background-img:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__background-img.is-hover,.fd-tile--slide .fd-tile__background-img:hover{opacity:.9}.fd-tile--slide .fd-tile__background-img.is-active,.fd-tile--slide .fd-tile__background-img:active{opacity:.8}.fd-tile--slide .fd-tile__toggle{background:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:normal;margin-block:0;margin-inline:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem;position:absolute;right:-.0625rem;top:-.0625rem;width:3rem}.fd-tile--slide .fd-tile__toggle:after,.fd-tile--slide .fd-tile__toggle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__toggle[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__toggle{left:-.0625rem;right:auto}.fd-tile--slide .fd-tile__toggle:before{display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;width:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapBlockLayer_Background);border-radius:50%;color:var(--sapButton_Emphasized_TextColor);content:\"\\e14b\";font-family:SAP-icons;font-size:1rem;opacity:.6;text-shadow:var(--sapButton_Emphasized_TextShadow)}.fd-tile--slide .fd-tile__toggle--pause:before{content:\"\\e14c\"}.fd-tile--slide .fd-tile__toggle.is-focus,.fd-tile--slide .fd-tile__toggle:focus{outline:none;z-index:5}.fd-tile--slide .fd-tile__toggle.is-hover:before,.fd-tile--slide .fd-tile__toggle:hover:before{opacity:.8}.fd-tile--slide .fd-tile__toggle.is-active:before,.fd-tile--slide .fd-tile__toggle:active:before{opacity:1}.fd-tile--slide .fd-tile__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;height:6.125rem;line-height:normal;margin-block:0;margin-inline:0;max-height:6.125rem;min-height:6.125rem;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--fdSlide_Tile_Background_Color);justify-content:space-between;max-width:100%;opacity:var(--fdSlide_Tile_Background_Opacity);width:100%;z-index:2;-webkit-padding-before:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius);border-bottom-right-radius:var(--sapElement_BorderCornerRadius);padding-block-start:.25rem;padding-inline:.9375rem}.fd-tile--slide .fd-tile__container:after,.fd-tile--slide .fd-tile__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__title{font-weight:var(--fdSlide_Tile_Title_Font_Weight);text-shadow:var(--fdSlide_Tile_Title_Text_Shadow)}.fd-tile--slide .fd-tile__footer-text,.fd-tile--slide .fd-tile__subtitle,.fd-tile--slide .fd-tile__title{color:var(--fdSlide_Tile_Title_Color);font-size:var(--sapFontSize);line-height:normal}.fd-tile--slide .fd-tile__page-indicator{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;height:.5rem;max-height:.5rem;min-height:.5rem;-webkit-margin-after:.125rem;margin-block-end:.125rem;margin-top:.375rem}.fd-tile--slide .fd-tile__page-indicator:after,.fd-tile--slide .fd-tile__page-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlide_Tile_Indicator_Dot_Size);line-height:normal;margin-block:0;margin-inline:0;max-height:var(--fdSlide_Tile_Indicator_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Dot_Size);padding-block:0;padding-inline:0;width:var(--fdSlide_Tile_Indicator_Dot_Size);-webkit-margin-end:var(--fdSlide_Tile_Indicator_Dot_Spacing);background-color:var(--fdSlide_Tile_Indicator_Dot_Color);border:var(--fdSlide_Tile_Indicator_Dot_Border);border-radius:50%;-webkit-box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);margin-inline-end:var(--fdSlide_Tile_Indicator_Dot_Spacing);opacity:var(--fdSlide_Tile_Indicator_Dot_Opacity)}.fd-tile--slide .fd-tile__dot:after,.fd-tile--slide .fd-tile__dot:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot--active{background-color:var(--fdSlide_Tile_Indicator_Active_Dot_Color);border:var(--fdSlide_Tile_Indicator_Active_Dot_Border);height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size)}.fd-tile--slide .fd-tile__dot:last-child{margin-block:0;margin-inline:0}.fd-tile--slide.fd-tile--s .fd-tile__container{height:5.25rem;max-height:5.25rem;min-height:5.25rem;-webkit-padding-before:.1875rem;padding-block-start:.1875rem;padding-inline:.4375rem}.fd-tile--slide.fd-tile--s .fd-tile__footer-text,.fd-tile--slide.fd-tile--s .fd-tile__subtitle,.fd-tile--slide.fd-tile--s .fd-tile__title{font-size:var(--sapFontSmallSize)}.fd-tile--slide.fd-tile--s .fd-tile__page-indicator{margin-block:0}.fd-tile--action .fd-tile__action-close,.fd-tile--action .fd-tile__action-indicator,.fd-tile--action .fd-tile__overlay{display:block}.fd-tile--action .fd-tile__overlay{background:var(--sapTile_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);-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:100%;inset:0;line-height:normal;margin-block:0;margin-inline:0;opacity:.7;padding-block:0;padding-inline:0;position:absolute;width:100%;z-index:4}.fd-tile--action .fd-tile__overlay:after,.fd-tile--action .fd-tile__overlay:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--action .fd-badge,.fd-tile--action .fd-tile__footer{display:none}.fd-tile--action .fd-tile__action-close{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;max-height:none;max-width:none;min-height:auto;min-width:auto;width:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-block:0;padding-inline:0;position:absolute;right:-.375rem;top:-.375rem;z-index:5}.fd-tile--action .fd-tile__action-close[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-close{left:-.375rem;right:auto}.fd-tile--action .fd-tile__action-close [class*=sap-icon],.fd-tile--action .fd-tile__action-close[class*=sap-icon]{background:inherit;background:var(--sapButton_Background);border:.0625rem solid var(--sapButton_BorderColor);border-radius:inherit;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;color:var(--sapButton_IconColor);font-size:inherit;font-size:.75rem;height:1.375rem;line-height:1;max-height:1.375rem;max-width:1.375rem;min-height:1.375rem;min-width:1.375rem;width:1.375rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon]:before,.fd-tile--action .fd-tile__action-close[class*=sap-icon]:before{line-height:1.25rem}.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--action .fd-tile__action-close:focus{outline:none;z-index:5}.fd-tile--action .fd-tile__action-close.is-focus:after,.fd-tile--action .fd-tile__action-close:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdButton_Focus_Border_Radius);content:\"\";display:block;inset:-.0625rem;position:absolute}.fd-tile--action .fd-tile__action-close.is-focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close.is-focus.is-selected:after,.fd-tile--action .fd-tile__action-close:focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)}.fd-tile--action .fd-tile__action-close::-moz-focus-inner{border:0}.fd-tile--action .fd-tile__action-indicator{bottom:0;position:absolute;right:0;-webkit-margin-after:.25rem;margin-block-end:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem;z-index:5}.fd-tile--action .fd-tile__action-indicator[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-indicator{left:0;right:auto}.fd-tile--action .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action .fd-tile__action-indicator[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapButton_IconColor);font-size:1rem}.fd-tile--action .fd-tile__action-close.is-active,.fd-tile--action .fd-tile__action-close.is-hover,.fd-tile--action .fd-tile__action-close:active,.fd-tile--action .fd-tile__action-close:hover,.fd-tile--action .fd-tile__action-indicator.is-active,.fd-tile--action .fd-tile__action-indicator.is-hover,.fd-tile--action .fd-tile__action-indicator:active,.fd-tile--action .fd-tile__action-indicator:hover{background:transparent;border-color:transparent}.fd-tile--action.fd-tile--slide .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action.fd-tile--slide .fd-tile__action-indicator[class*=sap-icon]{color:var(--sapShell_Active_TextColor)}.fd-tile-container{background-color:var(--sapTile_Background);border:0;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem;width:100%}.fd-tile-container:after,.fd-tile-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile-container--list{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--sapGroup_ContentBackground);-ms-flex-direction:column;flex-direction:column}.fd-tile-container--list .fd-tile--line{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-inline:0;max-height:var(--fdGenericTileLineTileMaxHeight)}.fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,right),color-stop(top,left),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));-webkit-mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,right),color-stop(top,left),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,left),color-stop(top,right),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));-webkit-mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,left),color-stop(top,right),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile__header{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-tile--line{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-block:.25rem;-webkit-margin-end:.5rem;background:var(--fdTile_Background,var(--sapTile_Background));border:.0625rem solid var(--fdTile_Border,var(--sapTile_BorderColor));border-radius:var(--sapTile_BorderCornerRadius);-webkit-box-shadow:var(--fdTile_Box_Shadow,var(--sapContent_Shadow0));box-shadow:var(--fdTile_Box_Shadow,var(--sapContent_Shadow0));display:flex;height:100%;margin-inline-end:.5rem;max-height:var(--fdGenericTileLineTileHeight);max-width:100%;min-height:var(--fdGenericTileLineTileHeight);min-width:2rem;padding-block:0;padding-inline:.5rem;width:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.fd-tile--line.is-hover,.fd-tile--line:hover{border-radius:var(--sapTile_BorderCornerRadius);--fdTile_Box_Shadow:var(--sapContent_Shadow2);--fdTile_Background:var(--sapTile_Hover_Background)}.fd-tile--line.is-active,.fd-tile--line:active{--fdTile_Background:var(--sapTile_Active_Background)}.fd-tile--line.is-focus,.fd-tile--line:focus{outline:.125rem solid var(--sapContent_FocusColor);outline-offset:-.125rem;z-index:5}.fd-tile--line.is-disabled,.fd-tile--line:disabled,.fd-tile--line[aria-disabled=true]{background:transparent;opacity:.5;pointer-events:none}.fd-tile--line:last-child{-webkit-margin-end:0;margin-inline-end:0}.fd-tile--line .fd-tile__header{height:100%;max-height:100%;min-height:100%}.fd-tile--line .fd-tile__header,.fd-tile--line .fd-tile__title-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-block:0;margin-inline:0}.fd-tile--line .fd-tile__title-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;max-width:100%;padding-block:0;padding-inline:0}.fd-tile--line .fd-tile__title-container:after,.fd-tile--line .fd-tile__title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--line .fd-tile__subtitle,.fd-tile--line .fd-tile__title{color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);line-height:var(--fdGenericTileLineHeight);min-width:2rem;text-shadow:var(--sapContent_TextShadow)}.fd-tile--line .fd-tile__subtitle{color:var(--sapTile_TextColor);font-size:.875rem}.fd-tile--line .fd-tile__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-end:var(--fdGenericTileTitleHorizontalSpacing);color:var(--sapTile_TitleTextColor);display:inline;-webkit-line-clamp:initial;margin-inline-end:var(--fdGenericTileTitleHorizontalSpacing)}.fd-tile--line.fd-tile--action{-webkit-padding-end:0;padding-inline-end:0}.fd-tile--line.fd-tile--action .fd-tile__action-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-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:.25rem;margin-inline-start:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-container:after,.fd-tile--line.fd-tile--action .fd-tile__action-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--line.fd-tile--action .fd-tile__action-close{display:-webkit-box;display:-ms-flexbox;display:flex;height:1.375rem;min-width:1.375rem;width:1.375rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapButton_Background);border:var(--sapButton_BorderColor);border-radius:50%;cursor:pointer;font-size:.75rem;padding-block:0;padding-inline:.25rem;position:relative;top:-.625rem}.fd-tile--line.fd-tile--action .fd-tile__action-close:after{border-radius:50%}.fd-tile--line.fd-tile--action .fd-tile__action-indicator{height:1.625rem;line-height:1.625rem;margin-block:0;margin-inline:0;max-height:1.625rem;max-width:1.625rem;min-height:1.625rem;min-width:1.625rem;min-width:auto;position:relative;width:1.625rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator:after{content:\"\";height:2rem;left:60%;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator:after[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-indicator:after{left:auto;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.fd-tile--line .fd-badge{inset:0;position:relative;-webkit-margin-end:.375rem;margin-inline-end:.375rem;-ms-flex-negative:0;flex-shrink:0}.fd-tile--line .fd-badge[dir=rtl],[dir=rtl] .fd-tile--line .fd-badge{left:0;right:0}.fd-numeric-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-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-align:center;-ms-flex-align:center;align-items:center;height:100%;overflow:hidden;-webkit-padding-before:.125rem;padding-block-start:.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-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;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-block:.5rem .375rem;padding-inline:0}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.375rem .188rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:0 .313rem}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{-webkit-padding-before:0;padding-block-start:0}.fd-badge{background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:normal;margin-block:0;margin-inline:0;max-width:calc(100% - 1rem);overflow:hidden;padding-block:0;padding-inline:0;padding-inline:.5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}.fd-tile{display:block}a.fd-tile{cursor:pointer;text-decoration:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/badge.css:\n (*!\n * Fundamental Library Styles v0.41.6\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"] }]
|
|
669
|
+
}, template: "@if (action()) {\n <div class=\"fd-tile__overlay\"></div>\n}\n<ng-content select=\"[fd-tile-action-close]\"></ng-content>\n<ng-content select=\"[fd-tile-action-indicator]\"></ng-content>\n<ng-content select=\"[fd-badge]\"></ng-content>\n<ng-content select=\"[fd-tile-header]\"></ng-content>\n<ng-content select=\"[fd-tile-header-content]\"></ng-content>\n<ng-content select=\"[fd-tile-content]\"></ng-content>\n<ng-content select=\"[fd-tile-footer]\"></ng-content>\n<ng-content select=\"[fd-tile-action-container]\"></ng-content>\n<ng-content></ng-content>\n", styles: [".fd-tile{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:11rem;line-height:normal;margin-block:0;margin-inline:0;max-height:11rem;max-width:11rem;min-height:11rem;min-width:11rem;padding-block:0;padding-inline:0;width:11rem;--fdGenericTileLineTileHeight:2rem;--fdGenericTileLineTileMaxHeight:3.25rem;--fdGenericTileLineHeight:1.625rem;--fdGenericTileTitleHorizontalSpacing:.625rem;background:var(--sapTile_Background);border:var(--fdTile_Border);border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);cursor:pointer;padding-block:.9375rem;padding-inline:.9375rem;position:relative}.fd-tile:after,.fd-tile:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile[class*=-compact],.fd-tile[class*=-condensed],[class*=-compact] .fd-tile:not([class*=-cozy]),[class*=-condensed] .fd-tile:not([class*=-cozy]){--fdGenericTileLineTileHeight:1.625rem;--fdGenericTileLineTileMaxHeight:2.875rem;--fdGenericTileLineHeight:1.4375rem;--fdGenericTileTitleHorizontalSpacing:.5rem}.fd-tile.is-active,.fd-tile:active{background:var(--sapTile_Active_Background);border:.0625rem solid var(--sapTile_Interactive_BorderColor);-webkit-box-shadow:none;box-shadow:none}.fd-tile.is-hover,.fd-tile:hover{background:var(--sapTile_Hover_Background);border:var(--fdTile_Hover_Border);-webkit-box-shadow:var(--fdTile_Hover_Box_Shadow);box-shadow:var(--fdTile_Hover_Box_Shadow)}.fd-tile__content,.fd-tile__footer,.fd-tile__header,.fd-tile__header-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0}.fd-tile__content:after,.fd-tile__content:before,.fd-tile__footer:after,.fd-tile__footer:before,.fd-tile__header-content:after,.fd-tile__header-content:before,.fd-tile__header:after,.fd-tile__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__content--2-col,.fd-tile__footer--2-col,.fd-tile__header--2-col,.fd-tile__header-content--2-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-tile__header{height:3.625rem;max-height:3.625rem;min-height:3.625rem}.fd-tile__content,.fd-tile__header{-webkit-margin-after:.25rem;margin-block-end:.25rem}.fd-tile__content{height:3.875rem;max-height:3.875rem;min-height:3.875rem}.fd-tile__header-content{height:7.75rem;max-height:7.75rem;min-height:7.75rem;-webkit-margin-after:.25rem;margin-block-end:.25rem}.fd-tile__header-content .fd-tile__title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fd-tile__footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;max-height:1rem;min-height:1rem}.fd-tile__section{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;width:calc(50% - .125rem)}.fd-tile__section:after,.fd-tile__section:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__footer-text,.fd-tile__subtitle,.fd-tile__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-tile__footer-text:after,.fd-tile__footer-text:before,.fd-tile__subtitle:after,.fd-tile__subtitle:before,.fd-tile__title:after,.fd-tile__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--sapTile_TitleTextColor);font-size:var(--fdTile_Title_Font_Size);font-weight:var(--fdTile_Title_Font_Weight);overflow:hidden}.fd-tile__footer-text,.fd-tile__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile__refresh [class*=sap-icon],.fd-tile__refresh[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-end:.5rem;color:var(--sapButton_IconColor);font-size:var(--sapFontSize);line-height:normal;margin-inline-end:.5rem;min-width:.875rem;text-align:center}.fd-tile__profile-img{border:0;border-radius:50%;-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:3.5rem;line-height:normal;margin-block:0;margin-inline:0;max-height:3.5rem;max-width:3.5rem;min-height:3.5rem;min-width:3.5rem;padding-block:0;padding-inline:0;width:3.5rem}.fd-tile__profile-img:after,.fd-tile__profile-img:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile__logo{height:1.75rem;max-height:1.75rem;max-width:3.625rem;min-height:1.75rem;min-width:3.625rem;width:3.625rem}.fd-tile__action-close,.fd-tile__action-indicator,.fd-tile__overlay{display:none}.fd-tile--double{max-width:22.5rem;min-width:22.5rem;width:22.5rem}.fd-tile--s{height:9.25rem;max-height:9.25rem;max-width:9.25rem;min-height:9.25rem;min-width:9.25rem;padding-block:.4375rem;padding-inline:.4375rem;width:9.25rem}.fd-tile--s.fd-tile--double{max-width:19rem;min-width:19rem;width:19rem}.fd-tile--s .fd-tile__header{height:3.25rem;max-height:3.25rem;min-height:3.25rem}.fd-tile--s .fd-tile__content{height:3.438rem;max-height:3.438rem;min-height:3.438rem}.fd-tile--s .fd-tile__header-content{height:6.938rem;max-height:6.938rem;min-height:6.938rem}.fd-tile--s .fd-tile__footer{height:1.063rem;max-height:1.063rem;min-height:1.063rem}.fd-tile--s .fd-tile__title{font-size:var(--sapFontHeader6Size)}.fd-tile--s .fd-tile__footer-text{font-size:var(--sapFontSmallSize)}.fd-tile--s .fd-tile__profile-img{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem}.fd-tile--s .fd-tile__logo{height:1.438rem;max-height:1.438rem;max-width:3rem;min-height:1.438rem;min-width:3rem;width:3rem}.fd-tile--feed .fd-tile__content,.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__content,.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,.fd-tile--launch .fd-tile__content,.fd-tile--launch .fd-tile__content--2-col .fd-tile__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-tile--feed .fd-tile__footer,.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__footer,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,.fd-tile--launch .fd-tile__footer,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-tile--feed .fd-tile__content .fd-tile__section{width:auto}.fd-tile--feed .fd-tile__content .fd-tile__section:first-child{-webkit-margin-end:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;margin-inline-end:.25rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:100%}.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){-webkit-padding-start:.5rem;max-width:10.25rem;padding-inline-start:.5rem}.fd-tile--feed .fd-tile__content-byline,.fd-tile--feed .fd-tile__content-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.063rem;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0}.fd-tile--feed .fd-tile__content-byline:after,.fd-tile--feed .fd-tile__content-byline:before,.fd-tile--feed .fd-tile__content-text:after,.fd-tile--feed .fd-tile__content-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--feed .fd-tile__content-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.125rem;overflow:hidden}.fd-tile--feed .fd-tile__content-byline{color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2){max-width:8.25rem}.fd-tile--slide{display:-webkit-box;display:-ms-flexbox;display:flex;padding-block:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-tile--slide .fd-tile__background-img{background-size:cover;border:0;border-radius:var(--sapElement_BorderCornerRadius);-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:100%;inset:0;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;width:100%}.fd-tile--slide .fd-tile__background-img:after,.fd-tile--slide .fd-tile__background-img:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__background-img.is-hover,.fd-tile--slide .fd-tile__background-img:hover{opacity:.9}.fd-tile--slide .fd-tile__background-img.is-active,.fd-tile--slide .fd-tile__background-img:active{opacity:.8}.fd-tile--slide .fd-tile__toggle{background:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:normal;margin-block:0;margin-inline:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem;position:absolute;right:-.0625rem;top:-.0625rem;width:3rem}.fd-tile--slide .fd-tile__toggle:after,.fd-tile--slide .fd-tile__toggle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__toggle[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__toggle{left:-.0625rem;right:auto}.fd-tile--slide .fd-tile__toggle:before{display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;width:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapBlockLayer_Background);border-radius:50%;color:var(--sapButton_Emphasized_TextColor);content:\"\\e14b\";font-family:SAP-icons;font-size:1rem;opacity:.6;text-shadow:var(--sapButton_Emphasized_TextShadow)}.fd-tile--slide .fd-tile__toggle--pause:before{content:\"\\e14c\"}.fd-tile--slide .fd-tile__toggle.is-focus,.fd-tile--slide .fd-tile__toggle:focus{outline:none;z-index:5}.fd-tile--slide .fd-tile__toggle.is-hover:before,.fd-tile--slide .fd-tile__toggle:hover:before{opacity:.8}.fd-tile--slide .fd-tile__toggle.is-active:before,.fd-tile--slide .fd-tile__toggle:active:before{opacity:1}.fd-tile--slide .fd-tile__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;height:6.125rem;line-height:normal;margin-block:0;margin-inline:0;max-height:6.125rem;min-height:6.125rem;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--fdSlide_Tile_Background_Color);justify-content:space-between;max-width:100%;opacity:var(--fdSlide_Tile_Background_Opacity);width:100%;z-index:2;-webkit-padding-before:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius);border-bottom-right-radius:var(--sapElement_BorderCornerRadius);padding-block-start:.25rem;padding-inline:.9375rem}.fd-tile--slide .fd-tile__container:after,.fd-tile--slide .fd-tile__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__title{font-weight:var(--fdSlide_Tile_Title_Font_Weight);text-shadow:var(--fdSlide_Tile_Title_Text_Shadow)}.fd-tile--slide .fd-tile__footer-text,.fd-tile--slide .fd-tile__subtitle,.fd-tile--slide .fd-tile__title{color:var(--fdSlide_Tile_Title_Color);font-size:var(--sapFontSize);line-height:normal}.fd-tile--slide .fd-tile__page-indicator{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;height:.5rem;max-height:.5rem;min-height:.5rem;-webkit-margin-after:.125rem;margin-block-end:.125rem;margin-top:.375rem}.fd-tile--slide .fd-tile__page-indicator:after,.fd-tile--slide .fd-tile__page-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlide_Tile_Indicator_Dot_Size);line-height:normal;margin-block:0;margin-inline:0;max-height:var(--fdSlide_Tile_Indicator_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Dot_Size);padding-block:0;padding-inline:0;width:var(--fdSlide_Tile_Indicator_Dot_Size);-webkit-margin-end:var(--fdSlide_Tile_Indicator_Dot_Spacing);background-color:var(--fdSlide_Tile_Indicator_Dot_Color);border:var(--fdSlide_Tile_Indicator_Dot_Border);border-radius:50%;-webkit-box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);margin-inline-end:var(--fdSlide_Tile_Indicator_Dot_Spacing);opacity:var(--fdSlide_Tile_Indicator_Dot_Opacity)}.fd-tile--slide .fd-tile__dot:after,.fd-tile--slide .fd-tile__dot:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--slide .fd-tile__dot--active{background-color:var(--fdSlide_Tile_Indicator_Active_Dot_Color);border:var(--fdSlide_Tile_Indicator_Active_Dot_Border);height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size)}.fd-tile--slide .fd-tile__dot:last-child{margin-block:0;margin-inline:0}.fd-tile--slide.fd-tile--s .fd-tile__container{height:5.25rem;max-height:5.25rem;min-height:5.25rem;-webkit-padding-before:.1875rem;padding-block-start:.1875rem;padding-inline:.4375rem}.fd-tile--slide.fd-tile--s .fd-tile__footer-text,.fd-tile--slide.fd-tile--s .fd-tile__subtitle,.fd-tile--slide.fd-tile--s .fd-tile__title{font-size:var(--sapFontSmallSize)}.fd-tile--slide.fd-tile--s .fd-tile__page-indicator{margin-block:0}.fd-tile--action .fd-tile__action-close,.fd-tile--action .fd-tile__action-indicator,.fd-tile--action .fd-tile__overlay{display:block}.fd-tile--action .fd-tile__overlay{background:var(--sapTile_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);-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:100%;inset:0;line-height:normal;margin-block:0;margin-inline:0;opacity:.7;padding-block:0;padding-inline:0;position:absolute;width:100%;z-index:4}.fd-tile--action .fd-tile__overlay:after,.fd-tile--action .fd-tile__overlay:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--action .fd-badge,.fd-tile--action .fd-tile__footer{display:none}.fd-tile--action .fd-tile__action-close{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;max-height:none;max-width:none;min-height:auto;min-width:auto;width:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-block:0;padding-inline:0;position:absolute;right:-.375rem;top:-.375rem;z-index:5}.fd-tile--action .fd-tile__action-close[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-close{left:-.375rem;right:auto}.fd-tile--action .fd-tile__action-close [class*=sap-icon],.fd-tile--action .fd-tile__action-close[class*=sap-icon]{background:inherit;background:var(--sapButton_Background);border:.0625rem solid var(--sapButton_BorderColor);border-radius:inherit;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;color:var(--sapButton_IconColor);font-size:inherit;font-size:.75rem;height:1.375rem;line-height:1;max-height:1.375rem;max-width:1.375rem;min-height:1.375rem;min-width:1.375rem;width:1.375rem}.fd-tile--action .fd-tile__action-close [class*=sap-icon]:before,.fd-tile--action .fd-tile__action-close[class*=sap-icon]:before{line-height:1.25rem}.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--action .fd-tile__action-close:focus{outline:none;z-index:5}.fd-tile--action .fd-tile__action-close.is-focus:after,.fd-tile--action .fd-tile__action-close:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdButton_Focus_Border_Radius);content:\"\";display:block;inset:-.0625rem;position:absolute}.fd-tile--action .fd-tile__action-close.is-focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close.is-focus.is-selected:after,.fd-tile--action .fd-tile__action-close:focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)}.fd-tile--action .fd-tile__action-close::-moz-focus-inner{border:0}.fd-tile--action .fd-tile__action-indicator{bottom:0;position:absolute;right:0;-webkit-margin-after:.25rem;margin-block-end:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem;z-index:5}.fd-tile--action .fd-tile__action-indicator[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-indicator{left:0;right:auto}.fd-tile--action .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action .fd-tile__action-indicator[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapButton_IconColor);font-size:1rem}.fd-tile--action .fd-tile__action-close.is-active,.fd-tile--action .fd-tile__action-close.is-hover,.fd-tile--action .fd-tile__action-close:active,.fd-tile--action .fd-tile__action-close:hover,.fd-tile--action .fd-tile__action-indicator.is-active,.fd-tile--action .fd-tile__action-indicator.is-hover,.fd-tile--action .fd-tile__action-indicator:active,.fd-tile--action .fd-tile__action-indicator:hover{background:transparent;border-color:transparent}.fd-tile--action.fd-tile--slide .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action.fd-tile--slide .fd-tile__action-indicator[class*=sap-icon]{color:var(--sapShell_Active_TextColor)}.fd-tile-container{background-color:var(--sapTile_Background);border:0;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem;width:100%}.fd-tile-container:after,.fd-tile-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile-container--list{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--sapGroup_ContentBackground);-ms-flex-direction:column;flex-direction:column}.fd-tile-container--list .fd-tile--line{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-inline:0;max-height:var(--fdGenericTileLineTileMaxHeight)}.fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,right),color-stop(top,left),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));-webkit-mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,right),color-stop(top,left),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,left),color-stop(top,right),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));-webkit-mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,left),color-stop(top,right),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))}.fd-tile-container--list .fd-tile__header{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1;flex:1}.fd-tile--line{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-block:.25rem;-webkit-margin-end:.5rem;background:var(--fdTile_Background,var(--sapTile_Background));border:.0625rem solid var(--fdTile_Border,var(--sapTile_BorderColor));border-radius:var(--sapTile_BorderCornerRadius);-webkit-box-shadow:var(--fdTile_Box_Shadow,var(--sapContent_Shadow0));box-shadow:var(--fdTile_Box_Shadow,var(--sapContent_Shadow0));display:flex;height:100%;margin-inline-end:.5rem;max-height:var(--fdGenericTileLineTileHeight);max-width:100%;min-height:var(--fdGenericTileLineTileHeight);min-width:2rem;padding-block:0;padding-inline:.5rem;width:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.fd-tile--line.is-hover,.fd-tile--line:hover{border-radius:var(--sapTile_BorderCornerRadius);--fdTile_Box_Shadow:var(--sapContent_Shadow2);--fdTile_Background:var(--sapTile_Hover_Background)}.fd-tile--line.is-active,.fd-tile--line:active{--fdTile_Background:var(--sapTile_Active_Background)}.fd-tile--line.is-focus,.fd-tile--line:focus{outline:.125rem solid var(--sapContent_FocusColor);outline-offset:-.125rem;z-index:5}.fd-tile--line.is-disabled,.fd-tile--line:disabled,.fd-tile--line[aria-disabled=true]{background:transparent;opacity:.5;pointer-events:none}.fd-tile--line:last-child{-webkit-margin-end:0;margin-inline-end:0}.fd-tile--line .fd-tile__header{height:100%;max-height:100%;min-height:100%}.fd-tile--line .fd-tile__header,.fd-tile--line .fd-tile__title-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-block:0;margin-inline:0}.fd-tile--line .fd-tile__title-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;max-width:100%;padding-block:0;padding-inline:0}.fd-tile--line .fd-tile__title-container:after,.fd-tile--line .fd-tile__title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--line .fd-tile__subtitle,.fd-tile--line .fd-tile__title{color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);line-height:var(--fdGenericTileLineHeight);min-width:2rem;text-shadow:var(--sapContent_TextShadow)}.fd-tile--line .fd-tile__subtitle{color:var(--sapTile_TextColor);font-size:.875rem}.fd-tile--line .fd-tile__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-end:var(--fdGenericTileTitleHorizontalSpacing);color:var(--sapTile_TitleTextColor);display:inline;-webkit-line-clamp:initial;margin-inline-end:var(--fdGenericTileTitleHorizontalSpacing)}.fd-tile--line.fd-tile--action{-webkit-padding-end:0;padding-inline-end:0}.fd-tile--line.fd-tile--action .fd-tile__action-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-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:.25rem;margin-inline-start:.25rem}.fd-tile--line.fd-tile--action .fd-tile__action-container:after,.fd-tile--line.fd-tile--action .fd-tile__action-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-tile--line.fd-tile--action .fd-tile__action-close{display:-webkit-box;display:-ms-flexbox;display:flex;height:1.375rem;min-width:1.375rem;width:1.375rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapButton_Background);border:var(--sapButton_BorderColor);border-radius:50%;cursor:pointer;font-size:.75rem;padding-block:0;padding-inline:.25rem;position:relative;top:-.625rem}.fd-tile--line.fd-tile--action .fd-tile__action-close:after{border-radius:50%}.fd-tile--line.fd-tile--action .fd-tile__action-indicator{height:1.625rem;line-height:1.625rem;margin-block:0;margin-inline:0;max-height:1.625rem;max-width:1.625rem;min-height:1.625rem;min-width:1.625rem;min-width:auto;position:relative;width:1.625rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator:after{content:\"\";height:2rem;left:60%;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rem}.fd-tile--line.fd-tile--action .fd-tile__action-indicator:after[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-indicator:after{left:auto;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.fd-tile--line .fd-badge{inset:0;position:relative;-webkit-margin-end:.375rem;margin-inline-end:.375rem;-ms-flex-negative:0;flex-shrink:0}.fd-tile--line .fd-badge[dir=rtl],[dir=rtl] .fd-tile--line .fd-badge{left:0;right:0}.fd-numeric-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-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-align:center;-ms-flex-align:center;align-items:center;height:100%;overflow:hidden;-webkit-padding-before:.125rem;padding-block-start:.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content__kpi-container:after,.fd-numeric-content__kpi-container:before,.fd-numeric-content__launch-icon-container:after,.fd-numeric-content__launch-icon-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-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;height:100%;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-block:.5rem .375rem;padding-inline:0}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin-block:0;margin-inline:0}.fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content__launch-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapTile_IconColor);font-size:inherit;font-size:1.75rem;line-height:1;line-height:normal}.fd-numeric-content__kpi{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:2.25rem;font-weight:400;font-weight:lighter;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi--positive{color:var(--sapPositiveTextColor)}.fd-numeric-content__kpi--critical{color:var(--sapCriticalTextColor)}.fd-numeric-content__kpi--negative{color:var(--sapNegativeTextColor)}.fd-numeric-content__kpi--informative{color:var(--sapInformativeTextColor)}.fd-numeric-content__scale{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale-arrow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapNeutralTextColor);font-size:inherit;font-size:.875rem;line-height:1;line-height:normal}.fd-numeric-content__scale-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:.875rem;font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--positive .fd-numeric-content__scale-text{color:var(--sapPositiveTextColor)}.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--critical .fd-numeric-content__scale-text{color:var(--sapCriticalTextColor)}.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--negative .fd-numeric-content__scale-text{color:var(--sapNegativeTextColor)}.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow [class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-arrow[class*=sap-icon],.fd-numeric-content__scale--informative .fd-numeric-content__scale-text{color:var(--sapInformativeTextColor)}.fd-numeric-content--m{height:2.5rem}.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.375rem .188rem}.fd-numeric-content--m .fd-numeric-content__kpi{font-size:2rem}.fd-numeric-content--s{height:2.25rem}.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:0;padding-block-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:0 .313rem}.fd-numeric-content--s .fd-numeric-content__kpi{font-size:1.75rem}.fd-numeric-content--small-tile{height:2.375rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi,.fd-numeric-content--small-tile .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fd-numeric-content--small-tile.fd-numeric-content--s{height:2.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{max-width:1.5rem;min-width:1.5rem;width:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{padding-block:.25rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi,.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon [class*=sap-icon],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon[class*=sap-icon]{font-size:1.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi{direction:ltr;text-align:right}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__scale-container{-webkit-padding-before:0;padding-block-start:0}.fd-badge{background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:normal;margin-block:0;margin-inline:0;max-width:calc(100% - 1rem);overflow:hidden;padding-block:0;padding-inline:0;padding-inline:.5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}.fd-tile{display:block}a.fd-tile{cursor:pointer;text-decoration:none}\n/*! Bundled license information:\n\nfundamental-styles/dist/badge.css:\n (*!\n * Fundamental Library Styles v0.41.7\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"] }]
|
|
670
670
|
}], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], double: [{ type: i0.Input, args: [{ isSignal: true, alias: "double", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], action: [{ type: i0.Input, args: [{ isSignal: true, alias: "action", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledby", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], tileClick: [{ type: i0.Output, args: ["tileClick"] }] } });
|
|
671
671
|
|
|
672
672
|
/**
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, input,
|
|
2
|
+
import { EventEmitter, input, effect, ElementRef, forwardRef, ViewChild, Output, Input, Optional, Inject, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
|
|
3
3
|
import * as i3 from '@angular/forms';
|
|
4
4
|
import { FormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
|
|
5
|
-
import { Subscription } from 'rxjs';
|
|
6
5
|
import * as i1 from '@fundamental-ngx/core/datetime';
|
|
7
6
|
import { DATE_TIME_FORMATS, TranslateDayPeriodPipe } from '@fundamental-ngx/core/datetime';
|
|
8
7
|
import * as i2 from '@fundamental-ngx/core/form';
|
|
@@ -11,7 +10,6 @@ import { InputGroupComponent, InputGroupInputDirective } from '@fundamental-ngx/
|
|
|
11
10
|
import { PopoverComponent, PopoverControlComponent, PopoverBodyComponent, PopoverService } from '@fundamental-ngx/core/popover';
|
|
12
11
|
import { TimeComponent } from '@fundamental-ngx/core/time';
|
|
13
12
|
import { NgTemplateOutlet } from '@angular/common';
|
|
14
|
-
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
15
13
|
import { FdTranslatePipe } from '@fundamental-ngx/i18n';
|
|
16
14
|
|
|
17
15
|
/** Creates an error to be thrown when attempting to use an invalid date implementation. */
|
|
@@ -120,10 +118,6 @@ class TimePickerComponent {
|
|
|
120
118
|
/** @hidden */
|
|
121
119
|
this._state = null;
|
|
122
120
|
/** @hidden */
|
|
123
|
-
this._destroyRef = inject(DestroyRef);
|
|
124
|
-
/** @hidden */
|
|
125
|
-
this._subscriptions = new Subscription();
|
|
126
|
-
/** @hidden */
|
|
127
121
|
this.onChange = () => { };
|
|
128
122
|
/** @hidden */
|
|
129
123
|
this.onTouched = () => { };
|
|
@@ -133,16 +127,17 @@ class TimePickerComponent {
|
|
|
133
127
|
if (!this._dateTimeFormats) {
|
|
134
128
|
throw createMissingDateImplementationError('DATE_TIME_FORMATS');
|
|
135
129
|
}
|
|
130
|
+
effect(() => {
|
|
131
|
+
this._dateTimeAdapter.locale();
|
|
132
|
+
this._calculateTimeOptions();
|
|
133
|
+
this._formatTimeInputField();
|
|
134
|
+
this._changeDetectorRef.markForCheck();
|
|
135
|
+
});
|
|
136
136
|
}
|
|
137
137
|
/** @hidden */
|
|
138
138
|
ngOnInit() {
|
|
139
139
|
this._calculateTimeOptions();
|
|
140
140
|
this._formatTimeInputField();
|
|
141
|
-
this._dateTimeAdapter.localeChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(() => {
|
|
142
|
-
this._calculateTimeOptions();
|
|
143
|
-
this._formatTimeInputField();
|
|
144
|
-
this._changeDetectorRef.detectChanges();
|
|
145
|
-
});
|
|
146
141
|
}
|
|
147
142
|
/** @hidden */
|
|
148
143
|
ngOnChanges(changes) {
|
|
@@ -154,10 +149,6 @@ class TimePickerComponent {
|
|
|
154
149
|
}
|
|
155
150
|
}
|
|
156
151
|
/** @hidden */
|
|
157
|
-
ngOnDestroy() {
|
|
158
|
-
this._subscriptions.unsubscribe();
|
|
159
|
-
}
|
|
160
|
-
/** @hidden */
|
|
161
152
|
ngAfterViewInit() {
|
|
162
153
|
this.initialiseVariablesInMessageService();
|
|
163
154
|
}
|
|
@@ -385,7 +376,7 @@ class TimePickerComponent {
|
|
|
385
376
|
PopoverFormMessageService,
|
|
386
377
|
PopoverService,
|
|
387
378
|
registerFormItemControl(TimePickerComponent)
|
|
388
|
-
], viewQueries: [{ propertyName: "child", first: true, predicate: TimeComponent, descendants: true }, { propertyName: "_inputGroupElement", first: true, predicate: ["inputGroupComponent"], descendants: true, read: ElementRef }, { propertyName: "_inputElement", first: true, predicate: InputGroupInputDirective, descendants: true, read: ElementRef }, { propertyName: "_formMessageTemplate", first: true, predicate: ["formMessageTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<fd-popover\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"_onOpenStateChanged($event)\"\n [triggers]=\"[]\"\n [disabled]=\"disabled\"\n [placement]=\"placement\"\n [closeOnEscapeKey]=\"true\"\n [focusAutoCapture]=\"false\"\n [focusTrapped]=\"true\"\n>\n <fd-popover-control>\n <fd-input-group\n #inputGroupComponent\n (addOnButtonClicked)=\"_addOnButtonClicked()\"\n [button]=\"true\"\n [state]=\"state\"\n [disabled]=\"disabled\"\n [buttonFocusable]=\"buttonFocusable\"\n [isControl]=\"true\"\n [isExpanded]=\"isOpen\"\n [glyphAriaLabel]=\"timePickerButtonLabel || ('coreTimePicker.timePickerButtonLabel' | fdTranslate)()\"\n glyph=\"fob-watch\"\n >\n <input\n type=\"text\"\n class=\"fd-input\"\n fd-input-group-input\n [value]=\"_inputTimeValue | translateDayPeriod\"\n (focusout)=\"_timeInputChanged($any($event.currentTarget).value)\"\n (keyup.enter)=\"_timeInputChanged($any($event.currentTarget).value)\"\n [disabled]=\"disabled\"\n [attr.id]=\"inputId\"\n [placeholder]=\"_placeholder\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-label]=\"timePickerInputLabel || ('coreTimePicker.timePickerInputLabel' | fdTranslate)()\"\n [attr.aria-describedby]=\"_formValueStateMessageId\"\n [attr.aria-required]=\"required\"\n />\n </fd-input-group>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template [ngTemplateOutlet]=\"formMessageTemplate\"></ng-template>\n <ng-content></ng-content>\n @if (isOpen) {\n <fd-time\n [tablet]=\"tablet\"\n [disabled]=\"disabled\"\n [keepTwoDigits]=\"keepTwoDigitsTime\"\n [ngModel]=\"time\"\n (ngModelChange)=\"_timeComponentValueChanged($event)\"\n [meridian]=\"_meridian\"\n [displayHours]=\"_displayHours\"\n [displayMinutes]=\"_displayMinutes\"\n [displaySeconds]=\"_displaySeconds\"\n [minuteStep]=\"minuteStep()\"\n [spinnerButtons]=\"spinnerButtons\"\n ></fd-time>\n }\n </fd-popover-body>\n</fd-popover>\n<div [style.display]=\"'none'\" aria-hidden=\"true\">\n <div [attr.id]=\"_formValueStateMessageId\" aria-atomic=\"true\" aria-live=\"assertive\">\n @switch (state) {\n @case ('success') {\n {{ ('coreTimePicker.valueStateSuccessMessage' | fdTranslate)() }}\n }\n @case ('information') {\n {{ ('coreTimePicker.valueStateInformationMessage' | fdTranslate)() }}\n }\n @case ('warning') {\n {{ ('coreTimePicker.valueStateWarningMessage' | fdTranslate)() }}\n }\n @case ('error') {\n {{ ('coreTimePicker.valueStateErrorMessage' | fdTranslate)() }}\n }\n }\n {{ _message }}\n </div>\n</div>\n<ng-template #formMessageTemplate>\n @if (_message) {\n <fd-form-message [embedded]=\"true\" [type]=\"state\">\n {{ _message }}\n </fd-form-message>\n }\n</ng-template>\n", styles: [".fd-timepicker-custom{display:inline-block}.fd-timepicker-custom fd-popover{display:block}.fd-timepicker-custom fd-time{width:auto}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["config", "title", "trigger", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll", "placement", "maxWidth", "fillControlMode", "closeOnOutsideClick", "closeOnEscapeKey", "disabled", "triggers", "focusTrapped", "focusAutoCapture", "restoreFocusOnClose", "noArrow", "disableScrollbar", "appendTo", "placementContainer", "scrollStrategy", "cdkPositions", "applyOverlay", "additionalBodyClass", "additionalTriggerClass", "closeOnNavigation", "fixedPosition", "resizable", "bodyAriaLabel", "isOpen"], outputs: ["triggerChange", "isOpenChange", "beforeOpen"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy", "ariaLabel"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: InputGroupInputDirective, selector: "[fdInputGroupInput], [fd-input-group-input]", inputs: ["class"] }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"], outputs: ["onClose"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "component", type: TimeComponent, selector: "fd-time", inputs: ["meridian", "validate", "keepTwoDigits", "disabled", "displaySeconds", "displayMinutes", "displayHours", "tablet", "elementsAtOnce", "time", "spinnerButtons", "minuteStep"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }, { kind: "pipe", type: TranslateDayPeriodPipe, name: "translateDayPeriod" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
379
|
+
], viewQueries: [{ propertyName: "child", first: true, predicate: TimeComponent, descendants: true }, { propertyName: "_inputGroupElement", first: true, predicate: ["inputGroupComponent"], descendants: true, read: ElementRef }, { propertyName: "_inputElement", first: true, predicate: InputGroupInputDirective, descendants: true, read: ElementRef }, { propertyName: "_formMessageTemplate", first: true, predicate: ["formMessageTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<fd-popover\n [(isOpen)]=\"isOpen\"\n (isOpenChange)=\"_onOpenStateChanged($event)\"\n [triggers]=\"[]\"\n [disabled]=\"disabled\"\n [placement]=\"placement\"\n [closeOnEscapeKey]=\"true\"\n [focusAutoCapture]=\"false\"\n [focusTrapped]=\"true\"\n>\n <fd-popover-control>\n <fd-input-group\n #inputGroupComponent\n (addOnButtonClicked)=\"_addOnButtonClicked()\"\n [button]=\"true\"\n [state]=\"state\"\n [disabled]=\"disabled\"\n [buttonFocusable]=\"buttonFocusable\"\n [isControl]=\"true\"\n [isExpanded]=\"isOpen\"\n [glyphAriaLabel]=\"timePickerButtonLabel || ('coreTimePicker.timePickerButtonLabel' | fdTranslate)()\"\n glyph=\"fob-watch\"\n >\n <input\n type=\"text\"\n class=\"fd-input\"\n fd-input-group-input\n [value]=\"_inputTimeValue | translateDayPeriod\"\n (focusout)=\"_timeInputChanged($any($event.currentTarget).value)\"\n (keyup.enter)=\"_timeInputChanged($any($event.currentTarget).value)\"\n [disabled]=\"disabled\"\n [attr.id]=\"inputId\"\n [placeholder]=\"_placeholder\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.aria-label]=\"timePickerInputLabel || ('coreTimePicker.timePickerInputLabel' | fdTranslate)()\"\n [attr.aria-describedby]=\"_formValueStateMessageId\"\n [attr.aria-required]=\"required\"\n />\n </fd-input-group>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template [ngTemplateOutlet]=\"formMessageTemplate\"></ng-template>\n <ng-content></ng-content>\n @if (isOpen) {\n <fd-time\n [tablet]=\"tablet\"\n [disabled]=\"disabled\"\n [keepTwoDigits]=\"keepTwoDigitsTime\"\n [ngModel]=\"time\"\n (ngModelChange)=\"_timeComponentValueChanged($event)\"\n [meridian]=\"_meridian\"\n [displayHours]=\"_displayHours\"\n [displayMinutes]=\"_displayMinutes\"\n [displaySeconds]=\"_displaySeconds\"\n [minuteStep]=\"minuteStep()\"\n [spinnerButtons]=\"spinnerButtons\"\n ></fd-time>\n }\n </fd-popover-body>\n</fd-popover>\n<div [style.display]=\"'none'\" aria-hidden=\"true\">\n <div [attr.id]=\"_formValueStateMessageId\" aria-atomic=\"true\" aria-live=\"assertive\">\n @switch (state) {\n @case ('success') {\n {{ ('coreTimePicker.valueStateSuccessMessage' | fdTranslate)() }}\n }\n @case ('information') {\n {{ ('coreTimePicker.valueStateInformationMessage' | fdTranslate)() }}\n }\n @case ('warning') {\n {{ ('coreTimePicker.valueStateWarningMessage' | fdTranslate)() }}\n }\n @case ('error') {\n {{ ('coreTimePicker.valueStateErrorMessage' | fdTranslate)() }}\n }\n }\n {{ _message }}\n </div>\n</div>\n<ng-template #formMessageTemplate>\n @if (_message) {\n <fd-form-message [embedded]=\"true\" [type]=\"state\">\n {{ _message }}\n </fd-form-message>\n }\n</ng-template>\n", styles: [".fd-timepicker-custom{display:inline-block}.fd-timepicker-custom fd-popover{display:block}.fd-timepicker-custom fd-time{width:auto}\n"], dependencies: [{ kind: "component", type: PopoverComponent, selector: "fd-popover", inputs: ["config", "title", "trigger", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll", "placement", "maxWidth", "fillControlMode", "closeOnOutsideClick", "closeOnEscapeKey", "disabled", "triggers", "focusTrapped", "focusAutoCapture", "restoreFocusOnClose", "noArrow", "disableScrollbar", "appendTo", "placementContainer", "scrollStrategy", "cdkPositions", "applyOverlay", "additionalBodyClass", "additionalTriggerClass", "closeOnNavigation", "fixedPosition", "resizable", "bodyAriaLabel", "bodyRole", "bodyAriaLabelledBy", "isOpen"], outputs: ["triggerChange", "isOpenChange", "beforeOpen"] }, { kind: "component", type: PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy", "ariaLabel"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: InputGroupInputDirective, selector: "[fdInputGroupInput], [fd-input-group-input]", inputs: ["class"] }, { kind: "component", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"], outputs: ["onClose"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "component", type: TimeComponent, selector: "fd-time", inputs: ["meridian", "validate", "keepTwoDigits", "disabled", "displaySeconds", "displayMinutes", "displayHours", "tablet", "elementsAtOnce", "time", "spinnerButtons", "minuteStep"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }, { kind: "pipe", type: TranslateDayPeriodPipe, name: "translateDayPeriod" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
389
380
|
}
|
|
390
381
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TimePickerComponent, decorators: [{
|
|
391
382
|
type: Component,
|