@fundamental-ngx/core 0.40.0-rc.11 → 0.40.0-rc.13
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/action-bar/action-bar.component.d.ts +2 -1
- package/card/constants.d.ts +0 -1
- package/content-density/classes/content-density-observer.settings.d.ts +4 -0
- package/content-density/content-density.module.d.ts +3 -3
- package/content-density/content-density.types.d.ts +1 -1
- package/content-density/directives/content-density.directive.d.ts +1 -1
- package/content-density/helpers/get-changes-source.provider.d.ts +1 -0
- package/content-density/services/content-density-observer.service.d.ts +33 -43
- package/content-density/tokens/content-density-directive.d.ts +2 -2
- package/esm2020/action-bar/action-bar.component.mjs +5 -4
- package/esm2020/action-sheet/action-sheet-body/action-sheet-body.component.mjs +3 -4
- package/esm2020/action-sheet/action-sheet.component.mjs +2 -2
- package/esm2020/alert/alert.component.mjs +2 -2
- package/esm2020/avatar/avatar.component.mjs +2 -2
- package/esm2020/avatar-group/avatar-group.component.mjs +2 -2
- package/esm2020/bar/bar.component.mjs +3 -9
- package/esm2020/breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2020/busy-indicator/busy-indicator.component.mjs +2 -2
- package/esm2020/button/button.component.mjs +6 -14
- package/esm2020/calendar/calendar.component.mjs +6 -14
- package/esm2020/card/card.component.mjs +4 -16
- package/esm2020/card/constants.mjs +1 -2
- package/esm2020/carousel/carousel.component.mjs +2 -2
- package/esm2020/checkbox/checkbox/checkbox.component.mjs +8 -16
- package/esm2020/combobox/combobox.component.mjs +3 -3
- package/esm2020/content-density/classes/content-density-observer.settings.mjs +1 -1
- package/esm2020/content-density/content-density.module.mjs +4 -5
- package/esm2020/content-density/content-density.types.mjs +1 -1
- package/esm2020/content-density/directives/content-density.directive.mjs +4 -3
- package/esm2020/content-density/helpers/get-changes-source.provider.mjs +6 -2
- package/esm2020/content-density/services/content-density-observer.service.mjs +121 -97
- package/esm2020/content-density/tokens/content-density-directive.mjs +1 -1
- package/esm2020/content-density/variables/default-content-density-consumer-config.mjs +9 -3
- package/esm2020/dialog/dialog-close-button/dialog-close-button.component.mjs +3 -3
- package/esm2020/dialog/dialog.component.mjs +15 -4
- package/esm2020/dynamic-page/dynamic-page.component.mjs +2 -2
- package/esm2020/dynamic-side-content/dynamic-side-content.component.mjs +2 -2
- package/esm2020/facets/facet/facet.component.mjs +2 -2
- package/esm2020/feed-input/directives/feed-input-button.directive.mjs +3 -4
- package/esm2020/feed-input/feed-input.component.mjs +2 -2
- package/esm2020/feed-list-item/components/list/feed-list.component.mjs +2 -2
- package/esm2020/file-uploader/file-uploader.component.mjs +3 -4
- package/esm2020/fixed-card-layout/fixed-card-layout.component.mjs +2 -2
- package/esm2020/flexible-column-layout/flexible-column-layout.component.mjs +2 -2
- package/esm2020/form/fieldset/fieldset.component.mjs +2 -2
- package/esm2020/form/form-control/form-control.component.mjs +2 -2
- package/esm2020/form/form-control/input-form-control.directive.mjs +4 -16
- package/esm2020/form/form-control/textarea-form-control.directive.mjs +4 -16
- package/esm2020/form/form-group/form-group.component.mjs +2 -2
- package/esm2020/form/form-header/form-header.component.mjs +2 -2
- package/esm2020/form/form-item/form-item.component.mjs +2 -2
- package/esm2020/form/form-label/form-label.component.mjs +2 -2
- package/esm2020/form/form-message/form-message.component.mjs +2 -2
- package/esm2020/grid-list/components/grid-list/grid-list.component.mjs +2 -2
- package/esm2020/grid-list/components/grid-list-item/grid-list-item.component.mjs +3 -3
- package/esm2020/icon/icon.component.mjs +2 -2
- package/esm2020/illustrated-message/illustrated-message.component.mjs +2 -2
- package/esm2020/info-label/info-label.component.mjs +2 -2
- package/esm2020/input-group/input-group-directives.mjs +6 -22
- package/esm2020/input-group/input-group.component.mjs +17 -11
- package/esm2020/layout-grid/layout-grid.component.mjs +2 -2
- package/esm2020/layout-panel/layout-panel.component.mjs +2 -2
- package/esm2020/link/link.component.mjs +2 -2
- package/esm2020/list/list-navigation-item/list-navigation-item.component.mjs +2 -2
- package/esm2020/list/list.component.mjs +6 -10
- package/esm2020/menu/menu.component.mjs +3 -4
- package/esm2020/message-box/message-box.component.mjs +2 -2
- package/esm2020/message-page/message-page.component.mjs +2 -2
- package/esm2020/message-strip/message-strip.component.mjs +2 -2
- package/esm2020/message-toast/message-toast.component.mjs +2 -2
- package/esm2020/micro-process-flow/components/micro-process-flow/micro-process-flow.component.mjs +6 -10
- package/esm2020/multi-combobox/multi-combobox.component.mjs +3 -3
- package/esm2020/multi-input/multi-input.component.mjs +3 -3
- package/esm2020/nested-list/nested-list/nested-list.directive.mjs +4 -8
- package/esm2020/notification/notification/notification.component.mjs +2 -2
- package/esm2020/object-identifier/object-identifier.component.mjs +2 -2
- package/esm2020/object-marker/object-marker.component.mjs +2 -2
- package/esm2020/object-number/object-number.component.mjs +2 -2
- package/esm2020/object-status/object-status.component.mjs +2 -2
- package/esm2020/pagination/pagination.component.mjs +3 -3
- package/esm2020/panel/panel.component.mjs +3 -3
- package/esm2020/popover/popover-body/popover-body.component.mjs +3 -3
- package/esm2020/popover/popover.component.mjs +6 -3
- package/esm2020/product-switch/product-switch-body/product-switch-body.component.mjs +2 -2
- package/esm2020/progress-indicator/progress-indicator.component.mjs +2 -2
- package/esm2020/quick-view/quick-view/quick-view.component.mjs +2 -2
- package/esm2020/radio/radio-button/radio-button.component.mjs +3 -3
- package/esm2020/rating-indicator/components/rating-indicator.component.mjs +2 -2
- package/esm2020/resizable-card-layout/resizable-card-layout/resizable-card-item/resizable-card-item.component.mjs +2 -2
- package/esm2020/resizable-card-layout/resizable-card-layout/resizable-card-layout.component.mjs +2 -2
- package/esm2020/segmented-button/segmented-button.component.mjs +2 -2
- package/esm2020/select/select.component.mjs +9 -7
- package/esm2020/shellbar/shellbar.component.mjs +16 -3
- package/esm2020/side-navigation/side-navigation.component.mjs +2 -2
- package/esm2020/skeleton/components/skeleton.component.mjs +2 -2
- package/esm2020/slider/slider.component.mjs +3 -3
- package/esm2020/split-button/split-button.component.mjs +5 -11
- package/esm2020/splitter/splitter.component.mjs +2 -2
- package/esm2020/status-indicator/status-indicator.component.mjs +2 -2
- package/esm2020/step-input/step-input.component.mjs +3 -3
- package/esm2020/switch/switch.component.mjs +3 -3
- package/esm2020/table/table-wrapper.component.mjs +4 -6
- package/esm2020/table/table.component.mjs +3 -7
- package/esm2020/tabs/tab-list.component.mjs +3 -3
- package/esm2020/tabs/tab-nav/tab-nav.component.mjs +4 -4
- package/esm2020/text/text.component.mjs +2 -2
- package/esm2020/tile/tile.component.mjs +2 -2
- package/esm2020/time/time.component.mjs +3 -3
- package/esm2020/title/title.component.mjs +2 -2
- package/esm2020/token/token.component.mjs +3 -3
- package/esm2020/token/tokenizer.component.mjs +16 -8
- package/esm2020/toolbar/toolbar.component.mjs +2 -2
- package/esm2020/tree/tree.component.mjs +2 -2
- package/esm2020/upload-collection/upload-collection.component.mjs +2 -2
- package/esm2020/vertical-navigation/vertical-navigation-main-navigation.component.mjs +2 -2
- package/esm2020/vertical-navigation/vertical-navigation.component.mjs +2 -2
- package/esm2020/wizard/wizard.component.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-action-bar.mjs +4 -3
- package/fesm2015/fundamental-ngx-core-action-bar.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-action-sheet.mjs +4 -4
- package/fesm2015/fundamental-ngx-core-action-sheet.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-alert.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-avatar-group.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-avatar.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-avatar.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-bar.mjs +2 -8
- package/fesm2015/fundamental-ngx-core-bar.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-breadcrumb.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-button.mjs +5 -13
- package/fesm2015/fundamental-ngx-core-button.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-calendar.mjs +5 -13
- package/fesm2015/fundamental-ngx-core-calendar.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-card.mjs +3 -16
- package/fesm2015/fundamental-ngx-core-card.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-carousel.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-checkbox.mjs +7 -15
- package/fesm2015/fundamental-ngx-core-checkbox.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-combobox.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-content-density.mjs +140 -122
- package/fesm2015/fundamental-ngx-core-content-density.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-dialog.mjs +16 -5
- package/fesm2015/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-dynamic-page.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-dynamic-side-content.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-facets.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-feed-input.mjs +4 -5
- package/fesm2015/fundamental-ngx-core-feed-input.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-feed-list-item.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-file-uploader.mjs +2 -3
- package/fesm2015/fundamental-ngx-core-file-uploader.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-fixed-card-layout.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-flexible-column-layout.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-flexible-column-layout.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-form.mjs +19 -43
- package/fesm2015/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-grid-list.mjs +4 -4
- package/fesm2015/fundamental-ngx-core-grid-list.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-icon.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-icon.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-illustrated-message.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-info-label.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-input-group.mjs +19 -31
- package/fesm2015/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-layout-grid.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-layout-panel.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-link.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-list.mjs +7 -11
- package/fesm2015/fundamental-ngx-core-list.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-menu.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-menu.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-message-box.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-message-page.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-message-strip.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-message-toast.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-micro-process-flow.mjs +5 -9
- package/fesm2015/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-multi-combobox.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-multi-input.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-nested-list.mjs +3 -7
- package/fesm2015/fundamental-ngx-core-nested-list.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-notification.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-object-identifier.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-object-marker.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-object-number.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-object-status.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-pagination.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-pagination.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-panel.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-panel.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-popover.mjs +6 -4
- package/fesm2015/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-product-switch.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-product-switch.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-progress-indicator.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-quick-view.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-quick-view.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-radio.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-radio.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-rating-indicator.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/fesm2015/fundamental-ngx-core-segmented-button.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-select.mjs +18 -16
- package/fesm2015/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-shellbar.mjs +16 -4
- package/fesm2015/fundamental-ngx-core-shellbar.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-side-navigation.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-side-navigation.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-skeleton.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-slider.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-split-button.mjs +5 -11
- package/fesm2015/fundamental-ngx-core-split-button.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-splitter.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-status-indicator.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-step-input.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-step-input.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-switch.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-switch.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-table.mjs +5 -10
- package/fesm2015/fundamental-ngx-core-table.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-tabs.mjs +5 -5
- package/fesm2015/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-text.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-tile.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-tile.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-time.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-time.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-title.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-token.mjs +17 -9
- package/fesm2015/fundamental-ngx-core-token.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-toolbar.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-tree.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-tree.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-upload-collection.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-upload-collection.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-vertical-navigation.mjs +4 -4
- package/fesm2015/fundamental-ngx-core-wizard.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-action-bar.mjs +4 -3
- package/fesm2020/fundamental-ngx-core-action-bar.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-action-sheet.mjs +4 -4
- package/fesm2020/fundamental-ngx-core-action-sheet.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-alert.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-avatar-group.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-avatar.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-avatar.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-bar.mjs +2 -8
- package/fesm2020/fundamental-ngx-core-bar.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-breadcrumb.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-button.mjs +5 -13
- package/fesm2020/fundamental-ngx-core-button.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-calendar.mjs +5 -13
- package/fesm2020/fundamental-ngx-core-calendar.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-card.mjs +3 -16
- package/fesm2020/fundamental-ngx-core-card.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-carousel.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-checkbox.mjs +7 -15
- package/fesm2020/fundamental-ngx-core-checkbox.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-combobox.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-content-density.mjs +139 -128
- package/fesm2020/fundamental-ngx-core-content-density.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-dialog.mjs +16 -5
- package/fesm2020/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-dynamic-page.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-dynamic-side-content.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-facets.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-feed-input.mjs +4 -5
- package/fesm2020/fundamental-ngx-core-feed-input.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-feed-list-item.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-file-uploader.mjs +2 -3
- package/fesm2020/fundamental-ngx-core-file-uploader.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-fixed-card-layout.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-flexible-column-layout.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-flexible-column-layout.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-form.mjs +19 -43
- package/fesm2020/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-grid-list.mjs +4 -4
- package/fesm2020/fundamental-ngx-core-grid-list.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-icon.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-icon.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-illustrated-message.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-info-label.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-input-group.mjs +19 -31
- package/fesm2020/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-layout-grid.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-layout-panel.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-link.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-list.mjs +7 -11
- package/fesm2020/fundamental-ngx-core-list.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-menu.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-menu.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-message-box.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-message-page.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-message-strip.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-message-toast.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-micro-process-flow.mjs +5 -9
- package/fesm2020/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-multi-combobox.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-multi-input.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-nested-list.mjs +3 -7
- package/fesm2020/fundamental-ngx-core-nested-list.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-notification.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-object-identifier.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-object-marker.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-object-number.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-object-status.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-pagination.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-pagination.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-panel.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-panel.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-popover.mjs +6 -4
- package/fesm2020/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-product-switch.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-product-switch.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-progress-indicator.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-quick-view.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-quick-view.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-radio.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-radio.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-rating-indicator.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/fesm2020/fundamental-ngx-core-segmented-button.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-select.mjs +18 -16
- package/fesm2020/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-shellbar.mjs +16 -4
- package/fesm2020/fundamental-ngx-core-shellbar.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-side-navigation.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-side-navigation.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-skeleton.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-slider.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-split-button.mjs +5 -11
- package/fesm2020/fundamental-ngx-core-split-button.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-splitter.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-status-indicator.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-step-input.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-step-input.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-switch.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-switch.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-table.mjs +5 -10
- package/fesm2020/fundamental-ngx-core-table.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-tabs.mjs +5 -5
- package/fesm2020/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-text.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-tile.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-tile.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-time.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-time.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-title.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-token.mjs +17 -9
- package/fesm2020/fundamental-ngx-core-token.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-toolbar.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-tree.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-tree.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-upload-collection.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-upload-collection.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-vertical-navigation.mjs +4 -4
- package/fesm2020/fundamental-ngx-core-wizard.mjs +2 -2
- package/fundamental-ngx-core-v0.40.0-rc.13.tgz +0 -0
- package/input-group/input-group.component.d.ts +4 -2
- package/package.json +4 -4
- package/schematics/add-dependencies/index.js +6 -6
- package/select/select.component.d.ts +3 -1
- package/split-button/split-button.component.d.ts +0 -1
- package/table/table.component.d.ts +0 -4
- package/token/tokenizer.component.d.ts +8 -2
- package/content-density/helpers/content-density-change-callback-factory.d.ts +0 -3
- package/esm2020/content-density/helpers/content-density-change-callback-factory.mjs +0 -27
- package/fundamental-ngx-core-v0.40.0-rc.11.tgz +0 -0
|
@@ -4,7 +4,7 @@ import { applyCssClass } from '@fundamental-ngx/cdk/utils';
|
|
|
4
4
|
import { CLASS_NAME } from './constants';
|
|
5
5
|
import { Subscription } from 'rxjs';
|
|
6
6
|
import { getCardModifierClassNameByCardType } from './utils';
|
|
7
|
-
import { ContentDensityObserver, contentDensityObserverProviders
|
|
7
|
+
import { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
import * as i1 from "@fundamental-ngx/core/content-density";
|
|
10
10
|
import * as i2 from "@angular/common";
|
|
@@ -51,13 +51,7 @@ export class CardComponent {
|
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardComponent, deps: [{ token: i0.ElementRef }, { token: i1.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
54
|
-
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: CardComponent, 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: [
|
|
55
|
-
contentDensityObserverProviders({
|
|
56
|
-
modifiers: {
|
|
57
|
-
[ContentDensityMode.COMPACT]: CLASS_NAME.cardCompact
|
|
58
|
-
}
|
|
59
|
-
})
|
|
60
|
-
], 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__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;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-actions-item{-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}.fd-card__footer-actions-item:after,.fd-card__footer-actions-item:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item:not(:last-child){margin-right:var(--fdCard_Footer_Actions_Item_Spacing)}.fd-card__footer-actions-item:not(:last-child)[dir=rtl],[dir=rtl] .fd-card__footer-actions-item:not(:last-child){margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.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__bar-footer{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius)}.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.fd-card--compact .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.27.1\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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
54
|
+
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: CardComponent, 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__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;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-actions-item{-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}.fd-card__footer-actions-item:after,.fd-card__footer-actions-item:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item:not(:last-child){margin-right:var(--fdCard_Footer_Actions_Item_Spacing)}.fd-card__footer-actions-item:not(:last-child)[dir=rtl],[dir=rtl] .fd-card__footer-actions-item:not(:last-child){margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.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__bar-footer{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius)}.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.28.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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
61
55
|
__decorate([
|
|
62
56
|
applyCssClass,
|
|
63
57
|
__metadata("design:type", Function),
|
|
@@ -66,13 +60,7 @@ __decorate([
|
|
|
66
60
|
], CardComponent.prototype, "buildComponentCssClass", null);
|
|
67
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CardComponent, decorators: [{
|
|
68
62
|
type: Component,
|
|
69
|
-
args: [{ selector: 'fd-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
70
|
-
contentDensityObserverProviders({
|
|
71
|
-
modifiers: {
|
|
72
|
-
[ContentDensityMode.COMPACT]: CLASS_NAME.cardCompact
|
|
73
|
-
}
|
|
74
|
-
})
|
|
75
|
-
], 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__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;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-actions-item{-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}.fd-card__footer-actions-item:after,.fd-card__footer-actions-item:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item:not(:last-child){margin-right:var(--fdCard_Footer_Actions_Item_Spacing)}.fd-card__footer-actions-item:not(:last-child)[dir=rtl],[dir=rtl] .fd-card__footer-actions-item:not(:last-child){margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.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__bar-footer{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius)}.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.fd-card--compact .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.27.1\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"] }]
|
|
63
|
+
args: [{ selector: 'fd-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [contentDensityObserverProviders()], 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__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;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-actions-item{-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}.fd-card__footer-actions-item:after,.fd-card__footer-actions-item:before{box-sizing:inherit;font-size:inherit}.fd-card__footer-actions-item:not(:last-child){margin-right:var(--fdCard_Footer_Actions_Item_Spacing)}.fd-card__footer-actions-item:not(:last-child)[dir=rtl],[dir=rtl] .fd-card__footer-actions-item:not(:last-child){margin-left:var(--fdCard_Footer_Actions_Item_Spacing);margin-right:0}.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__bar-footer{border-radius:0 0 var(--fdCard_Border_Radius) var(--fdCard_Border_Radius)}.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.28.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"] }]
|
|
76
64
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ContentDensityObserver }]; }, propDecorators: { badge: [{
|
|
77
65
|
type: Input
|
|
78
66
|
}], isLoading: [{
|
|
@@ -90,4 +78,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
|
|
|
90
78
|
type: HostBinding,
|
|
91
79
|
args: ['attr.role']
|
|
92
80
|
}], buildComponentCssClass: [] } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFJTCxpQkFBaUIsRUFDcEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGFBQWEsRUFBbUIsTUFBTSw0QkFBNEIsQ0FBQztBQUU1RSxPQUFPLEVBQVksVUFBVSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDcEMsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQzdELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSwrQkFBK0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7O0FBRWhILElBQUksTUFBTSxHQUFHLENBQUMsQ0FBQztBQVVmLE1BQU0sT0FBTyxhQUFhO0lBK0J0QixjQUFjO0lBQ2QsWUFBb0IsV0FBb0MsRUFBVSx1QkFBK0M7UUFBN0YsZ0JBQVcsR0FBWCxXQUFXLENBQXlCO1FBQVUsNEJBQXVCLEdBQXZCLHVCQUF1QixDQUF3QjtRQTVCakgsZ0RBQWdEO1FBRWhELGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFbEI7OztXQUdHO1FBRUgsYUFBUSxHQUFhLFVBQVUsQ0FBQztRQUVoQyxzREFBc0Q7UUFHdEQsT0FBRSxHQUFHLGFBQWEsR0FBRyxNQUFNLEVBQUUsQ0FBQztRQUU5QixpQkFBaUI7UUFHakIsU0FBSSxHQUFHLFFBQVEsQ0FBQztRQUtoQixjQUFjO1FBQ04sbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBSXhDLHVCQUF1QixDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxjQUFjO0lBQ2QsV0FBVztRQUNQLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxjQUFjO0lBQ2QsUUFBUTtRQUNKLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxjQUFjO0lBQ2QsV0FBVztRQUNQLElBQUksQ0FBQyxjQUFjLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVELGNBQWM7SUFFZCxzQkFBc0I7UUFDbEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsa0NBQWtDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNyRyxDQUFDO0lBRUQsY0FBYztJQUNkLFVBQVU7UUFDTixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDNUIsQ0FBQzs7MEdBNURRLGFBQWE7OEZBQWIsYUFBYSw4TUFGWCxDQUFDLCtCQUErQixFQUFFLENBQUMsK0NDM0JsRCxvYkFlQTtBRGtFSTtJQUFDLGFBQWE7Ozs7MkRBR2I7MkZBdkRRLGFBQWE7a0JBUnpCLFNBQVM7K0JBQ0ksU0FBUyxpQkFHSixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDLENBQUMsK0JBQStCLEVBQUUsQ0FBQztzSUFJckMsS0FBSztzQkFBYixLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFRTixRQUFRO3NCQURQLEtBQUs7Z0JBTU4sRUFBRTtzQkFGRCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLFNBQVM7Z0JBTXRCLElBQUk7c0JBRkgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxXQUFXO2dCQStCeEIsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgYXBwbHlDc3NDbGFzcywgQ3NzQ2xhc3NCdWlsZGVyIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jZGsvdXRpbHMnO1xuXG5pbXBvcnQgeyBDYXJkVHlwZSwgQ0xBU1NfTkFNRSB9IGZyb20gJy4vY29uc3RhbnRzJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZ2V0Q2FyZE1vZGlmaWVyQ2xhc3NOYW1lQnlDYXJkVHlwZSB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgQ29udGVudERlbnNpdHlPYnNlcnZlciwgY29udGVudERlbnNpdHlPYnNlcnZlclByb3ZpZGVycyB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9jb250ZW50LWRlbnNpdHknO1xuXG5sZXQgY2FyZElkID0gMDtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZC1jYXJkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbY29udGVudERlbnNpdHlPYnNlcnZlclByb3ZpZGVycygpXVxufSlcbmV4cG9ydCBjbGFzcyBDYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkluaXQsIENzc0NsYXNzQnVpbGRlciwgT25EZXN0cm95IHtcbiAgICAvKiogQmFkZ2UgKi9cbiAgICBASW5wdXQoKSBiYWRnZTogc3RyaW5nO1xuXG4gICAgLyoqIEluZGljYXRlcyB3aGVuIGNhcmQgc2hvdWxkIHNob3cgYSBsb2FkZXIgICovXG4gICAgQElucHV0KClcbiAgICBpc0xvYWRpbmcgPSBmYWxzZTtcblxuICAgIC8qKlxuICAgICAqIGNhcmRUeXBlIGNhbiBiZSAnb2JqZWN0JyB8ICdzdGFuZGFyZCcgfCAnY29tcG9uZW50JyB8ICdhbmFseXRpY2FsJyB8ICdsaXN0JyB8ICd0YWJsZScgfCAncXVpY2tWaWV3JyB8ICdsaW5rTGlzdCdcbiAgICAgKiB0byBpbmRpY2F0ZSB3aGF0IGNhcmQncyB0eXBlIGl0IGJlbG9uZ3MgdG9cbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIGNhcmRUeXBlOiBDYXJkVHlwZSA9ICdzdGFuZGFyZCc7XG5cbiAgICAvKiogQ2FyZCBJZCwgaXQgaGFzIHNvbWUgZGVmYXVsdCB2YWx1ZSBpZiBub3Qgc2V0LCAgKi9cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5pZCcpXG4gICAgaWQgPSAnZmQtY2FyZC1pZC0nICsgY2FyZElkKys7XG5cbiAgICAvKiogQ2FyZCByb2xlICAqL1xuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKVxuICAgIHJvbGUgPSAncmVnaW9uJztcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY2xhc3M6IHN0cmluZztcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJpdmF0ZSBfc3Vic2NyaXB0aW9ucyA9IG5ldyBTdWJzY3JpcHRpb24oKTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sIHByaXZhdGUgX2NvbnRlbnREZW5zaXR5T2JzZXJ2ZXI6IENvbnRlbnREZW5zaXR5T2JzZXJ2ZXIpIHtcbiAgICAgICAgX2NvbnRlbnREZW5zaXR5T2JzZXJ2ZXIuc3Vic2NyaWJlKCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5idWlsZENvbXBvbmVudENzc0NsYXNzKCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5idWlsZENvbXBvbmVudENzc0NsYXNzKCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fc3Vic2NyaXB0aW9ucy51bnN1YnNjcmliZSgpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQGFwcGx5Q3NzQ2xhc3NcbiAgICBidWlsZENvbXBvbmVudENzc0NsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICAgICAgcmV0dXJuIFtDTEFTU19OQU1FLmNhcmQsIHRoaXMuY2FyZFR5cGUgPyBnZXRDYXJkTW9kaWZpZXJDbGFzc05hbWVCeUNhcmRUeXBlKHRoaXMuY2FyZFR5cGUpIDogJyddO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgZWxlbWVudFJlZigpOiBFbGVtZW50UmVmPGFueT4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZWxlbWVudFJlZjtcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzTG9hZGluZzsgZWxzZSBsb2FkZXJUbXBsXCI+XG4gICAgPCEtLSBCYWRnZSAtLT5cbiAgICA8ZGl2ICpuZ0lmPVwiYmFkZ2VcIiBjbGFzcz1cImZkLWJhZGdlXCIgdGFiaW5kZXg9XCIwXCI+e3sgYmFkZ2UgfX08L2Rpdj5cblxuICAgIDwhLS0gSGVhZGVyIGFuZCBDb250ZW50IC0tPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cblxuICAgIDwhLS0gRm9vdGVyIC0tPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImZkLWNhcmQtZm9vdGVyXCI+PC9uZy1jb250ZW50PlxuPC9uZy1jb250YWluZXI+XG5cbjwhLS0gTG9hZGVyIC0tPlxuPG5nLXRlbXBsYXRlICNsb2FkZXJUbXBsPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImZkLWNhcmQtbG9hZGVyXCI+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export const CLASS_NAME = {
|
|
2
2
|
card: 'fd-card',
|
|
3
|
-
cardCompact: 'fd-card--compact',
|
|
4
3
|
cardHeader: 'fd-card__header',
|
|
5
4
|
cardHeaderNonInteractive: 'fd-card__header--non-interactive',
|
|
6
5
|
cardTitle: 'fd-card__title',
|
|
@@ -19,4 +18,4 @@ export const CLASS_NAME = {
|
|
|
19
18
|
cardFooter: 'fd-card__footer',
|
|
20
19
|
cardLoader: 'fd-card__loader'
|
|
21
20
|
};
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvY2FyZC9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHO0lBQ3RCLElBQUksRUFBRSxTQUFTO0lBRWYsVUFBVSxFQUFFLGlCQUFpQjtJQUM3Qix3QkFBd0IsRUFBRSxrQ0FBa0M7SUFDNUQsU0FBUyxFQUFFLGdCQUFnQjtJQUMzQixZQUFZLEVBQUUsbUJBQW1CO0lBQ2pDLGtCQUFrQixFQUFFLDBCQUEwQjtJQUU5QyxrQkFBa0IsRUFBRSx5QkFBeUI7SUFDN0MsYUFBYSxFQUFFLG9CQUFvQjtJQUNuQyxpQkFBaUIsRUFBRSx5QkFBeUI7SUFDNUMsb0JBQW9CLEVBQUUsNEJBQTRCO0lBQ2xELHFCQUFxQixFQUFFLHlCQUF5QjtJQUNoRCxzQkFBc0IsRUFBRSxpQ0FBaUM7SUFDekQsc0JBQXNCLEVBQUUsZ0NBQWdDO0lBRXhELFdBQVcsRUFBRSxrQkFBa0I7SUFDL0IsU0FBUyxFQUFFLGdCQUFnQjtJQUMzQixXQUFXLEVBQUUsa0JBQWtCO0lBQy9CLFVBQVUsRUFBRSxpQkFBaUI7SUFDN0IsVUFBVSxFQUFFLGlCQUFpQjtDQUN2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IENMQVNTX05BTUUgPSB7XG4gICAgY2FyZDogJ2ZkLWNhcmQnLFxuXG4gICAgY2FyZEhlYWRlcjogJ2ZkLWNhcmRfX2hlYWRlcicsXG4gICAgY2FyZEhlYWRlck5vbkludGVyYWN0aXZlOiAnZmQtY2FyZF9faGVhZGVyLS1ub24taW50ZXJhY3RpdmUnLFxuICAgIGNhcmRUaXRsZTogJ2ZkLWNhcmRfX3RpdGxlJyxcbiAgICBjYXJkU3VidGl0bGU6ICdmZC1jYXJkX19zdWJ0aXRsZScsXG4gICAgY2FyZFNlY29uZFN1YnRpdGxlOiAnZmQtY2FyZF9fc2Vjb25kLXN1YnRpdGxlJyxcblxuICAgIGNhcmRBbmFseXRpY2FsQXJlYTogJ2ZkLWNhcmRfX2FuYWx5dGljcy1hcmVhJyxcbiAgICBjYXJkQW5hbHl0aWNzOiAnZmQtY2FyZF9fYW5hbHl0aWNzJyxcbiAgICBjYXJkQW5hbHl0aWNzVGV4dDogJ2ZkLWNhcmRfX2FuYWx5dGljcy10ZXh0JyxcbiAgICBjYXJkQW5hbHl0aWNzQ29udGVudDogJ2ZkLWNhcmRfX2FuYWx5dGljcy1jb250ZW50JyxcbiAgICBjYXJkQW5hbHl0aWNzS3BpVmFsdWU6ICdmZC1udW1lcmljLWNvbnRlbnRfX2twaScsXG4gICAgY2FyZEFuYWx5dGljc1NjYWxlSWNvbjogJ2ZkLW51bWVyaWMtY29udGVudF9fc2NhbGUtYXJyb3cnLFxuICAgIGNhcmRBbmFseXRpY3NTY2FsZVRleHQ6ICdmZC1udW1lcmljLWNvbnRlbnRfX3NjYWxlLXRleHQnLFxuXG4gICAgY2FyZENvdW50ZXI6ICdmZC1jYXJkX19jb3VudGVyJyxcbiAgICBjYXJkQmFkZ2U6ICdmZC1jYXJkX19iYWRnZScsXG4gICAgY2FyZENvbnRlbnQ6ICdmZC1jYXJkX19jb250ZW50JyxcbiAgICBjYXJkRm9vdGVyOiAnZmQtY2FyZF9fZm9vdGVyJyxcbiAgICBjYXJkTG9hZGVyOiAnZmQtY2FyZF9fbG9hZGVyJ1xufSBhcyBjb25zdDtcblxuZXhwb3J0IHR5cGUgQ2FyZFR5cGUgPSAnc3RhbmRhcmQnIHwgJ2NvbXBvbmVudCcgfCAnYW5hbHl0aWNhbCcgfCAnbGlzdCcgfCAndGFibGUnIHwgJ29iamVjdCcgfCAncXVpY2tWaWV3JyB8ICdsaW5rTGlzdCc7XG4iXX0=
|
|
@@ -573,12 +573,12 @@ export class CarouselComponent {
|
|
|
573
573
|
}
|
|
574
574
|
}
|
|
575
575
|
CarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.CarouselService }, { token: i0.NgZone }, { token: i2.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
576
|
-
CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: CarouselComponent, selector: "fd-carousel", inputs: { id: "id", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", pageIndicatorsOrientation: "pageIndicatorsOrientation", height: "height", width: "width", loop: "loop", leftNavigationBtnLabel: "leftNavigationBtnLabel", rightNavigationBtnLabel: "rightNavigationBtnLabel", navigation: "navigation", navigatorInPageIndicator: "navigatorInPageIndicator", numericIndicator: "numericIndicator", pageIndicatorContainer: "pageIndicatorContainer", pageIndicator: "pageIndicator", resourceStrings: "resourceStrings", slideTransitionDuration: "slideTransitionDuration", swipeEnabled: "swipeEnabled", vertical: "vertical", visibleSlidesCount: "visibleSlidesCount" }, outputs: { slideChange: "slideChange" }, host: { listeners: { "keydown.arrowright": "onKeydownArrowRight($event)", "keydown.arrowleft": "onKeydownArrowLeft($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 }], 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 [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 class=\"fd-carousel__page-indicator-container\">\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 fd-carousel__button--left\"\n [style.z-index]=\"1\"\n data-slide=\"previous\"\n [attr.aria-label]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n (click)=\"previous(); $event.stopPropagation()\"\n [disabled]=\"leftButtonDisabled\"\n [attr.title]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n glyph=\"slim-arrow-left\"\n ></button>\n</ng-template>\n\n<ng-template #buttonRight>\n <button\n fd-button\n class=\"fd-carousel__button fd-carousel__button--right\"\n [style.z-index]=\"1\"\n data-slide=\"next\"\n [attr.aria-label]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n (click)=\"next(); $event.stopPropagation()\"\n [disabled]=\"rightButtonDisabled\"\n [attr.title]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n glyph=\"slim-arrow-right\"\n ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\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{-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{display:block}.fd-carousel .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 .fd-carousel__content:after,.fd-carousel .fd-carousel__content:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__content .fd-carousel__button{-webkit-box-shadow:var(--sapContent_Shadow1);-webkit-transform:translateY(-50%);box-shadow:var(--sapContent_Shadow1);display:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.fd-carousel .fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel .fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel .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 .fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.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(--sapPageFooter_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-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_Dot_Background);border:0;border:var(--fdCarousel_Dot_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_Dot_Size);line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;margin:var(--fdCarousel_Dot_Margin);padding:0;width:var(--fdCarousel_Dot_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{background-color:var(--fdCarousel_Dot_Selected_Background);border:var(--fdCarousel_Dot_Selected_Border);height:.5rem;margin:0 .25rem;width:.5rem}.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;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--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{display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i5.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
576
|
+
CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: CarouselComponent, selector: "fd-carousel", inputs: { id: "id", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", pageIndicatorsOrientation: "pageIndicatorsOrientation", height: "height", width: "width", loop: "loop", leftNavigationBtnLabel: "leftNavigationBtnLabel", rightNavigationBtnLabel: "rightNavigationBtnLabel", navigation: "navigation", navigatorInPageIndicator: "navigatorInPageIndicator", numericIndicator: "numericIndicator", pageIndicatorContainer: "pageIndicatorContainer", pageIndicator: "pageIndicator", resourceStrings: "resourceStrings", slideTransitionDuration: "slideTransitionDuration", swipeEnabled: "swipeEnabled", vertical: "vertical", visibleSlidesCount: "visibleSlidesCount" }, outputs: { slideChange: "slideChange" }, host: { listeners: { "keydown.arrowright": "onKeydownArrowRight($event)", "keydown.arrowleft": "onKeydownArrowLeft($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 }], 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 [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 class=\"fd-carousel__page-indicator-container\">\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 fd-carousel__button--left\"\n [style.z-index]=\"1\"\n data-slide=\"previous\"\n [attr.aria-label]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n (click)=\"previous(); $event.stopPropagation()\"\n [disabled]=\"leftButtonDisabled\"\n [attr.title]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n glyph=\"slim-arrow-left\"\n ></button>\n</ng-template>\n\n<ng-template #buttonRight>\n <button\n fd-button\n class=\"fd-carousel__button fd-carousel__button--right\"\n [style.z-index]=\"1\"\n data-slide=\"next\"\n [attr.aria-label]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n (click)=\"next(); $event.stopPropagation()\"\n [disabled]=\"rightButtonDisabled\"\n [attr.title]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n glyph=\"slim-arrow-right\"\n ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.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{-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{display:block}.fd-carousel .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 .fd-carousel__content:after,.fd-carousel .fd-carousel__content:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__content .fd-carousel__button{-webkit-box-shadow:var(--sapContent_Shadow1);-webkit-transform:translateY(-50%);box-shadow:var(--sapContent_Shadow1);display:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.fd-carousel .fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel .fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel .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 .fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.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(--sapPageFooter_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-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_Dot_Background);border:0;border:var(--fdCarousel_Dot_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_Dot_Size);line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;margin:var(--fdCarousel_Dot_Margin);padding:0;width:var(--fdCarousel_Dot_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{background-color:var(--fdCarousel_Dot_Selected_Background);border:var(--fdCarousel_Dot_Selected_Border);height:.5rem;margin:0 .25rem;width:.5rem}.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;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--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{display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "pipe", type: i5.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
577
577
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
578
578
|
type: Component,
|
|
579
579
|
args: [{ selector: 'fd-carousel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [CarouselService], host: {
|
|
580
580
|
'[style.width]': 'width'
|
|
581
|
-
}, 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 [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 class=\"fd-carousel__page-indicator-container\">\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 fd-carousel__button--left\"\n [style.z-index]=\"1\"\n data-slide=\"previous\"\n [attr.aria-label]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n (click)=\"previous(); $event.stopPropagation()\"\n [disabled]=\"leftButtonDisabled\"\n [attr.title]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n glyph=\"slim-arrow-left\"\n ></button>\n</ng-template>\n\n<ng-template #buttonRight>\n <button\n fd-button\n class=\"fd-carousel__button fd-carousel__button--right\"\n [style.z-index]=\"1\"\n data-slide=\"next\"\n [attr.aria-label]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n (click)=\"next(); $event.stopPropagation()\"\n [disabled]=\"rightButtonDisabled\"\n [attr.title]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n glyph=\"slim-arrow-right\"\n ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.27.1\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{-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{display:block}.fd-carousel .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 .fd-carousel__content:after,.fd-carousel .fd-carousel__content:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__content .fd-carousel__button{-webkit-box-shadow:var(--sapContent_Shadow1);-webkit-transform:translateY(-50%);box-shadow:var(--sapContent_Shadow1);display:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.fd-carousel .fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel .fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel .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 .fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.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(--sapPageFooter_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-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_Dot_Background);border:0;border:var(--fdCarousel_Dot_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_Dot_Size);line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;margin:var(--fdCarousel_Dot_Margin);padding:0;width:var(--fdCarousel_Dot_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{background-color:var(--fdCarousel_Dot_Selected_Background);border:var(--fdCarousel_Dot_Selected_Border);height:.5rem;margin:0 .25rem;width:.5rem}.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;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--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{display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%}\n"] }]
|
|
581
|
+
}, 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 [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 class=\"fd-carousel__page-indicator-container\">\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 fd-carousel__button--left\"\n [style.z-index]=\"1\"\n data-slide=\"previous\"\n [attr.aria-label]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n (click)=\"previous(); $event.stopPropagation()\"\n [disabled]=\"leftButtonDisabled\"\n [attr.title]=\"leftNavigationBtnLabel || ('coreCarousel.leftNavigationBtnLabel' | fdTranslate)\"\n glyph=\"slim-arrow-left\"\n ></button>\n</ng-template>\n\n<ng-template #buttonRight>\n <button\n fd-button\n class=\"fd-carousel__button fd-carousel__button--right\"\n [style.z-index]=\"1\"\n data-slide=\"next\"\n [attr.aria-label]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n (click)=\"next(); $event.stopPropagation()\"\n [disabled]=\"rightButtonDisabled\"\n [attr.title]=\"rightNavigationBtnLabel || ('coreCarousel.rightNavigationBtnLabel' | fdTranslate)\"\n glyph=\"slim-arrow-right\"\n ></button>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.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{-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{display:block}.fd-carousel .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 .fd-carousel__content:after,.fd-carousel .fd-carousel__content:before{box-sizing:inherit;font-size:inherit}.fd-carousel .fd-carousel__content .fd-carousel__button{-webkit-box-shadow:var(--sapContent_Shadow1);-webkit-transform:translateY(-50%);box-shadow:var(--sapContent_Shadow1);display:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.fd-carousel .fd-carousel__content .fd-carousel__button--left{left:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--left[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--left{left:auto;right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right{right:.5rem}.fd-carousel .fd-carousel__content .fd-carousel__button--right[dir=rtl],[dir=rtl] .fd-carousel .fd-carousel__content .fd-carousel__button--right{left:.5rem;right:auto}.fd-carousel .fd-carousel__content .fd-carousel__item img{height:auto;min-width:100%}.fd-carousel .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 .fd-carousel__content--horizontal .fd-carousel__item img{min-height:100%;min-width:auto;width:auto}.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(--sapPageFooter_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-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_Dot_Background);border:0;border:var(--fdCarousel_Dot_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_Dot_Size);line-height:var(--sapContent_LineHeight);list-style-type:none;margin:0;margin:var(--fdCarousel_Dot_Margin);padding:0;width:var(--fdCarousel_Dot_Size)}.fd-carousel__page-indicator:after,.fd-carousel__page-indicator:before{box-sizing:inherit;font-size:inherit}.fd-carousel__page-indicator--active{background-color:var(--fdCarousel_Dot_Selected_Background);border:var(--fdCarousel_Dot_Selected_Border);height:.5rem;margin:0 .25rem;width:.5rem}.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;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--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{display:none}.fd-carousel__item fd-busy-indicator{display:block;height:100%}\n"] }]
|
|
582
582
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.CarouselService }, { type: i0.NgZone }, { type: i2.RtlService, decorators: [{
|
|
583
583
|
type: Optional
|
|
584
584
|
}] }]; }, propDecorators: { id: [{
|