@fundamental-ngx/core 0.37.0-rc.8 → 0.37.0
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/carousel/carousel-item/carousel-item.component.d.ts +2 -3
- package/carousel/carousel.component.d.ts +4 -3
- package/dynamic-page/dynamic-page-header/subheader/dynamic-page-subheader.component.d.ts +4 -0
- package/esm2020/action-bar/action-bar.component.mjs +2 -2
- package/esm2020/action-sheet/action-sheet.component.mjs +3 -3
- 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 +2 -2
- package/esm2020/breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2020/busy-indicator/busy-indicator.component.mjs +2 -2
- package/esm2020/button/base-button.mjs +9 -3
- package/esm2020/button/button.component.mjs +2 -2
- package/esm2020/calendar/calendar.component.mjs +2 -2
- package/esm2020/card/card.component.mjs +2 -2
- package/esm2020/carousel/carousel-item/carousel-item.component.mjs +5 -7
- package/esm2020/carousel/carousel.component.mjs +31 -27
- package/esm2020/checkbox/checkbox/checkbox.component.mjs +2 -2
- package/esm2020/combobox/combobox.component.mjs +1 -1
- package/esm2020/date-picker/date-picker.component.mjs +1 -1
- package/esm2020/datetime-picker/datetime-picker.component.mjs +1 -1
- package/esm2020/dialog/dialog.component.mjs +2 -2
- package/esm2020/dynamic-page/dynamic-page-header/subheader/dynamic-page-subheader.component.mjs +7 -3
- 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/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 +8 -12
- 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-group/form-group.component.mjs +2 -2
- package/esm2020/form/form-header/form-header.component.mjs +2 -2
- package/esm2020/form/form-input-message-group/form-input-message-group.component.mjs +3 -3
- 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/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/inline-help/inline-help.directive.mjs +3 -3
- package/esm2020/input-group/input-group.component.mjs +2 -2
- 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.component.mjs +2 -2
- package/esm2020/menu/menu.component.mjs +18 -3
- 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/multi-input/multi-input.component.mjs +1 -1
- package/esm2020/nested-list/nested-list-popover/nested-list-popover.component.mjs +1 -1
- 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/overflow-layout/overflow-layout.component.mjs +1 -1
- package/esm2020/pagination/pagination.component.mjs +2 -2
- package/esm2020/panel/panel.component.mjs +2 -2
- package/esm2020/popover/base/base-popover.class.mjs +10 -2
- package/esm2020/popover/popover-body/popover-body.component.mjs +36 -35
- package/esm2020/popover/popover-service/popover.service.mjs +3 -1
- package/esm2020/product-switch/product-switch/product-switch.component.mjs +1 -1
- 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 +2 -2
- 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/scrollbar/scrollbar.component.mjs +2 -2
- package/esm2020/segmented-button/segmented-button.component.mjs +2 -2
- package/esm2020/select/option/option.component.mjs +3 -3
- package/esm2020/select/select.component.mjs +26 -4
- package/esm2020/shared/interfaces/popover-position.mjs +1 -28
- package/esm2020/shellbar/product-menu/product-menu.component.mjs +1 -1
- package/esm2020/shellbar/shellbar.component.mjs +2 -2
- package/esm2020/shellbar/user-menu/shellbar-user-menu.component.mjs +1 -1
- package/esm2020/side-navigation/side-navigation.component.mjs +2 -2
- package/esm2020/slider/slider.component.mjs +2 -2
- package/esm2020/split-button/split-button.component.mjs +2 -2
- 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 +2 -2
- package/esm2020/switch/switch.component.mjs +2 -2
- package/esm2020/table/table-wrapper.component.mjs +2 -2
- package/esm2020/table/table.component.mjs +2 -2
- package/esm2020/tabs/tab-list.component.mjs +2 -2
- package/esm2020/tabs/tab-nav/tab-nav.component.mjs +2 -2
- package/esm2020/text/text.component.mjs +2 -2
- package/esm2020/tile/tile.component.mjs +2 -2
- package/esm2020/time/time.component.mjs +2 -2
- package/esm2020/time-picker/time-picker.component.mjs +1 -1
- package/esm2020/title/title.component.mjs +2 -2
- package/esm2020/token/token.component.mjs +2 -2
- package/esm2020/token/tokenizer.component.mjs +2 -2
- package/esm2020/toolbar/toolbar.component.mjs +2 -2
- package/esm2020/tree/tree-child.component.mjs +2 -2
- package/esm2020/tree/tree.component.mjs +2 -2
- package/esm2020/upload-collection/upload-collection.component.mjs +2 -2
- package/esm2020/utils/interfaces/module-deprecation.interface.mjs +1 -1
- 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 +2 -2
- package/fesm2015/fundamental-ngx-core-action-sheet.mjs +2 -2
- 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.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-bar.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-breadcrumb.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-button.mjs +10 -4
- package/fesm2015/fundamental-ngx-core-button.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-calendar.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-card.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-carousel.mjs +32 -30
- package/fesm2015/fundamental-ngx-core-carousel.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-checkbox.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-combobox.mjs +1 -1
- package/fesm2015/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-date-picker.mjs +1 -1
- package/fesm2015/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-datetime-picker.mjs +1 -1
- package/fesm2015/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-dialog.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-dynamic-page.mjs +8 -4
- package/fesm2015/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
- 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 +2 -2
- 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 +6 -10
- 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-form.mjs +16 -16
- package/fesm2015/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-grid-list.mjs +2 -2
- 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-info-label.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-inline-help.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-inline-help.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-input-group.mjs +2 -2
- 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-link.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-list.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-list.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-menu.mjs +17 -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-multi-input.mjs +1 -1
- package/fesm2015/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-nested-list.mjs +1 -1
- 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-marker.mjs.map +1 -1
- 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-object-status.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-overflow-layout.mjs +1 -1
- package/fesm2015/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-pagination.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-panel.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-popover.mjs +47 -35
- package/fesm2015/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-product-switch.mjs +3 -3
- 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-progress-indicator.mjs.map +1 -1
- 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-rating-indicator.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/fesm2015/fundamental-ngx-core-scrollbar.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-segmented-button.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-select.mjs +37 -15
- package/fesm2015/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-shared.mjs +1 -28
- package/fesm2015/fundamental-ngx-core-shared.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-shellbar.mjs +4 -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-slider.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-split-button.mjs +2 -2
- 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-status-indicator.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-step-input.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-switch.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-table.mjs +4 -4
- package/fesm2015/fundamental-ngx-core-tabs.mjs +4 -4
- 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-time-picker.mjs +1 -1
- package/fesm2015/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-time.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-title.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-token.mjs +4 -4
- package/fesm2015/fundamental-ngx-core-token.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-toolbar.mjs +2 -2
- package/fesm2015/fundamental-ngx-core-toolbar.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-tree.mjs +3 -3
- 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-vertical-navigation.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-wizard.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-action-bar.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-action-sheet.mjs +2 -2
- 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.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-bar.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-breadcrumb.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-button.mjs +10 -4
- package/fesm2020/fundamental-ngx-core-button.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-calendar.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-card.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-carousel.mjs +32 -30
- package/fesm2020/fundamental-ngx-core-carousel.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-checkbox.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-combobox.mjs +1 -1
- package/fesm2020/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-date-picker.mjs +1 -1
- package/fesm2020/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-datetime-picker.mjs +1 -1
- package/fesm2020/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-dialog.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-dynamic-page.mjs +8 -4
- package/fesm2020/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
- 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 +2 -2
- 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 +6 -10
- 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-form.mjs +16 -16
- package/fesm2020/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-grid-list.mjs +2 -2
- 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-info-label.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-inline-help.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-inline-help.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-input-group.mjs +2 -2
- 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-link.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-list.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-list.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-menu.mjs +17 -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-multi-input.mjs +1 -1
- package/fesm2020/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-nested-list.mjs +1 -1
- 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-marker.mjs.map +1 -1
- 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-object-status.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-overflow-layout.mjs +1 -1
- package/fesm2020/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-pagination.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-panel.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-popover.mjs +47 -35
- package/fesm2020/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-product-switch.mjs +3 -3
- 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-progress-indicator.mjs.map +1 -1
- 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-rating-indicator.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/fesm2020/fundamental-ngx-core-scrollbar.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-segmented-button.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-select.mjs +37 -15
- package/fesm2020/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-shared.mjs +1 -28
- package/fesm2020/fundamental-ngx-core-shared.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-shellbar.mjs +4 -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-slider.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-split-button.mjs +2 -2
- 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-status-indicator.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-step-input.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-switch.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-table.mjs +4 -4
- package/fesm2020/fundamental-ngx-core-tabs.mjs +4 -4
- 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-time-picker.mjs +1 -1
- package/fesm2020/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-time.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-title.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-token.mjs +4 -4
- package/fesm2020/fundamental-ngx-core-token.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-toolbar.mjs +2 -2
- package/fesm2020/fundamental-ngx-core-toolbar.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-tree.mjs +3 -3
- 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-vertical-navigation.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-wizard.mjs +2 -2
- package/file-uploader/file-uploader.component.d.ts +0 -2
- package/fundamental-ngx-core-v0.37.0.tgz +0 -0
- package/menu/menu.component.d.ts +8 -1
- package/package.json +4 -4
- package/popover/base/base-popover.class.d.ts +5 -1
- package/popover/popover-body/popover-body.component.d.ts +7 -10
- package/schematics/ng-add/index.js +4 -4
- package/select/option/option.component.d.ts +1 -1
- package/select/select.component.d.ts +10 -1
- package/shared/interfaces/popover-position.d.ts +0 -8
- package/utils/interfaces/module-deprecation.interface.d.ts +1 -0
- package/fundamental-ngx-core-v0.37.0-rc.8.tgz +0 -0
|
@@ -139,7 +139,7 @@ export class MessageToastComponent {
|
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
141
|
MessageToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MessageToastComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ComponentFactoryResolver }, { token: i0.NgZone }, { token: i1.MessageToastConfig, optional: true }, { token: i2.MessageToastRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
142
|
-
MessageToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MessageToastComponent, selector: "fd-message-toast", inputs: { id: "id", duration: "duration", mousePersist: "mousePersist", ariaLabel: "ariaLabel", message: "message", width: "width", minWidth: "minWidth", maxWidth: "maxWidth" }, outputs: { onHide: "onHide" }, host: { listeners: { "mouseenter": "handleMessageToastMouseEnterEvent()", "mouseleave": "handleMessageToastMouseLeaveEvent()" }, properties: { "attr.aria-label": "ariaLabel", "attr.aria-live": "\"polite\"", "attr.id": "id", "style.width": "width", "style.min-width": "minWidth", "style.max-width": "maxWidth", "class.fd-message-toast": "this.messageToastClass" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `<ng-container #container>{{ message }}</ng-container>`, isInline: true, styles: ["/*!\n * Fundamental Library Styles v0.
|
|
142
|
+
MessageToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MessageToastComponent, selector: "fd-message-toast", inputs: { id: "id", duration: "duration", mousePersist: "mousePersist", ariaLabel: "ariaLabel", message: "message", width: "width", minWidth: "minWidth", maxWidth: "maxWidth" }, outputs: { onHide: "onHide" }, host: { listeners: { "mouseenter": "handleMessageToastMouseEnterEvent()", "mouseleave": "handleMessageToastMouseLeaveEvent()" }, properties: { "attr.aria-label": "ariaLabel", "attr.aria-live": "\"polite\"", "attr.id": "id", "style.width": "width", "style.min-width": "minWidth", "style.max-width": "maxWidth", "class.fd-message-toast": "this.messageToastClass" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `<ng-container #container>{{ message }}</ng-container>`, isInline: true, styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 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-message-toast{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);background-color:var(--sapList_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:15rem;padding:1rem;text-align:center;width:auto}.fd-message-toast:after,.fd-message-toast:before{box-sizing:inherit;font-size:inherit}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-message-toast,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
143
143
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MessageToastComponent, decorators: [{
|
|
144
144
|
type: Component,
|
|
145
145
|
args: [{ selector: 'fd-message-toast', template: `<ng-container #container>{{ message }}</ng-container>`, host: {
|
|
@@ -149,7 +149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
149
149
|
'[style.width]': 'width',
|
|
150
150
|
'[style.min-width]': 'minWidth',
|
|
151
151
|
'[style.max-width]': 'maxWidth'
|
|
152
|
-
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["/*!\n * Fundamental Library Styles v0.
|
|
152
|
+
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 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-message-toast{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);background-color:var(--sapList_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:15rem;padding:1rem;text-align:center;width:auto}.fd-message-toast:after,.fd-message-toast:before{box-sizing:inherit;font-size:inherit}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-message-toast,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"] }]
|
|
153
153
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }, { type: i0.NgZone }, { type: i1.MessageToastConfig, decorators: [{
|
|
154
154
|
type: Optional
|
|
155
155
|
}] }, { type: i2.MessageToastRef, decorators: [{
|
|
@@ -571,7 +571,7 @@ MultiInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
571
571
|
MenuKeyboardService,
|
|
572
572
|
registerFormItemControl(MultiInputComponent),
|
|
573
573
|
contentDensityObserverProviders()
|
|
574
|
-
], viewQueries: [{ propertyName: "popoverRef", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["control"], descendants: true, read: TemplateRef }, { propertyName: "listTemplate", first: true, predicate: ["list"], descendants: true, read: TemplateRef }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true, read: ElementRef }, { propertyName: "tokenizer", first: true, predicate: TokenizerComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"_viewModel$ | async as viewModel\">\n <div class=\"fd-multi-input fd-multi-input-custom\">\n <div class=\"fd-multi-input-field\">\n <ng-container [ngTemplateOutlet]=\"control\" *ngIf=\"mobile\"></ng-container>\n\n <fd-popover\n additionalBodyClass=\"fd-popover-custom-list\"\n *ngIf=\"!mobile\"\n [isOpen]=\"open\"\n (isOpenChange)=\"openChangeHandle($event)\"\n (input)=\"!open && openChangeHandle(true)\"\n [triggers]=\"[]\"\n [maxWidth]=\"bodyMaxWidth\"\n [focusTrapped]=\"true\"\n [disabled]=\"disabled\"\n [fillControlMode]=\"fillControlMode\"\n class=\"fd-multi-input-popover-custom\"\n >\n <fd-popover-control>\n <form (submit)=\"_onSubmit()\">\n <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n </form>\n </fd-popover-control>\n\n <fd-popover-body\n [attr.aria-hidden]=\"!open\"\n [class.fd-popover__body--hidden]=\"!viewModel.displayedOptions.length\"\n >\n <ng-container *ngTemplateOutlet=\"list\"></ng-container>\n\n <ng-content></ng-content>\n </fd-popover-body>\n </fd-popover>\n </div>\n </div>\n\n <ng-template #control>\n <fd-input-group\n class=\"fd-multi-input-input-group-custom\"\n [state]=\"state\"\n [buttonFocusable]=\"buttonFocusable\"\n [button]=\"displayAddonButton\"\n [disabled]=\"disabled\"\n [isExpanded]=\"open && !mobile && viewModel.displayedOptions.length > 0\"\n [isControl]=\"true\"\n [glyph]=\"displayAddonButton ? glyph : ''\"\n [iconTitle]=\"title\"\n (addOnButtonClicked)=\"_addOnButtonClicked()\"\n >\n <fd-tokenizer\n [compactCollapse]=\"compactCollapse\"\n [open]=\"open\"\n [tokenizerFocusable]=\"false\"\n (moreClickedEvent)=\"_moreClicked()\"\n class=\"fd-multi-input-tokenizer-custom\"\n [class.fd-multi-input-tokenizer-custom--compact]=\"_contentDensityObserver.isCompact$ | async\"\n tabindex=\"-1\"\n >\n <fd-token\n *ngFor=\"let option of viewModel.selectedOptions; trackBy: valueFn\"\n [disabled]=\"disabled\"\n (onCloseClick)=\"_onTokenClick(option.value, false, $event)\"\n (onRemove)=\"_onTokenClick(option.value, false)\"\n >\n <span [innerHtml]=\"option.label\"></span>\n </fd-token>\n\n <input\n type=\"text\"\n class=\"fd-input fd-tokenizer__input fd-multi-input-tokenizer-input\"\n autocomplete=\"off\"\n fd-form-control\n fd-input-group-input\n fd-auto-complete\n (onComplete)=\"_handleComplete($event)\"\n #searchInputElement\n [displayFn]=\"displayFn\"\n [inputText]=\"_searchTermCtrl.value || ''\"\n [options]=\"dropdownValues\"\n [enable]=\"autoComplete && !mobile\"\n [placeholder]=\"placeholder\"\n [formControl]=\"_searchTermCtrl\"\n [attr.aria-required]=\"required\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n (keydown)=\"_handleInputKeydown($event)\"\n [attr.id]=\"inputId\"\n />\n </fd-tokenizer>\n </fd-input-group>\n </ng-template>\n\n <ng-template #list>\n <ul\n *ngIf=\"viewModel.displayedOptions.length\"\n fd-list\n class=\"fd-multi-input-menu-overflow\"\n [selection]=\"true\"\n [mobileMode]=\"mobile\"\n [style.maxHeight]=\"!mobile ? maxHeight : 'auto'\"\n (focusEscapeList)=\"handleListFocusEscape($event)\"\n [style.minWidth]=\"'100%'\"\n >\n <li\n *ngFor=\"let option of viewModel.displayedOptions; index as idx; trackBy: valueFn\"\n fd-list-item\n [attr.aria-label]=\"option.label\"\n (click)=\"_onCheckboxClick(option.value, $event, idx, true)\"\n (keyup)=\"_onCheckboxKeyup(option.value, $event, idx)\"\n [selected]=\"option.isSelected\"\n >\n <fd-checkbox (click)=\"_onCheckboxClick(option.value, $event, idx)\" [value]=\"option.isSelected\">\n <!-- TODO -->\n </fd-checkbox>\n\n <ng-container\n [ngTemplateOutlet]=\"itemSource\"\n [ngTemplateOutletContext]=\"{ option: option }\"\n ></ng-container>\n </li>\n\n <li\n *ngIf=\"showAllButton && viewModel.displayedOptions.length < dropdownValues.length\"\n fd-list-item\n class=\"fd-multi-input-show-all\"\n (keyDown)=\"_showAllKeyDown($event)\"\n (click)=\"_showAllClicked($event)\"\n >\n <a fd-link tabindex=\"0\">Show All ({{ dropdownValues.length }})</a>\n </li>\n </ul>\n </ng-template>\n\n <ng-template let-option=\"option\" #itemSource>\n <span\n *ngIf=\"!itemTemplate\"\n fd-list-title\n [innerHtml]=\"option.label | highlight: _searchTermCtrl.value || '':highlight\"\n ></span>\n\n <ng-container *ngIf=\"itemTemplate\">\n <ng-container\n [ngTemplateOutlet]=\"itemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: option.item }\"\n ></ng-container>\n </ng-container>\n </ng-template>\n</ng-container>\n", styles: [".fd-multi-input-tokenizer-custom{width:calc(100% - 2.25rem)}.fd-multi-input-tokenizer-custom--compact{width:calc(100% - 2rem)}.fd-multi-input-input-group-custom{max-width:100%}.fd-multi-input-custom{display:block}.fd-multi-input-item{cursor:pointer;padding:0}.fd-multi-input-popover-size{overflow:auto;display:block}.fd-multi-input-popover-custom.fd-popover-custom{max-width:100%;display:block}.fd-multi-input-menu-overflow{max-width:37.5rem;overflow:auto}.fd-input.fd-multi-input-tokenizer-input{margin-top:0;margin-bottom:0;padding-left:0;background-color:transparent}.fd-multi-input-show-all{width:100%;display:flex;justify-content:flex-end;background-color:transparent}.fd-multi-input-show-all .fd-link:active{color:inherit}.fd-multi-input-checkbox{width:100%;cursor:pointer}.fd-multi-input-checkbox .fd-checkbox__label{color:inherit}.fd-list--multi-input{max-width:100%}.fd-popover__body--hidden{display:none}\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.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: i4.TokenizerComponent, selector: "fd-tokenizer", inputs: ["class", "disableKeyboardDeletion", "compactCollapse", "tokenizerFocusable", "inputValue", "glyph", "moreTerm", "open"], outputs: ["moreClickedEvent"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i7.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["disableScrollbar"] }, { kind: "component", type: i7.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i8.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i8.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "component", type: i9.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i9.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i10.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i11.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "directive", type: i2.AutoCompleteDirective, selector: "[fd-auto-complete]", inputs: ["options", "inputText", "enable", "displayFn"], outputs: ["onComplete"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SearchHighlightPipe, name: "highlight" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
574
|
+
], viewQueries: [{ propertyName: "popoverRef", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["control"], descendants: true, read: TemplateRef }, { propertyName: "listTemplate", first: true, predicate: ["list"], descendants: true, read: TemplateRef }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true, read: ElementRef }, { propertyName: "tokenizer", first: true, predicate: TokenizerComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"_viewModel$ | async as viewModel\">\n <div class=\"fd-multi-input fd-multi-input-custom\">\n <div class=\"fd-multi-input-field\">\n <ng-container [ngTemplateOutlet]=\"control\" *ngIf=\"mobile\"></ng-container>\n\n <fd-popover\n additionalBodyClass=\"fd-popover-custom-list\"\n *ngIf=\"!mobile\"\n [isOpen]=\"open\"\n (isOpenChange)=\"openChangeHandle($event)\"\n (input)=\"!open && openChangeHandle(true)\"\n [triggers]=\"[]\"\n [maxWidth]=\"bodyMaxWidth\"\n [focusTrapped]=\"true\"\n [disabled]=\"disabled\"\n [fillControlMode]=\"fillControlMode\"\n class=\"fd-multi-input-popover-custom\"\n >\n <fd-popover-control>\n <form (submit)=\"_onSubmit()\">\n <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n </form>\n </fd-popover-control>\n\n <fd-popover-body\n [attr.aria-hidden]=\"!open\"\n [class.fd-popover__body--hidden]=\"!viewModel.displayedOptions.length\"\n >\n <ng-container *ngTemplateOutlet=\"list\"></ng-container>\n\n <ng-content></ng-content>\n </fd-popover-body>\n </fd-popover>\n </div>\n </div>\n\n <ng-template #control>\n <fd-input-group\n class=\"fd-multi-input-input-group-custom\"\n [state]=\"state\"\n [buttonFocusable]=\"buttonFocusable\"\n [button]=\"displayAddonButton\"\n [disabled]=\"disabled\"\n [isExpanded]=\"open && !mobile && viewModel.displayedOptions.length > 0\"\n [isControl]=\"true\"\n [glyph]=\"displayAddonButton ? glyph : ''\"\n [iconTitle]=\"title\"\n (addOnButtonClicked)=\"_addOnButtonClicked()\"\n >\n <fd-tokenizer\n [compactCollapse]=\"compactCollapse\"\n [open]=\"open\"\n [tokenizerFocusable]=\"false\"\n (moreClickedEvent)=\"_moreClicked()\"\n class=\"fd-multi-input-tokenizer-custom\"\n [class.fd-multi-input-tokenizer-custom--compact]=\"_contentDensityObserver.isCompact$ | async\"\n tabindex=\"-1\"\n >\n <fd-token\n *ngFor=\"let option of viewModel.selectedOptions; trackBy: valueFn\"\n [disabled]=\"disabled\"\n (onCloseClick)=\"_onTokenClick(option.value, false, $event)\"\n (onRemove)=\"_onTokenClick(option.value, false)\"\n >\n <span [innerHtml]=\"option.label\"></span>\n </fd-token>\n\n <input\n type=\"text\"\n class=\"fd-input fd-tokenizer__input fd-multi-input-tokenizer-input\"\n autocomplete=\"off\"\n fd-form-control\n fd-input-group-input\n fd-auto-complete\n (onComplete)=\"_handleComplete($event)\"\n #searchInputElement\n [displayFn]=\"displayFn\"\n [inputText]=\"_searchTermCtrl.value || ''\"\n [options]=\"dropdownValues\"\n [enable]=\"autoComplete && !mobile\"\n [placeholder]=\"placeholder\"\n [formControl]=\"_searchTermCtrl\"\n [attr.aria-required]=\"required\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n (keydown)=\"_handleInputKeydown($event)\"\n [attr.id]=\"inputId\"\n />\n </fd-tokenizer>\n </fd-input-group>\n </ng-template>\n\n <ng-template #list>\n <ul\n *ngIf=\"viewModel.displayedOptions.length\"\n fd-list\n class=\"fd-multi-input-menu-overflow\"\n [selection]=\"true\"\n [mobileMode]=\"mobile\"\n [style.maxHeight]=\"!mobile ? maxHeight : 'auto'\"\n (focusEscapeList)=\"handleListFocusEscape($event)\"\n [style.minWidth]=\"'100%'\"\n >\n <li\n *ngFor=\"let option of viewModel.displayedOptions; index as idx; trackBy: valueFn\"\n fd-list-item\n [attr.aria-label]=\"option.label\"\n (click)=\"_onCheckboxClick(option.value, $event, idx, true)\"\n (keyup)=\"_onCheckboxKeyup(option.value, $event, idx)\"\n [selected]=\"option.isSelected\"\n >\n <fd-checkbox (click)=\"_onCheckboxClick(option.value, $event, idx)\" [value]=\"option.isSelected\">\n <!-- TODO -->\n </fd-checkbox>\n\n <ng-container\n [ngTemplateOutlet]=\"itemSource\"\n [ngTemplateOutletContext]=\"{ option: option }\"\n ></ng-container>\n </li>\n\n <li\n *ngIf=\"showAllButton && viewModel.displayedOptions.length < dropdownValues.length\"\n fd-list-item\n class=\"fd-multi-input-show-all\"\n (keyDown)=\"_showAllKeyDown($event)\"\n (click)=\"_showAllClicked($event)\"\n >\n <a fd-link tabindex=\"0\">Show All ({{ dropdownValues.length }})</a>\n </li>\n </ul>\n </ng-template>\n\n <ng-template let-option=\"option\" #itemSource>\n <span\n *ngIf=\"!itemTemplate\"\n fd-list-title\n [innerHtml]=\"option.label | highlight: _searchTermCtrl.value || '':highlight\"\n ></span>\n\n <ng-container *ngIf=\"itemTemplate\">\n <ng-container\n [ngTemplateOutlet]=\"itemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: option.item }\"\n ></ng-container>\n </ng-container>\n </ng-template>\n</ng-container>\n", styles: [".fd-multi-input-tokenizer-custom{width:calc(100% - 2.25rem)}.fd-multi-input-tokenizer-custom--compact{width:calc(100% - 2rem)}.fd-multi-input-input-group-custom{max-width:100%}.fd-multi-input-custom{display:block}.fd-multi-input-item{cursor:pointer;padding:0}.fd-multi-input-popover-size{overflow:auto;display:block}.fd-multi-input-popover-custom.fd-popover-custom{max-width:100%;display:block}.fd-multi-input-menu-overflow{max-width:37.5rem;overflow:auto}.fd-input.fd-multi-input-tokenizer-input{margin-top:0;margin-bottom:0;padding-left:0;background-color:transparent}.fd-multi-input-show-all{width:100%;display:flex;justify-content:flex-end;background-color:transparent}.fd-multi-input-show-all .fd-link:active{color:inherit}.fd-multi-input-checkbox{width:100%;cursor:pointer}.fd-multi-input-checkbox .fd-checkbox__label{color:inherit}.fd-list--multi-input{max-width:100%}.fd-popover__body--hidden{display:none}\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.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: i4.TokenizerComponent, selector: "fd-tokenizer", inputs: ["class", "disableKeyboardDeletion", "compactCollapse", "tokenizerFocusable", "inputValue", "glyph", "moreTerm", "open"], outputs: ["moreClickedEvent"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i7.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i7.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i8.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i8.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "component", type: i9.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i9.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i10.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i11.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "directive", type: i2.AutoCompleteDirective, selector: "[fd-auto-complete]", inputs: ["options", "inputText", "enable", "displayFn"], outputs: ["onComplete"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SearchHighlightPipe, name: "highlight" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
575
575
|
__decorate([
|
|
576
576
|
applyCssClass,
|
|
577
577
|
__metadata("design:type", Function),
|
|
@@ -81,7 +81,7 @@ export class NestedListPopoverComponent {
|
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
NestedListPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NestedListPopoverComponent, deps: [{ token: i1.NestedListKeyboardService }, { token: i2.NestedItemService, optional: true }, { token: i3.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
84
|
-
NestedListPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NestedListPopoverComponent, selector: "fd-nested-list-popover", inputs: { title: "title" }, host: { properties: { "class.fd-nested-list__popover": "this.popoverClass" } }, queries: [{ propertyName: "linkDirective", first: true, predicate: NestedLinkDirective, descendants: true }, { propertyName: "contentDirective", first: true, predicate: NestedListContentDirective, descendants: true }], viewQueries: [{ propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n [placement]=\"placement$ | async\"\n [triggers]=\"['click']\"\n [noArrow]=\"false\"\n [isOpen]=\"open\"\n (isOpenChange)=\"handleOpenChange($event)\"\n>\n <fd-popover-control>\n <ng-content select=\"[fd-nested-list-link]\"></ng-content>\n <ng-content select=\"[fd-nested-list-content]\"></ng-content>\n </fd-popover-control>\n <fd-popover-body class=\"fd-nested-list--text-only\">\n <a fd-nested-list-link class=\"fd-nested-list__popover-header\">\n <span fd-nested-list-title>{{ title }}</span>\n </a>\n <ng-content select=\"[fd-nested-list]\"></ng-content>\n <ng-content select=\"fd-prepared-nested-list\"></ng-content>\n </fd-popover-body>\n</fd-popover>\n", styles: [".fd-side-nav--condensed .fd-popover-container-custom .fd-nested-list__title{display:inline-flex}.fd-side-nav--condensed .fd-nested-list__popover-header{box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9}.fd-side-nav--condensed .fd-popover-custom{display:block}[dir=rtl] .fd-side-nav--condensed .fd-popover-container-custom .fd-nested-list__link,.fd-side-nav--condensed[dir=rtl] .fd-popover-container-custom .fd-nested-list__link{padding-left:1rem}\n"], dependencies: [{ kind: "component", type: i4.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i4.PopoverBodyComponent, selector: "fd-popover-body"
|
|
84
|
+
NestedListPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NestedListPopoverComponent, selector: "fd-nested-list-popover", inputs: { title: "title" }, host: { properties: { "class.fd-nested-list__popover": "this.popoverClass" } }, queries: [{ propertyName: "linkDirective", first: true, predicate: NestedLinkDirective, descendants: true }, { propertyName: "contentDirective", first: true, predicate: NestedListContentDirective, descendants: true }], viewQueries: [{ propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n [placement]=\"placement$ | async\"\n [triggers]=\"['click']\"\n [noArrow]=\"false\"\n [isOpen]=\"open\"\n (isOpenChange)=\"handleOpenChange($event)\"\n>\n <fd-popover-control>\n <ng-content select=\"[fd-nested-list-link]\"></ng-content>\n <ng-content select=\"[fd-nested-list-content]\"></ng-content>\n </fd-popover-control>\n <fd-popover-body class=\"fd-nested-list--text-only\">\n <a fd-nested-list-link class=\"fd-nested-list__popover-header\">\n <span fd-nested-list-title>{{ title }}</span>\n </a>\n <ng-content select=\"[fd-nested-list]\"></ng-content>\n <ng-content select=\"fd-prepared-nested-list\"></ng-content>\n </fd-popover-body>\n</fd-popover>\n", styles: [".fd-side-nav--condensed .fd-popover-container-custom .fd-nested-list__title{display:inline-flex}.fd-side-nav--condensed .fd-nested-list__popover-header{box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9}.fd-side-nav--condensed .fd-popover-custom{display:block}[dir=rtl] .fd-side-nav--condensed .fd-popover-container-custom .fd-nested-list__link,.fd-side-nav--condensed[dir=rtl] .fd-popover-container-custom .fd-nested-list__link{padding-left:1rem}\n"], dependencies: [{ kind: "component", type: i4.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i4.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i4.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: i5.NestedLinkDirective, selector: "[fdNestedLink], [fd-nested-list-link]", inputs: ["onClickCallback", "selected", "ariaDescribedby"], outputs: ["selectedChange"] }, { kind: "directive", type: i6.NestedListTitleDirective, selector: "[fdNestedDirectivesTitle], [fd-nested-list-title]" }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
85
85
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NestedListPopoverComponent, decorators: [{
|
|
86
86
|
type: Component,
|
|
87
87
|
args: [{ selector: 'fd-nested-list-popover', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-popover\n [placement]=\"placement$ | async\"\n [triggers]=\"['click']\"\n [noArrow]=\"false\"\n [isOpen]=\"open\"\n (isOpenChange)=\"handleOpenChange($event)\"\n>\n <fd-popover-control>\n <ng-content select=\"[fd-nested-list-link]\"></ng-content>\n <ng-content select=\"[fd-nested-list-content]\"></ng-content>\n </fd-popover-control>\n <fd-popover-body class=\"fd-nested-list--text-only\">\n <a fd-nested-list-link class=\"fd-nested-list__popover-header\">\n <span fd-nested-list-title>{{ title }}</span>\n </a>\n <ng-content select=\"[fd-nested-list]\"></ng-content>\n <ng-content select=\"fd-prepared-nested-list\"></ng-content>\n </fd-popover-body>\n</fd-popover>\n", styles: [".fd-side-nav--condensed .fd-popover-container-custom .fd-nested-list__title{display:inline-flex}.fd-side-nav--condensed .fd-nested-list__popover-header{box-shadow:0 0 .25rem #00000026,inset 0 -.0625rem #d9d9d9}.fd-side-nav--condensed .fd-popover-custom{display:block}[dir=rtl] .fd-side-nav--condensed .fd-popover-container-custom .fd-nested-list__link,.fd-side-nav--condensed[dir=rtl] .fd-popover-container-custom .fd-nested-list__link{padding-left:1rem}\n"] }]
|
|
@@ -130,7 +130,7 @@ NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ve
|
|
|
130
130
|
NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: NotificationComponent, selector: "fd-notification", inputs: { width: "width", mobile: "mobile" }, host: { attributes: { "role": "alertdialog" }, listeners: { "window:keyup": "_closeNotificationEsc($event)" }, properties: { "attr.aria-labelledby": "ariaLabelledBy", "attr.aria-label": "ariaLabel", "attr.dir": "_dir", "attr.id": "id", "style.width": "this.width", "class.fd-notification--in-dialog": "this._inDialog" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["vc"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: `
|
|
131
131
|
<ng-content></ng-content>
|
|
132
132
|
<ng-container #vc></ng-container>
|
|
133
|
-
`, isInline: true, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 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-notification{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapList_Background);border:0;border-radius:.25rem;box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 1.25rem;max-width:40rem;padding:1rem .5rem 1rem 1rem;width:100%}.fd-notification:after,.fd-notification:before{box-sizing:inherit;font-size:inherit}.fd-notification[dir=rtl],[dir=rtl] .fd-notification{padding-left:.5rem;padding-right:1rem}.fd-notification__body{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-notification__body:after,.fd-notification__body:before{box-sizing:inherit;font-size:inherit}.fd-notification__body--message{padding-top:1rem}.fd-notification__content{-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;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;overflow:auto;padding:0;width:100%}.fd-notification__content:after,.fd-notification__content:before{box-sizing:inherit;font-size:inherit}.fd-notification__content[dir=rtl],[dir=rtl] .fd-notification__content{margin-left:0;margin-right:1rem}.fd-notification__content:first-child{margin-left:0}.fd-notification__content:first-child[dir=rtl],[dir=rtl] .fd-notification__content:first-child{margin-right:0}.fd-notification .fd-notification__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;font-weight:var(--sapFontHeaderWeight);line-height:var(--sapContent_LineHeight);margin:0 0 .25rem;max-height:2.5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-notification .fd-notification__title:after,.fd-notification .fd-notification__title:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__title--unread{font-weight:700}.fd-notification .fd-notification__paragraph{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;max-height:2.75rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-notification .fd-notification__paragraph:after,.fd-notification .fd-notification__paragraph:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__footer{-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;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0}.fd-notification .fd-notification__footer:after,.fd-notification .fd-notification__footer:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__footer-content{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-notification .fd-notification__footer-content:only-child{max-width:100%}.fd-notification .fd-notification__separator{-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;line-height:var(--sapContent_LineHeight);margin:0 .5rem;padding:0}.fd-notification .fd-notification__separator:after,.fd-notification .fd-notification__separator:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__separator:before{content:\"\\b7\"}.fd-notification__header{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-notification__header:after,.fd-notification__header:before{box-sizing:inherit;font-size:inherit}.fd-notification__actions{-webkit-box-sizing:border-box;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-flex:1;-ms-flex:1 0 auto;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 0 1rem}.fd-notification__actions:after,.fd-notification__actions:before{box-sizing:inherit;font-size:inherit}.fd-notification__actions[dir=rtl],[dir=rtl] .fd-notification__actions{padding-left:0;padding-right:1rem}.fd-notification__actions>*{margin-left:.5rem}.fd-notification__actions>:first-child{margin-left:0}.fd-notification__actions>[dir=rtl],[dir=rtl] .fd-notification__actions>*{margin-left:0;margin-right:.5rem}.fd-notification__limit{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;text-align:center}.fd-notification__limit:after,.fd-notification__limit:before{box-sizing:inherit;font-size:inherit}.fd-notification__limit--title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;white-space:break-spaces}.fd-notification__limit--title:after,.fd-notification__limit--title:before{box-sizing:inherit;font-size:inherit}.fd-notification__limit--description{-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;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0;white-space:break-spaces}.fd-notification__limit--description:after,.fd-notification__limit--description:before{box-sizing:inherit;font-size:inherit}.fd-notification__indicator{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .5rem 0 0}.fd-notification__indicator:after,.fd-notification__indicator:before{box-sizing:inherit;font-size:inherit}.fd-notification__indicator[dir=rtl],[dir=rtl] .fd-notification__indicator{padding-left:.5rem;padding-right:0}.fd-notification__indicator--error{color:var(--sapErrorColor)}.fd-notification__indicator--error:before{content:\"\\e0b1\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--success{color:var(--sapSuccessColor)}.fd-notification__indicator--success:before{content:\"\\e203\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--warning{color:var(--sapWarningColor)}.fd-notification__indicator--warning:before{content:\"\\e201\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--information{color:var(--sapInformationColor)}.fd-notification__indicator--information:before{content:\"\\e202\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification--group{-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;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0}.fd-notification--group:after,.fd-notification--group:before{box-sizing:inherit;font-size:inherit}.fd-notification--group .fd-notification__body:last-of-type{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-notification--group .fd-notification__body{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);padding:1rem .5rem 1rem 1rem}.fd-notification--group .fd-notification__body[dir=rtl],[dir=rtl] .fd-notification--group .fd-notification__body{padding-left:.5rem;padding-right:1rem}.fd-notification--group .fd-notification__group-header{-webkit-box-sizing:border-box;align-items:baseline;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:.75rem .5rem .25rem 1rem}.fd-notification--group .fd-notification__group-header:after,.fd-notification--group .fd-notification__group-header:before{box-sizing:inherit;font-size:inherit}.fd-notification--group .fd-notification__group-header[dir=rtl],[dir=rtl] .fd-notification--group .fd-notification__group-header{padding-left:.5rem;padding-right:1rem}.fd-notification--group[dir=rtl],[dir=rtl] .fd-notification--group{padding-left:0;padding-right:0}.fd-notification--mobile{padding:0}.fd-notification--mobile .fd-notification__body:last-of-type{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-notification--mobile .fd-notification__indicator{padding-right:.25rem}.fd-notification--mobile .fd-notification__indicator[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__indicator{padding-left:.75rem;padding-right:0}.fd-notification--mobile .fd-notification__group-header{padding:.5rem .5rem 0}.fd-notification--mobile .fd-notification__body{padding:1rem .5rem 1rem .75rem}.fd-notification--mobile .fd-notification__body[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__body{padding-left:.5rem;padding-right:.75rem}.fd-notification--mobile .fd-notification__content{margin-left:.75rem}.fd-notification--mobile .fd-notification__content[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__content{margin-left:0;margin-right:.75rem}.fd-notification--in-dialog{-webkit-box-shadow:none;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;margin-bottom:0}.fd-notification--in-dialog:last-of-type{border-bottom:none}.fd-notification-custom-block{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
133
|
+
`, isInline: true, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 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-notification{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapList_Background);border:0;border-radius:.25rem;box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 1.25rem;max-width:40rem;padding:1rem .5rem 1rem 1rem;width:100%}.fd-notification:after,.fd-notification:before{box-sizing:inherit;font-size:inherit}.fd-notification[dir=rtl],[dir=rtl] .fd-notification{padding-left:.5rem;padding-right:1rem}.fd-notification__body{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-notification__body:after,.fd-notification__body:before{box-sizing:inherit;font-size:inherit}.fd-notification__body--message{padding-top:1rem}.fd-notification__content{-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;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;overflow:auto;padding:0;width:100%}.fd-notification__content:after,.fd-notification__content:before{box-sizing:inherit;font-size:inherit}.fd-notification__content[dir=rtl],[dir=rtl] .fd-notification__content{margin-left:0;margin-right:1rem}.fd-notification__content:first-child{margin-left:0}.fd-notification__content:first-child[dir=rtl],[dir=rtl] .fd-notification__content:first-child{margin-right:0}.fd-notification .fd-notification__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;font-weight:var(--sapFontHeaderWeight);line-height:var(--sapContent_LineHeight);margin:0 0 .25rem;max-height:2.5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-notification .fd-notification__title:after,.fd-notification .fd-notification__title:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__title--unread{font-weight:700}.fd-notification .fd-notification__paragraph{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;max-height:2.75rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-notification .fd-notification__paragraph:after,.fd-notification .fd-notification__paragraph:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__footer{-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;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0}.fd-notification .fd-notification__footer:after,.fd-notification .fd-notification__footer:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__footer-content{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-notification .fd-notification__footer-content:only-child{max-width:100%}.fd-notification .fd-notification__separator{-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;line-height:var(--sapContent_LineHeight);margin:0 .5rem;padding:0}.fd-notification .fd-notification__separator:after,.fd-notification .fd-notification__separator:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__separator:before{content:\"\\b7\"}.fd-notification__header{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-notification__header:after,.fd-notification__header:before{box-sizing:inherit;font-size:inherit}.fd-notification__actions{-webkit-box-sizing:border-box;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-flex:1;-ms-flex:1 0 auto;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 0 1rem}.fd-notification__actions:after,.fd-notification__actions:before{box-sizing:inherit;font-size:inherit}.fd-notification__actions[dir=rtl],[dir=rtl] .fd-notification__actions{padding-left:0;padding-right:1rem}.fd-notification__actions>*{margin-left:.5rem}.fd-notification__actions>:first-child{margin-left:0}.fd-notification__actions>[dir=rtl],[dir=rtl] .fd-notification__actions>*{margin-left:0;margin-right:.5rem}.fd-notification__limit{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;text-align:center}.fd-notification__limit:after,.fd-notification__limit:before{box-sizing:inherit;font-size:inherit}.fd-notification__limit--title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;white-space:break-spaces}.fd-notification__limit--title:after,.fd-notification__limit--title:before{box-sizing:inherit;font-size:inherit}.fd-notification__limit--description{-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;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0;white-space:break-spaces}.fd-notification__limit--description:after,.fd-notification__limit--description:before{box-sizing:inherit;font-size:inherit}.fd-notification__indicator{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .5rem 0 0}.fd-notification__indicator:after,.fd-notification__indicator:before{box-sizing:inherit;font-size:inherit}.fd-notification__indicator[dir=rtl],[dir=rtl] .fd-notification__indicator{padding-left:.5rem;padding-right:0}.fd-notification__indicator--error{color:var(--sapErrorColor)}.fd-notification__indicator--error:before{content:\"\\e0b1\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--success{color:var(--sapSuccessColor)}.fd-notification__indicator--success:before{content:\"\\e203\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--warning{color:var(--sapWarningColor)}.fd-notification__indicator--warning:before{content:\"\\e201\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--information{color:var(--sapInformationColor)}.fd-notification__indicator--information:before{content:\"\\e202\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification--group{-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;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0}.fd-notification--group:after,.fd-notification--group:before{box-sizing:inherit;font-size:inherit}.fd-notification--group .fd-notification__body:last-of-type{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-notification--group .fd-notification__body{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);padding:1rem .5rem 1rem 1rem}.fd-notification--group .fd-notification__body[dir=rtl],[dir=rtl] .fd-notification--group .fd-notification__body{padding-left:.5rem;padding-right:1rem}.fd-notification--group .fd-notification__group-header{-webkit-box-sizing:border-box;align-items:baseline;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:.75rem .5rem .25rem 1rem}.fd-notification--group .fd-notification__group-header:after,.fd-notification--group .fd-notification__group-header:before{box-sizing:inherit;font-size:inherit}.fd-notification--group .fd-notification__group-header[dir=rtl],[dir=rtl] .fd-notification--group .fd-notification__group-header{padding-left:.5rem;padding-right:1rem}.fd-notification--group[dir=rtl],[dir=rtl] .fd-notification--group{padding-left:0;padding-right:0}.fd-notification--mobile{padding:0}.fd-notification--mobile .fd-notification__body:last-of-type{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-notification--mobile .fd-notification__indicator{padding-right:.25rem}.fd-notification--mobile .fd-notification__indicator[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__indicator{padding-left:.75rem;padding-right:0}.fd-notification--mobile .fd-notification__group-header{padding:.5rem .5rem 0}.fd-notification--mobile .fd-notification__body{padding:1rem .5rem 1rem .75rem}.fd-notification--mobile .fd-notification__body[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__body{padding-left:.5rem;padding-right:.75rem}.fd-notification--mobile .fd-notification__content{margin-left:.75rem}.fd-notification--mobile .fd-notification__content[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__content{margin-left:0;margin-right:.75rem}.fd-notification--in-dialog{-webkit-box-shadow:none;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;margin-bottom:0}.fd-notification--in-dialog:last-of-type{border-bottom:none}.fd-notification-custom-block{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
134
134
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
135
135
|
type: Component,
|
|
136
136
|
args: [{ selector: 'fd-notification', template: `
|
|
@@ -142,7 +142,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
142
142
|
'[attr.dir]': '_dir',
|
|
143
143
|
role: 'alertdialog',
|
|
144
144
|
'[attr.id]': 'id'
|
|
145
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 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-notification{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapList_Background);border:0;border-radius:.25rem;box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 1.25rem;max-width:40rem;padding:1rem .5rem 1rem 1rem;width:100%}.fd-notification:after,.fd-notification:before{box-sizing:inherit;font-size:inherit}.fd-notification[dir=rtl],[dir=rtl] .fd-notification{padding-left:.5rem;padding-right:1rem}.fd-notification__body{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-notification__body:after,.fd-notification__body:before{box-sizing:inherit;font-size:inherit}.fd-notification__body--message{padding-top:1rem}.fd-notification__content{-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;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;overflow:auto;padding:0;width:100%}.fd-notification__content:after,.fd-notification__content:before{box-sizing:inherit;font-size:inherit}.fd-notification__content[dir=rtl],[dir=rtl] .fd-notification__content{margin-left:0;margin-right:1rem}.fd-notification__content:first-child{margin-left:0}.fd-notification__content:first-child[dir=rtl],[dir=rtl] .fd-notification__content:first-child{margin-right:0}.fd-notification .fd-notification__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;font-weight:var(--sapFontHeaderWeight);line-height:var(--sapContent_LineHeight);margin:0 0 .25rem;max-height:2.5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-notification .fd-notification__title:after,.fd-notification .fd-notification__title:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__title--unread{font-weight:700}.fd-notification .fd-notification__paragraph{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;max-height:2.75rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-notification .fd-notification__paragraph:after,.fd-notification .fd-notification__paragraph:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__footer{-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;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0}.fd-notification .fd-notification__footer:after,.fd-notification .fd-notification__footer:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__footer-content{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-notification .fd-notification__footer-content:only-child{max-width:100%}.fd-notification .fd-notification__separator{-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;line-height:var(--sapContent_LineHeight);margin:0 .5rem;padding:0}.fd-notification .fd-notification__separator:after,.fd-notification .fd-notification__separator:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__separator:before{content:\"\\b7\"}.fd-notification__header{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-notification__header:after,.fd-notification__header:before{box-sizing:inherit;font-size:inherit}.fd-notification__actions{-webkit-box-sizing:border-box;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-flex:1;-ms-flex:1 0 auto;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 0 1rem}.fd-notification__actions:after,.fd-notification__actions:before{box-sizing:inherit;font-size:inherit}.fd-notification__actions[dir=rtl],[dir=rtl] .fd-notification__actions{padding-left:0;padding-right:1rem}.fd-notification__actions>*{margin-left:.5rem}.fd-notification__actions>:first-child{margin-left:0}.fd-notification__actions>[dir=rtl],[dir=rtl] .fd-notification__actions>*{margin-left:0;margin-right:.5rem}.fd-notification__limit{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;text-align:center}.fd-notification__limit:after,.fd-notification__limit:before{box-sizing:inherit;font-size:inherit}.fd-notification__limit--title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;white-space:break-spaces}.fd-notification__limit--title:after,.fd-notification__limit--title:before{box-sizing:inherit;font-size:inherit}.fd-notification__limit--description{-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;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0;white-space:break-spaces}.fd-notification__limit--description:after,.fd-notification__limit--description:before{box-sizing:inherit;font-size:inherit}.fd-notification__indicator{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .5rem 0 0}.fd-notification__indicator:after,.fd-notification__indicator:before{box-sizing:inherit;font-size:inherit}.fd-notification__indicator[dir=rtl],[dir=rtl] .fd-notification__indicator{padding-left:.5rem;padding-right:0}.fd-notification__indicator--error{color:var(--sapErrorColor)}.fd-notification__indicator--error:before{content:\"\\e0b1\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--success{color:var(--sapSuccessColor)}.fd-notification__indicator--success:before{content:\"\\e203\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--warning{color:var(--sapWarningColor)}.fd-notification__indicator--warning:before{content:\"\\e201\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--information{color:var(--sapInformationColor)}.fd-notification__indicator--information:before{content:\"\\e202\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification--group{-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;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0}.fd-notification--group:after,.fd-notification--group:before{box-sizing:inherit;font-size:inherit}.fd-notification--group .fd-notification__body:last-of-type{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-notification--group .fd-notification__body{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);padding:1rem .5rem 1rem 1rem}.fd-notification--group .fd-notification__body[dir=rtl],[dir=rtl] .fd-notification--group .fd-notification__body{padding-left:.5rem;padding-right:1rem}.fd-notification--group .fd-notification__group-header{-webkit-box-sizing:border-box;align-items:baseline;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:.75rem .5rem .25rem 1rem}.fd-notification--group .fd-notification__group-header:after,.fd-notification--group .fd-notification__group-header:before{box-sizing:inherit;font-size:inherit}.fd-notification--group .fd-notification__group-header[dir=rtl],[dir=rtl] .fd-notification--group .fd-notification__group-header{padding-left:.5rem;padding-right:1rem}.fd-notification--group[dir=rtl],[dir=rtl] .fd-notification--group{padding-left:0;padding-right:0}.fd-notification--mobile{padding:0}.fd-notification--mobile .fd-notification__body:last-of-type{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-notification--mobile .fd-notification__indicator{padding-right:.25rem}.fd-notification--mobile .fd-notification__indicator[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__indicator{padding-left:.75rem;padding-right:0}.fd-notification--mobile .fd-notification__group-header{padding:.5rem .5rem 0}.fd-notification--mobile .fd-notification__body{padding:1rem .5rem 1rem .75rem}.fd-notification--mobile .fd-notification__body[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__body{padding-left:.5rem;padding-right:.75rem}.fd-notification--mobile .fd-notification__content{margin-left:.75rem}.fd-notification--mobile .fd-notification__content[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__content{margin-left:0;margin-right:.75rem}.fd-notification--in-dialog{-webkit-box-shadow:none;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;margin-bottom:0}.fd-notification--in-dialog:last-of-type{border-bottom:none}.fd-notification-custom-block{display:block}\n"] }]
|
|
145
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 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-notification{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapList_Background);border:0;border-radius:.25rem;box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 1.25rem;max-width:40rem;padding:1rem .5rem 1rem 1rem;width:100%}.fd-notification:after,.fd-notification:before{box-sizing:inherit;font-size:inherit}.fd-notification[dir=rtl],[dir=rtl] .fd-notification{padding-left:.5rem;padding-right:1rem}.fd-notification__body{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-notification__body:after,.fd-notification__body:before{box-sizing:inherit;font-size:inherit}.fd-notification__body--message{padding-top:1rem}.fd-notification__content{-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;line-height:var(--sapContent_LineHeight);margin:0 0 0 1rem;overflow:auto;padding:0;width:100%}.fd-notification__content:after,.fd-notification__content:before{box-sizing:inherit;font-size:inherit}.fd-notification__content[dir=rtl],[dir=rtl] .fd-notification__content{margin-left:0;margin-right:1rem}.fd-notification__content:first-child{margin-left:0}.fd-notification__content:first-child[dir=rtl],[dir=rtl] .fd-notification__content:first-child{margin-right:0}.fd-notification .fd-notification__title{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;font-weight:var(--sapFontHeaderWeight);line-height:var(--sapContent_LineHeight);margin:0 0 .25rem;max-height:2.5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-notification .fd-notification__title:after,.fd-notification .fd-notification__title:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__title--unread{font-weight:700}.fd-notification .fd-notification__paragraph{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;max-height:2.75rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:normal}.fd-notification .fd-notification__paragraph:after,.fd-notification .fd-notification__paragraph:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__footer{-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;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0}.fd-notification .fd-notification__footer:after,.fd-notification .fd-notification__footer:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__footer-content{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-notification .fd-notification__footer-content:only-child{max-width:100%}.fd-notification .fd-notification__separator{-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;line-height:var(--sapContent_LineHeight);margin:0 .5rem;padding:0}.fd-notification .fd-notification__separator:after,.fd-notification .fd-notification__separator:before{box-sizing:inherit;font-size:inherit}.fd-notification .fd-notification__separator:before{content:\"\\b7\"}.fd-notification__header{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-notification__header:after,.fd-notification__header:before{box-sizing:inherit;font-size:inherit}.fd-notification__actions{-webkit-box-sizing:border-box;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-flex:1;-ms-flex:1 0 auto;align-items:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:1 0 auto;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0 0 0 1rem}.fd-notification__actions:after,.fd-notification__actions:before{box-sizing:inherit;font-size:inherit}.fd-notification__actions[dir=rtl],[dir=rtl] .fd-notification__actions{padding-left:0;padding-right:1rem}.fd-notification__actions>*{margin-left:.5rem}.fd-notification__actions>:first-child{margin-left:0}.fd-notification__actions>[dir=rtl],[dir=rtl] .fd-notification__actions>*{margin-left:0;margin-right:.5rem}.fd-notification__limit{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;text-align:center}.fd-notification__limit:after,.fd-notification__limit:before{box-sizing:inherit;font-size:inherit}.fd-notification__limit--title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;white-space:break-spaces}.fd-notification__limit--title:after,.fd-notification__limit--title:before{box-sizing:inherit;font-size:inherit}.fd-notification__limit--description{-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;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0;white-space:break-spaces}.fd-notification__limit--description:after,.fd-notification__limit--description:before{box-sizing:inherit;font-size:inherit}.fd-notification__indicator{-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;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .5rem 0 0}.fd-notification__indicator:after,.fd-notification__indicator:before{box-sizing:inherit;font-size:inherit}.fd-notification__indicator[dir=rtl],[dir=rtl] .fd-notification__indicator{padding-left:.5rem;padding-right:0}.fd-notification__indicator--error{color:var(--sapErrorColor)}.fd-notification__indicator--error:before{content:\"\\e0b1\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--success{color:var(--sapSuccessColor)}.fd-notification__indicator--success:before{content:\"\\e203\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--warning{color:var(--sapWarningColor)}.fd-notification__indicator--warning:before{content:\"\\e201\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification__indicator--information{color:var(--sapInformationColor)}.fd-notification__indicator--information:before{content:\"\\e202\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-notification--group{-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;height:100%;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0}.fd-notification--group:after,.fd-notification--group:before{box-sizing:inherit;font-size:inherit}.fd-notification--group .fd-notification__body:last-of-type{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-notification--group .fd-notification__body{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);padding:1rem .5rem 1rem 1rem}.fd-notification--group .fd-notification__body[dir=rtl],[dir=rtl] .fd-notification--group .fd-notification__body{padding-left:.5rem;padding-right:1rem}.fd-notification--group .fd-notification__group-header{-webkit-box-sizing:border-box;align-items:baseline;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:.75rem .5rem .25rem 1rem}.fd-notification--group .fd-notification__group-header:after,.fd-notification--group .fd-notification__group-header:before{box-sizing:inherit;font-size:inherit}.fd-notification--group .fd-notification__group-header[dir=rtl],[dir=rtl] .fd-notification--group .fd-notification__group-header{padding-left:.5rem;padding-right:1rem}.fd-notification--group[dir=rtl],[dir=rtl] .fd-notification--group{padding-left:0;padding-right:0}.fd-notification--mobile{padding:0}.fd-notification--mobile .fd-notification__body:last-of-type{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-notification--mobile .fd-notification__indicator{padding-right:.25rem}.fd-notification--mobile .fd-notification__indicator[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__indicator{padding-left:.75rem;padding-right:0}.fd-notification--mobile .fd-notification__group-header{padding:.5rem .5rem 0}.fd-notification--mobile .fd-notification__body{padding:1rem .5rem 1rem .75rem}.fd-notification--mobile .fd-notification__body[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__body{padding-left:.5rem;padding-right:.75rem}.fd-notification--mobile .fd-notification__content{margin-left:.75rem}.fd-notification--mobile .fd-notification__content[dir=rtl],[dir=rtl] .fd-notification--mobile .fd-notification__content{margin-left:0;margin-right:.75rem}.fd-notification--in-dialog{-webkit-box-shadow:none;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;margin-bottom:0}.fd-notification--in-dialog:last-of-type{border-bottom:none}.fd-notification-custom-block{display:block}\n"] }]
|
|
146
146
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }, { type: i1.Router }, { type: i2.ConfigurableFocusTrapFactory }, { type: i3.NotificationConfig, decorators: [{
|
|
147
147
|
type: Optional
|
|
148
148
|
}] }, { type: i4.NotificationRef, decorators: [{
|
|
@@ -45,7 +45,7 @@ ObjectIdentifierComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
|
|
|
45
45
|
<p class="fd-object-identifier__text" *ngIf="description">
|
|
46
46
|
{{ description }}
|
|
47
47
|
</p>
|
|
48
|
-
`, isInline: true, styles: ["/*!\n * Fundamental Library Styles v0.
|
|
48
|
+
`, isInline: true, styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 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-object-identifier .fd-object-identifier__link{font-size:inherit;font-weight:inherit}.fd-object-identifier__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontLargeSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-object-identifier__title:after,.fd-object-identifier__title:before{box-sizing:inherit;font-size:inherit}.fd-object-identifier__title--bold{font-weight:700}.fd-object-identifier__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0}.fd-object-identifier__text:after,.fd-object-identifier__text:before{box-sizing:inherit;font-size:inherit}.fd-object-identifier--medium .fd-object-identifier__title{font-size:var(--sapFontSize)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ObjectIdentifierComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
51
|
args: [{ selector: 'fd-object-identifier', template: `
|
|
@@ -55,7 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
55
55
|
<p class="fd-object-identifier__text" *ngIf="description">
|
|
56
56
|
{{ description }}
|
|
57
57
|
</p>
|
|
58
|
-
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["/*!\n * Fundamental Library Styles v0.
|
|
58
|
+
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 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-object-identifier .fd-object-identifier__link{font-size:inherit;font-weight:inherit}.fd-object-identifier__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontLargeSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-object-identifier__title:after,.fd-object-identifier__title:before{box-sizing:inherit;font-size:inherit}.fd-object-identifier__title--bold{font-weight:700}.fd-object-identifier__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 0;padding:0}.fd-object-identifier__text:after,.fd-object-identifier__text:before{box-sizing:inherit;font-size:inherit}.fd-object-identifier--medium .fd-object-identifier__title{font-size:var(--sapFontSize)}\n"] }]
|
|
59
59
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { description: [{
|
|
60
60
|
type: Input
|
|
61
61
|
}], bold: [{
|
|
@@ -34,7 +34,7 @@ export class ObjectMarkerComponent {
|
|
|
34
34
|
ObjectMarkerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ObjectMarkerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
35
35
|
ObjectMarkerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ObjectMarkerComponent, selector: "[fd-object-marker]", inputs: { class: "class", glyph: "glyph", clickable: "clickable", label: "label" }, host: { properties: { "attr.tabindex": "clickable ? 0 : -1", "attr.role": "clickable ? \"link\" :\"\"" } }, usesOnChanges: true, ngImport: i0, template: ` <i class="fd-object-marker__icon" [class]="' sap-icon--' + glyph" *ngIf="glyph"></i>
|
|
36
36
|
<span *ngIf="label" class="fd-object-marker__text">{{ label }}</span>
|
|
37
|
-
<ng-content></ng-content>`, isInline: true, styles: ["/*!\n * Fundamental Library Styles v0.
|
|
37
|
+
<ng-content></ng-content>`, isInline: true, styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-object-marker\n*/.fd-object-marker{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1;margin:0;max-width:100%;padding:0}.fd-object-marker:after,.fd-object-marker:before{box-sizing:inherit;font-size:inherit}.fd-object-marker--link{-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .125s ease-in;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);align-items:center;color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display, inline-block);line-height:inherit;text-decoration:var(--fdLink_Text_Decoration, none);text-decoration:none;text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in}.fd-object-marker--link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-object-marker--link.is-hover,.fd-object-marker--link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-object-marker--link.is-active,.fd-object-marker--link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-object-marker--link.is-disabled,.fd-object-marker--link:disabled,.fd-object-marker--link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-object-marker--link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-object-marker--link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-object-marker--link--emphasized{font-weight:700}.fd-object-marker--link:visited{color:var(--sapLink_Visited_Color)}.fd-object-marker--link.is-hover,.fd-object-marker--link:hover{color:var(--sapLink_Hover_Color)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{-webkit-box-shadow:none;background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline-color:var(--fdLink_Hover_Outline_Color);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-style:var(--fdLink_Hover_Outline_Style);outline-width:var(--fdLink_Hover_Outline_Width);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-object-marker--link.is-active,.fd-object-marker--link:active{color:var(--sapLink_Active_Color)}.fd-object-marker--link.is-active.is-focus,.fd-object-marker--link.is-active:focus,.fd-object-marker--link:active.is-focus,.fd-object-marker--link:active:focus{background-color:transparent;z-index:5}.fd-object-marker--link--inverted{text-shadow:none}.fd-object-marker--link--inverted,.fd-object-marker--link--inverted.is-hover,.fd-object-marker--link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-object-marker--link--inverted.is-focus,.fd-object-marker--link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-object-marker--link--subtle{color:var(--sapLink_SubtleColor)}.fd-object-marker--link.is-disabled,.fd-object-marker--link:disabled,.fd-object-marker--link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-object-marker--link>img{vertical-align:bottom}.fd-object-marker--link,.fd-object-marker--link .fd-object-marker__text{color:var(--sapContent_MarkerIconColor)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{z-index:5}.fd-object-marker--link.is-focus .fd-object-marker__icon,.fd-object-marker--link.is-focus .fd-object-marker__text,.fd-object-marker--link:focus .fd-object-marker__icon,.fd-object-marker--link:focus .fd-object-marker__text{color:var(--fdLink_Text_Focus_Color)}.fd-object-marker--link.is-focus .fd-object-marker__text,.fd-object-marker--link:focus .fd-object-marker__text{text-decoration:underline}.fd-object-marker--link.is-hover .fd-object-marker__text,.fd-object-marker--link:hover .fd-object-marker__text{color:var(--sapContent_IconColor);text-decoration:underline}.fd-object-marker--link:visited .fd-object-marker__text{text-decoration:underline}.fd-object-marker__icon [class*=sap-icon],.fd-object-marker__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_MarkerIconColor);display:flex;font-size:inherit;font-size:1rem;justify-content:center;line-height:1;line-height:normal;padding-right:.25rem}.fd-object-marker__icon [class*=sap-icon][dir=rtl],.fd-object-marker__icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-object-marker__icon [class*=sap-icon],[dir=rtl] .fd-object-marker__icon[class*=sap-icon]{padding-left:.25rem;padding-right:0}.fd-object-marker__icon [class*=sap-icon]:first-child:last-child,.fd-object-marker__icon[class*=sap-icon]:first-child:last-child{padding-left:0;padding-right:0}.fd-object-marker__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-style:normal;font-weight:400;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.fd-object-marker__text:after,.fd-object-marker__text:before{box-sizing:inherit;font-size:inherit}.fd-object-marker+.fd-object-marker{margin-left:.5rem}.fd-object-marker+.fd-object-marker[dir=rtl],[dir=rtl] .fd-object-marker+.fd-object-marker{margin-left:0;margin-right:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
38
38
|
__decorate([
|
|
39
39
|
applyCssClass,
|
|
40
40
|
__metadata("design:type", Function),
|
|
@@ -48,7 +48,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
48
48
|
<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
49
49
|
'[attr.tabindex]': 'clickable ? 0 : -1',
|
|
50
50
|
'[attr.role]': 'clickable ? "link" :""'
|
|
51
|
-
}, styles: ["/*!\n * Fundamental Library Styles v0.
|
|
51
|
+
}, styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-object-marker\n*/.fd-object-marker{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1;margin:0;max-width:100%;padding:0}.fd-object-marker:after,.fd-object-marker:before{box-sizing:inherit;font-size:inherit}.fd-object-marker--link{-webkit-box-align:center;-ms-flex-align:center;-webkit-transition:all .125s ease-in;-webkit-text-decoration:var(--fdLink_Text_Decoration, none);align-items:center;color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display, inline-block);line-height:inherit;text-decoration:var(--fdLink_Text_Decoration, none);text-decoration:none;text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in}.fd-object-marker--link__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-object-marker--link.is-hover,.fd-object-marker--link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-object-marker--link.is-active,.fd-object-marker--link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-object-marker--link.is-disabled,.fd-object-marker--link:disabled,.fd-object-marker--link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-object-marker--link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)}.fd-object-marker--link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none}.fd-object-marker--link--emphasized{font-weight:700}.fd-object-marker--link:visited{color:var(--sapLink_Visited_Color)}.fd-object-marker--link.is-hover,.fd-object-marker--link:hover{color:var(--sapLink_Hover_Color)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{-webkit-box-shadow:none;background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline-color:var(--fdLink_Hover_Outline_Color);outline-offset:var(--fdLink_Hover_Outline_Offset);outline-style:var(--fdLink_Hover_Outline_Style);outline-width:var(--fdLink_Hover_Outline_Width);text-shadow:var(--fdLink_Focus_Text_Shadow)}.fd-object-marker--link.is-active,.fd-object-marker--link:active{color:var(--sapLink_Active_Color)}.fd-object-marker--link.is-active.is-focus,.fd-object-marker--link.is-active:focus,.fd-object-marker--link:active.is-focus,.fd-object-marker--link:active:focus{background-color:transparent;z-index:5}.fd-object-marker--link--inverted{text-shadow:none}.fd-object-marker--link--inverted,.fd-object-marker--link--inverted.is-hover,.fd-object-marker--link--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-object-marker--link--inverted.is-focus,.fd-object-marker--link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-object-marker--link--subtle{color:var(--sapLink_SubtleColor)}.fd-object-marker--link.is-disabled,.fd-object-marker--link:disabled,.fd-object-marker--link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-object-marker--link>img{vertical-align:bottom}.fd-object-marker--link,.fd-object-marker--link .fd-object-marker__text{color:var(--sapContent_MarkerIconColor)}.fd-object-marker--link.is-focus,.fd-object-marker--link:focus{z-index:5}.fd-object-marker--link.is-focus .fd-object-marker__icon,.fd-object-marker--link.is-focus .fd-object-marker__text,.fd-object-marker--link:focus .fd-object-marker__icon,.fd-object-marker--link:focus .fd-object-marker__text{color:var(--fdLink_Text_Focus_Color)}.fd-object-marker--link.is-focus .fd-object-marker__text,.fd-object-marker--link:focus .fd-object-marker__text{text-decoration:underline}.fd-object-marker--link.is-hover .fd-object-marker__text,.fd-object-marker--link:hover .fd-object-marker__text{color:var(--sapContent_IconColor);text-decoration:underline}.fd-object-marker--link:visited .fd-object-marker__text{text-decoration:underline}.fd-object-marker__icon [class*=sap-icon],.fd-object-marker__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_MarkerIconColor);display:flex;font-size:inherit;font-size:1rem;justify-content:center;line-height:1;line-height:normal;padding-right:.25rem}.fd-object-marker__icon [class*=sap-icon][dir=rtl],.fd-object-marker__icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-object-marker__icon [class*=sap-icon],[dir=rtl] .fd-object-marker__icon[class*=sap-icon]{padding-left:.25rem;padding-right:0}.fd-object-marker__icon [class*=sap-icon]:first-child:last-child,.fd-object-marker__icon[class*=sap-icon]:first-child:last-child{padding-left:0;padding-right:0}.fd-object-marker__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-style:normal;font-weight:400;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.fd-object-marker__text:after,.fd-object-marker__text:before{box-sizing:inherit;font-size:inherit}.fd-object-marker+.fd-object-marker{margin-left:.5rem}.fd-object-marker+.fd-object-marker[dir=rtl],[dir=rtl] .fd-object-marker+.fd-object-marker{margin-left:0;margin-right:.5rem}\n"] }]
|
|
52
52
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{
|
|
53
53
|
type: Input
|
|
54
54
|
}], glyph: [{
|
|
@@ -54,7 +54,7 @@ export class ObjectNumberComponent {
|
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
ObjectNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ObjectNumberComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
-
ObjectNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ObjectNumberComponent, selector: "fd-object-number", inputs: { number: "number", decimal: "decimal", unit: "unit", emphasized: "emphasized", large: "large", status: "status", class: "class", ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel" }, host: { properties: { "attr.aria-labelledby": "ariaLabelledBy", "attr.aria-label": "ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<span class=\"fd-object-number__text\" [class.fd-object-number__text--bold]=\"!large && emphasized\">\n {{ number | number: (decimal ? _numberPipeConfig : '1.0-0') }}\n</span>\n<span class=\"fd-object-number__unit\">{{ unit }}</span>\n", styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.
|
|
57
|
+
ObjectNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ObjectNumberComponent, selector: "fd-object-number", inputs: { number: "number", decimal: "decimal", unit: "unit", emphasized: "emphasized", large: "large", status: "status", class: "class", ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel" }, host: { properties: { "attr.aria-labelledby": "ariaLabelledBy", "attr.aria-label": "ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<span class=\"fd-object-number__text\" [class.fd-object-number__text--bold]=\"!large && emphasized\">\n {{ number | number: (decimal ? _numberPipeConfig : '1.0-0') }}\n</span>\n<span class=\"fd-object-number__unit\">{{ unit }}</span>\n", styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-object-number+(--success | --warning | --error)\n*/.fd-object-number{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;padding:0;text-shadow:var(--sapContent_TextShadow)}.fd-object-number:after,.fd-object-number:before{box-sizing:inherit;font-size:inherit}.fd-object-number__text,.fd-object-number__unit{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1;margin:0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.fd-object-number__text:after,.fd-object-number__text:before,.fd-object-number__unit:after,.fd-object-number__unit:before{box-sizing:inherit;font-size:inherit}.fd-object-number__text:after{content:\"\\a0\"}.fd-object-number__text--bold{font-weight:700}.fd-object-number__unit{font-family:var(--sapFontLightFamily)}.fd-object-number--positive .fd-object-number__text,.fd-object-number--positive .fd-object-number__unit{color:var(--sapPositiveTextColor)}.fd-object-number--critical .fd-object-number__text,.fd-object-number--critical .fd-object-number__unit{color:var(--sapCriticalTextColor)}.fd-object-number--negative .fd-object-number__text,.fd-object-number--negative .fd-object-number__unit{color:var(--sapNegativeTextColor)}.fd-object-number--informative .fd-object-number__text,.fd-object-number--informative .fd-object-number__unit{color:var(--sapInformativeTextColor)}.fd-object-number--large .fd-object-number__text,.fd-object-number--large .fd-object-number__unit{font-family:var(--sapFontLightFamily);font-size:1.5rem}\n"], dependencies: [{ kind: "pipe", type: i1.DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
58
58
|
__decorate([
|
|
59
59
|
applyCssClass,
|
|
60
60
|
__metadata("design:type", Function),
|
|
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
66
66
|
args: [{ selector: 'fd-object-number', host: {
|
|
67
67
|
'[attr.aria-labelledby]': 'ariaLabelledBy',
|
|
68
68
|
'[attr.aria-label]': 'ariaLabel'
|
|
69
|
-
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"fd-object-number__text\" [class.fd-object-number__text--bold]=\"!large && emphasized\">\n {{ number | number: (decimal ? _numberPipeConfig : '1.0-0') }}\n</span>\n<span class=\"fd-object-number__unit\">{{ unit }}</span>\n", styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.
|
|
69
|
+
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"fd-object-number__text\" [class.fd-object-number__text--bold]=\"!large && emphasized\">\n {{ number | number: (decimal ? _numberPipeConfig : '1.0-0') }}\n</span>\n<span class=\"fd-object-number__unit\">{{ unit }}</span>\n", styles: ["@charset \"UTF-8\";/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-object-number+(--success | --warning | --error)\n*/.fd-object-number{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;padding:0;text-shadow:var(--sapContent_TextShadow)}.fd-object-number:after,.fd-object-number:before{box-sizing:inherit;font-size:inherit}.fd-object-number__text,.fd-object-number__unit{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1;margin:0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.fd-object-number__text:after,.fd-object-number__text:before,.fd-object-number__unit:after,.fd-object-number__unit:before{box-sizing:inherit;font-size:inherit}.fd-object-number__text:after{content:\"\\a0\"}.fd-object-number__text--bold{font-weight:700}.fd-object-number__unit{font-family:var(--sapFontLightFamily)}.fd-object-number--positive .fd-object-number__text,.fd-object-number--positive .fd-object-number__unit{color:var(--sapPositiveTextColor)}.fd-object-number--critical .fd-object-number__text,.fd-object-number--critical .fd-object-number__unit{color:var(--sapCriticalTextColor)}.fd-object-number--negative .fd-object-number__text,.fd-object-number--negative .fd-object-number__unit{color:var(--sapNegativeTextColor)}.fd-object-number--informative .fd-object-number__text,.fd-object-number--informative .fd-object-number__unit{color:var(--sapInformativeTextColor)}.fd-object-number--large .fd-object-number__text,.fd-object-number--large .fd-object-number__unit{font-family:var(--sapFontLightFamily);font-size:1.5rem}\n"] }]
|
|
70
70
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { number: [{
|
|
71
71
|
type: Input
|
|
72
72
|
}], decimal: [{
|