@fundamental-ngx/core 0.46.2-rc.2 → 0.46.2-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/calendar/calendar-directives.d.ts +5 -9
- package/calendar/calendar-header/calendar-header.component.d.ts +7 -25
- package/calendar/calendar-views/calendar-aggregated-year-view/calendar-aggregated-year-view.component.d.ts +1 -20
- package/calendar/calendar-views/calendar-day-view/calendar-day-view.component.d.ts +6 -44
- package/calendar/calendar-views/calendar-month-view/calendar-month-view.component.d.ts +2 -21
- package/calendar/calendar-views/calendar-year-view/calendar-year-view.component.d.ts +3 -22
- package/calendar/calendar.component.d.ts +9 -9
- package/calendar/i18n/calendar-i18n-labels.d.ts +20 -22
- package/calendar/patch-deprecated-i18n-labels.d.ts +6 -0
- package/combobox/combobox-item.directive.d.ts +16 -0
- package/combobox/combobox.component.d.ts +11 -7
- package/combobox/combobox.interface.d.ts +4 -0
- package/combobox/combobox.module.d.ts +3 -2
- package/combobox/index.d.ts +1 -0
- package/dialog/dialog.module.d.ts +5 -4
- package/dialog/directives/dialog-template.directive.d.ts +20 -0
- package/dialog/index.d.ts +1 -0
- package/dialog/utils/dialog-config.class.d.ts +1 -0
- package/esm2022/action-bar/action-bar.component.mjs +2 -2
- package/esm2022/action-sheet/action-sheet.component.mjs +3 -3
- package/esm2022/avatar/avatar.component.mjs +2 -2
- package/esm2022/avatar-group/avatar-group.component.mjs +2 -2
- package/esm2022/bar/bar.component.mjs +2 -2
- package/esm2022/breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2022/busy-indicator/busy-indicator.component.mjs +3 -3
- package/esm2022/button/button.component.mjs +2 -2
- package/esm2022/calendar/calendar-directives.mjs +10 -18
- package/esm2022/calendar/calendar-header/calendar-header.component.mjs +30 -60
- package/esm2022/calendar/calendar-views/calendar-aggregated-year-view/calendar-aggregated-year-view.component.mjs +10 -35
- package/esm2022/calendar/calendar-views/calendar-day-view/calendar-day-view.component.mjs +13 -65
- package/esm2022/calendar/calendar-views/calendar-month-view/calendar-month-view.component.mjs +11 -36
- package/esm2022/calendar/calendar-views/calendar-year-view/calendar-year-view.component.mjs +12 -37
- package/esm2022/calendar/calendar.component.mjs +22 -12
- package/esm2022/calendar/i18n/calendar-i18n-labels.mjs +22 -28
- package/esm2022/calendar/patch-deprecated-i18n-labels.mjs +21 -0
- package/esm2022/card/card.component.mjs +2 -2
- package/esm2022/carousel/carousel.component.mjs +2 -2
- package/esm2022/checkbox/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/combobox/combobox-item.directive.mjs +24 -0
- package/esm2022/combobox/combobox-mobile/combobox-mobile.component.mjs +3 -3
- package/esm2022/combobox/combobox.component.mjs +14 -7
- package/esm2022/combobox/combobox.interface.mjs +1 -1
- package/esm2022/combobox/combobox.module.mjs +5 -4
- package/esm2022/combobox/index.mjs +2 -1
- package/esm2022/date-picker/date-picker-mobile/date-picker-mobile.component.mjs +3 -3
- package/esm2022/datetime-picker/datetime-picker-mobile/datetime-picker-mobile.component.mjs +3 -3
- package/esm2022/dialog/dialog-body/dialog-body.component.mjs +1 -2
- package/esm2022/dialog/dialog-close-button/dialog-close-button.component.mjs +1 -1
- package/esm2022/dialog/dialog-container/dialog-container.component.mjs +1 -1
- package/esm2022/dialog/dialog-full-screen-toggler-button/dialog-full-screen-toggler-button.component.mjs +1 -1
- package/esm2022/dialog/dialog.component.mjs +3 -3
- package/esm2022/dialog/dialog.module.mjs +8 -4
- package/esm2022/dialog/directives/dialog-template.directive.mjs +24 -0
- package/esm2022/dialog/index.mjs +2 -1
- package/esm2022/dialog/utils/dialog-config.class.mjs +1 -1
- package/esm2022/dynamic-page/dynamic-page.component.mjs +2 -2
- package/esm2022/dynamic-side-content/dynamic-side-content.component.mjs +2 -2
- package/esm2022/facets/facet/facet.component.mjs +2 -2
- package/esm2022/feed-input/feed-input.component.mjs +2 -2
- package/esm2022/feed-list-item/components/list/feed-list.component.mjs +2 -2
- package/esm2022/file-uploader/file-uploader.component.mjs +2 -2
- package/esm2022/fixed-card-layout/fixed-card-layout.component.mjs +2 -2
- package/esm2022/flexible-column-layout/flexible-column-layout.component.mjs +2 -2
- package/esm2022/form/fieldset/fieldset.component.mjs +2 -2
- package/esm2022/form/form-control/form-control.component.mjs +2 -2
- package/esm2022/form/form-group/form-group.component.mjs +2 -2
- package/esm2022/form/form-header/form-header.component.mjs +2 -2
- package/esm2022/form/form-item/form-item.component.mjs +2 -2
- package/esm2022/form/form-label/form-label.component.mjs +3 -3
- package/esm2022/form/form-message/form-message.component.mjs +2 -2
- package/esm2022/generic-tag/generic-tag.component.mjs +2 -2
- package/esm2022/grid-list/components/grid-list/grid-list.component.mjs +2 -2
- package/esm2022/grid-list/components/grid-list-filter-bar/grid-list-filter-bar.component.mjs +2 -2
- package/esm2022/grid-list/components/grid-list-item/grid-list-item.component.mjs +2 -2
- package/esm2022/icon/icon.component.mjs +78 -29
- package/esm2022/illustrated-message/illustrated-message.component.mjs +2 -2
- package/esm2022/info-label/info-label.component.mjs +2 -2
- package/esm2022/input-group/input-group.component.mjs +2 -2
- package/esm2022/layout-grid/layout-grid.component.mjs +2 -2
- package/esm2022/layout-panel/layout-panel.component.mjs +2 -2
- package/esm2022/link/link.component.mjs +3 -3
- package/esm2022/list/list-navigation-item/list-navigation-item.component.mjs +2 -2
- package/esm2022/list/list.component.mjs +2 -2
- package/esm2022/menu/menu-mobile/menu-mobile.component.mjs +3 -3
- package/esm2022/menu/menu.component.mjs +4 -8
- package/esm2022/message-box/directives/message-box-template.directive.mjs +24 -0
- package/esm2022/message-box/index.mjs +8 -7
- package/esm2022/message-box/message-box.component.mjs +2 -2
- package/esm2022/message-box/message-box.module.mjs +8 -4
- package/esm2022/message-page/message-page.component.mjs +2 -2
- package/esm2022/message-strip/alert/message-strip-alert-container/message-strip-alert-container.component.mjs +2 -2
- package/esm2022/message-strip/message-strip.component.mjs +2 -2
- package/esm2022/message-toast/message-toast.component.mjs +2 -2
- package/esm2022/micro-process-flow/components/micro-process-flow/micro-process-flow.component.mjs +2 -2
- package/esm2022/micro-process-flow/components/micro-process-flow-icon/micro-process-flow-icon.component.mjs +1 -1
- package/esm2022/multi-combobox/index.mjs +2 -1
- package/esm2022/multi-combobox/mobile/mobile-multi-combobox.component.mjs +3 -3
- package/esm2022/multi-combobox/multi-announcer/multi-announcer.directive.mjs +74 -0
- package/esm2022/multi-combobox/multi-combobox.component.mjs +6 -4
- package/esm2022/multi-combobox/multi-combobox.module.mjs +5 -4
- package/esm2022/multi-input/multi-input-mobile/multi-input-mobile.component.mjs +3 -3
- package/esm2022/multi-input/multi-input.component.mjs +18 -7
- package/esm2022/nested-list/nested-list-directives.mjs +2 -2
- package/esm2022/notification/notification/notification.component.mjs +2 -2
- package/esm2022/object-identifier/object-identifier.component.mjs +2 -2
- package/esm2022/object-marker/object-marker.component.mjs +2 -2
- package/esm2022/object-number/object-number.component.mjs +2 -2
- package/esm2022/object-status/object-status.component.mjs +3 -3
- package/esm2022/pagination/pagination.component.mjs +2 -2
- package/esm2022/panel/panel.component.mjs +2 -2
- package/esm2022/popover/base/base-popover.class.mjs +2 -6
- package/esm2022/popover/popover-body/popover-body.component.mjs +3 -5
- package/esm2022/popover/popover-mobile/popover-mobile.component.mjs +3 -3
- package/esm2022/popover/popover-service/popover.service.mjs +1 -2
- package/esm2022/product-switch/product-switch-body/product-switch-body.component.mjs +2 -2
- package/esm2022/progress-indicator/progress-indicator.component.mjs +2 -2
- package/esm2022/quick-view/quick-view/quick-view.component.mjs +2 -2
- package/esm2022/radio/radio-button/radio-button.component.mjs +2 -2
- package/esm2022/rating-indicator/components/rating-indicator.component.mjs +14 -6
- package/esm2022/resizable-card-layout/resizable-card-layout/resizable-card-item/resizable-card-item.component.mjs +2 -2
- package/esm2022/resizable-card-layout/resizable-card-layout/resizable-card-layout.component.mjs +2 -2
- package/esm2022/scrollbar/scrollbar.directive.mjs +2 -13
- package/esm2022/segmented-button/segmented-button.component.mjs +2 -2
- package/esm2022/select/select-mobile/select-mobile.component.mjs +3 -3
- package/esm2022/select/select.component.mjs +3 -3
- package/esm2022/shellbar/product-menu/product-menu.component.mjs +2 -2
- package/esm2022/shellbar/shellbar.component.mjs +2 -2
- package/esm2022/shellbar/user-menu/shellbar-user-menu.component.mjs +2 -2
- package/esm2022/side-navigation/side-navigation.component.mjs +2 -2
- package/esm2022/skeleton/components/skeleton.component.mjs +2 -2
- package/esm2022/slider/slider.component.mjs +2 -2
- package/esm2022/split-button/split-button.component.mjs +2 -2
- package/esm2022/splitter/splitter-resizer/splitter-resizer.component.mjs +1 -1
- package/esm2022/splitter/splitter.component.mjs +2 -2
- package/esm2022/status-indicator/status-indicator.component.mjs +2 -2
- package/esm2022/step-input/step-input.component.mjs +2 -2
- package/esm2022/switch/switch.component.mjs +2 -2
- package/esm2022/table/table-wrapper.component.mjs +2 -2
- package/esm2022/table/table.component.mjs +2 -2
- package/esm2022/tabs/tab-item-expand/tab-item-expand.component.mjs +2 -2
- package/esm2022/tabs/tab-list.component.mjs +3 -3
- package/esm2022/tabs/tab-nav/tab-nav.component.mjs +2 -2
- package/esm2022/tabs/tab-utils/tab-directives.mjs +1 -1
- package/esm2022/text/text.component.mjs +2 -2
- package/esm2022/tile/tile.component.mjs +2 -2
- package/esm2022/time/time.component.mjs +2 -2
- package/esm2022/timeline/components/timeline-node/timeline-node.component.mjs +1 -1
- package/esm2022/title/title.component.mjs +2 -2
- package/esm2022/token/token.component.mjs +2 -2
- package/esm2022/token/tokenizer.component.mjs +2 -2
- package/esm2022/toolbar/toolbar.component.mjs +2 -2
- package/esm2022/tree/components/tree-item/tree-item.component.mjs +2 -2
- package/esm2022/tree/tree.component.mjs +2 -2
- package/esm2022/upload-collection/upload-collection.component.mjs +2 -2
- package/esm2022/vertical-navigation/vertical-navigation-main-navigation.component.mjs +2 -2
- package/esm2022/vertical-navigation/vertical-navigation.component.mjs +2 -2
- package/esm2022/wizard/wizard-step-indicator/wizard-step-indicator.component.mjs +1 -1
- package/esm2022/wizard/wizard.component.mjs +3 -3
- 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.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-bar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-calendar.mjs +152 -290
- package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-card.mjs +2 -2
- 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 +40 -12
- package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-date-picker.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dialog.mjs +33 -9
- package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
- 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 +14 -14
- 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 +4 -4
- package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-icon.mjs +78 -29
- package/fesm2022/fundamental-ngx-core-icon.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-info-label.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-info-label.mjs.map +1 -1
- 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-link.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-list.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-menu.mjs +5 -9
- package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-box.mjs +35 -10
- package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-page.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-strip.mjs +3 -3
- 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 +3 -3
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +84 -13
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs +19 -8
- 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-identifier.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-marker.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-number.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-status.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-status.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 +5 -12
- package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-product-switch.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +2 -2
- 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 +13 -5
- 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-scrollbar.mjs +1 -12
- package/fesm2022/fundamental-ngx-core-scrollbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-select.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +4 -4
- 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-split-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-splitter.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-splitter.mjs.map +1 -1
- 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-table.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tabs.mjs +6 -6
- package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-text.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tile.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-time.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-timeline.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-timeline.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-toolbar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tree.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-wizard.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/fundamental-ngx-core-v0.46.2-rc.21.tgz +0 -0
- package/icon/icon.component.d.ts +26 -9
- package/menu/menu.component.d.ts +1 -3
- package/message-box/directives/message-box-template.directive.d.ts +20 -0
- package/message-box/index.d.ts +7 -6
- package/message-box/message-box.module.d.ts +2 -1
- package/multi-combobox/index.d.ts +1 -0
- package/multi-combobox/multi-announcer/multi-announcer.directive.d.ts +23 -0
- package/multi-combobox/multi-combobox.module.d.ts +2 -1
- package/multi-input/multi-input.component.d.ts +3 -1
- package/package.json +4 -4
- package/popover/base/base-popover.class.d.ts +1 -3
- package/popover/popover-body/popover-body.component.d.ts +0 -2
- package/rating-indicator/components/rating-indicator.component.d.ts +5 -2
- package/schematics/add-dependencies/index.js +6 -6
- package/scrollbar/scrollbar.directive.d.ts +1 -5
- package/fundamental-ngx-core-v0.46.2-rc.2.tgz +0 -0
|
@@ -357,7 +357,7 @@ class CardComponent {
|
|
|
357
357
|
return [CLASS_NAME.card, this.cardType ? getCardModifierClassNameByCardType(this.cardType) : ''];
|
|
358
358
|
}
|
|
359
359
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CardComponent, deps: [{ token: i0.ElementRef }, { token: i1.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
360
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CardComponent, isStandalone: true, selector: "fd-card", inputs: { badge: "badge", isLoading: "isLoading", cardType: "cardType", id: "id", role: "role" }, host: { properties: { "attr.id": "this.id", "attr.role": "this.role" } }, providers: [contentDensityObserverProviders()], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoading; else loaderTmpl\">\n <!-- Badge -->\n <div *ngIf=\"badge\" class=\"fd-badge\" tabindex=\"0\">{{ badge }}</div>\n\n <!-- Header and Content -->\n <ng-content></ng-content>\n\n <!-- Footer -->\n <ng-content select=\"fd-card-footer\"></ng-content>\n</ng-container>\n\n<!-- Loader -->\n<ng-template #loaderTmpl>\n <ng-content select=\"fd-card-loader\"></ng-content>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-numeric-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0 .375rem 0 0;overflow:hidden;padding:.125rem 0 0}.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{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:.5rem 0 .375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin: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{-webkit-box-sizing:border-box;border:0;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:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{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{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{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{-webkit-box-sizing:border-box;border:0;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:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{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{margin-right:.5rem;padding-top:0}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.188rem;padding-top:.375rem}.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{margin-right:.5rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.313rem;padding-top:0}.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{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.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-bottom:.25rem;padding-top:.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{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.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-bottom:.25rem;padding-top:.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{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{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.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-bottom:.25rem;padding-top:.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{padding-top:0}.fd-card{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdCard_Box_Shadow);background:var(--fdCard_Background_Color);border:0;border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Radius);box-shadow:var(--fdCard_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:100%;padding:0;position:relative;width:100%}.fd-card:after,.fd-card:before{box-sizing:inherit;font-size:inherit}.fd-card.is-hover,.fd-card:hover{box-shadow:var(--fdCard_Box_Shadow_Hover)}.fd-card__header{-webkit-box-sizing:border-box;background:var(--fdCard_Background_Color);border:0;border-bottom:var(--fdCard_Header_Border_Bottom);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Header_Padding);position:relative;text-decoration:none}.fd-card__header:after,.fd-card__header:before{box-sizing:inherit;font-size:inherit}.fd-card__header:not(.fd-card__header--non-interactive).is-focus,.fd-card__header:not(.fd-card__header--non-interactive):focus{outline:none;z-index:5}.fd-card__header:not(.fd-card__header--non-interactive).is-focus:before,.fd-card__header:not(.fd-card__header--non-interactive):focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;content:\"\";display:block;inset:.0625rem .0625rem .125rem;position:absolute;z-index:3}.fd-card__header.is-hover,.fd-card__header:hover{background:var(--sapTile_Hover_Background)}.fd-card__header.is-active,.fd-card__header:active{background:var(--sapTile_Active_Background)}.fd-card__header .fd-card__avatar{margin-right:.75rem}.fd-card__header .fd-card__avatar[dir=rtl],[dir=rtl] .fd-card__header .fd-card__avatar{margin-left:.75rem;margin-right:0}.fd-card__header--non-interactive{cursor:auto}.fd-card__header--non-interactive.is-active,.fd-card__header--non-interactive.is-hover,.fd-card__header--non-interactive:active,.fd-card__header--non-interactive:hover{background:var(--fdCard_Background_Color)}.fd-card__header:last-child{border-bottom:none;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Header_Border_Bottom);padding:var(--fdCard_Bottom_Positioned_Header_Padding)}.fd-card__header:last-child.is-focus,.fd-card__header:last-child:focus{z-index:5}.fd-card__header:last-child.is-focus:before,.fd-card__header:last-child:focus:before{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);bottom:.0625rem;top:.125rem}.fd-card__footer{-webkit-box-sizing:border-box;align-items:center;background:var(--fdCard_Background_Color);border:0;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Footer_Padding)}.fd-card__footer:after,.fd-card__footer:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{-webkit-box-sizing:border-box;-webkit-box-pack:end;-ms-flex-pack:end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{box-sizing:inherit;font-size:inherit}.fd-card__footer .fd-card__footer-link{margin-right:var(--fdCard_Footer_Actions_Item_Spacing);overflow:hidden;text-overflow:ellipsis;text-overflow:clip;white-space:nowrap}.fd-card__footer .fd-card__footer-link[dir=rtl],[dir=rtl] .fd-card__footer .fd-card__footer-link{margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__header-text{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{box-sizing:inherit;font-size:inherit}.fd-card__title-area{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{box-sizing:inherit;font-size:inherit}.fd-card__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:3;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--fdCard_Title_Font_Size);font-weight:400;font-weight:var(--fdCard_Title_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.2rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__title:after,.fd-card__title:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{-webkit-box-sizing:border-box;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:2.5rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__subtitle:after,.fd-card__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{font-size:var(--sapFontSmallSize);margin:var(--fdCard_Counter_Margin);text-align:right;white-space:nowrap}.fd-card__counter.fd-object-status[dir=rtl],[dir=rtl] .fd-card__counter.fd-object-status{margin:var(--fdCard_Counter_Margin_RTL)}.fd-card__currency{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .25rem;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:\"|\\a0\"}.fd-card__currency[dir=rtl],[dir=rtl] .fd-card__currency{margin-left:0;margin-right:.25rem}.fd-card__analytics-area{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;overflow:hidden;padding:0}.fd-card__analytics-area:after,.fd-card__analytics-area:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 2rem;overflow-x:hidden;padding:0;white-space:nowrap;width:100%}.fd-card__analytics-container:after,.fd-card__analytics-container:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container[dir=rtl],[dir=rtl] .fd-card__analytics-container{margin-left:0;margin-right:2rem}.fd-card__analytics{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;max-width:calc(50% - 1rem);overflow:hidden;padding:0 0 .25rem}.fd-card__analytics:after,.fd-card__analytics:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics[dir=rtl],[dir=rtl] .fd-card__analytics{margin-left:0;margin-right:1rem}.fd-card__analytics-text{-webkit-box-sizing:border-box;border:0;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:var(--sapContent_LineHeight);margin:0;padding:0 0 .25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-subtitle{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{flex-shrink:0;width:auto}.fd-card__content{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content:after,.fd-card__content:before{box-sizing:inherit;font-size:inherit}.fd-card__content:first-child,.fd-card__content:last-child{overflow:hidden}.fd-card__content:last-child{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus,.fd-card__content:last-child .fd-list__item:last-of-type:focus{z-index:5}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus:before,.fd-card__content:last-child .fd-list__item:last-of-type:focus:before{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:first-child{border-top-left-radius:var(--fdCard_Border_Radius);border-top-right-radius:var(--fdCard_Border_Radius)}.fd-card__content-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content-container:after,.fd-card__content-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{flex-direction:row}.fd-card__content-container--horizontal .fd-card__content-section{margin-bottom:0;margin-right:2rem}.fd-card__content-container--horizontal .fd-card__content-section:last-child{margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl],[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section{margin-left:2rem;margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl]:first-child,[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section:first-child{margin:0}.fd-card__content-section{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 1.75rem;max-width:24rem;min-width:12rem;padding:0;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{box-sizing:inherit;font-size:inherit}.fd-card__content-section:last-child{margin-bottom:0}.fd-card__content-title-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0}.fd-card__content-group:after,.fd-card__content-group:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;padding:0}.fd-card__content-group-text:after,.fd-card__content-group-text:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text:first-child{margin-left:0}.fd-card__content-group-text>*{margin-bottom:.25rem}.fd-card__content-group-text>:last-child{margin-bottom:0}.fd-card__content-group-text[dir=rtl],[dir=rtl] .fd-card__content-group-text{margin-left:0;margin-right:.5rem}.fd-card__content-group-text[dir=rtl]:first-child,[dir=rtl] .fd-card__content-group-text:first-child{margin:0}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table[class*=-compact] .fd-card__content,.fd-card--table[class*=-condensed] .fd-card__content,[class*=-compact] .fd-card--table:not([class*=-cozy]) .fd-card__content,[class*=-condensed] .fd-card--table:not([class*=-cozy]) .fd-card__content{padding-bottom:.5rem}.fd-card--object .fd-card__content{padding:1rem}.fd-card__loader{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-height:5rem;padding:0}.fd-card__loader:after,.fd-card__loader:before{box-sizing:inherit;font-size:inherit}/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-badge{-webkit-box-sizing:border-box;background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;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:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:calc(100% - 1rem);overflow:hidden;padding:0 .5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
360
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CardComponent, isStandalone: true, selector: "fd-card", inputs: { badge: "badge", isLoading: "isLoading", cardType: "cardType", id: "id", role: "role" }, host: { properties: { "attr.id": "this.id", "attr.role": "this.role" } }, providers: [contentDensityObserverProviders()], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoading; else loaderTmpl\">\n <!-- Badge -->\n <div *ngIf=\"badge\" class=\"fd-badge\" tabindex=\"0\">{{ badge }}</div>\n\n <!-- Header and Content -->\n <ng-content></ng-content>\n\n <!-- Footer -->\n <ng-content select=\"fd-card-footer\"></ng-content>\n</ng-container>\n\n<!-- Loader -->\n<ng-template #loaderTmpl>\n <ng-content select=\"fd-card-loader\"></ng-content>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-numeric-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0 .375rem 0 0;overflow:hidden;padding:.125rem 0 0}.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{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:.5rem 0 .375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin: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{-webkit-box-sizing:border-box;border:0;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:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{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{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{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{-webkit-box-sizing:border-box;border:0;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:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{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{margin-right:.5rem;padding-top:0}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.188rem;padding-top:.375rem}.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{margin-right:.5rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.313rem;padding-top:0}.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{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.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-bottom:.25rem;padding-top:.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{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.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-bottom:.25rem;padding-top:.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{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{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.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-bottom:.25rem;padding-top:.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{padding-top:0}.fd-card{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdCard_Box_Shadow);background:var(--fdCard_Background_Color);border:0;border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Radius);box-shadow:var(--fdCard_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:100%;padding:0;position:relative;width:100%}.fd-card:after,.fd-card:before{box-sizing:inherit;font-size:inherit}.fd-card.is-hover,.fd-card:hover{box-shadow:var(--fdCard_Box_Shadow_Hover)}.fd-card__header{-webkit-box-sizing:border-box;background:var(--fdCard_Background_Color);border:0;border-bottom:var(--fdCard_Header_Border_Bottom);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Header_Padding);position:relative;text-decoration:none}.fd-card__header:after,.fd-card__header:before{box-sizing:inherit;font-size:inherit}.fd-card__header:not(.fd-card__header--non-interactive).is-focus,.fd-card__header:not(.fd-card__header--non-interactive):focus{outline:none;z-index:5}.fd-card__header:not(.fd-card__header--non-interactive).is-focus:before,.fd-card__header:not(.fd-card__header--non-interactive):focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;content:\"\";display:block;inset:.0625rem .0625rem .125rem;position:absolute;z-index:3}.fd-card__header.is-hover,.fd-card__header:hover{background:var(--sapTile_Hover_Background)}.fd-card__header.is-active,.fd-card__header:active{background:var(--sapTile_Active_Background)}.fd-card__header .fd-card__avatar{margin-right:.75rem}.fd-card__header .fd-card__avatar[dir=rtl],[dir=rtl] .fd-card__header .fd-card__avatar{margin-left:.75rem;margin-right:0}.fd-card__header--non-interactive{cursor:auto}.fd-card__header--non-interactive.is-active,.fd-card__header--non-interactive.is-hover,.fd-card__header--non-interactive:active,.fd-card__header--non-interactive:hover{background:var(--fdCard_Background_Color)}.fd-card__header:last-child{border-bottom:none;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Header_Border_Bottom);padding:var(--fdCard_Bottom_Positioned_Header_Padding)}.fd-card__header:last-child.is-focus,.fd-card__header:last-child:focus{z-index:5}.fd-card__header:last-child.is-focus:before,.fd-card__header:last-child:focus:before{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);bottom:.0625rem;top:.125rem}.fd-card__footer{-webkit-box-sizing:border-box;align-items:center;background:var(--fdCard_Background_Color);border:0;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Footer_Padding)}.fd-card__footer:after,.fd-card__footer:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{-webkit-box-sizing:border-box;-webkit-box-pack:end;-ms-flex-pack:end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{box-sizing:inherit;font-size:inherit}.fd-card__footer .fd-card__footer-link{margin-right:var(--fdCard_Footer_Actions_Item_Spacing);overflow:hidden;text-overflow:ellipsis;text-overflow:clip;white-space:nowrap}.fd-card__footer .fd-card__footer-link[dir=rtl],[dir=rtl] .fd-card__footer .fd-card__footer-link{margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__header-text{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{box-sizing:inherit;font-size:inherit}.fd-card__title-area{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{box-sizing:inherit;font-size:inherit}.fd-card__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:3;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--fdCard_Title_Font_Size);font-weight:400;font-weight:var(--fdCard_Title_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.2rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__title:after,.fd-card__title:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{-webkit-box-sizing:border-box;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:2.5rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__subtitle:after,.fd-card__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{font-size:var(--sapFontSmallSize);margin:var(--fdCard_Counter_Margin);text-align:right;white-space:nowrap}.fd-card__counter.fd-object-status[dir=rtl],[dir=rtl] .fd-card__counter.fd-object-status{margin:var(--fdCard_Counter_Margin_RTL)}.fd-card__currency{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .25rem;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:\"|\\a0\"}.fd-card__currency[dir=rtl],[dir=rtl] .fd-card__currency{margin-left:0;margin-right:.25rem}.fd-card__analytics-area{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;overflow:hidden;padding:0}.fd-card__analytics-area:after,.fd-card__analytics-area:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 2rem;overflow-x:hidden;padding:0;white-space:nowrap;width:100%}.fd-card__analytics-container:after,.fd-card__analytics-container:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container[dir=rtl],[dir=rtl] .fd-card__analytics-container{margin-left:0;margin-right:2rem}.fd-card__analytics{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;max-width:calc(50% - 1rem);overflow:hidden;padding:0 0 .25rem}.fd-card__analytics:after,.fd-card__analytics:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics[dir=rtl],[dir=rtl] .fd-card__analytics{margin-left:0;margin-right:1rem}.fd-card__analytics-text{-webkit-box-sizing:border-box;border:0;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:var(--sapContent_LineHeight);margin:0;padding:0 0 .25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-subtitle{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{flex-shrink:0;width:auto}.fd-card__content{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content:after,.fd-card__content:before{box-sizing:inherit;font-size:inherit}.fd-card__content:first-child,.fd-card__content:last-child{overflow:hidden}.fd-card__content:last-child{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus,.fd-card__content:last-child .fd-list__item:last-of-type:focus{z-index:5}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus:before,.fd-card__content:last-child .fd-list__item:last-of-type:focus:before{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:first-child{border-top-left-radius:var(--fdCard_Border_Radius);border-top-right-radius:var(--fdCard_Border_Radius)}.fd-card__content-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content-container:after,.fd-card__content-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{flex-direction:row}.fd-card__content-container--horizontal .fd-card__content-section{margin-bottom:0;margin-right:2rem}.fd-card__content-container--horizontal .fd-card__content-section:last-child{margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl],[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section{margin-left:2rem;margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl]:first-child,[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section:first-child{margin:0}.fd-card__content-section{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 1.75rem;max-width:24rem;min-width:12rem;padding:0;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{box-sizing:inherit;font-size:inherit}.fd-card__content-section:last-child{margin-bottom:0}.fd-card__content-title-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0}.fd-card__content-group:after,.fd-card__content-group:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;padding:0}.fd-card__content-group-text:after,.fd-card__content-group-text:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text:first-child{margin-left:0}.fd-card__content-group-text>*{margin-bottom:.25rem}.fd-card__content-group-text>:last-child{margin-bottom:0}.fd-card__content-group-text[dir=rtl],[dir=rtl] .fd-card__content-group-text{margin-left:0;margin-right:.5rem}.fd-card__content-group-text[dir=rtl]:first-child,[dir=rtl] .fd-card__content-group-text:first-child{margin:0}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table[class*=-compact] .fd-card__content,.fd-card--table[class*=-condensed] .fd-card__content,[class*=-compact] .fd-card--table:not([class*=-cozy]) .fd-card__content,[class*=-condensed] .fd-card--table:not([class*=-cozy]) .fd-card__content{padding-bottom:.5rem}.fd-card--object .fd-card__content{padding:1rem}.fd-card__loader{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-height:5rem;padding:0}.fd-card__loader:after,.fd-card__loader:before{box-sizing:inherit;font-size:inherit}/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-badge{-webkit-box-sizing:border-box;background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;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:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:calc(100% - 1rem);overflow:hidden;padding:0 .5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
361
361
|
}
|
|
362
362
|
__decorate([
|
|
363
363
|
applyCssClass,
|
|
@@ -367,7 +367,7 @@ __decorate([
|
|
|
367
367
|
], CardComponent.prototype, "buildComponentCssClass", null);
|
|
368
368
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CardComponent, decorators: [{
|
|
369
369
|
type: Component,
|
|
370
|
-
args: [{ selector: 'fd-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [contentDensityObserverProviders()], standalone: true, imports: [NgIf], template: "<ng-container *ngIf=\"!isLoading; else loaderTmpl\">\n <!-- Badge -->\n <div *ngIf=\"badge\" class=\"fd-badge\" tabindex=\"0\">{{ badge }}</div>\n\n <!-- Header and Content -->\n <ng-content></ng-content>\n\n <!-- Footer -->\n <ng-content select=\"fd-card-footer\"></ng-content>\n</ng-container>\n\n<!-- Loader -->\n<ng-template #loaderTmpl>\n <ng-content select=\"fd-card-loader\"></ng-content>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-numeric-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0 .375rem 0 0;overflow:hidden;padding:.125rem 0 0}.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{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:.5rem 0 .375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin: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{-webkit-box-sizing:border-box;border:0;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:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{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{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{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{-webkit-box-sizing:border-box;border:0;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:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{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{margin-right:.5rem;padding-top:0}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.188rem;padding-top:.375rem}.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{margin-right:.5rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.313rem;padding-top:0}.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{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.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-bottom:.25rem;padding-top:.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{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.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-bottom:.25rem;padding-top:.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{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{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.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-bottom:.25rem;padding-top:.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{padding-top:0}.fd-card{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdCard_Box_Shadow);background:var(--fdCard_Background_Color);border:0;border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Radius);box-shadow:var(--fdCard_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:100%;padding:0;position:relative;width:100%}.fd-card:after,.fd-card:before{box-sizing:inherit;font-size:inherit}.fd-card.is-hover,.fd-card:hover{box-shadow:var(--fdCard_Box_Shadow_Hover)}.fd-card__header{-webkit-box-sizing:border-box;background:var(--fdCard_Background_Color);border:0;border-bottom:var(--fdCard_Header_Border_Bottom);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Header_Padding);position:relative;text-decoration:none}.fd-card__header:after,.fd-card__header:before{box-sizing:inherit;font-size:inherit}.fd-card__header:not(.fd-card__header--non-interactive).is-focus,.fd-card__header:not(.fd-card__header--non-interactive):focus{outline:none;z-index:5}.fd-card__header:not(.fd-card__header--non-interactive).is-focus:before,.fd-card__header:not(.fd-card__header--non-interactive):focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;content:\"\";display:block;inset:.0625rem .0625rem .125rem;position:absolute;z-index:3}.fd-card__header.is-hover,.fd-card__header:hover{background:var(--sapTile_Hover_Background)}.fd-card__header.is-active,.fd-card__header:active{background:var(--sapTile_Active_Background)}.fd-card__header .fd-card__avatar{margin-right:.75rem}.fd-card__header .fd-card__avatar[dir=rtl],[dir=rtl] .fd-card__header .fd-card__avatar{margin-left:.75rem;margin-right:0}.fd-card__header--non-interactive{cursor:auto}.fd-card__header--non-interactive.is-active,.fd-card__header--non-interactive.is-hover,.fd-card__header--non-interactive:active,.fd-card__header--non-interactive:hover{background:var(--fdCard_Background_Color)}.fd-card__header:last-child{border-bottom:none;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Header_Border_Bottom);padding:var(--fdCard_Bottom_Positioned_Header_Padding)}.fd-card__header:last-child.is-focus,.fd-card__header:last-child:focus{z-index:5}.fd-card__header:last-child.is-focus:before,.fd-card__header:last-child:focus:before{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);bottom:.0625rem;top:.125rem}.fd-card__footer{-webkit-box-sizing:border-box;align-items:center;background:var(--fdCard_Background_Color);border:0;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Footer_Padding)}.fd-card__footer:after,.fd-card__footer:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{-webkit-box-sizing:border-box;-webkit-box-pack:end;-ms-flex-pack:end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{box-sizing:inherit;font-size:inherit}.fd-card__footer .fd-card__footer-link{margin-right:var(--fdCard_Footer_Actions_Item_Spacing);overflow:hidden;text-overflow:ellipsis;text-overflow:clip;white-space:nowrap}.fd-card__footer .fd-card__footer-link[dir=rtl],[dir=rtl] .fd-card__footer .fd-card__footer-link{margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__header-text{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{box-sizing:inherit;font-size:inherit}.fd-card__title-area{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{box-sizing:inherit;font-size:inherit}.fd-card__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:3;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--fdCard_Title_Font_Size);font-weight:400;font-weight:var(--fdCard_Title_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.2rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__title:after,.fd-card__title:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{-webkit-box-sizing:border-box;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:2.5rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__subtitle:after,.fd-card__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{font-size:var(--sapFontSmallSize);margin:var(--fdCard_Counter_Margin);text-align:right;white-space:nowrap}.fd-card__counter.fd-object-status[dir=rtl],[dir=rtl] .fd-card__counter.fd-object-status{margin:var(--fdCard_Counter_Margin_RTL)}.fd-card__currency{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .25rem;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:\"|\\a0\"}.fd-card__currency[dir=rtl],[dir=rtl] .fd-card__currency{margin-left:0;margin-right:.25rem}.fd-card__analytics-area{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;overflow:hidden;padding:0}.fd-card__analytics-area:after,.fd-card__analytics-area:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 2rem;overflow-x:hidden;padding:0;white-space:nowrap;width:100%}.fd-card__analytics-container:after,.fd-card__analytics-container:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container[dir=rtl],[dir=rtl] .fd-card__analytics-container{margin-left:0;margin-right:2rem}.fd-card__analytics{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;max-width:calc(50% - 1rem);overflow:hidden;padding:0 0 .25rem}.fd-card__analytics:after,.fd-card__analytics:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics[dir=rtl],[dir=rtl] .fd-card__analytics{margin-left:0;margin-right:1rem}.fd-card__analytics-text{-webkit-box-sizing:border-box;border:0;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:var(--sapContent_LineHeight);margin:0;padding:0 0 .25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-subtitle{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{flex-shrink:0;width:auto}.fd-card__content{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content:after,.fd-card__content:before{box-sizing:inherit;font-size:inherit}.fd-card__content:first-child,.fd-card__content:last-child{overflow:hidden}.fd-card__content:last-child{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus,.fd-card__content:last-child .fd-list__item:last-of-type:focus{z-index:5}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus:before,.fd-card__content:last-child .fd-list__item:last-of-type:focus:before{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:first-child{border-top-left-radius:var(--fdCard_Border_Radius);border-top-right-radius:var(--fdCard_Border_Radius)}.fd-card__content-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content-container:after,.fd-card__content-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{flex-direction:row}.fd-card__content-container--horizontal .fd-card__content-section{margin-bottom:0;margin-right:2rem}.fd-card__content-container--horizontal .fd-card__content-section:last-child{margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl],[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section{margin-left:2rem;margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl]:first-child,[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section:first-child{margin:0}.fd-card__content-section{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 1.75rem;max-width:24rem;min-width:12rem;padding:0;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{box-sizing:inherit;font-size:inherit}.fd-card__content-section:last-child{margin-bottom:0}.fd-card__content-title-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0}.fd-card__content-group:after,.fd-card__content-group:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;padding:0}.fd-card__content-group-text:after,.fd-card__content-group-text:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text:first-child{margin-left:0}.fd-card__content-group-text>*{margin-bottom:.25rem}.fd-card__content-group-text>:last-child{margin-bottom:0}.fd-card__content-group-text[dir=rtl],[dir=rtl] .fd-card__content-group-text{margin-left:0;margin-right:.5rem}.fd-card__content-group-text[dir=rtl]:first-child,[dir=rtl] .fd-card__content-group-text:first-child{margin:0}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table[class*=-compact] .fd-card__content,.fd-card--table[class*=-condensed] .fd-card__content,[class*=-compact] .fd-card--table:not([class*=-cozy]) .fd-card__content,[class*=-condensed] .fd-card--table:not([class*=-cozy]) .fd-card__content{padding-bottom:.5rem}.fd-card--object .fd-card__content{padding:1rem}.fd-card__loader{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-height:5rem;padding:0}.fd-card__loader:after,.fd-card__loader:before{box-sizing:inherit;font-size:inherit}/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-badge{-webkit-box-sizing:border-box;background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;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:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:calc(100% - 1rem);overflow:hidden;padding:0 .5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n"] }]
|
|
370
|
+
args: [{ selector: 'fd-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [contentDensityObserverProviders()], standalone: true, imports: [NgIf], template: "<ng-container *ngIf=\"!isLoading; else loaderTmpl\">\n <!-- Badge -->\n <div *ngIf=\"badge\" class=\"fd-badge\" tabindex=\"0\">{{ badge }}</div>\n\n <!-- Header and Content -->\n <ng-content></ng-content>\n\n <!-- Footer -->\n <ng-content select=\"fd-card-footer\"></ng-content>\n</ng-container>\n\n<!-- Loader -->\n<ng-template #loaderTmpl>\n <ng-content select=\"fd-card-loader\"></ng-content>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.fd-numeric-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-numeric-content:after,.fd-numeric-content:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container,.fd-numeric-content__launch-icon-container{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0 .375rem 0 0;overflow:hidden;padding:.125rem 0 0}.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{box-sizing:inherit;font-size:inherit}.fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.fd-numeric-content__kpi-container:first-child:last-child,.fd-numeric-content__launch-icon-container:first-child:last-child{margin:0}.fd-numeric-content__launch-icon-container{max-width:1.75rem;min-width:1.75rem;width:1.75rem}.fd-numeric-content__scale-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:.5rem 0 .375rem}.fd-numeric-content__scale-container:after,.fd-numeric-content__scale-container:before{box-sizing:inherit;font-size:inherit}.fd-numeric-content__scale-container:first-child:last-child{margin: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{-webkit-box-sizing:border-box;border:0;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:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__kpi:after,.fd-numeric-content__kpi:before{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{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-numeric-content__scale:after,.fd-numeric-content__scale:before{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{-webkit-box-sizing:border-box;border:0;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:var(--sapContent_LineHeight);line-height:normal;margin:0;padding:0}.fd-numeric-content__scale-text:after,.fd-numeric-content__scale-text:before{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{margin-right:.5rem;padding-top:0}.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--m .fd-numeric-content__launch-icon-container{align-items:flex-end}.fd-numeric-content--m .fd-numeric-content__scale-container{padding-bottom:.188rem;padding-top:.375rem}.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{margin-right:.5rem;padding-top:0}.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.5rem;margin-right:0}.fd-numeric-content--s .fd-numeric-content__scale-container{padding-bottom:.313rem;padding-top:0}.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{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.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-bottom:.25rem;padding-top:.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{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--m .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.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-bottom:.25rem;padding-top:.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{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{margin-right:.375rem;padding-top:.5rem}.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container[dir=rtl],.fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container[dir=rtl],[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__kpi-container,[dir=rtl] .fd-numeric-content--small-tile.fd-numeric-content--s .fd-numeric-content__launch-icon-container{margin-left:.375rem;margin-right:0}.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-bottom:.25rem;padding-top:.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{padding-top:0}.fd-card{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdCard_Box_Shadow);background:var(--fdCard_Background_Color);border:0;border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Radius);box-shadow:var(--fdCard_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-height:100%;padding:0;position:relative;width:100%}.fd-card:after,.fd-card:before{box-sizing:inherit;font-size:inherit}.fd-card.is-hover,.fd-card:hover{box-shadow:var(--fdCard_Box_Shadow_Hover)}.fd-card__header{-webkit-box-sizing:border-box;background:var(--fdCard_Background_Color);border:0;border-bottom:var(--fdCard_Header_Border_Bottom);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Header_Padding);position:relative;text-decoration:none}.fd-card__header:after,.fd-card__header:before{box-sizing:inherit;font-size:inherit}.fd-card__header:not(.fd-card__header--non-interactive).is-focus,.fd-card__header:not(.fd-card__header--non-interactive):focus{outline:none;z-index:5}.fd-card__header:not(.fd-card__header--non-interactive).is-focus:before,.fd-card__header:not(.fd-card__header--non-interactive):focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Border_Radius) var(--fdCard_Border_Radius) 0 0;content:\"\";display:block;inset:.0625rem .0625rem .125rem;position:absolute;z-index:3}.fd-card__header.is-hover,.fd-card__header:hover{background:var(--sapTile_Hover_Background)}.fd-card__header.is-active,.fd-card__header:active{background:var(--sapTile_Active_Background)}.fd-card__header .fd-card__avatar{margin-right:.75rem}.fd-card__header .fd-card__avatar[dir=rtl],[dir=rtl] .fd-card__header .fd-card__avatar{margin-left:.75rem;margin-right:0}.fd-card__header--non-interactive{cursor:auto}.fd-card__header--non-interactive.is-active,.fd-card__header--non-interactive.is-hover,.fd-card__header--non-interactive:active,.fd-card__header--non-interactive:hover{background:var(--fdCard_Background_Color)}.fd-card__header:last-child{border-bottom:none;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Header_Border_Bottom);padding:var(--fdCard_Bottom_Positioned_Header_Padding)}.fd-card__header:last-child.is-focus,.fd-card__header:last-child:focus{z-index:5}.fd-card__header:last-child.is-focus:before,.fd-card__header:last-child:focus:before{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);bottom:.0625rem;top:.125rem}.fd-card__footer{-webkit-box-sizing:border-box;align-items:center;background:var(--fdCard_Background_Color);border:0;border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdCard_Footer_Padding)}.fd-card__footer:after,.fd-card__footer:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions{-webkit-box-sizing:border-box;-webkit-box-pack:end;-ms-flex-pack:end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__footer-actions:after,.fd-card__footer-actions:before{box-sizing:inherit;font-size:inherit}.fd-card__footer .fd-card__footer-link{margin-right:var(--fdCard_Footer_Actions_Item_Spacing);overflow:hidden;text-overflow:ellipsis;text-overflow:clip;white-space:nowrap}.fd-card__footer .fd-card__footer-link[dir=rtl],[dir=rtl] .fd-card__footer .fd-card__footer-link{margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.fd-card__header-text{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__header-text:after,.fd-card__header-text:before{box-sizing:inherit;font-size:inherit}.fd-card__title-area{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-card__title-area:after,.fd-card__title-area:before{box-sizing:inherit;font-size:inherit}.fd-card__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:3;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--fdCard_Title_Font_Size);font-weight:400;font-weight:var(--fdCard_Title_Font_Weight);forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:4.2rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__title:after,.fd-card__title:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle-area{-webkit-box-sizing:border-box;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;padding:0}.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{box-sizing:inherit;font-size:inherit}.fd-card__subtitle{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-height:2.5rem;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-card__subtitle:after,.fd-card__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__counter.fd-object-status{font-size:var(--sapFontSmallSize);margin:var(--fdCard_Counter_Margin);text-align:right;white-space:nowrap}.fd-card__counter.fd-object-status[dir=rtl],[dir=rtl] .fd-card__counter.fd-object-status{margin:var(--fdCard_Counter_Margin_RTL)}.fd-card__currency{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .25rem;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-card__currency:after,.fd-card__currency:before{box-sizing:inherit;font-size:inherit}.fd-card__currency:before{content:\"|\\a0\"}.fd-card__currency[dir=rtl],[dir=rtl] .fd-card__currency{margin-left:0;margin-right:.25rem}.fd-card__analytics-area{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;overflow:hidden;padding:0}.fd-card__analytics-area:after,.fd-card__analytics-area:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 2rem;overflow-x:hidden;padding:0;white-space:nowrap;width:100%}.fd-card__analytics-container:after,.fd-card__analytics-container:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-container[dir=rtl],[dir=rtl] .fd-card__analytics-container{margin-left:0;margin-right:2rem}.fd-card__analytics{-webkit-box-sizing:border-box;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-end;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;justify-content:flex-end;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;max-width:calc(50% - 1rem);overflow:hidden;padding:0 0 .25rem}.fd-card__analytics:after,.fd-card__analytics:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics[dir=rtl],[dir=rtl] .fd-card__analytics{margin-left:0;margin-right:1rem}.fd-card__analytics-text{-webkit-box-sizing:border-box;border:0;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:var(--sapContent_LineHeight);margin:0;padding:0 0 .25rem}.fd-card__analytics-text:after,.fd-card__analytics-text:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__analytics-content:after,.fd-card__analytics-content:before{box-sizing:inherit;font-size:inherit}.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right}.fd-card__second-subtitle{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{box-sizing:inherit;font-size:inherit}.fd-card__numeric-content.fd-numeric-content{flex-shrink:0;width:auto}.fd-card__content{-webkit-box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content:after,.fd-card__content:before{box-sizing:inherit;font-size:inherit}.fd-card__content:first-child,.fd-card__content:last-child{overflow:hidden}.fd-card__content:last-child{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus,.fd-card__content:last-child .fd-list__item:last-of-type:focus{z-index:5}.fd-card__content:last-child .fd-list__item:last-of-type.is-focus:before,.fd-card__content:last-child .fd-list__item:last-of-type:focus:before{border-bottom-left-radius:var(--fdCard_Border_Radius);border-bottom-right-radius:var(--fdCard_Border_Radius)}.fd-card__content:first-child{border-top-left-radius:var(--fdCard_Border_Radius);border-top-right-radius:var(--fdCard_Border_Radius)}.fd-card__content-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-card__content-container:after,.fd-card__content-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-container--horizontal{flex-direction:row}.fd-card__content-container--horizontal .fd-card__content-section{margin-bottom:0;margin-right:2rem}.fd-card__content-container--horizontal .fd-card__content-section:last-child{margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl],[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section{margin-left:2rem;margin-right:0}.fd-card__content-container--horizontal .fd-card__content-section[dir=rtl]:first-child,[dir=rtl] .fd-card__content-container--horizontal .fd-card__content-section:first-child{margin:0}.fd-card__content-section{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 1.75rem;max-width:24rem;min-width:12rem;padding:0;width:100%}.fd-card__content-section:after,.fd-card__content-section:before{box-sizing:inherit;font-size:inherit}.fd-card__content-section:last-child{margin-bottom:0}.fd-card__content-title-container{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 .5rem}.fd-card__content-title-container:after,.fd-card__content-title-container:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0}.fd-card__content-group:after,.fd-card__content-group:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;padding:0}.fd-card__content-group-text:after,.fd-card__content-group-text:before{box-sizing:inherit;font-size:inherit}.fd-card__content-group-text:first-child{margin-left:0}.fd-card__content-group-text>*{margin-bottom:.25rem}.fd-card__content-group-text>:last-child{margin-bottom:0}.fd-card__content-group-text[dir=rtl],[dir=rtl] .fd-card__content-group-text{margin-left:0;margin-right:.5rem}.fd-card__content-group-text[dir=rtl]:first-child,[dir=rtl] .fd-card__content-group-text:first-child{margin:0}.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem}.fd-card--analytical .fd-card__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.fd-card--table[class*=-compact] .fd-card__content,.fd-card--table[class*=-condensed] .fd-card__content,[class*=-compact] .fd-card--table:not([class*=-cozy]) .fd-card__content,[class*=-condensed] .fd-card--table:not([class*=-cozy]) .fd-card__content{padding-bottom:.5rem}.fd-card--object .fd-card__content{padding:1rem}.fd-card__loader{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-height:5rem;padding:0}.fd-card__loader:after,.fd-card__loader:before{box-sizing:inherit;font-size:inherit}/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-badge{-webkit-box-sizing:border-box;background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;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:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:calc(100% - 1rem);overflow:hidden;padding:0 .5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10}.fd-badge:after,.fd-badge:before{box-sizing:inherit;font-size:inherit}.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto}.fd-badge--static{position:static}\n"] }]
|
|
371
371
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ContentDensityObserver }]; }, propDecorators: { badge: [{
|
|
372
372
|
type: Input
|
|
373
373
|
}], isLoading: [{
|
|
@@ -1121,13 +1121,13 @@ class CarouselComponent {
|
|
|
1121
1121
|
return slides;
|
|
1122
1122
|
}
|
|
1123
1123
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: CarouselService }, { token: i0.NgZone }, { token: i2.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1124
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CarouselComponent, isStandalone: true, selector: "fd-carousel", inputs: { id: "id", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", pageIndicatorsOrientation: "pageIndicatorsOrientation", height: "height", width: "width", loop: "loop", navigation: "navigation", navigatorInPageIndicator: "navigatorInPageIndicator", numericIndicator: "numericIndicator", pageIndicatorContainer: "pageIndicatorContainer", pageIndicator: "pageIndicator", resourceStrings: "resourceStrings", slideTransitionDuration: "slideTransitionDuration", swipeEnabled: "swipeEnabled", vertical: "vertical", noPaginationContainerBorder: "noPaginationContainerBorder", contentBackground: "contentBackground", pageIndicatorBackground: "pageIndicatorBackground", visibleSlidesCount: "visibleSlidesCount" }, outputs: { slideChange: "slideChange" }, host: { listeners: { "keydown": "handleKeyboardEvent($event)" }, properties: { "style.width": "width", "attr.id": "this.id" } }, providers: [CarouselService], queries: [{ propertyName: "slides", predicate: CarouselItemComponent, descendants: true }], viewQueries: [{ propertyName: "slideContainer", first: true, predicate: ["slideContainer"], descendants: true }, { propertyName: "carouselContainer", first: true, predicate: ["carouselContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"fd-carousel\"\n [class.fd-carousel--no-navigation]=\"!navigation\"\n data-ride=\"carousel\"\n tabindex=\"0\"\n [style.height]=\"height\"\n [style.width]=\"width\"\n [attr.dir]=\"dir\"\n role=\"region\"\n #carouselContainer\n (click)=\"_focus()\"\n>\n <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'top'\">\n <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n </ng-container>\n\n <div\n class=\"fd-carousel__content\"\n [class.fd-carousel__content--horizontal]=\"!vertical\"\n [ngClass]=\"'fd-carousel__content--' + contentBackground\"\n [style.width]=\"_contentSizePx\"\n >\n <ng-container *ngIf=\"_showNavigationButtonInContent\">\n <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n </ng-container>\n\n <div #slideContainer class=\"fd-carousel__slides\">\n <ng-content></ng-content>\n </div>\n\n <ng-container *ngIf=\"_showNavigationButtonInContent\">\n <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'bottom'\">\n <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n </ng-container>\n\n <div [style.display]=\"'none'\" role=\"region\" [attr.id]=\"id + '-accessibility'\" aria-live=\"polite\" dir=\"ltr\">\n {{ screenReaderLabel }}\n </div>\n</div>\n\n<ng-template #pageIndicatorContainer>\n <div\n class=\"fd-carousel__page-indicator-container\"\n [class.fd-carousel__page-indicator-container--no-border]=\"noPaginationContainerBorder\"\n [ngClass]=\"'fd-carousel__page-indicator-container--' + pageIndicatorBackground\"\n >\n <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n </ng-container>\n\n <ng-container *ngTemplateOutlet=\"pageIndicators\"> </ng-container>\n\n <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #pageIndicators>\n <ng-container *ngIf=\"numericIndicator\">\n <div class=\"fd-carousel__page-indicators\">\n <ng-container *ngIf=\"pageIndicator\">\n <div class=\"fd-carousel__text\" dir=\"ltr\">\n {{ getPageIndicatorLabel }}\n </div>\n </ng-container>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!numericIndicator && _showNavigationButtonInPageIndicatorContainer\">\n <ol class=\"fd-carousel__page-indicators\" [attr.dir]=\"dir\">\n <ng-container *ngIf=\"pageIndicator\">\n <ng-container *ngFor=\"let item of pageIndicatorsCountArray; let i = index\">\n <li\n [attr.data-slide-to]=\"i + 1\"\n class=\"fd-carousel__page-indicator\"\n [class.fd-carousel__page-indicator--active]=\"i === currentActiveSlidesStartIndex\"\n ></li>\n </ng-container>\n </ng-container>\n </ol>\n </ng-container>\n</ng-template>\n\n<ng-template #buttonLeft>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--left]=\"!vertical\"\n [class.fd-carousel__button--up]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"previous\"\n [attr.aria-label]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n (click)=\"previous(); $event.stopPropagation()\"\n [disabled]=\"leftButtonDisabled\"\n [attr.title]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-up' : 'slim-arrow-left'\"\n ></button>\n</ng-template>\n\n<ng-template #buttonRight>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--right]=\"!vertical\"\n [class.fd-carousel__button--down]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"next\"\n [attr.aria-label]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n (click)=\"next(); $event.stopPropagation()\"\n [disabled]=\"rightButtonDisabled\"\n [attr.title]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-down' : 'slim-arrow-right'\"\n ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-carousel{--fdCarousel_Button_Display:block;--fdCarousel_Content_Background:var(--sapBackgroundColor);--fdCarousel_Page_Indicator_Margin:var(--fdCarousel_Dot_Margin);--fdCarousel_Page_Indicator_Size:var(--fdCarousel_Dot_Size);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Background);--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Border);--fdCarousel_Page_Indicator_Container_Background:var(--sapPageFooter_Background);-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;min-width:15.5rem;padding:0;width:100%}.fd-carousel:after,.fd-carousel:before{box-sizing:inherit;font-size:inherit}.fd-carousel.is-focus,.fd-carousel:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-carousel.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:block}.fd-carousel__content{-webkit-box-sizing:border-box;-ms-flex-preferred-size:100%;background:var(--fdCarousel_Content_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);flex-basis:100%;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative}.fd-carousel__content:after,.fd-carousel__content:before{box-sizing:inherit;font-size:inherit}.fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none;box-shadow:var(--sapContent_Shadow1);margin:0;position:absolute}.fd-carousel__content .fd-carousel__button--left,.fd-carousel__content .fd-carousel__button--right{-webkit-transform:translateY(-50%);top:50%;transform:translateY(-50%)}.fd-carousel__content .fd-carousel__button--down,.fd-carousel__content .fd-carousel__button--up{-webkit-transform:translateX(-50%);left:50%;transform:translate(-50%)}.fd-carousel__content .fd-carousel__button--down[dir=rtl]>[class*=sap-icon],.fd-carousel__content .fd-carousel__button--up[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--down>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--up>[class*=sap-icon]{transform:rotate(0)}.fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel__content .fd-carousel__button--up{top:.5rem}.fd-carousel__content .fd-carousel__button--down{bottom:.5rem}.fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel__content--horizontal .fd-carousel__slides{-ms-touch-action:pan-y;display:flex;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;touch-action:pan-y;width:100%}.fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.fd-carousel__content--solid{--fdCarousel_Content_Background:var(--sapGroup_ContentBackground)}.fd-carousel__content--transparent{--fdCarousel_Content_Background:transparent}.fd-carousel__slides{-webkit-box-sizing:border-box;-ms-touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;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:var(--sapContent_LineHeight);margin:0;min-height:-moz-fit-content;min-height:fit-content;padding:0;touch-action:pan-x;user-select:none}.fd-carousel__slides:after,.fd-carousel__slides:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:0;margin:0;padding:0}.fd-carousel__item:after,.fd-carousel__item:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item--active{display:block}.fd-carousel__item img{pointer-events:none}.fd-carousel__page-indicator-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--fdCarousel_Page_Indicator_Container_Background);border:0;border-top:var(--fdCarousel_Pagination_Border);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:3.5rem;min-height:2.75rem;padding:.375rem .5rem}.fd-carousel__page-indicator-container:after,.fd-carousel__page-indicator-container:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator-container:first-child{border-bottom:var(--fdCarousel_Pagination_Border);border-top:none}.fd-carousel__page-indicator-container--translucent{--fdCarousel_Page_Indicator_Container_Background:var(--sapBackgroundColor)}.fd-carousel__page-indicator-container--transparent{--fdCarousel_Page_Indicator_Container_Background:transparent}.fd-carousel__page-indicator-container--no-border{border-top-color:transparent}.fd-carousel__page-indicator-container--no-border:first-child{border-bottom-color:transparent;border-top:none}.fd-carousel__page-indicators{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:9rem;padding:.5rem}.fd-carousel__page-indicators:after,.fd-carousel__page-indicators:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator{-webkit-box-sizing:border-box;background-color:var(--fdCarousel_Page_Indicator_Background_Color);border:0;border:var(--fdCarousel_Page_Indicator_Border);border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdCarousel_Page_Indicator_Size);line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;margin:var(--fdCarousel_Page_Indicator_Margin);max-height:var(--fdCarousel_Page_Indicator_Size);max-width:var(--fdCarousel_Page_Indicator_Size);min-height:var(--fdCarousel_Page_Indicator_Size);min-width:var(--fdCarousel_Page_Indicator_Size);padding:0;width:var(--fdCarousel_Page_Indicator_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{--fdCarousel_Page_Indicator_Size:.5rem;--fdCarousel_Page_Indicator_Margin:0 .25rem;--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Selected_Border);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Selected_Background)}.fd-carousel__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-carousel__text:after,.fd-carousel__text:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__button{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;display:var(--fdCarousel_Button_Display);height:2.125rem;justify-content:center;margin:.25rem;max-height:2.125rem;max-width:2.125rem;min-height:2.125rem;min-width:2.125rem;padding:0;width:2.125rem}.fd-carousel .fd-carousel__button:before{inset:-.25rem;width:auto}.fd-carousel .fd-carousel__button[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel .fd-carousel__button>[class*=sap-icon]{transform:rotate(180deg)}.fd-carousel .fd-carousel__button.is-hover,.fd-carousel .fd-carousel__button:hover{box-shadow:var(--sapContent_Shadow1)}.fd-carousel .fd-carousel__button.is-focus,.fd-carousel .fd-carousel__button:focus{z-index:5}.fd-carousel .fd-carousel__button.is-focus:after,.fd-carousel .fd-carousel__button:focus:after{--fdButton_Focus_Border_Radius:50%}.fd-carousel--no-navigation .fd-carousel__button,.fd-carousel--no-navigation.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel--no-navigation:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1124
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CarouselComponent, isStandalone: true, selector: "fd-carousel", inputs: { id: "id", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", pageIndicatorsOrientation: "pageIndicatorsOrientation", height: "height", width: "width", loop: "loop", navigation: "navigation", navigatorInPageIndicator: "navigatorInPageIndicator", numericIndicator: "numericIndicator", pageIndicatorContainer: "pageIndicatorContainer", pageIndicator: "pageIndicator", resourceStrings: "resourceStrings", slideTransitionDuration: "slideTransitionDuration", swipeEnabled: "swipeEnabled", vertical: "vertical", noPaginationContainerBorder: "noPaginationContainerBorder", contentBackground: "contentBackground", pageIndicatorBackground: "pageIndicatorBackground", visibleSlidesCount: "visibleSlidesCount" }, outputs: { slideChange: "slideChange" }, host: { listeners: { "keydown": "handleKeyboardEvent($event)" }, properties: { "style.width": "width", "attr.id": "this.id" } }, providers: [CarouselService], queries: [{ propertyName: "slides", predicate: CarouselItemComponent, descendants: true }], viewQueries: [{ propertyName: "slideContainer", first: true, predicate: ["slideContainer"], descendants: true }, { propertyName: "carouselContainer", first: true, predicate: ["carouselContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"fd-carousel\"\n [class.fd-carousel--no-navigation]=\"!navigation\"\n data-ride=\"carousel\"\n tabindex=\"0\"\n [style.height]=\"height\"\n [style.width]=\"width\"\n [attr.dir]=\"dir\"\n role=\"region\"\n #carouselContainer\n (click)=\"_focus()\"\n>\n <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'top'\">\n <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n </ng-container>\n\n <div\n class=\"fd-carousel__content\"\n [class.fd-carousel__content--horizontal]=\"!vertical\"\n [ngClass]=\"'fd-carousel__content--' + contentBackground\"\n [style.width]=\"_contentSizePx\"\n >\n <ng-container *ngIf=\"_showNavigationButtonInContent\">\n <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n </ng-container>\n\n <div #slideContainer class=\"fd-carousel__slides\">\n <ng-content></ng-content>\n </div>\n\n <ng-container *ngIf=\"_showNavigationButtonInContent\">\n <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'bottom'\">\n <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n </ng-container>\n\n <div [style.display]=\"'none'\" role=\"region\" [attr.id]=\"id + '-accessibility'\" aria-live=\"polite\" dir=\"ltr\">\n {{ screenReaderLabel }}\n </div>\n</div>\n\n<ng-template #pageIndicatorContainer>\n <div\n class=\"fd-carousel__page-indicator-container\"\n [class.fd-carousel__page-indicator-container--no-border]=\"noPaginationContainerBorder\"\n [ngClass]=\"'fd-carousel__page-indicator-container--' + pageIndicatorBackground\"\n >\n <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n </ng-container>\n\n <ng-container *ngTemplateOutlet=\"pageIndicators\"> </ng-container>\n\n <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #pageIndicators>\n <ng-container *ngIf=\"numericIndicator\">\n <div class=\"fd-carousel__page-indicators\">\n <ng-container *ngIf=\"pageIndicator\">\n <div class=\"fd-carousel__text\" dir=\"ltr\">\n {{ getPageIndicatorLabel }}\n </div>\n </ng-container>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!numericIndicator && _showNavigationButtonInPageIndicatorContainer\">\n <ol class=\"fd-carousel__page-indicators\" [attr.dir]=\"dir\">\n <ng-container *ngIf=\"pageIndicator\">\n <ng-container *ngFor=\"let item of pageIndicatorsCountArray; let i = index\">\n <li\n [attr.data-slide-to]=\"i + 1\"\n class=\"fd-carousel__page-indicator\"\n [class.fd-carousel__page-indicator--active]=\"i === currentActiveSlidesStartIndex\"\n ></li>\n </ng-container>\n </ng-container>\n </ol>\n </ng-container>\n</ng-template>\n\n<ng-template #buttonLeft>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--left]=\"!vertical\"\n [class.fd-carousel__button--up]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"previous\"\n [attr.aria-label]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n (click)=\"previous(); $event.stopPropagation()\"\n [disabled]=\"leftButtonDisabled\"\n [attr.title]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-up' : 'slim-arrow-left'\"\n ></button>\n</ng-template>\n\n<ng-template #buttonRight>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--right]=\"!vertical\"\n [class.fd-carousel__button--down]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"next\"\n [attr.aria-label]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n (click)=\"next(); $event.stopPropagation()\"\n [disabled]=\"rightButtonDisabled\"\n [attr.title]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-down' : 'slim-arrow-right'\"\n ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-carousel{--fdCarousel_Button_Display:block;--fdCarousel_Content_Background:var(--sapBackgroundColor);--fdCarousel_Page_Indicator_Margin:var(--fdCarousel_Dot_Margin);--fdCarousel_Page_Indicator_Size:var(--fdCarousel_Dot_Size);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Background);--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Border);--fdCarousel_Page_Indicator_Container_Background:var(--sapPageFooter_Background);-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;min-width:15.5rem;padding:0;width:100%}.fd-carousel:after,.fd-carousel:before{box-sizing:inherit;font-size:inherit}.fd-carousel.is-focus,.fd-carousel:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-carousel.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:block}.fd-carousel__content{-webkit-box-sizing:border-box;-ms-flex-preferred-size:100%;background:var(--fdCarousel_Content_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);flex-basis:100%;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative}.fd-carousel__content:after,.fd-carousel__content:before{box-sizing:inherit;font-size:inherit}.fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none;box-shadow:var(--sapContent_Shadow1);margin:0;position:absolute}.fd-carousel__content .fd-carousel__button--left,.fd-carousel__content .fd-carousel__button--right{-webkit-transform:translateY(-50%);top:50%;transform:translateY(-50%)}.fd-carousel__content .fd-carousel__button--down,.fd-carousel__content .fd-carousel__button--up{-webkit-transform:translateX(-50%);left:50%;transform:translate(-50%)}.fd-carousel__content .fd-carousel__button--down[dir=rtl]>[class*=sap-icon],.fd-carousel__content .fd-carousel__button--up[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--down>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--up>[class*=sap-icon]{transform:rotate(0)}.fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel__content .fd-carousel__button--up{top:.5rem}.fd-carousel__content .fd-carousel__button--down{bottom:.5rem}.fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel__content--horizontal .fd-carousel__slides{-ms-touch-action:pan-y;display:flex;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;touch-action:pan-y;width:100%}.fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.fd-carousel__content--solid{--fdCarousel_Content_Background:var(--sapGroup_ContentBackground)}.fd-carousel__content--transparent{--fdCarousel_Content_Background:transparent}.fd-carousel__slides{-webkit-box-sizing:border-box;-ms-touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;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:var(--sapContent_LineHeight);margin:0;min-height:-moz-fit-content;min-height:fit-content;padding:0;touch-action:pan-x;user-select:none}.fd-carousel__slides:after,.fd-carousel__slides:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:0;margin:0;padding:0}.fd-carousel__item:after,.fd-carousel__item:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item--active{display:block}.fd-carousel__item img{pointer-events:none}.fd-carousel__page-indicator-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--fdCarousel_Page_Indicator_Container_Background);border:0;border-top:var(--fdCarousel_Pagination_Border);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:3.5rem;min-height:2.75rem;padding:.375rem .5rem}.fd-carousel__page-indicator-container:after,.fd-carousel__page-indicator-container:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator-container:first-child{border-bottom:var(--fdCarousel_Pagination_Border);border-top:none}.fd-carousel__page-indicator-container--translucent{--fdCarousel_Page_Indicator_Container_Background:var(--sapBackgroundColor)}.fd-carousel__page-indicator-container--transparent{--fdCarousel_Page_Indicator_Container_Background:transparent}.fd-carousel__page-indicator-container--no-border{border-top-color:transparent}.fd-carousel__page-indicator-container--no-border:first-child{border-bottom-color:transparent;border-top:none}.fd-carousel__page-indicators{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:9rem;padding:.5rem}.fd-carousel__page-indicators:after,.fd-carousel__page-indicators:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator{-webkit-box-sizing:border-box;background-color:var(--fdCarousel_Page_Indicator_Background_Color);border:0;border:var(--fdCarousel_Page_Indicator_Border);border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdCarousel_Page_Indicator_Size);line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;margin:var(--fdCarousel_Page_Indicator_Margin);max-height:var(--fdCarousel_Page_Indicator_Size);max-width:var(--fdCarousel_Page_Indicator_Size);min-height:var(--fdCarousel_Page_Indicator_Size);min-width:var(--fdCarousel_Page_Indicator_Size);padding:0;width:var(--fdCarousel_Page_Indicator_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{--fdCarousel_Page_Indicator_Size:.5rem;--fdCarousel_Page_Indicator_Margin:0 .25rem;--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Selected_Border);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Selected_Background)}.fd-carousel__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-carousel__text:after,.fd-carousel__text:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__button{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;display:var(--fdCarousel_Button_Display);height:2.125rem;justify-content:center;margin:.25rem;max-height:2.125rem;max-width:2.125rem;min-height:2.125rem;min-width:2.125rem;padding:0;width:2.125rem}.fd-carousel .fd-carousel__button:before{inset:-.25rem;width:auto}.fd-carousel .fd-carousel__button[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel .fd-carousel__button>[class*=sap-icon]{transform:rotate(180deg)}.fd-carousel .fd-carousel__button.is-hover,.fd-carousel .fd-carousel__button:hover{box-shadow:var(--sapContent_Shadow1)}.fd-carousel .fd-carousel__button.is-focus,.fd-carousel .fd-carousel__button:focus{z-index:5}.fd-carousel .fd-carousel__button.is-focus:after,.fd-carousel .fd-carousel__button:focus:after{--fdButton_Focus_Border_Radius:50%}.fd-carousel--no-navigation .fd-carousel__button,.fd-carousel--no-navigation.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel--no-navigation:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1125
1125
|
}
|
|
1126
1126
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
1127
1127
|
type: Component,
|
|
1128
1128
|
args: [{ selector: 'fd-carousel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [CarouselService], host: {
|
|
1129
1129
|
'[style.width]': 'width'
|
|
1130
|
-
}, standalone: true, imports: [NgIf, NgTemplateOutlet, NgClass, NgFor, ButtonComponent, FdTranslatePipe], template: "<div\n class=\"fd-carousel\"\n [class.fd-carousel--no-navigation]=\"!navigation\"\n data-ride=\"carousel\"\n tabindex=\"0\"\n [style.height]=\"height\"\n [style.width]=\"width\"\n [attr.dir]=\"dir\"\n role=\"region\"\n #carouselContainer\n (click)=\"_focus()\"\n>\n <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'top'\">\n <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n </ng-container>\n\n <div\n class=\"fd-carousel__content\"\n [class.fd-carousel__content--horizontal]=\"!vertical\"\n [ngClass]=\"'fd-carousel__content--' + contentBackground\"\n [style.width]=\"_contentSizePx\"\n >\n <ng-container *ngIf=\"_showNavigationButtonInContent\">\n <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n </ng-container>\n\n <div #slideContainer class=\"fd-carousel__slides\">\n <ng-content></ng-content>\n </div>\n\n <ng-container *ngIf=\"_showNavigationButtonInContent\">\n <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'bottom'\">\n <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n </ng-container>\n\n <div [style.display]=\"'none'\" role=\"region\" [attr.id]=\"id + '-accessibility'\" aria-live=\"polite\" dir=\"ltr\">\n {{ screenReaderLabel }}\n </div>\n</div>\n\n<ng-template #pageIndicatorContainer>\n <div\n class=\"fd-carousel__page-indicator-container\"\n [class.fd-carousel__page-indicator-container--no-border]=\"noPaginationContainerBorder\"\n [ngClass]=\"'fd-carousel__page-indicator-container--' + pageIndicatorBackground\"\n >\n <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n </ng-container>\n\n <ng-container *ngTemplateOutlet=\"pageIndicators\"> </ng-container>\n\n <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #pageIndicators>\n <ng-container *ngIf=\"numericIndicator\">\n <div class=\"fd-carousel__page-indicators\">\n <ng-container *ngIf=\"pageIndicator\">\n <div class=\"fd-carousel__text\" dir=\"ltr\">\n {{ getPageIndicatorLabel }}\n </div>\n </ng-container>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!numericIndicator && _showNavigationButtonInPageIndicatorContainer\">\n <ol class=\"fd-carousel__page-indicators\" [attr.dir]=\"dir\">\n <ng-container *ngIf=\"pageIndicator\">\n <ng-container *ngFor=\"let item of pageIndicatorsCountArray; let i = index\">\n <li\n [attr.data-slide-to]=\"i + 1\"\n class=\"fd-carousel__page-indicator\"\n [class.fd-carousel__page-indicator--active]=\"i === currentActiveSlidesStartIndex\"\n ></li>\n </ng-container>\n </ng-container>\n </ol>\n </ng-container>\n</ng-template>\n\n<ng-template #buttonLeft>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--left]=\"!vertical\"\n [class.fd-carousel__button--up]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"previous\"\n [attr.aria-label]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n (click)=\"previous(); $event.stopPropagation()\"\n [disabled]=\"leftButtonDisabled\"\n [attr.title]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-up' : 'slim-arrow-left'\"\n ></button>\n</ng-template>\n\n<ng-template #buttonRight>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--right]=\"!vertical\"\n [class.fd-carousel__button--down]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"next\"\n [attr.aria-label]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n (click)=\"next(); $event.stopPropagation()\"\n [disabled]=\"rightButtonDisabled\"\n [attr.title]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-down' : 'slim-arrow-right'\"\n ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-carousel{--fdCarousel_Button_Display:block;--fdCarousel_Content_Background:var(--sapBackgroundColor);--fdCarousel_Page_Indicator_Margin:var(--fdCarousel_Dot_Margin);--fdCarousel_Page_Indicator_Size:var(--fdCarousel_Dot_Size);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Background);--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Border);--fdCarousel_Page_Indicator_Container_Background:var(--sapPageFooter_Background);-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;min-width:15.5rem;padding:0;width:100%}.fd-carousel:after,.fd-carousel:before{box-sizing:inherit;font-size:inherit}.fd-carousel.is-focus,.fd-carousel:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-carousel.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:block}.fd-carousel__content{-webkit-box-sizing:border-box;-ms-flex-preferred-size:100%;background:var(--fdCarousel_Content_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);flex-basis:100%;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative}.fd-carousel__content:after,.fd-carousel__content:before{box-sizing:inherit;font-size:inherit}.fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none;box-shadow:var(--sapContent_Shadow1);margin:0;position:absolute}.fd-carousel__content .fd-carousel__button--left,.fd-carousel__content .fd-carousel__button--right{-webkit-transform:translateY(-50%);top:50%;transform:translateY(-50%)}.fd-carousel__content .fd-carousel__button--down,.fd-carousel__content .fd-carousel__button--up{-webkit-transform:translateX(-50%);left:50%;transform:translate(-50%)}.fd-carousel__content .fd-carousel__button--down[dir=rtl]>[class*=sap-icon],.fd-carousel__content .fd-carousel__button--up[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--down>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--up>[class*=sap-icon]{transform:rotate(0)}.fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel__content .fd-carousel__button--up{top:.5rem}.fd-carousel__content .fd-carousel__button--down{bottom:.5rem}.fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel__content--horizontal .fd-carousel__slides{-ms-touch-action:pan-y;display:flex;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;touch-action:pan-y;width:100%}.fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.fd-carousel__content--solid{--fdCarousel_Content_Background:var(--sapGroup_ContentBackground)}.fd-carousel__content--transparent{--fdCarousel_Content_Background:transparent}.fd-carousel__slides{-webkit-box-sizing:border-box;-ms-touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;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:var(--sapContent_LineHeight);margin:0;min-height:-moz-fit-content;min-height:fit-content;padding:0;touch-action:pan-x;user-select:none}.fd-carousel__slides:after,.fd-carousel__slides:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:0;margin:0;padding:0}.fd-carousel__item:after,.fd-carousel__item:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item--active{display:block}.fd-carousel__item img{pointer-events:none}.fd-carousel__page-indicator-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--fdCarousel_Page_Indicator_Container_Background);border:0;border-top:var(--fdCarousel_Pagination_Border);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:3.5rem;min-height:2.75rem;padding:.375rem .5rem}.fd-carousel__page-indicator-container:after,.fd-carousel__page-indicator-container:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator-container:first-child{border-bottom:var(--fdCarousel_Pagination_Border);border-top:none}.fd-carousel__page-indicator-container--translucent{--fdCarousel_Page_Indicator_Container_Background:var(--sapBackgroundColor)}.fd-carousel__page-indicator-container--transparent{--fdCarousel_Page_Indicator_Container_Background:transparent}.fd-carousel__page-indicator-container--no-border{border-top-color:transparent}.fd-carousel__page-indicator-container--no-border:first-child{border-bottom-color:transparent;border-top:none}.fd-carousel__page-indicators{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:9rem;padding:.5rem}.fd-carousel__page-indicators:after,.fd-carousel__page-indicators:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator{-webkit-box-sizing:border-box;background-color:var(--fdCarousel_Page_Indicator_Background_Color);border:0;border:var(--fdCarousel_Page_Indicator_Border);border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdCarousel_Page_Indicator_Size);line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;margin:var(--fdCarousel_Page_Indicator_Margin);max-height:var(--fdCarousel_Page_Indicator_Size);max-width:var(--fdCarousel_Page_Indicator_Size);min-height:var(--fdCarousel_Page_Indicator_Size);min-width:var(--fdCarousel_Page_Indicator_Size);padding:0;width:var(--fdCarousel_Page_Indicator_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{--fdCarousel_Page_Indicator_Size:.5rem;--fdCarousel_Page_Indicator_Margin:0 .25rem;--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Selected_Border);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Selected_Background)}.fd-carousel__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-carousel__text:after,.fd-carousel__text:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__button{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;display:var(--fdCarousel_Button_Display);height:2.125rem;justify-content:center;margin:.25rem;max-height:2.125rem;max-width:2.125rem;min-height:2.125rem;min-width:2.125rem;padding:0;width:2.125rem}.fd-carousel .fd-carousel__button:before{inset:-.25rem;width:auto}.fd-carousel .fd-carousel__button[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel .fd-carousel__button>[class*=sap-icon]{transform:rotate(180deg)}.fd-carousel .fd-carousel__button.is-hover,.fd-carousel .fd-carousel__button:hover{box-shadow:var(--sapContent_Shadow1)}.fd-carousel .fd-carousel__button.is-focus,.fd-carousel .fd-carousel__button:focus{z-index:5}.fd-carousel .fd-carousel__button.is-focus:after,.fd-carousel .fd-carousel__button:focus:after{--fdButton_Focus_Border_Radius:50%}.fd-carousel--no-navigation .fd-carousel__button,.fd-carousel--no-navigation.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel--no-navigation:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%;width:100%}\n"] }]
|
|
1130
|
+
}, standalone: true, imports: [NgIf, NgTemplateOutlet, NgClass, NgFor, ButtonComponent, FdTranslatePipe], template: "<div\n class=\"fd-carousel\"\n [class.fd-carousel--no-navigation]=\"!navigation\"\n data-ride=\"carousel\"\n tabindex=\"0\"\n [style.height]=\"height\"\n [style.width]=\"width\"\n [attr.dir]=\"dir\"\n role=\"region\"\n #carouselContainer\n (click)=\"_focus()\"\n>\n <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'top'\">\n <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n </ng-container>\n\n <div\n class=\"fd-carousel__content\"\n [class.fd-carousel__content--horizontal]=\"!vertical\"\n [ngClass]=\"'fd-carousel__content--' + contentBackground\"\n [style.width]=\"_contentSizePx\"\n >\n <ng-container *ngIf=\"_showNavigationButtonInContent\">\n <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n </ng-container>\n\n <div #slideContainer class=\"fd-carousel__slides\">\n <ng-content></ng-content>\n </div>\n\n <ng-container *ngIf=\"_showNavigationButtonInContent\">\n <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"_showPageIndicatorContainer && pageIndicatorsOrientation === 'bottom'\">\n <ng-container *ngTemplateOutlet=\"pageIndicatorContainer\"></ng-container>\n </ng-container>\n\n <div [style.display]=\"'none'\" role=\"region\" [attr.id]=\"id + '-accessibility'\" aria-live=\"polite\" dir=\"ltr\">\n {{ screenReaderLabel }}\n </div>\n</div>\n\n<ng-template #pageIndicatorContainer>\n <div\n class=\"fd-carousel__page-indicator-container\"\n [class.fd-carousel__page-indicator-container--no-border]=\"noPaginationContainerBorder\"\n [ngClass]=\"'fd-carousel__page-indicator-container--' + pageIndicatorBackground\"\n >\n <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n <ng-container *ngTemplateOutlet=\"buttonLeft\"></ng-container>\n </ng-container>\n\n <ng-container *ngTemplateOutlet=\"pageIndicators\"> </ng-container>\n\n <ng-container *ngIf=\"_showNavigationButtonInPageIndicatorContainer\">\n <ng-container *ngTemplateOutlet=\"buttonRight\"></ng-container>\n </ng-container>\n </div>\n</ng-template>\n\n<ng-template #pageIndicators>\n <ng-container *ngIf=\"numericIndicator\">\n <div class=\"fd-carousel__page-indicators\">\n <ng-container *ngIf=\"pageIndicator\">\n <div class=\"fd-carousel__text\" dir=\"ltr\">\n {{ getPageIndicatorLabel }}\n </div>\n </ng-container>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!numericIndicator && _showNavigationButtonInPageIndicatorContainer\">\n <ol class=\"fd-carousel__page-indicators\" [attr.dir]=\"dir\">\n <ng-container *ngIf=\"pageIndicator\">\n <ng-container *ngFor=\"let item of pageIndicatorsCountArray; let i = index\">\n <li\n [attr.data-slide-to]=\"i + 1\"\n class=\"fd-carousel__page-indicator\"\n [class.fd-carousel__page-indicator--active]=\"i === currentActiveSlidesStartIndex\"\n ></li>\n </ng-container>\n </ng-container>\n </ol>\n </ng-container>\n</ng-template>\n\n<ng-template #buttonLeft>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--left]=\"!vertical\"\n [class.fd-carousel__button--up]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"previous\"\n [attr.aria-label]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n (click)=\"previous(); $event.stopPropagation()\"\n [disabled]=\"leftButtonDisabled\"\n [attr.title]=\"'coreCarousel.leftNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-up' : 'slim-arrow-left'\"\n ></button>\n</ng-template>\n\n<ng-template #buttonRight>\n <button\n fd-button\n class=\"fd-carousel__button\"\n [class.fd-carousel__button--right]=\"!vertical\"\n [class.fd-carousel__button--down]=\"vertical\"\n [style.z-index]=\"1\"\n data-slide=\"next\"\n [attr.aria-label]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n (click)=\"next(); $event.stopPropagation()\"\n [disabled]=\"rightButtonDisabled\"\n [attr.title]=\"'coreCarousel.rightNavigationBtnLabel' | fdTranslate\"\n [glyph]=\"vertical ? 'slim-arrow-down' : 'slim-arrow-right'\"\n ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-carousel{--fdCarousel_Button_Display:block;--fdCarousel_Content_Background:var(--sapBackgroundColor);--fdCarousel_Page_Indicator_Margin:var(--fdCarousel_Dot_Margin);--fdCarousel_Page_Indicator_Size:var(--fdCarousel_Dot_Size);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Background);--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Border);--fdCarousel_Page_Indicator_Container_Background:var(--sapPageFooter_Background);-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;min-width:15.5rem;padding:0;width:100%}.fd-carousel:after,.fd-carousel:before{box-sizing:inherit;font-size:inherit}.fd-carousel.is-focus,.fd-carousel:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-carousel.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:block}.fd-carousel__content{-webkit-box-sizing:border-box;-ms-flex-preferred-size:100%;background:var(--fdCarousel_Content_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);flex-basis:100%;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;position:relative}.fd-carousel__content:after,.fd-carousel__content:before{box-sizing:inherit;font-size:inherit}.fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none;box-shadow:var(--sapContent_Shadow1);margin:0;position:absolute}.fd-carousel__content .fd-carousel__button--left,.fd-carousel__content .fd-carousel__button--right{-webkit-transform:translateY(-50%);top:50%;transform:translateY(-50%)}.fd-carousel__content .fd-carousel__button--down,.fd-carousel__content .fd-carousel__button--up{-webkit-transform:translateX(-50%);left:50%;transform:translate(-50%)}.fd-carousel__content .fd-carousel__button--down[dir=rtl]>[class*=sap-icon],.fd-carousel__content .fd-carousel__button--up[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--down>[class*=sap-icon],[dir=rtl] .fd-carousel__content .fd-carousel__button--up>[class*=sap-icon]{transform:rotate(0)}.fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel__content .fd-carousel__button--up{top:.5rem}.fd-carousel__content .fd-carousel__button--down{bottom:.5rem}.fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel__content--horizontal .fd-carousel__slides{-ms-touch-action:pan-y;display:flex;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;touch-action:pan-y;width:100%}.fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.fd-carousel__content--solid{--fdCarousel_Content_Background:var(--sapGroup_ContentBackground)}.fd-carousel__content--transparent{--fdCarousel_Content_Background:transparent}.fd-carousel__slides{-webkit-box-sizing:border-box;-ms-touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;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:var(--sapContent_LineHeight);margin:0;min-height:-moz-fit-content;min-height:fit-content;padding:0;touch-action:pan-x;user-select:none}.fd-carousel__slides:after,.fd-carousel__slides:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:0;margin:0;padding:0}.fd-carousel__item:after,.fd-carousel__item:before{box-sizing:inherit;font-size:inherit}.fd-carousel__item--active{display:block}.fd-carousel__item img{pointer-events:none}.fd-carousel__page-indicator-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--fdCarousel_Page_Indicator_Container_Background);border:0;border-top:var(--fdCarousel_Pagination_Border);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:3.5rem;min-height:2.75rem;padding:.375rem .5rem}.fd-carousel__page-indicator-container:after,.fd-carousel__page-indicator-container:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator-container:first-child{border-bottom:var(--fdCarousel_Pagination_Border);border-top:none}.fd-carousel__page-indicator-container--translucent{--fdCarousel_Page_Indicator_Container_Background:var(--sapBackgroundColor)}.fd-carousel__page-indicator-container--transparent{--fdCarousel_Page_Indicator_Container_Background:transparent}.fd-carousel__page-indicator-container--no-border{border-top-color:transparent}.fd-carousel__page-indicator-container--no-border:first-child{border-bottom-color:transparent;border-top:none}.fd-carousel__page-indicators{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:9rem;padding:.5rem}.fd-carousel__page-indicators:after,.fd-carousel__page-indicators:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator{-webkit-box-sizing:border-box;background-color:var(--fdCarousel_Page_Indicator_Background_Color);border:0;border:var(--fdCarousel_Page_Indicator_Border);border-radius:50%;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdCarousel_Page_Indicator_Size);line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;margin:var(--fdCarousel_Page_Indicator_Margin);max-height:var(--fdCarousel_Page_Indicator_Size);max-width:var(--fdCarousel_Page_Indicator_Size);min-height:var(--fdCarousel_Page_Indicator_Size);min-width:var(--fdCarousel_Page_Indicator_Size);padding:0;width:var(--fdCarousel_Page_Indicator_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{--fdCarousel_Page_Indicator_Size:.5rem;--fdCarousel_Page_Indicator_Margin:0 .25rem;--fdCarousel_Page_Indicator_Border:var(--fdCarousel_Dot_Selected_Border);--fdCarousel_Page_Indicator_Background_Color:var(--fdCarousel_Dot_Selected_Background)}.fd-carousel__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapPageFooter_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-carousel__text:after,.fd-carousel__text:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__button{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:flex;display:var(--fdCarousel_Button_Display);height:2.125rem;justify-content:center;margin:.25rem;max-height:2.125rem;max-width:2.125rem;min-height:2.125rem;min-width:2.125rem;padding:0;width:2.125rem}.fd-carousel .fd-carousel__button:before{inset:-.25rem;width:auto}.fd-carousel .fd-carousel__button[dir=rtl]>[class*=sap-icon],[dir=rtl] .fd-carousel .fd-carousel__button>[class*=sap-icon]{transform:rotate(180deg)}.fd-carousel .fd-carousel__button.is-hover,.fd-carousel .fd-carousel__button:hover{box-shadow:var(--sapContent_Shadow1)}.fd-carousel .fd-carousel__button.is-focus,.fd-carousel .fd-carousel__button:focus{z-index:5}.fd-carousel .fd-carousel__button.is-focus:after,.fd-carousel .fd-carousel__button:focus:after{--fdButton_Focus_Border_Radius:50%}.fd-carousel--no-navigation .fd-carousel__button,.fd-carousel--no-navigation.is-hover .fd-carousel__content .fd-carousel__button,.fd-carousel--no-navigation:hover .fd-carousel__content .fd-carousel__button{--fdCarousel_Button_Display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%;width:100%}\n"] }]
|
|
1131
1131
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: CarouselService }, { type: i0.NgZone }, { type: i2.RtlService, decorators: [{
|
|
1132
1132
|
type: Optional
|
|
1133
1133
|
}] }]; }, propDecorators: { id: [{
|