@fundamental-ngx/core 0.45.1 → 0.46.0-rc.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/busy-indicator/busy-indicator-extended/busy-indicator-extended.directive.d.ts +1 -1
- package/busy-indicator/busy-indicator.component.d.ts +2 -2
- package/busy-indicator/busy-indicator.module.d.ts +4 -4
- package/carousel/carousel-item/carousel-item.component.d.ts +1 -1
- package/carousel/carousel-item.directive.d.ts +1 -1
- package/carousel/carousel.component.d.ts +8 -1
- package/carousel/carousel.directive.d.ts +1 -1
- package/carousel/carousel.module.d.ts +1 -5
- package/checkbox/checkbox/checkbox.component.d.ts +19 -6
- package/checkbox/checkbox.module.d.ts +3 -5
- package/dialog/dialog.module.d.ts +1 -1
- package/dialog/utils/dialog-ref.class.d.ts +15 -5
- package/esm2022/action-bar/action-bar.component.mjs +2 -2
- package/esm2022/action-sheet/action-sheet.component.mjs +2 -2
- package/esm2022/avatar/avatar.component.mjs +2 -2
- package/esm2022/avatar-group/avatar-group.component.mjs +2 -2
- package/esm2022/bar/bar.component.mjs +2 -2
- package/esm2022/breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2022/busy-indicator/busy-indicator-extended/busy-indicator-extended.directive.mjs +4 -3
- package/esm2022/busy-indicator/busy-indicator.component.mjs +5 -5
- package/esm2022/busy-indicator/busy-indicator.module.mjs +3 -4
- package/esm2022/button/button.component.mjs +2 -2
- package/esm2022/calendar/calendar.component.mjs +2 -2
- package/esm2022/card/card-footer.component.mjs +3 -3
- package/esm2022/card/card.component.mjs +2 -2
- package/esm2022/carousel/carousel-item/carousel-item.component.mjs +4 -4
- package/esm2022/carousel/carousel-item.directive.mjs +4 -3
- package/esm2022/carousel/carousel.component.mjs +19 -6
- package/esm2022/carousel/carousel.directive.mjs +4 -3
- package/esm2022/carousel/carousel.module.mjs +4 -9
- package/esm2022/checkbox/checkbox/checkbox.component.mjs +42 -17
- package/esm2022/checkbox/checkbox.module.mjs +4 -7
- package/esm2022/dialog/dialog-body/dialog-body.component.mjs +4 -3
- package/esm2022/dialog/dialog.component.mjs +2 -2
- package/esm2022/dialog/dialog.module.mjs +8 -5
- package/esm2022/dialog/utils/dialog-ref.class.mjs +13 -8
- package/esm2022/dynamic-page/dynamic-page-header/actions/dynamic-page-title-content.component.mjs +1 -1
- package/esm2022/dynamic-page/dynamic-page.component.mjs +2 -2
- package/esm2022/dynamic-side-content/dynamic-side-content.component.mjs +2 -2
- package/esm2022/facets/facet/facet.component.mjs +2 -2
- package/esm2022/feed-input/feed-input.component.mjs +2 -2
- package/esm2022/feed-list-item/components/list/feed-list.component.mjs +2 -2
- package/esm2022/file-uploader/file-uploader.component.mjs +2 -2
- package/esm2022/fixed-card-layout/fixed-card-layout.component.mjs +2 -2
- package/esm2022/flexible-column-layout/flexible-column-layout.component.mjs +2 -2
- package/esm2022/form/fieldset/fieldset.component.mjs +2 -2
- package/esm2022/form/form-control/form-control.component.mjs +2 -2
- package/esm2022/form/form-group/form-group.component.mjs +2 -2
- package/esm2022/form/form-header/form-header.component.mjs +2 -2
- package/esm2022/form/form-item/form-item.component.mjs +2 -2
- package/esm2022/form/form-label/form-label.component.mjs +2 -2
- package/esm2022/form/form-message/form-message.component.mjs +2 -2
- package/esm2022/grid-list/components/grid-list/grid-list.component.mjs +2 -2
- package/esm2022/grid-list/components/grid-list-filter-bar/grid-list-filter-bar.component.mjs +1 -1
- package/esm2022/grid-list/components/grid-list-title-bar/grid-list-title-bar.component.mjs +1 -1
- package/esm2022/icon/icon.component.mjs +2 -2
- package/esm2022/illustrated-message/illustrated-message.component.mjs +2 -2
- package/esm2022/info-label/info-label.component.mjs +2 -2
- package/esm2022/input-group/input-group.component.mjs +2 -2
- package/esm2022/layout-grid/layout-grid.component.mjs +2 -2
- package/esm2022/layout-panel/layout-panel.component.mjs +2 -2
- package/esm2022/link/link.component.mjs +9 -9
- package/esm2022/link/link.module.mjs +4 -7
- package/esm2022/list/directives/list-secondary.directive.mjs +21 -8
- package/esm2022/list/list-navigation-item/list-navigation-item.component.mjs +2 -2
- package/esm2022/list/list.component.mjs +2 -2
- package/esm2022/list/list.module.mjs +3 -5
- package/esm2022/menu/menu.component.mjs +2 -2
- package/esm2022/message-box/message-box.component.mjs +2 -2
- package/esm2022/message-page/message-page.component.mjs +2 -2
- package/esm2022/message-strip/alert/message-strip-alert/message-strip-alert.component.mjs +2 -2
- package/esm2022/message-strip/alert/message-strip-configuration-type.mjs +1 -1
- package/esm2022/message-strip/index.mjs +3 -1
- package/esm2022/message-strip/message-strip-icon.directive.mjs +18 -0
- package/esm2022/message-strip/message-strip-indication-color.mjs +7 -0
- package/esm2022/message-strip/message-strip.component.mjs +36 -5
- package/esm2022/message-strip/message-strip.module.mjs +5 -4
- package/esm2022/message-toast/message-toast.component.mjs +3 -3
- package/esm2022/micro-process-flow/components/micro-process-flow/micro-process-flow.component.mjs +2 -2
- package/esm2022/multi-combobox/multi-combobox.component.mjs +2 -2
- package/esm2022/multi-combobox/select-all-toggler/select-all-toggler.component.mjs +1 -1
- package/esm2022/multi-input/multi-input.component.mjs +1 -1
- package/esm2022/notification/notification/notification.component.mjs +2 -2
- package/esm2022/object-identifier/object-identifier.component.mjs +2 -2
- package/esm2022/object-marker/object-marker.component.mjs +2 -2
- package/esm2022/object-number/object-number.component.mjs +2 -2
- package/esm2022/object-status/object-status.component.mjs +2 -2
- package/esm2022/pagination/pagination.component.mjs +2 -2
- package/esm2022/panel/panel.component.mjs +2 -2
- package/esm2022/popover/popover-body/popover-body-directives/popover-body-footer.directive.mjs +4 -3
- package/esm2022/popover/popover-body/popover-body-directives/popover-body-header.directive.mjs +4 -3
- package/esm2022/popover/popover-body/popover-body.component.mjs +8 -11
- package/esm2022/popover/popover-container/popover-container.directive.mjs +4 -3
- package/esm2022/popover/popover-control/popover-control.component.mjs +3 -3
- package/esm2022/popover/popover-mobile/popover-mobile.component.mjs +10 -7
- package/esm2022/popover/popover-mobile/popover-mobile.module.mjs +4 -5
- package/esm2022/popover/popover-trigger.directive.mjs +4 -3
- package/esm2022/popover/popover.component.mjs +5 -6
- package/esm2022/popover/popover.module.mjs +5 -10
- package/esm2022/product-switch/product-switch-body/product-switch-body.component.mjs +2 -2
- package/esm2022/progress-indicator/progress-indicator.component.mjs +2 -2
- package/esm2022/quick-view/quick-view/quick-view.component.mjs +2 -2
- package/esm2022/radio/radio-button/radio-button.component.mjs +3 -3
- package/esm2022/rating-indicator/components/rating-indicator.component.mjs +2 -2
- package/esm2022/resizable-card-layout/resizable-card-layout/resizable-card-item/resizable-card-item.component.mjs +2 -2
- package/esm2022/resizable-card-layout/resizable-card-layout/resizable-card-layout.component.mjs +2 -2
- package/esm2022/segmented-button/segmented-button.component.mjs +2 -2
- package/esm2022/select/select.component.mjs +2 -2
- package/esm2022/shared/interfaces/search-component.interface.mjs +1 -1
- package/esm2022/shellbar/product-menu/product-menu.component.mjs +12 -8
- package/esm2022/shellbar/shellbar-action/shellbar-action.component.mjs +8 -6
- package/esm2022/shellbar/shellbar-actions/shellbar-actions.component.mjs +8 -9
- package/esm2022/shellbar/shellbar-actions-mobile/shellbar-actions-mobile.component.mjs +9 -7
- package/esm2022/shellbar/shellbar-logo/shellbar-logo.component.mjs +3 -3
- package/esm2022/shellbar/shellbar-sidenav.directive.mjs +4 -3
- package/esm2022/shellbar/shellbar-subtitle/shellbar-subtitle.component.mjs +3 -3
- package/esm2022/shellbar/shellbar-title/shellbar-title.component.mjs +3 -3
- package/esm2022/shellbar/shellbar.component.mjs +10 -9
- package/esm2022/shellbar/shellbar.module.mjs +10 -59
- package/esm2022/shellbar/user-menu/shellbar-user-menu.component.mjs +9 -6
- package/esm2022/side-navigation/side-navigation.component.mjs +2 -2
- package/esm2022/skeleton/components/skeleton.component.mjs +2 -2
- package/esm2022/slider/slider-position.directive.mjs +19 -11
- package/esm2022/slider/slider.component.mjs +136 -79
- package/esm2022/slider/slider.model.mjs +2 -1
- package/esm2022/slider/slider.module.mjs +6 -6
- package/esm2022/split-button/split-button.component.mjs +2 -2
- package/esm2022/splitter/splitter.component.mjs +2 -2
- package/esm2022/status-indicator/status-indicator.component.mjs +2 -2
- package/esm2022/step-input/step-input.component.mjs +2 -2
- package/esm2022/switch/switch.component.mjs +2 -2
- package/esm2022/table/table-wrapper.component.mjs +2 -2
- package/esm2022/table/table.component.mjs +2 -2
- package/esm2022/tabs/tab-list.component.mjs +2 -2
- package/esm2022/tabs/tab-nav/tab-nav.component.mjs +2 -2
- package/esm2022/text/text.component.mjs +7 -7
- package/esm2022/text/text.module.mjs +4 -9
- package/esm2022/tile/tile.component.mjs +2 -2
- package/esm2022/time/time.component.mjs +2 -2
- package/esm2022/title/title.component.mjs +3 -3
- package/esm2022/title/title.module.mjs +4 -6
- package/esm2022/token/token.component.mjs +2 -2
- package/esm2022/token/tokenizer.component.mjs +2 -2
- package/esm2022/toolbar/deprecated-toolbar-size.directive.mjs +4 -3
- package/esm2022/toolbar/toolbar-form-label.directive.mjs +4 -3
- package/esm2022/toolbar/toolbar-item.directive.mjs +4 -3
- package/esm2022/toolbar/toolbar-label.directive.mjs +4 -3
- package/esm2022/toolbar/toolbar-overflow-button-menu.directive.mjs +4 -3
- package/esm2022/toolbar/toolbar-overflow-button.directive.mjs +4 -3
- package/esm2022/toolbar/toolbar-separator.component.mjs +4 -3
- package/esm2022/toolbar/toolbar-spacer.directive.mjs +4 -3
- package/esm2022/toolbar/toolbar.component.mjs +39 -18
- package/esm2022/toolbar/toolbar.module.mjs +5 -10
- package/esm2022/tree/components/tree-item/tree-item.component.mjs +1 -1
- package/esm2022/tree/tree.component.mjs +2 -2
- package/esm2022/upload-collection/upload-collection.component.mjs +3 -3
- package/esm2022/vertical-navigation/vertical-navigation-main-navigation.component.mjs +2 -2
- package/esm2022/vertical-navigation/vertical-navigation.component.mjs +2 -2
- package/esm2022/wizard/wizard.component.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-action-bar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-action-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-bar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +9 -10
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-calendar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-card.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-card.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-carousel.mjs +29 -19
- package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-checkbox.mjs +43 -20
- package/fesm2022/fundamental-ngx-core-checkbox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dialog.mjs +23 -15
- package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-facets.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-facets.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-feed-input.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-feed-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-file-uploader.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-file-uploader.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-form.mjs +14 -14
- package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-grid-list.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-icon.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-icon.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-info-label.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-input-group.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-input-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-layout-grid.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-layout-grid.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-link.mjs +10 -12
- package/fesm2022/fundamental-ngx-core-link.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-list.mjs +26 -17
- package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-menu.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-box.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-page.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-strip.mjs +62 -9
- package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-toast.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-toast.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-notification.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-marker.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-marker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-number.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-number.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-status.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-pagination.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-panel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-popover.mjs +36 -38
- package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-product-switch.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-quick-view.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-quick-view.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-radio.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-radio.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-select.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +93 -132
- package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-side-navigation.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-side-navigation.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-skeleton.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-skeleton.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-slider.mjs +158 -96
- package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-split-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-split-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-splitter.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-splitter.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-step-input.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-switch.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-table.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-table.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tabs.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-text.mjs +9 -14
- package/fesm2022/fundamental-ngx-core-text.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tile.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tile.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-title.mjs +5 -7
- package/fesm2022/fundamental-ngx-core-title.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-token.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-toolbar.mjs +80 -56
- package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tree.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-wizard.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/fundamental-ngx-core-v0.46.0-rc.0.tgz +0 -0
- package/link/link.component.d.ts +1 -1
- package/link/link.module.d.ts +1 -3
- package/list/directives/list-secondary.directive.d.ts +16 -3
- package/list/list.module.d.ts +20 -20
- package/message-strip/alert/message-strip-configuration-type.d.ts +2 -0
- package/message-strip/index.d.ts +2 -0
- package/message-strip/message-strip-icon.directive.d.ts +9 -0
- package/message-strip/message-strip-indication-color.d.ts +4 -0
- package/message-strip/message-strip.component.d.ts +11 -1
- package/message-strip/message-strip.module.d.ts +2 -1
- package/package.json +4 -4
- package/popover/popover-body/popover-body-directives/popover-body-footer.directive.d.ts +1 -1
- package/popover/popover-body/popover-body-directives/popover-body-header.directive.d.ts +1 -1
- package/popover/popover-body/popover-body.component.d.ts +1 -1
- package/popover/popover-container/popover-container.directive.d.ts +1 -1
- package/popover/popover-control/popover-control.component.d.ts +1 -1
- package/popover/popover-mobile/popover-mobile.component.d.ts +3 -3
- package/popover/popover-mobile/popover-mobile.module.d.ts +5 -5
- package/popover/popover-trigger.directive.d.ts +1 -1
- package/popover/popover.component.d.ts +1 -1
- package/popover/popover.module.d.ts +1 -5
- package/schematics/add-dependencies/index.js +6 -6
- package/shared/interfaces/search-component.interface.d.ts +1 -0
- package/shellbar/product-menu/product-menu.component.d.ts +1 -1
- package/shellbar/shellbar-action/shellbar-action.component.d.ts +1 -1
- package/shellbar/shellbar-actions/shellbar-actions.component.d.ts +1 -1
- package/shellbar/shellbar-actions-mobile/shellbar-actions-mobile.component.d.ts +1 -1
- package/shellbar/shellbar-logo/shellbar-logo.component.d.ts +1 -1
- package/shellbar/shellbar-sidenav.directive.d.ts +1 -1
- package/shellbar/shellbar-subtitle/shellbar-subtitle.component.d.ts +1 -1
- package/shellbar/shellbar-title/shellbar-title.component.d.ts +1 -1
- package/shellbar/shellbar.component.d.ts +1 -1
- package/shellbar/shellbar.module.d.ts +2 -14
- package/shellbar/user-menu/shellbar-user-menu.component.d.ts +1 -1
- package/slider/slider-position.directive.d.ts +6 -4
- package/slider/slider.component.d.ts +21 -13
- package/slider/slider.model.d.ts +2 -1
- package/slider/slider.module.d.ts +9 -9
- package/text/text.component.d.ts +1 -1
- package/text/text.module.d.ts +1 -5
- package/title/title.component.d.ts +1 -1
- package/title/title.module.d.ts +1 -2
- package/toolbar/deprecated-toolbar-size.directive.d.ts +1 -1
- package/toolbar/toolbar-form-label.directive.d.ts +1 -1
- package/toolbar/toolbar-item.directive.d.ts +1 -1
- package/toolbar/toolbar-label.directive.d.ts +1 -1
- package/toolbar/toolbar-overflow-button-menu.directive.d.ts +1 -1
- package/toolbar/toolbar-overflow-button.directive.d.ts +1 -1
- package/toolbar/toolbar-separator.component.d.ts +1 -1
- package/toolbar/toolbar-spacer.directive.d.ts +1 -1
- package/toolbar/toolbar.component.d.ts +9 -5
- package/toolbar/toolbar.module.d.ts +11 -15
- package/fundamental-ngx-core-v0.45.1.tgz +0 -0
|
@@ -1,31 +1,19 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { ActionSheetModule } from '@fundamental-ngx/core/action-sheet';
|
|
4
2
|
import { ShellbarComponent } from './shellbar.component';
|
|
5
3
|
import { ProductMenuComponent } from './product-menu/product-menu.component';
|
|
6
|
-
import { PopoverModule } from '@fundamental-ngx/core/popover';
|
|
7
|
-
import { MenuModule } from '@fundamental-ngx/core/menu';
|
|
8
|
-
import { ButtonModule } from '@fundamental-ngx/core/button';
|
|
9
4
|
import { ShellbarSubtitleComponent } from './shellbar-subtitle/shellbar-subtitle.component';
|
|
10
5
|
import { ShellbarActionsComponent } from './shellbar-actions/shellbar-actions.component';
|
|
11
6
|
import { ShellbarActionComponent } from './shellbar-action/shellbar-action.component';
|
|
12
7
|
import { ShellbarLogoComponent } from './shellbar-logo/shellbar-logo.component';
|
|
13
8
|
import { ShellbarTitleComponent } from './shellbar-title/shellbar-title.component';
|
|
14
9
|
import { ShellbarUserMenuComponent } from './user-menu/shellbar-user-menu.component';
|
|
15
|
-
import { IconModule } from '@fundamental-ngx/core/icon';
|
|
16
|
-
import { DragAndDropModule } from '@fundamental-ngx/cdk/utils';
|
|
17
|
-
import { DragDropModule } from '@angular/cdk/drag-drop';
|
|
18
|
-
import { ProductSwitchModule } from '@fundamental-ngx/core/product-switch';
|
|
19
10
|
import { ShellbarSidenavDirective } from './shellbar-sidenav.directive';
|
|
20
11
|
import { ShellbarActionsMobileComponent } from './shellbar-actions-mobile/shellbar-actions-mobile.component';
|
|
21
|
-
import { I18nModule } from '@fundamental-ngx/i18n';
|
|
22
|
-
import { AvatarModule } from '@fundamental-ngx/core/avatar';
|
|
23
12
|
import { ContentDensityModule } from '@fundamental-ngx/core/content-density';
|
|
24
|
-
import { PortalModule } from '@angular/cdk/portal';
|
|
25
13
|
import * as i0 from "@angular/core";
|
|
26
14
|
export class ShellbarModule {
|
|
27
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
28
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: ShellbarModule,
|
|
16
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: ShellbarModule, imports: [ShellbarComponent,
|
|
29
17
|
ProductMenuComponent,
|
|
30
18
|
ShellbarSubtitleComponent,
|
|
31
19
|
ShellbarActionsComponent,
|
|
@@ -34,20 +22,7 @@ export class ShellbarModule {
|
|
|
34
22
|
ShellbarLogoComponent,
|
|
35
23
|
ShellbarTitleComponent,
|
|
36
24
|
ShellbarUserMenuComponent,
|
|
37
|
-
ShellbarSidenavDirective],
|
|
38
|
-
PopoverModule,
|
|
39
|
-
MenuModule,
|
|
40
|
-
ActionSheetModule,
|
|
41
|
-
ButtonModule,
|
|
42
|
-
DragAndDropModule,
|
|
43
|
-
DragDropModule,
|
|
44
|
-
ProductSwitchModule,
|
|
45
|
-
IconModule,
|
|
46
|
-
I18nModule,
|
|
47
|
-
AvatarModule,
|
|
48
|
-
ContentDensityModule,
|
|
49
|
-
PortalModule,
|
|
50
|
-
I18nModule], exports: [ShellbarComponent,
|
|
25
|
+
ShellbarSidenavDirective], exports: [ShellbarComponent,
|
|
51
26
|
ProductMenuComponent,
|
|
52
27
|
ShellbarSubtitleComponent,
|
|
53
28
|
ShellbarActionsComponent,
|
|
@@ -58,25 +33,17 @@ export class ShellbarModule {
|
|
|
58
33
|
ShellbarUserMenuComponent,
|
|
59
34
|
ShellbarSidenavDirective,
|
|
60
35
|
ContentDensityModule] }); }
|
|
61
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarModule, imports: [
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
DragDropModule,
|
|
68
|
-
ProductSwitchModule,
|
|
69
|
-
IconModule,
|
|
70
|
-
I18nModule,
|
|
71
|
-
AvatarModule,
|
|
72
|
-
ContentDensityModule,
|
|
73
|
-
PortalModule,
|
|
74
|
-
I18nModule, ContentDensityModule] }); }
|
|
36
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarModule, imports: [ShellbarComponent,
|
|
37
|
+
ProductMenuComponent,
|
|
38
|
+
ShellbarActionsComponent,
|
|
39
|
+
ShellbarActionsMobileComponent,
|
|
40
|
+
ShellbarActionComponent,
|
|
41
|
+
ShellbarUserMenuComponent, ContentDensityModule] }); }
|
|
75
42
|
}
|
|
76
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarModule, decorators: [{
|
|
77
44
|
type: NgModule,
|
|
78
45
|
args: [{
|
|
79
|
-
|
|
46
|
+
imports: [
|
|
80
47
|
ShellbarComponent,
|
|
81
48
|
ProductMenuComponent,
|
|
82
49
|
ShellbarSubtitleComponent,
|
|
@@ -88,22 +55,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
|
|
|
88
55
|
ShellbarUserMenuComponent,
|
|
89
56
|
ShellbarSidenavDirective
|
|
90
57
|
],
|
|
91
|
-
imports: [
|
|
92
|
-
CommonModule,
|
|
93
|
-
PopoverModule,
|
|
94
|
-
MenuModule,
|
|
95
|
-
ActionSheetModule,
|
|
96
|
-
ButtonModule,
|
|
97
|
-
DragAndDropModule,
|
|
98
|
-
DragDropModule,
|
|
99
|
-
ProductSwitchModule,
|
|
100
|
-
IconModule,
|
|
101
|
-
I18nModule,
|
|
102
|
-
AvatarModule,
|
|
103
|
-
ContentDensityModule,
|
|
104
|
-
PortalModule,
|
|
105
|
-
I18nModule
|
|
106
|
-
],
|
|
107
58
|
exports: [
|
|
108
59
|
ShellbarComponent,
|
|
109
60
|
ProductMenuComponent,
|
|
@@ -119,4 +70,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
|
|
|
119
70
|
]
|
|
120
71
|
}]
|
|
121
72
|
}] });
|
|
122
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGxiYXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvc2hlbGxiYXIvc2hlbGxiYXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFN0UsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDNUYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDekYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDdEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFbkYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDckYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEUsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sNkRBQTZELENBQUM7QUFDN0csT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBNkI3RSxNQUFNLE9BQU8sY0FBYzs4R0FBZCxjQUFjOytHQUFkLGNBQWMsWUF6Qm5CLGlCQUFpQjtZQUNqQixvQkFBb0I7WUFDcEIseUJBQXlCO1lBQ3pCLHdCQUF3QjtZQUN4Qiw4QkFBOEI7WUFDOUIsdUJBQXVCO1lBQ3ZCLHFCQUFxQjtZQUNyQixzQkFBc0I7WUFDdEIseUJBQXlCO1lBQ3pCLHdCQUF3QixhQUd4QixpQkFBaUI7WUFDakIsb0JBQW9CO1lBQ3BCLHlCQUF5QjtZQUN6Qix3QkFBd0I7WUFDeEIsOEJBQThCO1lBQzlCLHVCQUF1QjtZQUN2QixxQkFBcUI7WUFDckIsc0JBQXNCO1lBQ3RCLHlCQUF5QjtZQUN6Qix3QkFBd0I7WUFDeEIsb0JBQW9COytHQUdmLGNBQWMsWUF6Qm5CLGlCQUFpQjtZQUNqQixvQkFBb0I7WUFFcEIsd0JBQXdCO1lBQ3hCLDhCQUE4QjtZQUM5Qix1QkFBdUI7WUFHdkIseUJBQXlCLEVBY3pCLG9CQUFvQjs7MkZBR2YsY0FBYztrQkEzQjFCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLGlCQUFpQjt3QkFDakIsb0JBQW9CO3dCQUNwQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIsOEJBQThCO3dCQUM5Qix1QkFBdUI7d0JBQ3ZCLHFCQUFxQjt3QkFDckIsc0JBQXNCO3dCQUN0Qix5QkFBeUI7d0JBQ3pCLHdCQUF3QjtxQkFDM0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLGlCQUFpQjt3QkFDakIsb0JBQW9CO3dCQUNwQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIsOEJBQThCO3dCQUM5Qix1QkFBdUI7d0JBQ3ZCLHFCQUFxQjt3QkFDckIsc0JBQXNCO3dCQUN0Qix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIsb0JBQW9CO3FCQUN2QjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTaGVsbGJhckNvbXBvbmVudCB9IGZyb20gJy4vc2hlbGxiYXIuY29tcG9uZW50JztcbmltcG9ydCB7IFByb2R1Y3RNZW51Q29tcG9uZW50IH0gZnJvbSAnLi9wcm9kdWN0LW1lbnUvcHJvZHVjdC1tZW51LmNvbXBvbmVudCc7XG5cbmltcG9ydCB7IFNoZWxsYmFyU3VidGl0bGVDb21wb25lbnQgfSBmcm9tICcuL3NoZWxsYmFyLXN1YnRpdGxlL3NoZWxsYmFyLXN1YnRpdGxlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTaGVsbGJhckFjdGlvbnNDb21wb25lbnQgfSBmcm9tICcuL3NoZWxsYmFyLWFjdGlvbnMvc2hlbGxiYXItYWN0aW9ucy5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2hlbGxiYXJBY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL3NoZWxsYmFyLWFjdGlvbi9zaGVsbGJhci1hY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IFNoZWxsYmFyTG9nb0NvbXBvbmVudCB9IGZyb20gJy4vc2hlbGxiYXItbG9nby9zaGVsbGJhci1sb2dvLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTaGVsbGJhclRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi9zaGVsbGJhci10aXRsZS9zaGVsbGJhci10aXRsZS5jb21wb25lbnQnO1xuXG5pbXBvcnQgeyBTaGVsbGJhclVzZXJNZW51Q29tcG9uZW50IH0gZnJvbSAnLi91c2VyLW1lbnUvc2hlbGxiYXItdXNlci1tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTaGVsbGJhclNpZGVuYXZEaXJlY3RpdmUgfSBmcm9tICcuL3NoZWxsYmFyLXNpZGVuYXYuZGlyZWN0aXZlJztcbmltcG9ydCB7IFNoZWxsYmFyQWN0aW9uc01vYmlsZUNvbXBvbmVudCB9IGZyb20gJy4vc2hlbGxiYXItYWN0aW9ucy1tb2JpbGUvc2hlbGxiYXItYWN0aW9ucy1tb2JpbGUuY29tcG9uZW50JztcbmltcG9ydCB7IENvbnRlbnREZW5zaXR5TW9kdWxlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2NvbnRlbnQtZGVuc2l0eSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBTaGVsbGJhckNvbXBvbmVudCxcbiAgICAgICAgUHJvZHVjdE1lbnVDb21wb25lbnQsXG4gICAgICAgIFNoZWxsYmFyU3VidGl0bGVDb21wb25lbnQsXG4gICAgICAgIFNoZWxsYmFyQWN0aW9uc0NvbXBvbmVudCxcbiAgICAgICAgU2hlbGxiYXJBY3Rpb25zTW9iaWxlQ29tcG9uZW50LFxuICAgICAgICBTaGVsbGJhckFjdGlvbkNvbXBvbmVudCxcbiAgICAgICAgU2hlbGxiYXJMb2dvQ29tcG9uZW50LFxuICAgICAgICBTaGVsbGJhclRpdGxlQ29tcG9uZW50LFxuICAgICAgICBTaGVsbGJhclVzZXJNZW51Q29tcG9uZW50LFxuICAgICAgICBTaGVsbGJhclNpZGVuYXZEaXJlY3RpdmVcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgU2hlbGxiYXJDb21wb25lbnQsXG4gICAgICAgIFByb2R1Y3RNZW51Q29tcG9uZW50LFxuICAgICAgICBTaGVsbGJhclN1YnRpdGxlQ29tcG9uZW50LFxuICAgICAgICBTaGVsbGJhckFjdGlvbnNDb21wb25lbnQsXG4gICAgICAgIFNoZWxsYmFyQWN0aW9uc01vYmlsZUNvbXBvbmVudCxcbiAgICAgICAgU2hlbGxiYXJBY3Rpb25Db21wb25lbnQsXG4gICAgICAgIFNoZWxsYmFyTG9nb0NvbXBvbmVudCxcbiAgICAgICAgU2hlbGxiYXJUaXRsZUNvbXBvbmVudCxcbiAgICAgICAgU2hlbGxiYXJVc2VyTWVudUNvbXBvbmVudCxcbiAgICAgICAgU2hlbGxiYXJTaWRlbmF2RGlyZWN0aXZlLFxuICAgICAgICBDb250ZW50RGVuc2l0eU1vZHVsZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgU2hlbGxiYXJNb2R1bGUge31cbiJdfQ==
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
2
|
import { MenuComponent } from '@fundamental-ngx/core/menu';
|
|
3
|
+
import { AvatarModule } from '@fundamental-ngx/core/avatar';
|
|
4
|
+
import { MenuModule } from '@fundamental-ngx/core/menu';
|
|
5
|
+
import { ButtonModule } from '@fundamental-ngx/core/button';
|
|
6
|
+
import { NgIf, NgFor } from '@angular/common';
|
|
3
7
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@
|
|
8
|
+
import * as i1 from "@fundamental-ngx/core/button";
|
|
5
9
|
import * as i2 from "@fundamental-ngx/core/menu";
|
|
6
|
-
import * as i3 from "@fundamental-ngx/core/
|
|
7
|
-
import * as i4 from "@fundamental-ngx/core/avatar";
|
|
10
|
+
import * as i3 from "@fundamental-ngx/core/avatar";
|
|
8
11
|
/**
|
|
9
12
|
* This Component extends popover component and passes all the options and events from outside to popover component
|
|
10
13
|
* and Vice Versa
|
|
@@ -38,11 +41,11 @@ export class ShellbarUserMenuComponent {
|
|
|
38
41
|
}
|
|
39
42
|
}
|
|
40
43
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarUserMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ShellbarUserMenuComponent, selector: "fd-shellbar-user-menu", inputs: { user: "user", userMenu: "userMenu", fillControlMode: "fillControlMode", placement: "placement", triggers: "triggers", closeOnEscapeKey: "closeOnEscapeKey", closeOnOutsideClick: "closeOnOutsideClick", disabled: "disabled", noArrow: "noArrow" }, outputs: { itemClicked: "itemClicked" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MenuComponent, descendants: true }], ngImport: i0, template: "<div class=\"fd-shellbar__action fd-shellbar__action--show-always\" *ngIf=\"user\">\n <div class=\"fd-user-menu\">\n <button\n fd-button\n fdType=\"transparent\"\n class=\"fd-shellbar__button fd-shellbar__button--user-menu\"\n [disabled]=\"disabled\"\n [fdMenuTrigger]=\"menu\"\n >\n <fd-avatar\n size=\"xs\"\n *ngIf=\"!user.image\"\n [colorAccent]=\"user.colorAccent\"\n [circle]=\"true\"\n label=\"{{ user.fullName }}\"\n >\n </fd-avatar>\n\n <fd-avatar\n [colorAccent]=\"user.colorAccent\"\n [circle]=\"true\"\n size=\"xs\"\n *ngIf=\"user.image\"\n image=\"{{ user.image }}\"\n ></fd-avatar>\n </button>\n\n <fd-menu\n #menu\n [triggers]=\"triggers\"\n [placement]=\"placement\"\n [fillControlMode]=\"fillControlMode\"\n [closeOnEscapeKey]=\"closeOnEscapeKey\"\n [noArrow]=\"noArrow\"\n [closeOnOutsideClick]=\"closeOnOutsideClick\"\n >\n <li fd-menu-item *ngFor=\"let item of userMenu\" (click)=\"itemClick(item, $event)\">\n <div fd-menu-interactive>\n <span fd-menu-title>{{ item.text }}</span>\n </div>\n </li>\n </fd-menu>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type:
|
|
44
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ShellbarUserMenuComponent, isStandalone: true, selector: "fd-shellbar-user-menu", inputs: { user: "user", userMenu: "userMenu", fillControlMode: "fillControlMode", placement: "placement", triggers: "triggers", closeOnEscapeKey: "closeOnEscapeKey", closeOnOutsideClick: "closeOnOutsideClick", disabled: "disabled", noArrow: "noArrow" }, outputs: { itemClicked: "itemClicked" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MenuComponent, descendants: true }], ngImport: i0, template: "<div class=\"fd-shellbar__action fd-shellbar__action--show-always\" *ngIf=\"user\">\n <div class=\"fd-user-menu\">\n <button\n fd-button\n fdType=\"transparent\"\n class=\"fd-shellbar__button fd-shellbar__button--user-menu\"\n [disabled]=\"disabled\"\n [fdMenuTrigger]=\"menu\"\n >\n <fd-avatar\n size=\"xs\"\n *ngIf=\"!user.image\"\n [colorAccent]=\"user.colorAccent\"\n [circle]=\"true\"\n label=\"{{ user.fullName }}\"\n >\n </fd-avatar>\n\n <fd-avatar\n [colorAccent]=\"user.colorAccent\"\n [circle]=\"true\"\n size=\"xs\"\n *ngIf=\"user.image\"\n image=\"{{ user.image }}\"\n ></fd-avatar>\n </button>\n\n <fd-menu\n #menu\n [triggers]=\"triggers\"\n [placement]=\"placement\"\n [fillControlMode]=\"fillControlMode\"\n [closeOnEscapeKey]=\"closeOnEscapeKey\"\n [noArrow]=\"noArrow\"\n [closeOnOutsideClick]=\"closeOnOutsideClick\"\n >\n <li fd-menu-item *ngFor=\"let item of userMenu\" (click)=\"itemClick(item, $event)\">\n <div fd-menu-interactive>\n <span fd-menu-title>{{ item.text }}</span>\n </div>\n </li>\n </fd-menu>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "ngmodule", type: MenuModule }, { kind: "component", type: i2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "tabbableScrollbar", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i2.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i3.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
42
45
|
}
|
|
43
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ShellbarUserMenuComponent, decorators: [{
|
|
44
47
|
type: Component,
|
|
45
|
-
args: [{ selector: 'fd-shellbar-user-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-shellbar__action fd-shellbar__action--show-always\" *ngIf=\"user\">\n <div class=\"fd-user-menu\">\n <button\n fd-button\n fdType=\"transparent\"\n class=\"fd-shellbar__button fd-shellbar__button--user-menu\"\n [disabled]=\"disabled\"\n [fdMenuTrigger]=\"menu\"\n >\n <fd-avatar\n size=\"xs\"\n *ngIf=\"!user.image\"\n [colorAccent]=\"user.colorAccent\"\n [circle]=\"true\"\n label=\"{{ user.fullName }}\"\n >\n </fd-avatar>\n\n <fd-avatar\n [colorAccent]=\"user.colorAccent\"\n [circle]=\"true\"\n size=\"xs\"\n *ngIf=\"user.image\"\n image=\"{{ user.image }}\"\n ></fd-avatar>\n </button>\n\n <fd-menu\n #menu\n [triggers]=\"triggers\"\n [placement]=\"placement\"\n [fillControlMode]=\"fillControlMode\"\n [closeOnEscapeKey]=\"closeOnEscapeKey\"\n [noArrow]=\"noArrow\"\n [closeOnOutsideClick]=\"closeOnOutsideClick\"\n >\n <li fd-menu-item *ngFor=\"let item of userMenu\" (click)=\"itemClick(item, $event)\">\n <div fd-menu-interactive>\n <span fd-menu-title>{{ item.text }}</span>\n </div>\n </li>\n </fd-menu>\n </div>\n</div>\n" }]
|
|
48
|
+
args: [{ selector: 'fd-shellbar-user-menu', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, ButtonModule, MenuModule, AvatarModule, NgFor], template: "<div class=\"fd-shellbar__action fd-shellbar__action--show-always\" *ngIf=\"user\">\n <div class=\"fd-user-menu\">\n <button\n fd-button\n fdType=\"transparent\"\n class=\"fd-shellbar__button fd-shellbar__button--user-menu\"\n [disabled]=\"disabled\"\n [fdMenuTrigger]=\"menu\"\n >\n <fd-avatar\n size=\"xs\"\n *ngIf=\"!user.image\"\n [colorAccent]=\"user.colorAccent\"\n [circle]=\"true\"\n label=\"{{ user.fullName }}\"\n >\n </fd-avatar>\n\n <fd-avatar\n [colorAccent]=\"user.colorAccent\"\n [circle]=\"true\"\n size=\"xs\"\n *ngIf=\"user.image\"\n image=\"{{ user.image }}\"\n ></fd-avatar>\n </button>\n\n <fd-menu\n #menu\n [triggers]=\"triggers\"\n [placement]=\"placement\"\n [fillControlMode]=\"fillControlMode\"\n [closeOnEscapeKey]=\"closeOnEscapeKey\"\n [noArrow]=\"noArrow\"\n [closeOnOutsideClick]=\"closeOnOutsideClick\"\n >\n <li fd-menu-item *ngFor=\"let item of userMenu\" (click)=\"itemClick(item, $event)\">\n <div fd-menu-interactive>\n <span fd-menu-title>{{ item.text }}</span>\n </div>\n </li>\n </fd-menu>\n </div>\n</div>\n" }]
|
|
46
49
|
}], propDecorators: { user: [{
|
|
47
50
|
type: Input
|
|
48
51
|
}], userMenu: [{
|
|
@@ -67,4 +70,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
|
|
|
67
70
|
type: ViewChild,
|
|
68
71
|
args: [MenuComponent]
|
|
69
72
|
}] } });
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGxiYXItdXNlci1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3NoZWxsYmFyL3VzZXItbWVudS9zaGVsbGJhci11c2VyLW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvc2hlbGxiYXIvdXNlci1tZW51L3NoZWxsYmFyLXVzZXItbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUczRyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFHM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7QUFFOUM7OztLQUdLO0FBUUwsTUFBTSxPQUFPLHlCQUF5QjtJQVB0QztRQXlCSTttR0FDMkY7UUFFM0YsY0FBUyxHQUFjLFlBQVksQ0FBQztRQUVwQztnR0FDd0Y7UUFFeEYsYUFBUSxHQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFL0IsdUVBQXVFO1FBRXZFLHFCQUFnQixHQUFHLElBQUksQ0FBQztRQUV4QixvRkFBb0Y7UUFFcEYsd0JBQW1CLEdBQUcsSUFBSSxDQUFDO1FBRTNCLHVDQUF1QztRQUV2QyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLCtDQUErQztRQUUvQyxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBRWhCLGtDQUFrQztRQUVsQyxnQkFBVyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0tBZTlEO0lBVEc7O09BRUc7SUFDSCxTQUFTLENBQUMsSUFBc0IsRUFBRSxLQUFpQjtRQUMvQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3hCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDeEI7SUFDTCxDQUFDOzhHQTVEUSx5QkFBeUI7a0dBQXpCLHlCQUF5Qiw4WkFpRHZCLGFBQWEsZ0RDdkU1QixtK0NBNENBLDRDRHhCYyxJQUFJLDRGQUFFLFlBQVksd0tBQUUsVUFBVSx3dkJBQUUsWUFBWSxzWUFBRSxLQUFLOzsyRkFFcEQseUJBQXlCO2tCQVByQyxTQUFTOytCQUNJLHVCQUF1QixtQkFFaEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsS0FBSyxDQUFDOzhCQUs5RCxJQUFJO3NCQURILEtBQUs7Z0JBS04sUUFBUTtzQkFEUCxLQUFLO2dCQVVOLGVBQWU7c0JBRGQsS0FBSztnQkFNTixTQUFTO3NCQURSLEtBQUs7Z0JBTU4sUUFBUTtzQkFEUCxLQUFLO2dCQUtOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUtOLG1CQUFtQjtzQkFEbEIsS0FBSztnQkFLTixRQUFRO3NCQURQLEtBQUs7Z0JBS04sT0FBTztzQkFETixLQUFLO2dCQUtOLFdBQVc7c0JBRFYsTUFBTTtnQkFLUCxJQUFJO3NCQURILFNBQVM7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTaGVsbGJhclVzZXIgfSBmcm9tICcuLi9tb2RlbC9zaGVsbGJhci11c2VyJztcbmltcG9ydCB7IFNoZWxsYmFyVXNlck1lbnUgfSBmcm9tICcuLi9tb2RlbC9zaGVsbGJhci11c2VyLW1lbnUnO1xuaW1wb3J0IHsgTWVudUNvbXBvbmVudCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9tZW51JztcbmltcG9ydCB7IFBsYWNlbWVudCwgUG9wb3ZlckZpbGxNb2RlIH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL3NoYXJlZCc7XG5pbXBvcnQgeyBOdWxsYWJsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY2RrL3V0aWxzJztcbmltcG9ydCB7IEF2YXRhck1vZHVsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9hdmF0YXInO1xuaW1wb3J0IHsgTWVudU1vZHVsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9tZW51JztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9idXR0b24nO1xuaW1wb3J0IHsgTmdJZiwgTmdGb3IgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG4vKipcbiAqIFRoaXMgQ29tcG9uZW50IGV4dGVuZHMgcG9wb3ZlciBjb21wb25lbnQgYW5kIHBhc3NlcyBhbGwgdGhlIG9wdGlvbnMgYW5kIGV2ZW50cyBmcm9tIG91dHNpZGUgdG8gcG9wb3ZlciBjb21wb25lbnRcbiAqIGFuZCBWaWNlIFZlcnNhXG4gKiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZC1zaGVsbGJhci11c2VyLW1lbnUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaGVsbGJhci11c2VyLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW05nSWYsIEJ1dHRvbk1vZHVsZSwgTWVudU1vZHVsZSwgQXZhdGFyTW9kdWxlLCBOZ0Zvcl1cbn0pXG5leHBvcnQgY2xhc3MgU2hlbGxiYXJVc2VyTWVudUNvbXBvbmVudCB7XG4gICAgLyoqIFRoZSB1c2VyIGRhdGEuICovXG4gICAgQElucHV0KClcbiAgICB1c2VyOiBTaGVsbGJhclVzZXI7XG5cbiAgICAvKiogVGhlIHVzZXIgbWVudSBkYXRhLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgdXNlck1lbnU6IFNoZWxsYmFyVXNlck1lbnVbXTtcblxuICAgIC8qKlxuICAgICAqIFByZXNldCBvcHRpb25zIGZvciB0aGUgcG9wb3ZlciBib2R5IHdpZHRoLlxuICAgICAqICogYGF0LWxlYXN0YCB3aWxsIGFwcGx5IGEgbWluaW11bSB3aWR0aCB0byB0aGUgYm9keSBlcXVpdmFsZW50IHRvIHRoZSB3aWR0aCBvZiB0aGUgY29udHJvbC5cbiAgICAgKiAqIGBlcXVhbGAgd2lsbCBhcHBseSBhIHdpZHRoIHRvIHRoZSBib2R5IGVxdWl2YWxlbnQgdG8gdGhlIHdpZHRoIG9mIHRoZSBjb250cm9sLlxuICAgICAqICogTGVhdmUgYmxhbmsgZm9yIG5vIGVmZmVjdC5cbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIGZpbGxDb250cm9sTW9kZTogTnVsbGFibGU8UG9wb3ZlckZpbGxNb2RlPjtcblxuICAgIC8qKiBUaGUgcGxhY2VtZW50IG9mIHRoZSBwb3BvdmVyLiBJdCBjYW4gYmUgb25lIG9mOiB0b3AsIHRvcC1zdGFydCwgdG9wLWVuZCwgYm90dG9tLFxuICAgICAqICBib3R0b20tc3RhcnQsIGJvdHRvbS1lbmQsIHJpZ2h0LCByaWdodC1zdGFydCwgcmlnaHQtZW5kLCBsZWZ0LCBsZWZ0LXN0YXJ0LCBsZWZ0LWVuZC4gKi9cbiAgICBASW5wdXQoKVxuICAgIHBsYWNlbWVudDogUGxhY2VtZW50ID0gJ2JvdHRvbS1lbmQnO1xuXG4gICAgLyoqIFRoZSB0cmlnZ2VyIGV2ZW50cyB0aGF0IHdpbGwgb3Blbi9jbG9zZSB0aGUgcG9wb3Zlci5cbiAgICAgKiAgQWNjZXB0cyBhbnkgW0hUTUwgRE9NIEV2ZW50c10oaHR0cHM6Ly93d3cudzNzY2hvb2xzLmNvbS9qc3JlZi9kb21fb2JqX2V2ZW50LmFzcCkuICovXG4gICAgQElucHV0KClcbiAgICB0cmlnZ2Vyczogc3RyaW5nW10gPSBbJ2NsaWNrJ107XG5cbiAgICAvKiogV2hldGhlciB0aGUgcG9wb3ZlciBzaG91bGQgY2xvc2Ugd2hlbiB0aGUgZXNjYXBlIGtleSBpcyBwcmVzc2VkLiAqL1xuICAgIEBJbnB1dCgpXG4gICAgY2xvc2VPbkVzY2FwZUtleSA9IHRydWU7XG5cbiAgICAvKiogV2hldGhlciB0aGUgcG9wb3ZlciBzaG91bGQgY2xvc2Ugd2hlbiBhIGNsaWNrIGlzIG1hZGUgb3V0c2lkZSBpdHMgYm91bmRhcmllcy4gKi9cbiAgICBASW5wdXQoKVxuICAgIGNsb3NlT25PdXRzaWRlQ2xpY2sgPSB0cnVlO1xuXG4gICAgLyoqIFdoZXRoZXIgdGhlIHBvcG92ZXIgaXMgZGlzYWJsZWQuICovXG4gICAgQElucHV0KClcbiAgICBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgLyoqIFdoZXRoZXIgb3Igbm90IHRvIHNob3cgdGhlIHBvcG92ZXIgYXJyb3cgKi9cbiAgICBASW5wdXQoKVxuICAgIG5vQXJyb3cgPSBmYWxzZTtcblxuICAgIC8qKiBFdmVudCBlbWl0dGVkIG9uIGl0ZW0gY2xpY2sgKi9cbiAgICBAT3V0cHV0KClcbiAgICBpdGVtQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gICAgLyoqIFJlZmVyZW5jZSB0byBNZW51IENvbXBvbmVudCAqL1xuICAgIEBWaWV3Q2hpbGQoTWVudUNvbXBvbmVudClcbiAgICBtZW51OiBNZW51Q29tcG9uZW50O1xuXG4gICAgLyoqXG4gICAgICogQGhpZGRlblxuICAgICAqL1xuICAgIGl0ZW1DbGljayhpdGVtOiBTaGVsbGJhclVzZXJNZW51LCBldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLml0ZW1DbGlja2VkLmVtaXQoKTtcbiAgICAgICAgaWYgKGl0ZW0uY2FsbGJhY2spIHtcbiAgICAgICAgICAgIGl0ZW0uY2FsbGJhY2soZXZlbnQpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZkLXNoZWxsYmFyX19hY3Rpb24gZmQtc2hlbGxiYXJfX2FjdGlvbi0tc2hvdy1hbHdheXNcIiAqbmdJZj1cInVzZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZmQtdXNlci1tZW51XCI+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGZkLWJ1dHRvblxuICAgICAgICAgICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgY2xhc3M9XCJmZC1zaGVsbGJhcl9fYnV0dG9uIGZkLXNoZWxsYmFyX19idXR0b24tLXVzZXItbWVudVwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgW2ZkTWVudVRyaWdnZXJdPVwibWVudVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxmZC1hdmF0YXJcbiAgICAgICAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiIXVzZXIuaW1hZ2VcIlxuICAgICAgICAgICAgICAgIFtjb2xvckFjY2VudF09XCJ1c2VyLmNvbG9yQWNjZW50XCJcbiAgICAgICAgICAgICAgICBbY2lyY2xlXT1cInRydWVcIlxuICAgICAgICAgICAgICAgIGxhYmVsPVwie3sgdXNlci5mdWxsTmFtZSB9fVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8L2ZkLWF2YXRhcj5cblxuICAgICAgICAgICAgPGZkLWF2YXRhclxuICAgICAgICAgICAgICAgIFtjb2xvckFjY2VudF09XCJ1c2VyLmNvbG9yQWNjZW50XCJcbiAgICAgICAgICAgICAgICBbY2lyY2xlXT1cInRydWVcIlxuICAgICAgICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJ1c2VyLmltYWdlXCJcbiAgICAgICAgICAgICAgICBpbWFnZT1cInt7IHVzZXIuaW1hZ2UgfX1cIlxuICAgICAgICAgICAgPjwvZmQtYXZhdGFyPlxuICAgICAgICA8L2J1dHRvbj5cblxuICAgICAgICA8ZmQtbWVudVxuICAgICAgICAgICAgI21lbnVcbiAgICAgICAgICAgIFt0cmlnZ2Vyc109XCJ0cmlnZ2Vyc1wiXG4gICAgICAgICAgICBbcGxhY2VtZW50XT1cInBsYWNlbWVudFwiXG4gICAgICAgICAgICBbZmlsbENvbnRyb2xNb2RlXT1cImZpbGxDb250cm9sTW9kZVwiXG4gICAgICAgICAgICBbY2xvc2VPbkVzY2FwZUtleV09XCJjbG9zZU9uRXNjYXBlS2V5XCJcbiAgICAgICAgICAgIFtub0Fycm93XT1cIm5vQXJyb3dcIlxuICAgICAgICAgICAgW2Nsb3NlT25PdXRzaWRlQ2xpY2tdPVwiY2xvc2VPbk91dHNpZGVDbGlja1wiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxsaSBmZC1tZW51LWl0ZW0gKm5nRm9yPVwibGV0IGl0ZW0gb2YgdXNlck1lbnVcIiAoY2xpY2spPVwiaXRlbUNsaWNrKGl0ZW0sICRldmVudClcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGZkLW1lbnUtaW50ZXJhY3RpdmU+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGZkLW1lbnUtdGl0bGU+e3sgaXRlbS50ZXh0IH19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9saT5cbiAgICAgICAgPC9mZC1tZW51PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -80,11 +80,11 @@ export class SideNavigationComponent {
|
|
|
80
80
|
return lists;
|
|
81
81
|
}
|
|
82
82
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SideNavigationComponent, deps: [{ token: i1.NestedListKeyboardService }, { token: i1.NestedListStateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
83
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SideNavigationComponent, selector: "fd-side-nav", inputs: { sideNavigationConfiguration: "sideNavigationConfiguration", condensed: "condensed", collapseWidth: "collapseWidth", selectable: "selectable" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.fd-side-nav--condensed": "this.condensed" } }, providers: [NestedListKeyboardService, NestedListStateService], queries: [{ propertyName: "sideNavUtility", first: true, predicate: SideNavigationUtilityDirective, descendants: true }, { propertyName: "sideNavMain", first: true, predicate: SideNavigationMainDirective, descendants: true }], viewQueries: [{ propertyName: "preparedNestedList", predicate: PreparedNestedListComponent, descendants: true }], ngImport: i0, template: "<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-content></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <div fd-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n <div fd-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-nested-list{--fdNestedList_Link_Height:2.75rem;--fdNestedList_Title_Font_Size:var(--sapFontLargeSize);--fdNestedList_Icon_Font_Size:var(--sapFontHeader4Size);--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:0;-webkit-box-sizing:border-box;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0;width:100%}.fd-nested-list:after,.fd-nested-list:before{box-sizing:inherit;font-size:inherit}.fd-nested-list [class*=level]{border-bottom:none}.fd-nested-list [class*=level] .fd-nested-list__content,.fd-nested-list [class*=level] .fd-nested-list__link{border-top:none}.fd-nested-list .fd-nested-list__content,.fd-nested-list .fd-nested-list__link{border-bottom:none;padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .fd-nested-list__content.is-selected,.fd-nested-list .fd-nested-list__content[aria-selected=true],.fd-nested-list .fd-nested-list__link.is-selected,.fd-nested-list .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .fd-nested-list__content.has-child,.fd-nested-list .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[dir=rtl] .level-2,[dir=rtl] .fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list[dir=rtl] .level-3,[dir=rtl] .fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list[dir=rtl] .level-4,[dir=rtl] .fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list[dir=rtl] .level-5,[dir=rtl] .fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list[dir=rtl] .level-6,[dir=rtl] .fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list[dir=rtl] .level-7,[dir=rtl] .fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list[dir=rtl] .level-8,[dir=rtl] .fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list[dir=rtl] .level-9,[dir=rtl] .fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list[dir=rtl] .level-10,[dir=rtl] .fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[aria-hidden=true]{display:none}.fd-nested-list--popover{border-bottom:none}.fd-nested-list--popover .fd-nested-list__group-header{border-bottom:none;border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:first-child,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link{border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:last-child,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-left-radius:var(--fdNested_List_Border_Corner_Radius);border-bottom-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list__item{-webkit-box-sizing:border-box;background:var(--sapList_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdVerticalNav_Text_Shadow)}.fd-nested-list__item:after,.fd-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list__item:first-child .fd-nested-list__link{border-top:none}.fd-nested-list__content,.fd-nested-list__link{-webkit-box-sizing:border-box;align-items:center;border:0;border-top: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;forced-color-adjust:none;height:var(--fdNestedList_Link_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-decoration:none;width:100%}.fd-nested-list__content:after,.fd-nested-list__content:before,.fd-nested-list__link:after,.fd-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__content.is-hover,.fd-nested-list__content.is-hover .fd-nested-list__button,.fd-nested-list__content:hover,.fd-nested-list__content:hover .fd-nested-list__button,.fd-nested-list__link.is-hover,.fd-nested-list__link.is-hover .fd-nested-list__button,.fd-nested-list__link:hover,.fd-nested-list__link:hover .fd-nested-list__button{background:var(--sapList_Hover_Background)}.fd-nested-list__content.is-focus,.fd-nested-list__content:focus,.fd-nested-list__link.is-focus,.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.is-selected,.fd-nested-list__content[aria-selected=true],.fd-nested-list__link.is-selected,.fd-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-nested-list__content.is-selected .fd-nested-list__button,.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-selected .fd-nested-list__button,.fd-nested-list__link[aria-selected=true] .fd-nested-list__button{background:var(--sapList_SelectionBackgroundColor)}.fd-nested-list__content.is-selected.is-hover,.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__content.is-selected:hover,.fd-nested-list__content.is-selected:hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true].is-hover,.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true]:hover,.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,.fd-nested-list__link.is-selected.is-hover,.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__link.is-selected:hover,.fd-nested-list__link.is-selected:hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true].is-hover,.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true]:hover,.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button{background:var(--sapList_Hover_SelectionBackground)}.fd-nested-list__content.is-active,.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active.is-selected,.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,.fd-nested-list__content.is-active[aria-selected=true],.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__content:active,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active.is-selected,.fd-nested-list__content:active.is-selected .fd-nested-list__button,.fd-nested-list__content:active[aria-selected=true],.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-active,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active.is-selected,.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,.fd-nested-list__link.is-active[aria-selected=true],.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link:active,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active.is-selected,.fd-nested-list__link:active.is-selected .fd-nested-list__button,.fd-nested-list__link:active[aria-selected=true],.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button{background:var(--sapList_Active_Background)}.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active .fd-nested-list__icon,.fd-nested-list__content.is-active .fd-nested-list__title,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active .fd-nested-list__icon,.fd-nested-list__content:active .fd-nested-list__title,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active .fd-nested-list__icon,.fd-nested-list__link.is-active .fd-nested-list__title,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active .fd-nested-list__icon,.fd-nested-list__link:active .fd-nested-list__title{color:var(--sapList_Active_TextColor)}.fd-nested-list__content.has-child,.fd-nested-list__link.has-child{justify-content:space-between;padding:0}.fd-nested-list__content.has-child>.fd-nested-list__item,.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__item,.fd-nested-list__link.has-child>.fd-nested-list__link{border:none}.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__link{background:transparent;border:none;height:100%}.fd-nested-list__content.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__content.has-child>.fd-nested-list__link:focus,.fd-nested-list__link.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__link.has-child>.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-right:0}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,[dir=rtl] .fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-left:0}.fd-nested-list__link{cursor:pointer}.fd-nested-list__button.fd-button{background:none;border:none;color:var(--sapContent_IconColor);height:100%;max-height:100%;min-height:100%;min-width:2.5rem;outline:none;text-decoration:none}.fd-nested-list__button.fd-button [class*=sap-icon],.fd-nested-list__button.fd-button[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapList_TextColor);font-size:inherit;font-size:var(--fdNestedList_Icon_Font_Size);justify-content:center;line-height:1;min-width:2.75rem}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon],.fd-nested-list__title{align-items:center;display:flex;height:100%}.fd-nested-list__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(--fdNestedList_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 1rem 0 0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-nested-list__title:after,.fd-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__title:first-child{padding-left:2.75rem}.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__title{padding-left:1rem;padding-right:0;text-align:right}.fd-nested-list__title[dir=rtl]:first-child,[dir=rtl] .fd-nested-list__title:first-child{padding-left:0;padding-right:2.75rem}.fd-nested-list__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-nested-list__group-header:after,.fd-nested-list__group-header:before{box-sizing:inherit;font-size:inherit}.fd-nested-list--no-border .fd-nested-list__group-header,.fd-nested-list--no-border .fd-nested-list__item,.fd-nested-list--no-border .fd-nested-list__link{border-top:none}.fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:1rem}.fd-nested-list--text-only .fd-nested-list__content.has-child,.fd-nested-list--text-only .fd-nested-list__link.has-child{padding:0}.fd-nested-list--text-only .fd-nested-list__title:first-child{padding-left:0}.fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:2rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:3rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:4rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:5rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:6rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:7rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:8rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:9rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:10rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only[dir=rtl],[dir=rtl] .fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:1rem}.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child{padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-2,[dir=rtl] .fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2rem}.fd-nested-list--text-only[dir=rtl].level-2,[dir=rtl] .fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list--text-only[dir=rtl] .level-3,[dir=rtl] .fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3rem}.fd-nested-list--text-only[dir=rtl].level-3,[dir=rtl] .fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list--text-only[dir=rtl] .level-4,[dir=rtl] .fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4rem}.fd-nested-list--text-only[dir=rtl].level-4,[dir=rtl] .fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list--text-only[dir=rtl] .level-5,[dir=rtl] .fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5rem}.fd-nested-list--text-only[dir=rtl].level-5,[dir=rtl] .fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list--text-only[dir=rtl] .level-6,[dir=rtl] .fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6rem}.fd-nested-list--text-only[dir=rtl].level-6,[dir=rtl] .fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list--text-only[dir=rtl] .level-7,[dir=rtl] .fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7rem}.fd-nested-list--text-only[dir=rtl].level-7,[dir=rtl] .fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list--text-only[dir=rtl] .level-8,[dir=rtl] .fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8rem}.fd-nested-list--text-only[dir=rtl].level-8,[dir=rtl] .fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list--text-only[dir=rtl] .level-9,[dir=rtl] .fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9rem}.fd-nested-list--text-only[dir=rtl].level-9,[dir=rtl] .fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list--text-only[dir=rtl] .level-10,[dir=rtl] .fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10rem}.fd-nested-list--text-only[dir=rtl].level-10,[dir=rtl] .fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[class*=-compact],[class*=-compact] .fd-nested-list:not([class*=-cozy]){--fdNestedList_Link_Height:2rem;--fdNestedList_Title_Font_Size:var(--sapFontSize);--fdNestedList_Icon_Font_Size:var(--sapFontLargeSize)}.fd-side-nav{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapList_Background);border:0;border-right:var(--sapList_BorderWidth) solid;border-right-color:var(--sapGroup_ContentBorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdSideNav_Text_Shadow);width:15rem}.fd-side-nav:after,.fd-side-nav:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link{-webkit-box-sizing:border-box;clip:rect(0 0 0 0);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1px;line-height:var(--sapContent_LineHeight);margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fd-side-nav__skip-link:after,.fd-side-nav__skip-link:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link:focus{-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);height:auto;line-height:inherit;padding:0 .0625rem;position:static;text-decoration:var(--fdLink_Text_Decoration, none);text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in;width:auto}.fd-side-nav__skip-link:focus__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-side-nav__skip-link:focus--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-side-nav__skip-link:focus--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-side-nav__skip-link:focus--emphasized{font-weight:700}.fd-side-nav__skip-link:focus:visited{color:var(--sapLink_Visited_Color)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{color:var(--sapLink_Hover_Color)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus: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);z-index:5}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{color:var(--sapLink_Active_Color)}.fd-side-nav__skip-link:focus.is-active.is-focus,.fd-side-nav__skip-link:focus.is-active:focus,.fd-side-nav__skip-link:focus:active.is-focus,.fd-side-nav__skip-link:focus:active:focus{background-color:transparent;z-index:5}.fd-side-nav__skip-link:focus--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-side-nav__skip-link:focus--inverted.is-hover,.fd-side-nav__skip-link:focus--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-side-nav__skip-link:focus--inverted.is-focus,.fd-side-nav__skip-link:focus--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-side-nav__skip-link:focus--subtle{color:var(--sapLink_SubtleColor)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-side-nav__skip-link:focus>img{vertical-align:bottom}.fd-side-nav__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-side-nav__group-header:after,.fd-side-nav__group-header:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__main-navigation{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-side-nav__main-navigation:after,.fd-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:3rem 0 0;padding:0}.fd-side-nav__utility:after,.fd-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility:before{border-top:.125rem solid;border-top-color:var(--sapList_GroupHeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem}.fd-side-nav--condensed{width:2.75rem}.fd-side-nav--condensed .fd-nested-list__button,.fd-side-nav--condensed .fd-nested-list__group-header,.fd-side-nav--condensed .fd-nested-list__title{display:none}.fd-side-nav--condensed .fd-nested-list__content,.fd-side-nav--condensed .fd-nested-list__link{border-bottom:none;text-shadow:var(--fdSideNav_Text_Shadow)}.fd-side-nav--condensed .fd-nested-list__content.is-selected,.fd-side-nav--condensed .fd-nested-list__content[aria-selected=true],.fd-side-nav--condensed .fd-nested-list__link.is-selected,.fd-side-nav--condensed .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-side-nav--condensed .fd-nested-list__content.has-child,.fd-side-nav--condensed .fd-nested-list__link.has-child{position:relative}.fd-side-nav--condensed .fd-nested-list__content.has-child:after,.fd-side-nav--condensed .fd-nested-list__link.has-child:after{border-color:transparent var(--sapContent_IconColor) transparent transparent;border-style:solid;border-width:.375rem .375rem 0 0;bottom:0;content:\"\";margin-bottom:.0625rem;margin-right:.125rem;min-height:0;min-width:0;position:absolute;right:0}.fd-side-nav .fd-nested-list__icon,.fd-side-nav .fd-nested-list__link.has-child:after{color:var(--sapContent_IconColor)}.fd-side-nav .fd-nested-list__link.has-child:active:after{color:var(--sapList_Active_TextColor)}.fd-side-nav[dir=rtl],[dir=rtl] .fd-side-nav{border-left:var(--sapList_BorderWidth) solid;border-left-color:var(--sapGroup_ContentBorderColor);border-right:none}.fd-side-nav[dir=rtl].fd-side-nav--condensed,[dir=rtl] .fd-side-nav.fd-side-nav--condensed{width:2.75rem}.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after{-webkit-transform:rotate(90deg);left:0;margin-left:.125rem;margin-right:0;right:auto;transform:rotate(90deg)}.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link{padding-left:1rem;padding-right:1rem}.fd-nested-list__item{display:block}.fd-nested-list__item .fd-nested-list__link{cursor:pointer}.fd-nested-list__item .fd-nested-list__content .fd-nested-list__button.fd-button{background:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.PreparedNestedListComponent, selector: "fd-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "directive", type: i3.SideNavigationMainDirective, selector: "[fdSideNavigationMain], [fd-side-nav-main]" }, { kind: "directive", type: i4.SideNavigationUtilityDirective, selector: "[fdSideNavigationUtility], [fd-side-nav-utility]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
83
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: SideNavigationComponent, selector: "fd-side-nav", inputs: { sideNavigationConfiguration: "sideNavigationConfiguration", condensed: "condensed", collapseWidth: "collapseWidth", selectable: "selectable" }, host: { listeners: { "window:resize": "onResize()" }, properties: { "class.fd-side-nav--condensed": "this.condensed" } }, providers: [NestedListKeyboardService, NestedListStateService], queries: [{ propertyName: "sideNavUtility", first: true, predicate: SideNavigationUtilityDirective, descendants: true }, { propertyName: "sideNavMain", first: true, predicate: SideNavigationMainDirective, descendants: true }], viewQueries: [{ propertyName: "preparedNestedList", predicate: PreparedNestedListComponent, descendants: true }], ngImport: i0, template: "<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-content></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <div fd-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n <div fd-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2-rc.6\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-nested-list{--fdNestedList_Link_Height:2.75rem;--fdNestedList_Title_Font_Size:var(--sapFontLargeSize);--fdNestedList_Icon_Font_Size:var(--sapFontHeader4Size);--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:0;-webkit-box-sizing:border-box;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0;width:100%}.fd-nested-list:after,.fd-nested-list:before{box-sizing:inherit;font-size:inherit}.fd-nested-list [class*=level]{border-bottom:none}.fd-nested-list [class*=level] .fd-nested-list__content,.fd-nested-list [class*=level] .fd-nested-list__link{border-top:none}.fd-nested-list .fd-nested-list__content,.fd-nested-list .fd-nested-list__link{border-bottom:none;padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .fd-nested-list__content.is-selected,.fd-nested-list .fd-nested-list__content[aria-selected=true],.fd-nested-list .fd-nested-list__link.is-selected,.fd-nested-list .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .fd-nested-list__content.has-child,.fd-nested-list .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[dir=rtl] .level-2,[dir=rtl] .fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list[dir=rtl] .level-3,[dir=rtl] .fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list[dir=rtl] .level-4,[dir=rtl] .fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list[dir=rtl] .level-5,[dir=rtl] .fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list[dir=rtl] .level-6,[dir=rtl] .fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list[dir=rtl] .level-7,[dir=rtl] .fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list[dir=rtl] .level-8,[dir=rtl] .fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list[dir=rtl] .level-9,[dir=rtl] .fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list[dir=rtl] .level-10,[dir=rtl] .fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[aria-hidden=true]{display:none}.fd-nested-list--popover{border-bottom:none}.fd-nested-list--popover .fd-nested-list__group-header{border-bottom:none;border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:first-child,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link{border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:last-child,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-left-radius:var(--fdNested_List_Border_Corner_Radius);border-bottom-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list__item{-webkit-box-sizing:border-box;background:var(--sapList_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdVerticalNav_Text_Shadow)}.fd-nested-list__item:after,.fd-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list__item:first-child .fd-nested-list__link{border-top:none}.fd-nested-list__content,.fd-nested-list__link{-webkit-box-sizing:border-box;align-items:center;border:0;border-top: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;forced-color-adjust:none;height:var(--fdNestedList_Link_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-decoration:none;width:100%}.fd-nested-list__content:after,.fd-nested-list__content:before,.fd-nested-list__link:after,.fd-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__content.is-hover,.fd-nested-list__content.is-hover .fd-nested-list__button,.fd-nested-list__content:hover,.fd-nested-list__content:hover .fd-nested-list__button,.fd-nested-list__link.is-hover,.fd-nested-list__link.is-hover .fd-nested-list__button,.fd-nested-list__link:hover,.fd-nested-list__link:hover .fd-nested-list__button{background:var(--sapList_Hover_Background)}.fd-nested-list__content.is-focus,.fd-nested-list__content:focus,.fd-nested-list__link.is-focus,.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.is-selected,.fd-nested-list__content[aria-selected=true],.fd-nested-list__link.is-selected,.fd-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-nested-list__content.is-selected .fd-nested-list__button,.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-selected .fd-nested-list__button,.fd-nested-list__link[aria-selected=true] .fd-nested-list__button{background:var(--sapList_SelectionBackgroundColor)}.fd-nested-list__content.is-selected.is-hover,.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__content.is-selected:hover,.fd-nested-list__content.is-selected:hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true].is-hover,.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true]:hover,.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,.fd-nested-list__link.is-selected.is-hover,.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__link.is-selected:hover,.fd-nested-list__link.is-selected:hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true].is-hover,.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true]:hover,.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button{background:var(--sapList_Hover_SelectionBackground)}.fd-nested-list__content.is-active,.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active.is-selected,.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,.fd-nested-list__content.is-active[aria-selected=true],.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__content:active,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active.is-selected,.fd-nested-list__content:active.is-selected .fd-nested-list__button,.fd-nested-list__content:active[aria-selected=true],.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-active,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active.is-selected,.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,.fd-nested-list__link.is-active[aria-selected=true],.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link:active,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active.is-selected,.fd-nested-list__link:active.is-selected .fd-nested-list__button,.fd-nested-list__link:active[aria-selected=true],.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button{background:var(--sapList_Active_Background)}.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active .fd-nested-list__icon,.fd-nested-list__content.is-active .fd-nested-list__title,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active .fd-nested-list__icon,.fd-nested-list__content:active .fd-nested-list__title,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active .fd-nested-list__icon,.fd-nested-list__link.is-active .fd-nested-list__title,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active .fd-nested-list__icon,.fd-nested-list__link:active .fd-nested-list__title{color:var(--sapList_Active_TextColor)}.fd-nested-list__content.has-child,.fd-nested-list__link.has-child{justify-content:space-between;padding:0}.fd-nested-list__content.has-child>.fd-nested-list__item,.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__item,.fd-nested-list__link.has-child>.fd-nested-list__link{border:none}.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__link{background:transparent;border:none;height:100%}.fd-nested-list__content.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__content.has-child>.fd-nested-list__link:focus,.fd-nested-list__link.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__link.has-child>.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-right:0}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,[dir=rtl] .fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-left:0}.fd-nested-list__link{cursor:pointer}.fd-nested-list__button.fd-button{background:none;border:none;color:var(--sapContent_IconColor);height:100%;max-height:100%;min-height:100%;min-width:2.5rem;outline:none;text-decoration:none}.fd-nested-list__button.fd-button [class*=sap-icon],.fd-nested-list__button.fd-button[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapList_TextColor);font-size:inherit;font-size:var(--fdNestedList_Icon_Font_Size);justify-content:center;line-height:1;min-width:2.75rem}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon],.fd-nested-list__title{align-items:center;display:flex;height:100%}.fd-nested-list__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(--fdNestedList_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 1rem 0 0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-nested-list__title:after,.fd-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__title:first-child{padding-left:2.75rem}.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__title{padding-left:1rem;padding-right:0;text-align:right}.fd-nested-list__title[dir=rtl]:first-child,[dir=rtl] .fd-nested-list__title:first-child{padding-left:0;padding-right:2.75rem}.fd-nested-list__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-nested-list__group-header:after,.fd-nested-list__group-header:before{box-sizing:inherit;font-size:inherit}.fd-nested-list--no-border .fd-nested-list__group-header,.fd-nested-list--no-border .fd-nested-list__item,.fd-nested-list--no-border .fd-nested-list__link{border-top:none}.fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:1rem}.fd-nested-list--text-only .fd-nested-list__content.has-child,.fd-nested-list--text-only .fd-nested-list__link.has-child{padding:0}.fd-nested-list--text-only .fd-nested-list__title:first-child{padding-left:0}.fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:2rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:3rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:4rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:5rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:6rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:7rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:8rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:9rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:10rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only[dir=rtl],[dir=rtl] .fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:1rem}.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child{padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-2,[dir=rtl] .fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2rem}.fd-nested-list--text-only[dir=rtl].level-2,[dir=rtl] .fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list--text-only[dir=rtl] .level-3,[dir=rtl] .fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3rem}.fd-nested-list--text-only[dir=rtl].level-3,[dir=rtl] .fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list--text-only[dir=rtl] .level-4,[dir=rtl] .fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4rem}.fd-nested-list--text-only[dir=rtl].level-4,[dir=rtl] .fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list--text-only[dir=rtl] .level-5,[dir=rtl] .fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5rem}.fd-nested-list--text-only[dir=rtl].level-5,[dir=rtl] .fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list--text-only[dir=rtl] .level-6,[dir=rtl] .fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6rem}.fd-nested-list--text-only[dir=rtl].level-6,[dir=rtl] .fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list--text-only[dir=rtl] .level-7,[dir=rtl] .fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7rem}.fd-nested-list--text-only[dir=rtl].level-7,[dir=rtl] .fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list--text-only[dir=rtl] .level-8,[dir=rtl] .fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8rem}.fd-nested-list--text-only[dir=rtl].level-8,[dir=rtl] .fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list--text-only[dir=rtl] .level-9,[dir=rtl] .fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9rem}.fd-nested-list--text-only[dir=rtl].level-9,[dir=rtl] .fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list--text-only[dir=rtl] .level-10,[dir=rtl] .fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10rem}.fd-nested-list--text-only[dir=rtl].level-10,[dir=rtl] .fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[class*=-compact],[class*=-compact] .fd-nested-list:not([class*=-cozy]){--fdNestedList_Link_Height:2rem;--fdNestedList_Title_Font_Size:var(--sapFontSize);--fdNestedList_Icon_Font_Size:var(--sapFontLargeSize)}.fd-side-nav{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapList_Background);border:0;border-right:var(--sapList_BorderWidth) solid;border-right-color:var(--sapGroup_ContentBorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdSideNav_Text_Shadow);width:15rem}.fd-side-nav:after,.fd-side-nav:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link{-webkit-box-sizing:border-box;clip:rect(0 0 0 0);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1px;line-height:var(--sapContent_LineHeight);margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fd-side-nav__skip-link:after,.fd-side-nav__skip-link:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link:focus{-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);height:auto;line-height:inherit;position:static;text-decoration:var(--fdLink_Text_Decoration, none);text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in;width:auto}.fd-side-nav__skip-link:focus__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-side-nav__skip-link:focus--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-side-nav__skip-link:focus--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-side-nav__skip-link:focus--emphasized{font-family:var(--sapFontBoldFamily)}.fd-side-nav__skip-link:focus:visited{color:var(--sapLink_Visited_Color)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{color:var(--sapLink_Hover_Color)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus: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);z-index:5}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{color:var(--sapLink_Active_Color)}.fd-side-nav__skip-link:focus.is-active.is-focus,.fd-side-nav__skip-link:focus.is-active:focus,.fd-side-nav__skip-link:focus:active.is-focus,.fd-side-nav__skip-link:focus:active:focus{background-color:transparent;z-index:5}.fd-side-nav__skip-link:focus--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-side-nav__skip-link:focus--inverted.is-hover,.fd-side-nav__skip-link:focus--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-side-nav__skip-link:focus--inverted.is-focus,.fd-side-nav__skip-link:focus--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-side-nav__skip-link:focus--subtle{color:var(--sapLink_SubtleColor)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-side-nav__skip-link:focus>img{vertical-align:bottom}.fd-side-nav__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-side-nav__group-header:after,.fd-side-nav__group-header:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__main-navigation{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-side-nav__main-navigation:after,.fd-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:3rem 0 0;padding:0}.fd-side-nav__utility:after,.fd-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility:before{border-top:.125rem solid;border-top-color:var(--sapList_GroupHeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem}.fd-side-nav--condensed{width:2.75rem}.fd-side-nav--condensed .fd-nested-list__button,.fd-side-nav--condensed .fd-nested-list__group-header,.fd-side-nav--condensed .fd-nested-list__title{display:none}.fd-side-nav--condensed .fd-nested-list__content,.fd-side-nav--condensed .fd-nested-list__link{border-bottom:none;text-shadow:var(--fdSideNav_Text_Shadow)}.fd-side-nav--condensed .fd-nested-list__content.is-selected,.fd-side-nav--condensed .fd-nested-list__content[aria-selected=true],.fd-side-nav--condensed .fd-nested-list__link.is-selected,.fd-side-nav--condensed .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-side-nav--condensed .fd-nested-list__content.has-child,.fd-side-nav--condensed .fd-nested-list__link.has-child{position:relative}.fd-side-nav--condensed .fd-nested-list__content.has-child:after,.fd-side-nav--condensed .fd-nested-list__link.has-child:after{border-color:transparent var(--sapContent_IconColor) transparent transparent;border-style:solid;border-width:.375rem .375rem 0 0;bottom:0;content:\"\";margin-bottom:.0625rem;margin-right:.125rem;min-height:0;min-width:0;position:absolute;right:0}.fd-side-nav .fd-nested-list__icon,.fd-side-nav .fd-nested-list__link.has-child:after{color:var(--sapContent_IconColor)}.fd-side-nav .fd-nested-list__link.has-child:active:after{color:var(--sapList_Active_TextColor)}.fd-side-nav[dir=rtl],[dir=rtl] .fd-side-nav{border-left:var(--sapList_BorderWidth) solid;border-left-color:var(--sapGroup_ContentBorderColor);border-right:none}.fd-side-nav[dir=rtl].fd-side-nav--condensed,[dir=rtl] .fd-side-nav.fd-side-nav--condensed{width:2.75rem}.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after{-webkit-transform:rotate(90deg);left:0;margin-left:.125rem;margin-right:0;right:auto;transform:rotate(90deg)}.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link{padding-left:1rem;padding-right:1rem}.fd-nested-list__item{display:block}.fd-nested-list__item .fd-nested-list__link{cursor:pointer}.fd-nested-list__item .fd-nested-list__content .fd-nested-list__button.fd-button{background:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.PreparedNestedListComponent, selector: "fd-prepared-nested-list", inputs: ["first", "condensed", "list"] }, { kind: "directive", type: i3.SideNavigationMainDirective, selector: "[fdSideNavigationMain], [fd-side-nav-main]" }, { kind: "directive", type: i4.SideNavigationUtilityDirective, selector: "[fdSideNavigationUtility], [fd-side-nav-utility]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
84
84
|
}
|
|
85
85
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SideNavigationComponent, decorators: [{
|
|
86
86
|
type: Component,
|
|
87
|
-
args: [{ selector: 'fd-side-nav', encapsulation: ViewEncapsulation.None, providers: [NestedListKeyboardService, NestedListStateService], template: "<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-content></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <div fd-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n <div fd-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-nested-list{--fdNestedList_Link_Height:2.75rem;--fdNestedList_Title_Font_Size:var(--sapFontLargeSize);--fdNestedList_Icon_Font_Size:var(--sapFontHeader4Size);--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:0;-webkit-box-sizing:border-box;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0;width:100%}.fd-nested-list:after,.fd-nested-list:before{box-sizing:inherit;font-size:inherit}.fd-nested-list [class*=level]{border-bottom:none}.fd-nested-list [class*=level] .fd-nested-list__content,.fd-nested-list [class*=level] .fd-nested-list__link{border-top:none}.fd-nested-list .fd-nested-list__content,.fd-nested-list .fd-nested-list__link{border-bottom:none;padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .fd-nested-list__content.is-selected,.fd-nested-list .fd-nested-list__content[aria-selected=true],.fd-nested-list .fd-nested-list__link.is-selected,.fd-nested-list .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .fd-nested-list__content.has-child,.fd-nested-list .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[dir=rtl] .level-2,[dir=rtl] .fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list[dir=rtl] .level-3,[dir=rtl] .fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list[dir=rtl] .level-4,[dir=rtl] .fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list[dir=rtl] .level-5,[dir=rtl] .fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list[dir=rtl] .level-6,[dir=rtl] .fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list[dir=rtl] .level-7,[dir=rtl] .fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list[dir=rtl] .level-8,[dir=rtl] .fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list[dir=rtl] .level-9,[dir=rtl] .fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list[dir=rtl] .level-10,[dir=rtl] .fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[aria-hidden=true]{display:none}.fd-nested-list--popover{border-bottom:none}.fd-nested-list--popover .fd-nested-list__group-header{border-bottom:none;border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:first-child,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link{border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:last-child,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-left-radius:var(--fdNested_List_Border_Corner_Radius);border-bottom-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list__item{-webkit-box-sizing:border-box;background:var(--sapList_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdVerticalNav_Text_Shadow)}.fd-nested-list__item:after,.fd-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list__item:first-child .fd-nested-list__link{border-top:none}.fd-nested-list__content,.fd-nested-list__link{-webkit-box-sizing:border-box;align-items:center;border:0;border-top: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;forced-color-adjust:none;height:var(--fdNestedList_Link_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-decoration:none;width:100%}.fd-nested-list__content:after,.fd-nested-list__content:before,.fd-nested-list__link:after,.fd-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__content.is-hover,.fd-nested-list__content.is-hover .fd-nested-list__button,.fd-nested-list__content:hover,.fd-nested-list__content:hover .fd-nested-list__button,.fd-nested-list__link.is-hover,.fd-nested-list__link.is-hover .fd-nested-list__button,.fd-nested-list__link:hover,.fd-nested-list__link:hover .fd-nested-list__button{background:var(--sapList_Hover_Background)}.fd-nested-list__content.is-focus,.fd-nested-list__content:focus,.fd-nested-list__link.is-focus,.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.is-selected,.fd-nested-list__content[aria-selected=true],.fd-nested-list__link.is-selected,.fd-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-nested-list__content.is-selected .fd-nested-list__button,.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-selected .fd-nested-list__button,.fd-nested-list__link[aria-selected=true] .fd-nested-list__button{background:var(--sapList_SelectionBackgroundColor)}.fd-nested-list__content.is-selected.is-hover,.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__content.is-selected:hover,.fd-nested-list__content.is-selected:hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true].is-hover,.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true]:hover,.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,.fd-nested-list__link.is-selected.is-hover,.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__link.is-selected:hover,.fd-nested-list__link.is-selected:hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true].is-hover,.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true]:hover,.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button{background:var(--sapList_Hover_SelectionBackground)}.fd-nested-list__content.is-active,.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active.is-selected,.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,.fd-nested-list__content.is-active[aria-selected=true],.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__content:active,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active.is-selected,.fd-nested-list__content:active.is-selected .fd-nested-list__button,.fd-nested-list__content:active[aria-selected=true],.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-active,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active.is-selected,.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,.fd-nested-list__link.is-active[aria-selected=true],.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link:active,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active.is-selected,.fd-nested-list__link:active.is-selected .fd-nested-list__button,.fd-nested-list__link:active[aria-selected=true],.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button{background:var(--sapList_Active_Background)}.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active .fd-nested-list__icon,.fd-nested-list__content.is-active .fd-nested-list__title,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active .fd-nested-list__icon,.fd-nested-list__content:active .fd-nested-list__title,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active .fd-nested-list__icon,.fd-nested-list__link.is-active .fd-nested-list__title,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active .fd-nested-list__icon,.fd-nested-list__link:active .fd-nested-list__title{color:var(--sapList_Active_TextColor)}.fd-nested-list__content.has-child,.fd-nested-list__link.has-child{justify-content:space-between;padding:0}.fd-nested-list__content.has-child>.fd-nested-list__item,.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__item,.fd-nested-list__link.has-child>.fd-nested-list__link{border:none}.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__link{background:transparent;border:none;height:100%}.fd-nested-list__content.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__content.has-child>.fd-nested-list__link:focus,.fd-nested-list__link.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__link.has-child>.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-right:0}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,[dir=rtl] .fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-left:0}.fd-nested-list__link{cursor:pointer}.fd-nested-list__button.fd-button{background:none;border:none;color:var(--sapContent_IconColor);height:100%;max-height:100%;min-height:100%;min-width:2.5rem;outline:none;text-decoration:none}.fd-nested-list__button.fd-button [class*=sap-icon],.fd-nested-list__button.fd-button[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapList_TextColor);font-size:inherit;font-size:var(--fdNestedList_Icon_Font_Size);justify-content:center;line-height:1;min-width:2.75rem}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon],.fd-nested-list__title{align-items:center;display:flex;height:100%}.fd-nested-list__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(--fdNestedList_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 1rem 0 0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-nested-list__title:after,.fd-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__title:first-child{padding-left:2.75rem}.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__title{padding-left:1rem;padding-right:0;text-align:right}.fd-nested-list__title[dir=rtl]:first-child,[dir=rtl] .fd-nested-list__title:first-child{padding-left:0;padding-right:2.75rem}.fd-nested-list__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-nested-list__group-header:after,.fd-nested-list__group-header:before{box-sizing:inherit;font-size:inherit}.fd-nested-list--no-border .fd-nested-list__group-header,.fd-nested-list--no-border .fd-nested-list__item,.fd-nested-list--no-border .fd-nested-list__link{border-top:none}.fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:1rem}.fd-nested-list--text-only .fd-nested-list__content.has-child,.fd-nested-list--text-only .fd-nested-list__link.has-child{padding:0}.fd-nested-list--text-only .fd-nested-list__title:first-child{padding-left:0}.fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:2rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:3rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:4rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:5rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:6rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:7rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:8rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:9rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:10rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only[dir=rtl],[dir=rtl] .fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:1rem}.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child{padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-2,[dir=rtl] .fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2rem}.fd-nested-list--text-only[dir=rtl].level-2,[dir=rtl] .fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list--text-only[dir=rtl] .level-3,[dir=rtl] .fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3rem}.fd-nested-list--text-only[dir=rtl].level-3,[dir=rtl] .fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list--text-only[dir=rtl] .level-4,[dir=rtl] .fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4rem}.fd-nested-list--text-only[dir=rtl].level-4,[dir=rtl] .fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list--text-only[dir=rtl] .level-5,[dir=rtl] .fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5rem}.fd-nested-list--text-only[dir=rtl].level-5,[dir=rtl] .fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list--text-only[dir=rtl] .level-6,[dir=rtl] .fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6rem}.fd-nested-list--text-only[dir=rtl].level-6,[dir=rtl] .fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list--text-only[dir=rtl] .level-7,[dir=rtl] .fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7rem}.fd-nested-list--text-only[dir=rtl].level-7,[dir=rtl] .fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list--text-only[dir=rtl] .level-8,[dir=rtl] .fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8rem}.fd-nested-list--text-only[dir=rtl].level-8,[dir=rtl] .fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list--text-only[dir=rtl] .level-9,[dir=rtl] .fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9rem}.fd-nested-list--text-only[dir=rtl].level-9,[dir=rtl] .fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list--text-only[dir=rtl] .level-10,[dir=rtl] .fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10rem}.fd-nested-list--text-only[dir=rtl].level-10,[dir=rtl] .fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[class*=-compact],[class*=-compact] .fd-nested-list:not([class*=-cozy]){--fdNestedList_Link_Height:2rem;--fdNestedList_Title_Font_Size:var(--sapFontSize);--fdNestedList_Icon_Font_Size:var(--sapFontLargeSize)}.fd-side-nav{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapList_Background);border:0;border-right:var(--sapList_BorderWidth) solid;border-right-color:var(--sapGroup_ContentBorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdSideNav_Text_Shadow);width:15rem}.fd-side-nav:after,.fd-side-nav:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link{-webkit-box-sizing:border-box;clip:rect(0 0 0 0);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1px;line-height:var(--sapContent_LineHeight);margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fd-side-nav__skip-link:after,.fd-side-nav__skip-link:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link:focus{-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);height:auto;line-height:inherit;padding:0 .0625rem;position:static;text-decoration:var(--fdLink_Text_Decoration, none);text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in;width:auto}.fd-side-nav__skip-link:focus__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-side-nav__skip-link:focus--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-side-nav__skip-link:focus--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-side-nav__skip-link:focus--emphasized{font-weight:700}.fd-side-nav__skip-link:focus:visited{color:var(--sapLink_Visited_Color)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{color:var(--sapLink_Hover_Color)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus: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);z-index:5}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{color:var(--sapLink_Active_Color)}.fd-side-nav__skip-link:focus.is-active.is-focus,.fd-side-nav__skip-link:focus.is-active:focus,.fd-side-nav__skip-link:focus:active.is-focus,.fd-side-nav__skip-link:focus:active:focus{background-color:transparent;z-index:5}.fd-side-nav__skip-link:focus--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-side-nav__skip-link:focus--inverted.is-hover,.fd-side-nav__skip-link:focus--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-side-nav__skip-link:focus--inverted.is-focus,.fd-side-nav__skip-link:focus--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-side-nav__skip-link:focus--subtle{color:var(--sapLink_SubtleColor)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-side-nav__skip-link:focus>img{vertical-align:bottom}.fd-side-nav__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-side-nav__group-header:after,.fd-side-nav__group-header:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__main-navigation{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-side-nav__main-navigation:after,.fd-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:3rem 0 0;padding:0}.fd-side-nav__utility:after,.fd-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility:before{border-top:.125rem solid;border-top-color:var(--sapList_GroupHeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem}.fd-side-nav--condensed{width:2.75rem}.fd-side-nav--condensed .fd-nested-list__button,.fd-side-nav--condensed .fd-nested-list__group-header,.fd-side-nav--condensed .fd-nested-list__title{display:none}.fd-side-nav--condensed .fd-nested-list__content,.fd-side-nav--condensed .fd-nested-list__link{border-bottom:none;text-shadow:var(--fdSideNav_Text_Shadow)}.fd-side-nav--condensed .fd-nested-list__content.is-selected,.fd-side-nav--condensed .fd-nested-list__content[aria-selected=true],.fd-side-nav--condensed .fd-nested-list__link.is-selected,.fd-side-nav--condensed .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-side-nav--condensed .fd-nested-list__content.has-child,.fd-side-nav--condensed .fd-nested-list__link.has-child{position:relative}.fd-side-nav--condensed .fd-nested-list__content.has-child:after,.fd-side-nav--condensed .fd-nested-list__link.has-child:after{border-color:transparent var(--sapContent_IconColor) transparent transparent;border-style:solid;border-width:.375rem .375rem 0 0;bottom:0;content:\"\";margin-bottom:.0625rem;margin-right:.125rem;min-height:0;min-width:0;position:absolute;right:0}.fd-side-nav .fd-nested-list__icon,.fd-side-nav .fd-nested-list__link.has-child:after{color:var(--sapContent_IconColor)}.fd-side-nav .fd-nested-list__link.has-child:active:after{color:var(--sapList_Active_TextColor)}.fd-side-nav[dir=rtl],[dir=rtl] .fd-side-nav{border-left:var(--sapList_BorderWidth) solid;border-left-color:var(--sapGroup_ContentBorderColor);border-right:none}.fd-side-nav[dir=rtl].fd-side-nav--condensed,[dir=rtl] .fd-side-nav.fd-side-nav--condensed{width:2.75rem}.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after{-webkit-transform:rotate(90deg);left:0;margin-left:.125rem;margin-right:0;right:auto;transform:rotate(90deg)}.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link{padding-left:1rem;padding-right:1rem}.fd-nested-list__item{display:block}.fd-nested-list__item .fd-nested-list__link{cursor:pointer}.fd-nested-list__item .fd-nested-list__content .fd-nested-list__button.fd-button{background:none}\n"] }]
|
|
87
|
+
args: [{ selector: 'fd-side-nav', encapsulation: ViewEncapsulation.None, providers: [NestedListKeyboardService, NestedListStateService], template: "<nav class=\"fd-side-nav\" [class.fd-side-nav--condensed]=\"condensed || sideNavigationConfiguration?.condensed\">\n <ng-container *ngIf=\"!sideNavigationConfiguration\">\n <ng-content></ng-content>\n </ng-container>\n <ng-container *ngIf=\"sideNavigationConfiguration\">\n <div fd-side-nav-main *ngIf=\"sideNavigationConfiguration.mainNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.mainNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n <div fd-side-nav-utility *ngIf=\"sideNavigationConfiguration.utilityNavigation\">\n <fd-prepared-nested-list\n [condensed]=\"condensed || !!sideNavigationConfiguration.condensed\"\n [first]=\"true\"\n [list]=\"sideNavigationConfiguration.utilityNavigation\"\n >\n </fd-prepared-nested-list>\n </div>\n </ng-container>\n</nav>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2-rc.6\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-nested-list{--fdNestedList_Link_Height:2.75rem;--fdNestedList_Title_Font_Size:var(--sapFontLargeSize);--fdNestedList_Icon_Font_Size:var(--sapFontHeader4Size);--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:0;-webkit-box-sizing:border-box;border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0;width:100%}.fd-nested-list:after,.fd-nested-list:before{box-sizing:inherit;font-size:inherit}.fd-nested-list [class*=level]{border-bottom:none}.fd-nested-list [class*=level] .fd-nested-list__content,.fd-nested-list [class*=level] .fd-nested-list__link{border-top:none}.fd-nested-list .fd-nested-list__content,.fd-nested-list .fd-nested-list__link{border-bottom:none;padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .fd-nested-list__content.is-selected,.fd-nested-list .fd-nested-list__content[aria-selected=true],.fd-nested-list .fd-nested-list__link.is-selected,.fd-nested-list .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor)}.fd-nested-list .fd-nested-list__content.has-child,.fd-nested-list .fd-nested-list__link.has-child{padding-left:0;padding-right:0}.fd-nested-list .fd-nested-list__content.has-child>.fd-nested-list__title{padding-left:var(--fdNestedList_Item_Padding_Left);padding-right:var(--fdNestedList_Item_Padding_Right)}.fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list[dir=rtl] .level-2,[dir=rtl] .fd-nested-list .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list[dir=rtl] .level-3,[dir=rtl] .fd-nested-list .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list[dir=rtl] .level-4,[dir=rtl] .fd-nested-list .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list[dir=rtl] .level-5,[dir=rtl] .fd-nested-list .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list[dir=rtl] .level-6,[dir=rtl] .fd-nested-list .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list[dir=rtl] .level-7,[dir=rtl] .fd-nested-list .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list[dir=rtl] .level-8,[dir=rtl] .fd-nested-list .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list[dir=rtl] .level-9,[dir=rtl] .fd-nested-list .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list[dir=rtl] .level-10,[dir=rtl] .fd-nested-list .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[aria-hidden=true]{display:none}.fd-nested-list--popover{border-bottom:none}.fd-nested-list--popover .fd-nested-list__group-header{border-bottom:none;border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:first-child,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:first-child .fd-nested-list__link{border-top-left-radius:var(--fdNested_List_Border_Corner_Radius);border-top-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list--popover .fd-nested-list__item:last-child,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__content,.fd-nested-list--popover .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-left-radius:var(--fdNested_List_Border_Corner_Radius);border-bottom-right-radius:var(--fdNested_List_Border_Corner_Radius)}.fd-nested-list__item{-webkit-box-sizing:border-box;background:var(--sapList_Background);border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdVerticalNav_Text_Shadow)}.fd-nested-list__item:after,.fd-nested-list__item:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__item:first-child .fd-nested-list__content,.fd-nested-list__item:first-child .fd-nested-list__link{border-top:none}.fd-nested-list__content,.fd-nested-list__link{-webkit-box-sizing:border-box;align-items:center;border:0;border-top: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;forced-color-adjust:none;height:var(--fdNestedList_Link_Height);line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-decoration:none;width:100%}.fd-nested-list__content:after,.fd-nested-list__content:before,.fd-nested-list__link:after,.fd-nested-list__link:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__content.is-hover,.fd-nested-list__content.is-hover .fd-nested-list__button,.fd-nested-list__content:hover,.fd-nested-list__content:hover .fd-nested-list__button,.fd-nested-list__link.is-hover,.fd-nested-list__link.is-hover .fd-nested-list__button,.fd-nested-list__link:hover,.fd-nested-list__link:hover .fd-nested-list__button{background:var(--sapList_Hover_Background)}.fd-nested-list__content.is-focus,.fd-nested-list__content:focus,.fd-nested-list__link.is-focus,.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.is-selected,.fd-nested-list__content[aria-selected=true],.fd-nested-list__link.is-selected,.fd-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-nested-list__content.is-selected .fd-nested-list__button,.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-selected .fd-nested-list__button,.fd-nested-list__link[aria-selected=true] .fd-nested-list__button{background:var(--sapList_SelectionBackgroundColor)}.fd-nested-list__content.is-selected.is-hover,.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__content.is-selected:hover,.fd-nested-list__content.is-selected:hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true].is-hover,.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__content[aria-selected=true]:hover,.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,.fd-nested-list__link.is-selected.is-hover,.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,.fd-nested-list__link.is-selected:hover,.fd-nested-list__link.is-selected:hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true].is-hover,.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,.fd-nested-list__link[aria-selected=true]:hover,.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button{background:var(--sapList_Hover_SelectionBackground)}.fd-nested-list__content.is-active,.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active.is-selected,.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,.fd-nested-list__content.is-active[aria-selected=true],.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__content:active,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active.is-selected,.fd-nested-list__content:active.is-selected .fd-nested-list__button,.fd-nested-list__content:active[aria-selected=true],.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link.is-active,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active.is-selected,.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,.fd-nested-list__link.is-active[aria-selected=true],.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,.fd-nested-list__link:active,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active.is-selected,.fd-nested-list__link:active.is-selected .fd-nested-list__button,.fd-nested-list__link:active[aria-selected=true],.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button{background:var(--sapList_Active_Background)}.fd-nested-list__content.is-active .fd-nested-list__button,.fd-nested-list__content.is-active .fd-nested-list__icon,.fd-nested-list__content.is-active .fd-nested-list__title,.fd-nested-list__content:active .fd-nested-list__button,.fd-nested-list__content:active .fd-nested-list__icon,.fd-nested-list__content:active .fd-nested-list__title,.fd-nested-list__link.is-active .fd-nested-list__button,.fd-nested-list__link.is-active .fd-nested-list__icon,.fd-nested-list__link.is-active .fd-nested-list__title,.fd-nested-list__link:active .fd-nested-list__button,.fd-nested-list__link:active .fd-nested-list__icon,.fd-nested-list__link:active .fd-nested-list__title{color:var(--sapList_Active_TextColor)}.fd-nested-list__content.has-child,.fd-nested-list__link.has-child{justify-content:space-between;padding:0}.fd-nested-list__content.has-child>.fd-nested-list__item,.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__item,.fd-nested-list__link.has-child>.fd-nested-list__link{border:none}.fd-nested-list__content.has-child>.fd-nested-list__link,.fd-nested-list__link.has-child>.fd-nested-list__link{background:transparent;border:none;height:100%}.fd-nested-list__content.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__content.has-child>.fd-nested-list__link:focus,.fd-nested-list__link.has-child>.fd-nested-list__link.is-focus,.fd-nested-list__link.has-child>.fd-nested-list__link:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-right:0}.fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],.fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__content.has-child>.fd-nested-list__link>.fd-nested-list__title,[dir=rtl] .fd-nested-list__link.has-child>.fd-nested-list__link>.fd-nested-list__title{padding-left:0}.fd-nested-list__link{cursor:pointer}.fd-nested-list__button.fd-button{background:none;border:none;color:var(--sapContent_IconColor);height:100%;max-height:100%;min-height:100%;min-width:2.5rem;outline:none;text-decoration:none}.fd-nested-list__button.fd-button [class*=sap-icon],.fd-nested-list__button.fd-button[class*=sap-icon]{font-size:var(--sapFontLargeSize)}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;background:inherit;border-radius:inherit;color:inherit;color:var(--sapList_TextColor);font-size:inherit;font-size:var(--fdNestedList_Icon_Font_Size);justify-content:center;line-height:1;min-width:2.75rem}.fd-nested-list__icon [class*=sap-icon],.fd-nested-list__icon[class*=sap-icon],.fd-nested-list__title{align-items:center;display:flex;height:100%}.fd-nested-list__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(--fdNestedList_Title_Font_Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 1rem 0 0;text-overflow:ellipsis;white-space:nowrap;width:100%}.fd-nested-list__title:after,.fd-nested-list__title:before{box-sizing:inherit;font-size:inherit}.fd-nested-list__title:first-child{padding-left:2.75rem}.fd-nested-list__title[dir=rtl],[dir=rtl] .fd-nested-list__title{padding-left:1rem;padding-right:0;text-align:right}.fd-nested-list__title[dir=rtl]:first-child,[dir=rtl] .fd-nested-list__title:first-child{padding-left:0;padding-right:2.75rem}.fd-nested-list__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-nested-list__group-header:after,.fd-nested-list__group-header:before{box-sizing:inherit;font-size:inherit}.fd-nested-list--no-border .fd-nested-list__group-header,.fd-nested-list--no-border .fd-nested-list__item,.fd-nested-list--no-border .fd-nested-list__link{border-top:none}.fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:1rem}.fd-nested-list--text-only .fd-nested-list__content.has-child,.fd-nested-list--text-only .fd-nested-list__link.has-child{padding:0}.fd-nested-list--text-only .fd-nested-list__title:first-child{padding-left:0}.fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:2rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:2.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:3rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:3.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:4rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:4.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:5rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:5.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:6rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:6.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:7rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:7.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:8rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:8.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:9rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:9.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:10rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:10.75rem;--fdNestedList_Item_Padding_Right:0}.fd-nested-list--text-only[dir=rtl],[dir=rtl] .fd-nested-list--text-only{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:1rem}.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link.has-child,.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content:not(.has-child) .fd-nested-list__title:first-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link.has-child,[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link:not(.has-child) .fd-nested-list__title:first-child{padding-right:0}.fd-nested-list--text-only[dir=rtl] .level-2,[dir=rtl] .fd-nested-list--text-only .level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2rem}.fd-nested-list--text-only[dir=rtl].level-2,[dir=rtl] .fd-nested-list--text-only.level-2{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:2.75rem}.fd-nested-list--text-only[dir=rtl] .level-3,[dir=rtl] .fd-nested-list--text-only .level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3rem}.fd-nested-list--text-only[dir=rtl].level-3,[dir=rtl] .fd-nested-list--text-only.level-3{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:3.75rem}.fd-nested-list--text-only[dir=rtl] .level-4,[dir=rtl] .fd-nested-list--text-only .level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4rem}.fd-nested-list--text-only[dir=rtl].level-4,[dir=rtl] .fd-nested-list--text-only.level-4{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:4.75rem}.fd-nested-list--text-only[dir=rtl] .level-5,[dir=rtl] .fd-nested-list--text-only .level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5rem}.fd-nested-list--text-only[dir=rtl].level-5,[dir=rtl] .fd-nested-list--text-only.level-5{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:5.75rem}.fd-nested-list--text-only[dir=rtl] .level-6,[dir=rtl] .fd-nested-list--text-only .level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6rem}.fd-nested-list--text-only[dir=rtl].level-6,[dir=rtl] .fd-nested-list--text-only.level-6{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:6.75rem}.fd-nested-list--text-only[dir=rtl] .level-7,[dir=rtl] .fd-nested-list--text-only .level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7rem}.fd-nested-list--text-only[dir=rtl].level-7,[dir=rtl] .fd-nested-list--text-only.level-7{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:7.75rem}.fd-nested-list--text-only[dir=rtl] .level-8,[dir=rtl] .fd-nested-list--text-only .level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8rem}.fd-nested-list--text-only[dir=rtl].level-8,[dir=rtl] .fd-nested-list--text-only.level-8{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:8.75rem}.fd-nested-list--text-only[dir=rtl] .level-9,[dir=rtl] .fd-nested-list--text-only .level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9rem}.fd-nested-list--text-only[dir=rtl].level-9,[dir=rtl] .fd-nested-list--text-only.level-9{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:9.75rem}.fd-nested-list--text-only[dir=rtl] .level-10,[dir=rtl] .fd-nested-list--text-only .level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10rem}.fd-nested-list--text-only[dir=rtl].level-10,[dir=rtl] .fd-nested-list--text-only.level-10{--fdNestedList_Item_Padding_Left:0;--fdNestedList_Item_Padding_Right:10.75rem}.fd-nested-list[class*=-compact],[class*=-compact] .fd-nested-list:not([class*=-cozy]){--fdNestedList_Link_Height:2rem;--fdNestedList_Title_Font_Size:var(--sapFontSize);--fdNestedList_Icon_Font_Size:var(--sapFontLargeSize)}.fd-side-nav{-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapList_Background);border:0;border-right:var(--sapList_BorderWidth) solid;border-right-color:var(--sapGroup_ContentBorderColor);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdSideNav_Text_Shadow);width:15rem}.fd-side-nav:after,.fd-side-nav:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link{-webkit-box-sizing:border-box;clip:rect(0 0 0 0);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1px;line-height:var(--sapContent_LineHeight);margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fd-side-nav__skip-link:after,.fd-side-nav__skip-link:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__skip-link:focus{-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);height:auto;line-height:inherit;position:static;text-decoration:var(--fdLink_Text_Decoration, none);text-shadow:var(--sapContent_TextShadow);transition:all .125s ease-in;width:auto}.fd-side-nav__skip-link:focus__content{-webkit-text-decoration:var(--fdLink_Text_Content_Decoration, none);text-decoration:var(--fdLink_Text_Content_Decoration, none)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)}.fd-side-nav__skip-link:focus--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-side-nav__skip-link:focus--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-side-nav__skip-link:focus--emphasized{font-family:var(--sapFontBoldFamily)}.fd-side-nav__skip-link:focus:visited{color:var(--sapLink_Visited_Color)}.fd-side-nav__skip-link:focus.is-hover,.fd-side-nav__skip-link:focus:hover{color:var(--sapLink_Hover_Color)}.fd-side-nav__skip-link:focus.is-focus,.fd-side-nav__skip-link:focus: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);z-index:5}.fd-side-nav__skip-link:focus.is-active,.fd-side-nav__skip-link:focus:active{color:var(--sapLink_Active_Color)}.fd-side-nav__skip-link:focus.is-active.is-focus,.fd-side-nav__skip-link:focus.is-active:focus,.fd-side-nav__skip-link:focus:active.is-focus,.fd-side-nav__skip-link:focus:active:focus{background-color:transparent;z-index:5}.fd-side-nav__skip-link:focus--inverted{color:var(--sapLink_InvertedColor);text-shadow:none}.fd-side-nav__skip-link:focus--inverted.is-hover,.fd-side-nav__skip-link:focus--inverted:hover{color:var(--sapLink_InvertedColor)}.fd-side-nav__skip-link:focus--inverted.is-focus,.fd-side-nav__skip-link:focus--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5}.fd-side-nav__skip-link:focus--subtle{color:var(--sapLink_SubtleColor)}.fd-side-nav__skip-link:focus.is-disabled,.fd-side-nav__skip-link:focus:disabled,.fd-side-nav__skip-link:focus[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-side-nav__skip-link:focus>img{vertical-align:bottom}.fd-side-nav__group-header{-webkit-box-sizing:border-box;align-items:flex-end;background:var(--sapList_GroupHeaderBackground);border:0;border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:2.75rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-side-nav__group-header:after,.fd-side-nav__group-header:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__main-navigation{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-side-nav__main-navigation:after,.fd-side-nav__main-navigation:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:3rem 0 0;padding:0}.fd-side-nav__utility:after,.fd-side-nav__utility:before{box-sizing:inherit;font-size:inherit}.fd-side-nav__utility:before{border-top:.125rem solid;border-top-color:var(--sapList_GroupHeaderBorderColor);content:\" \";display:block;margin:.25rem .5rem}.fd-side-nav--condensed{width:2.75rem}.fd-side-nav--condensed .fd-nested-list__button,.fd-side-nav--condensed .fd-nested-list__group-header,.fd-side-nav--condensed .fd-nested-list__title{display:none}.fd-side-nav--condensed .fd-nested-list__content,.fd-side-nav--condensed .fd-nested-list__link{border-bottom:none;text-shadow:var(--fdSideNav_Text_Shadow)}.fd-side-nav--condensed .fd-nested-list__content.is-selected,.fd-side-nav--condensed .fd-nested-list__content[aria-selected=true],.fd-side-nav--condensed .fd-nested-list__link.is-selected,.fd-side-nav--condensed .fd-nested-list__link[aria-selected=true]{border-bottom:var(--sapList_BorderWidth) solid;border-bottom-color:var(--sapList_SelectionBorderColor)}.fd-side-nav--condensed .fd-nested-list__content.has-child,.fd-side-nav--condensed .fd-nested-list__link.has-child{position:relative}.fd-side-nav--condensed .fd-nested-list__content.has-child:after,.fd-side-nav--condensed .fd-nested-list__link.has-child:after{border-color:transparent var(--sapContent_IconColor) transparent transparent;border-style:solid;border-width:.375rem .375rem 0 0;bottom:0;content:\"\";margin-bottom:.0625rem;margin-right:.125rem;min-height:0;min-width:0;position:absolute;right:0}.fd-side-nav .fd-nested-list__icon,.fd-side-nav .fd-nested-list__link.has-child:after{color:var(--sapContent_IconColor)}.fd-side-nav .fd-nested-list__link.has-child:active:after{color:var(--sapList_Active_TextColor)}.fd-side-nav[dir=rtl],[dir=rtl] .fd-side-nav{border-left:var(--sapList_BorderWidth) solid;border-left-color:var(--sapGroup_ContentBorderColor);border-right:none}.fd-side-nav[dir=rtl].fd-side-nav--condensed,[dir=rtl] .fd-side-nav.fd-side-nav--condensed{width:2.75rem}.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child:after,[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child:after{-webkit-transform:rotate(90deg);left:0;margin-left:.125rem;margin-right:0;right:auto;transform:rotate(90deg)}.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link{padding-left:1rem;padding-right:1rem}.fd-nested-list__item{display:block}.fd-nested-list__item .fd-nested-list__link{cursor:pointer}.fd-nested-list__item .fd-nested-list__content .fd-nested-list__button.fd-button{background:none}\n"] }]
|
|
88
88
|
}], ctorParameters: function () { return [{ type: i1.NestedListKeyboardService }, { type: i1.NestedListStateService }]; }, propDecorators: { sideNavigationConfiguration: [{
|
|
89
89
|
type: Input
|
|
90
90
|
}], condensed: [{
|