@fundamental-ngx/core 0.46.2-rc.2 → 0.46.2-rc.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/calendar/calendar-directives.d.ts +5 -9
- package/calendar/calendar-header/calendar-header.component.d.ts +7 -25
- package/calendar/calendar-views/calendar-aggregated-year-view/calendar-aggregated-year-view.component.d.ts +1 -20
- package/calendar/calendar-views/calendar-day-view/calendar-day-view.component.d.ts +6 -44
- package/calendar/calendar-views/calendar-month-view/calendar-month-view.component.d.ts +2 -21
- package/calendar/calendar-views/calendar-year-view/calendar-year-view.component.d.ts +3 -22
- package/calendar/calendar.component.d.ts +9 -9
- package/calendar/i18n/calendar-i18n-labels.d.ts +20 -22
- package/calendar/patch-deprecated-i18n-labels.d.ts +6 -0
- package/combobox/combobox-item.directive.d.ts +16 -0
- package/combobox/combobox.component.d.ts +11 -7
- package/combobox/combobox.interface.d.ts +4 -0
- package/combobox/combobox.module.d.ts +3 -2
- package/combobox/index.d.ts +1 -0
- package/dialog/dialog.module.d.ts +5 -4
- package/dialog/directives/dialog-template.directive.d.ts +20 -0
- package/dialog/index.d.ts +1 -0
- package/dialog/utils/dialog-config.class.d.ts +1 -0
- package/esm2022/action-bar/action-bar.component.mjs +2 -2
- package/esm2022/action-sheet/action-sheet.component.mjs +3 -3
- package/esm2022/avatar/avatar.component.mjs +2 -2
- package/esm2022/avatar-group/avatar-group.component.mjs +2 -2
- package/esm2022/bar/bar.component.mjs +2 -2
- package/esm2022/breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2022/busy-indicator/busy-indicator.component.mjs +3 -3
- package/esm2022/button/button.component.mjs +2 -2
- package/esm2022/calendar/calendar-directives.mjs +10 -18
- package/esm2022/calendar/calendar-header/calendar-header.component.mjs +30 -60
- package/esm2022/calendar/calendar-views/calendar-aggregated-year-view/calendar-aggregated-year-view.component.mjs +10 -35
- package/esm2022/calendar/calendar-views/calendar-day-view/calendar-day-view.component.mjs +13 -65
- package/esm2022/calendar/calendar-views/calendar-month-view/calendar-month-view.component.mjs +11 -36
- package/esm2022/calendar/calendar-views/calendar-year-view/calendar-year-view.component.mjs +12 -37
- package/esm2022/calendar/calendar.component.mjs +22 -12
- package/esm2022/calendar/i18n/calendar-i18n-labels.mjs +22 -28
- package/esm2022/calendar/patch-deprecated-i18n-labels.mjs +21 -0
- package/esm2022/card/card.component.mjs +2 -2
- package/esm2022/carousel/carousel.component.mjs +2 -2
- package/esm2022/checkbox/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/combobox/combobox-item.directive.mjs +24 -0
- package/esm2022/combobox/combobox-mobile/combobox-mobile.component.mjs +3 -3
- package/esm2022/combobox/combobox.component.mjs +14 -7
- package/esm2022/combobox/combobox.interface.mjs +1 -1
- package/esm2022/combobox/combobox.module.mjs +5 -4
- package/esm2022/combobox/index.mjs +2 -1
- package/esm2022/date-picker/date-picker-mobile/date-picker-mobile.component.mjs +3 -3
- package/esm2022/datetime-picker/datetime-picker-mobile/datetime-picker-mobile.component.mjs +3 -3
- package/esm2022/dialog/dialog-body/dialog-body.component.mjs +1 -2
- package/esm2022/dialog/dialog-close-button/dialog-close-button.component.mjs +1 -1
- package/esm2022/dialog/dialog-container/dialog-container.component.mjs +1 -1
- package/esm2022/dialog/dialog-full-screen-toggler-button/dialog-full-screen-toggler-button.component.mjs +1 -1
- package/esm2022/dialog/dialog.component.mjs +3 -3
- package/esm2022/dialog/dialog.module.mjs +8 -4
- package/esm2022/dialog/directives/dialog-template.directive.mjs +24 -0
- package/esm2022/dialog/index.mjs +2 -1
- package/esm2022/dialog/utils/dialog-config.class.mjs +1 -1
- package/esm2022/dynamic-page/dynamic-page.component.mjs +2 -2
- package/esm2022/dynamic-side-content/dynamic-side-content.component.mjs +2 -2
- package/esm2022/facets/facet/facet.component.mjs +2 -2
- package/esm2022/feed-input/feed-input.component.mjs +2 -2
- package/esm2022/feed-list-item/components/list/feed-list.component.mjs +2 -2
- package/esm2022/file-uploader/file-uploader.component.mjs +2 -2
- package/esm2022/fixed-card-layout/fixed-card-layout.component.mjs +2 -2
- package/esm2022/flexible-column-layout/flexible-column-layout.component.mjs +2 -2
- package/esm2022/form/fieldset/fieldset.component.mjs +2 -2
- package/esm2022/form/form-control/form-control.component.mjs +2 -2
- package/esm2022/form/form-group/form-group.component.mjs +2 -2
- package/esm2022/form/form-header/form-header.component.mjs +2 -2
- package/esm2022/form/form-item/form-item.component.mjs +2 -2
- package/esm2022/form/form-label/form-label.component.mjs +3 -3
- package/esm2022/form/form-message/form-message.component.mjs +2 -2
- package/esm2022/generic-tag/generic-tag.component.mjs +2 -2
- package/esm2022/grid-list/components/grid-list/grid-list.component.mjs +2 -2
- package/esm2022/grid-list/components/grid-list-filter-bar/grid-list-filter-bar.component.mjs +2 -2
- package/esm2022/grid-list/components/grid-list-item/grid-list-item.component.mjs +2 -2
- package/esm2022/icon/icon.component.mjs +78 -29
- package/esm2022/illustrated-message/illustrated-message.component.mjs +2 -2
- package/esm2022/info-label/info-label.component.mjs +2 -2
- package/esm2022/input-group/input-group.component.mjs +2 -2
- package/esm2022/layout-grid/layout-grid.component.mjs +2 -2
- package/esm2022/layout-panel/layout-panel.component.mjs +2 -2
- package/esm2022/link/link.component.mjs +3 -3
- package/esm2022/list/list-navigation-item/list-navigation-item.component.mjs +2 -2
- package/esm2022/list/list.component.mjs +2 -2
- package/esm2022/menu/menu-mobile/menu-mobile.component.mjs +3 -3
- package/esm2022/menu/menu.component.mjs +4 -8
- package/esm2022/message-box/directives/message-box-template.directive.mjs +24 -0
- package/esm2022/message-box/index.mjs +8 -7
- package/esm2022/message-box/message-box.component.mjs +2 -2
- package/esm2022/message-box/message-box.module.mjs +8 -4
- package/esm2022/message-page/message-page.component.mjs +2 -2
- package/esm2022/message-strip/alert/message-strip-alert-container/message-strip-alert-container.component.mjs +2 -2
- package/esm2022/message-strip/message-strip.component.mjs +2 -2
- package/esm2022/message-toast/message-toast.component.mjs +2 -2
- package/esm2022/micro-process-flow/components/micro-process-flow/micro-process-flow.component.mjs +2 -2
- package/esm2022/micro-process-flow/components/micro-process-flow-icon/micro-process-flow-icon.component.mjs +1 -1
- package/esm2022/multi-combobox/index.mjs +2 -1
- package/esm2022/multi-combobox/mobile/mobile-multi-combobox.component.mjs +3 -3
- package/esm2022/multi-combobox/multi-announcer/multi-announcer.directive.mjs +74 -0
- package/esm2022/multi-combobox/multi-combobox.component.mjs +6 -4
- package/esm2022/multi-combobox/multi-combobox.module.mjs +5 -4
- package/esm2022/multi-input/multi-input-mobile/multi-input-mobile.component.mjs +3 -3
- package/esm2022/multi-input/multi-input.component.mjs +18 -7
- package/esm2022/nested-list/nested-list-directives.mjs +2 -2
- package/esm2022/notification/notification/notification.component.mjs +2 -2
- package/esm2022/object-identifier/object-identifier.component.mjs +2 -2
- package/esm2022/object-marker/object-marker.component.mjs +2 -2
- package/esm2022/object-number/object-number.component.mjs +2 -2
- package/esm2022/object-status/object-status.component.mjs +3 -3
- package/esm2022/pagination/pagination.component.mjs +2 -2
- package/esm2022/panel/panel.component.mjs +2 -2
- package/esm2022/popover/base/base-popover.class.mjs +2 -6
- package/esm2022/popover/popover-body/popover-body.component.mjs +3 -5
- package/esm2022/popover/popover-mobile/popover-mobile.component.mjs +3 -3
- package/esm2022/popover/popover-service/popover.service.mjs +1 -2
- package/esm2022/product-switch/product-switch-body/product-switch-body.component.mjs +2 -2
- package/esm2022/progress-indicator/progress-indicator.component.mjs +2 -2
- package/esm2022/quick-view/quick-view/quick-view.component.mjs +2 -2
- package/esm2022/radio/radio-button/radio-button.component.mjs +2 -2
- package/esm2022/rating-indicator/components/rating-indicator.component.mjs +14 -6
- package/esm2022/resizable-card-layout/resizable-card-layout/resizable-card-item/resizable-card-item.component.mjs +2 -2
- package/esm2022/resizable-card-layout/resizable-card-layout/resizable-card-layout.component.mjs +2 -2
- package/esm2022/scrollbar/scrollbar.directive.mjs +2 -13
- package/esm2022/segmented-button/segmented-button.component.mjs +2 -2
- package/esm2022/select/select-mobile/select-mobile.component.mjs +3 -3
- package/esm2022/select/select.component.mjs +3 -3
- package/esm2022/shellbar/product-menu/product-menu.component.mjs +2 -2
- package/esm2022/shellbar/shellbar.component.mjs +2 -2
- package/esm2022/shellbar/user-menu/shellbar-user-menu.component.mjs +2 -2
- package/esm2022/side-navigation/side-navigation.component.mjs +2 -2
- package/esm2022/skeleton/components/skeleton.component.mjs +2 -2
- package/esm2022/slider/slider.component.mjs +2 -2
- package/esm2022/split-button/split-button.component.mjs +2 -2
- package/esm2022/splitter/splitter-resizer/splitter-resizer.component.mjs +1 -1
- package/esm2022/splitter/splitter.component.mjs +2 -2
- package/esm2022/status-indicator/status-indicator.component.mjs +2 -2
- package/esm2022/step-input/step-input.component.mjs +2 -2
- package/esm2022/switch/switch.component.mjs +2 -2
- package/esm2022/table/table-wrapper.component.mjs +2 -2
- package/esm2022/table/table.component.mjs +2 -2
- package/esm2022/tabs/tab-item-expand/tab-item-expand.component.mjs +2 -2
- package/esm2022/tabs/tab-list.component.mjs +3 -3
- package/esm2022/tabs/tab-nav/tab-nav.component.mjs +2 -2
- package/esm2022/tabs/tab-utils/tab-directives.mjs +1 -1
- package/esm2022/text/text.component.mjs +2 -2
- package/esm2022/tile/tile.component.mjs +2 -2
- package/esm2022/time/time.component.mjs +2 -2
- package/esm2022/timeline/components/timeline-node/timeline-node.component.mjs +1 -1
- package/esm2022/title/title.component.mjs +2 -2
- package/esm2022/token/token.component.mjs +2 -2
- package/esm2022/token/tokenizer.component.mjs +2 -2
- package/esm2022/toolbar/toolbar.component.mjs +2 -2
- package/esm2022/tree/components/tree-item/tree-item.component.mjs +2 -2
- package/esm2022/tree/tree.component.mjs +2 -2
- package/esm2022/upload-collection/upload-collection.component.mjs +2 -2
- package/esm2022/vertical-navigation/vertical-navigation-main-navigation.component.mjs +2 -2
- package/esm2022/vertical-navigation/vertical-navigation.component.mjs +2 -2
- package/esm2022/wizard/wizard-step-indicator/wizard-step-indicator.component.mjs +1 -1
- package/esm2022/wizard/wizard.component.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-action-bar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-avatar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-bar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-calendar.mjs +152 -290
- package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-card.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-carousel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-checkbox.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-combobox.mjs +40 -12
- package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-date-picker.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dialog.mjs +33 -9
- package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-side-content.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-facets.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-feed-input.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-file-uploader.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-flexible-column-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-form.mjs +14 -14
- package/fesm2022/fundamental-ngx-core-form.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-generic-tag.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-grid-list.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-icon.mjs +78 -29
- package/fesm2022/fundamental-ngx-core-icon.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-info-label.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-input-group.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-layout-grid.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-link.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-link.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-list.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-menu.mjs +5 -9
- package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-box.mjs +35 -10
- package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-page.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-message-strip.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-toast.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +84 -13
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs +19 -8
- package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-nested-list.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-nested-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-notification.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-marker.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-number.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-status.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-pagination.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-panel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-popover.mjs +5 -12
- package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-product-switch.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-progress-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-quick-view.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-radio.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +13 -5
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-scrollbar.mjs +1 -12
- package/fesm2022/fundamental-ngx-core-scrollbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-select.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-side-navigation.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-skeleton.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-slider.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-split-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-splitter.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-splitter.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-step-input.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-switch.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-table.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-table.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tabs.mjs +6 -6
- package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-text.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tile.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-time.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-timeline.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-timeline.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-title.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-token.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-toolbar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tree.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-wizard.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/fundamental-ngx-core-v0.46.2-rc.21.tgz +0 -0
- package/icon/icon.component.d.ts +26 -9
- package/menu/menu.component.d.ts +1 -3
- package/message-box/directives/message-box-template.directive.d.ts +20 -0
- package/message-box/index.d.ts +7 -6
- package/message-box/message-box.module.d.ts +2 -1
- package/multi-combobox/index.d.ts +1 -0
- package/multi-combobox/multi-announcer/multi-announcer.directive.d.ts +23 -0
- package/multi-combobox/multi-combobox.module.d.ts +2 -1
- package/multi-input/multi-input.component.d.ts +3 -1
- package/package.json +4 -4
- package/popover/base/base-popover.class.d.ts +1 -3
- package/popover/popover-body/popover-body.component.d.ts +0 -2
- package/rating-indicator/components/rating-indicator.component.d.ts +5 -2
- package/schematics/add-dependencies/index.js +6 -6
- package/scrollbar/scrollbar.directive.d.ts +1 -5
- package/fundamental-ngx-core-v0.46.2-rc.2.tgz +0 -0
|
@@ -57,7 +57,7 @@ export class AvatarGroupComponent {
|
|
|
57
57
|
provide: AVATAR_GROUP_HOST_CONFIG,
|
|
58
58
|
useExisting: AvatarGroupComponent
|
|
59
59
|
}
|
|
60
|
-
], queries: [{ propertyName: "_overflowButton", first: true, predicate: AvatarGroupOverflowButtonDirective, descendants: true }, { propertyName: "_avatarGroupPopoverBody", first: true, predicate: AvatarGroupOverflowBodyDirective, descendants: true }, { propertyName: "_avatars", predicate: AvatarGroupItemDirective }], viewQueries: [{ propertyName: "_avatarRenderers", predicate: AvatarGroupItemRendererDirective, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n<ng-container *ngIf=\"type === 'individual'; else groupType\">\n <fd-avatar-group-host\n #avatarGroupHostComponent\n [type]=\"type\"\n [size]=\"size\"\n [orientation]=\"orientation\"\n fdkResizeObserver\n fdkFocusableList\n [contentDirection]=\"_contentDirection$ | async\"\n [wrap]=\"true\"\n [navigationDirection]=\"orientation\"\n [items]=\"_avatars\"\n (resized)=\"_detectChanges()\"\n >\n <fd-popover *ngFor=\"let item of _avatars; trackBy: _trackByFn\" [noArrow]=\"false\" [focusAutoCapture]=\"true\">\n <fd-popover-control tabindex=\"-1\" (click)=\"outletItem.element.focus()\">\n <ng-template\n #outletItem=\"fdAvatarGroupItemPortal\"\n cdkPortalOutlet\n fdAvatarGroupItemPortal\n [forceVisibility]=\"item.forceVisibility\"\n [avatarGroupItem]=\"item\"\n >\n </ng-template>\n </fd-popover-control>\n <fd-popover-body *ngIf=\"item.details\">\n <ng-template [ngTemplateOutlet]=\"item.details\"></ng-template>\n </fd-popover-body>\n </fd-popover>\n <fd-popover\n [noArrow]=\"false\"\n [focusAutoCapture]=\"true\"\n *fdAvatarGroupInternalOverflowButton=\"avatarGroupHostComponent._hiddenItems(); let hiddenItems\"\n >\n <fd-popover-control tabindex=\"-1\">\n <ng-template\n [ngTemplateOutlet]=\"overflowButtonTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n ></ng-template>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template\n [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n ></ng-template>\n </fd-popover-body>\n </fd-popover>\n </fd-avatar-group-host>\n</ng-container>\n<ng-template #groupType>\n <fd-popover [noArrow]=\"false\" [focusAutoCapture]=\"true\" fdkResizeObserver (resized)=\"_detectChanges()\">\n <fd-popover-control>\n <fd-avatar-group-host\n #avatarGroupHostComponent\n [type]=\"type\"\n [size]=\"size\"\n [orientation]=\"orientation\"\n [fdkFocusableItem]=\"true\"\n >\n <ng-container *ngFor=\"let item of _avatars; trackBy: _trackByFn\">\n <ng-template\n cdkPortalOutlet\n fdAvatarGroupItemPortal\n [forceVisibility]=\"item.forceVisibility\"\n [avatarGroupItem]=\"item\"\n >\n </ng-template>\n </ng-container>\n <ng-template\n [fdAvatarGroupInternalOverflowButton]=\"avatarGroupHostComponent._hiddenItems()\"\n let-hiddenItems\n >\n <ng-template\n [ngTemplateOutlet]=\"overflowButtonTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n ></ng-template>\n </ng-template>\n </fd-avatar-group-host>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template\n [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: _avatarRenderers }\"\n ></ng-template>\n </fd-popover-body>\n </fd-popover>\n</ng-template>\n<ng-template #overflowButtonTemplate let-hiddenItems>\n <ng-container *ngIf=\"_overflowButton; else defaultOverflowButton\">\n <ng-template\n [ngTemplateOutlet]=\"_overflowButton._templateRef\"\n [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n />\n </ng-container>\n <ng-template #defaultOverflowButton>\n <fd-avatar-group-overflow-button [size]=\"size\" [colorAccent]=\"1\">\n +{{ hiddenItems.length }}\n </fd-avatar-group-overflow-button>\n </ng-template>\n</ng-template>\n\n<ng-template #avatarGroupOverflowBodyTemplate let-hiddenItems>\n <ng-container *ngIf=\"_avatarGroupPopoverBody; else defaultAvatarGroupOverflowBodyTemplate\">\n <ng-template\n [ngTemplateOutlet]=\"_avatarGroupPopoverBody._templateRef\"\n [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n />\n </ng-container>\n <ng-template #defaultAvatarGroupOverflowBodyTemplate>\n <fd-default-avatar-group-overflow-body [avatars]=\"hiddenItems\" [overflowPopoverTitle]=\"overflowPopoverTitle\" />\n </ng-template>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{--fdAvatarZoomIconPosition:0;-webkit-box-sizing:border-box;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:.0625rem solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-stretch:var(--fdAvatarFontStretch);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--interactive,.fd-avatar[role=button],.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex=\"0\"].is-hover,.fd-avatar[tabindex=\"0\"]:hover{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex=\"0\"].is-disabled,.fd-avatar[tabindex=\"0\"]:disabled,.fd-avatar[tabindex=\"0\"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--interactive.is-active,.fd-avatar--interactive.is-toggled,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button].is-toggled,.fd-avatar[role=button]:active,.fd-avatar[tabindex=\"0\"].is-active,.fd-avatar[tabindex=\"0\"].is-toggled,.fd-avatar[tabindex=\"0\"]:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex=\"0\"].is-toggled.is-hover,.fd-avatar[tabindex=\"0\"].is-toggled:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex=\"0\"].is-focus,.fd-avatar[tabindex=\"0\"]:focus{padding:.125rem;z-index:5}.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:inherit;border-radius:100%;color:inherit;color:var(--fdAvatarZoomIconColor);display:flex;font-size:inherit;font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);justify-content:center;line-height:1;min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)}.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)}.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)}.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar--circle{--fdAvatarBorderRadius:100%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--fdAvatar_Transparent_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_IconColor)}.fd-avatar--tile{--fdAvatarBorderColor:var(--fdAvatar_Tile_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Tile_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Tile_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Tile_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapTile_IconColor)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--fdAvatar_Placeholder_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Placeholder_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_ImagePlaceholderForegroundColor)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor)}.fd-avatar--border.is-active,.fd-avatar--border:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background)}.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Overflow_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Overflow_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Overflow_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);border-width:var(--fdAvatar_Overflow_Border_Width);cursor:pointer}.fd-avatar--overflow.is-hover,.fd-avatar--overflow:hover{--fdAvatarColor:var(--sapButton_Hover_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--overflow.is-active,.fd-avatar--overflow:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_1_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_1_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_1);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_1_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_1)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_2_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_2_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_2);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_2_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_2)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_3_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_3_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_3);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_3_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_3)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_4_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_4_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_4);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_4_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_4)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_5_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_5_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_5);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_5_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_5)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_6_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_6_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_6);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_6_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_7_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_7_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_7);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_7_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_7)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_8_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_8_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_8);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_8_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_8)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_9_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_9_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_9);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_9_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_9)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_10_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_10_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_10);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_10_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_10)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarFontStretch:condensed}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--s{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem;--fdAvatarFontStretch:normal}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem}.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}.fd-avatar-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-avatar-group:after,.fd-avatar-group:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group .fd-avatar:not(:first-child){margin-bottom:0;margin-left:var(--fdAvatarGroupItemsSpacingX);margin-right:0;margin-top:var(--fdAvatarGroupItemsSpacingY)}.fd-avatar-group .fd-avatar:not(:first-child)[dir=rtl],[dir=rtl] .fd-avatar-group .fd-avatar:not(:first-child){margin-left:0;margin-right:var(--fdAvatarGroupItemsSpacingX)}.fd-avatar-group__overflow-body{-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:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding:0}.fd-avatar-group__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group__overflow-body>.fd-avatar{margin:.25rem}.fd-avatar-group--vertical{flex-direction:column}.fd-avatar-group--individual-type{gap:var(--fdAvatarGroupItemsGap)}.fd-avatar-group--individual-type.fd-avatar-group--xs{--fdAvatarGroupItemsGap:.0625rem}.fd-avatar-group--individual-type.fd-avatar-group--l,.fd-avatar-group--individual-type.fd-avatar-group--m,.fd-avatar-group--individual-type.fd-avatar-group--s{--fdAvatarGroupItemsGap:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--xl{--fdAvatarGroupItemsGap:.25rem}.fd-avatar-group--group-type .fd-avatar{pointer-events:none}.fd-avatar-group--group-type.fd-avatar-group--xs{--fdAvatarGroupItemsSpacingX:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--xs.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--s{--fdAvatarGroupItemsSpacingX:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--s.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--m{--fdAvatarGroupItemsSpacingX:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--m.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--l{--fdAvatarGroupItemsSpacingX:-2rem}.fd-avatar-group--group-type.fd-avatar-group--l.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2rem}.fd-avatar-group--group-type.fd-avatar-group--xl{--fdAvatarGroupItemsSpacingX:-2.75rem}.fd-avatar-group--group-type.fd-avatar-group--xl.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2.75rem}.fd-avatar-group--group-type.is-hover .fd-avatar,.fd-avatar-group--group-type:hover .fd-avatar{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar-group--group-type.is-active .fd-avatar,.fd-avatar-group--group-type:active .fd-avatar{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar-group--group-type.is-disabled,.fd-avatar-group--group-type:disabled,.fd-avatar-group--group-type[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-avatar-group--group-type.is-focus,.fd-avatar-group--group-type:focus{z-index:5}.fd-avatar-group--group-type.is-focus.is-focus,.fd-avatar-group--group-type.is-focus:focus,.fd-avatar-group--group-type:focus.is-focus,.fd-avatar-group--group-type:focus:focus{outline:none}.fd-avatar-group--group-type.is-focus.is-focus:after,.fd-avatar-group--group-type.is-focus:focus:after,.fd-avatar-group--group-type:focus.is-focus:after,.fd-avatar-group--group-type:focus:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatarGroup_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatarGroup_Focus_Outline_Offset);content:\"\";left:var(--fdAvatarGroup_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatarGroup_Focus_Outline_Offset);top:var(--fdAvatarGroup_Focus_Outline_Offset)}fd-avatar-group{display:block}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type{gap:initial}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control{display:block;height:100%}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar{margin-left:var(--fdAvatarGroupItemsGap)}[dir=rtl] fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar,fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar[dir=rtl]{margin-left:0;margin-right:var(--fdAvatarGroupItemsGap)}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover:first-child>.fd-popover__control>fd-popover-control>.fd-avatar{margin-right:0;margin-left:0}fd-avatar-group>.fd-popover-custom{width:100%}fd-avatar-group>.fd-popover-custom .fd-popover__control{display:inline-block}fd-avatar-group>.fd-popover-custom .fd-avatar-group{display:inline-block}\n"], dependencies: [{ kind: "component", type: AvatarGroupHostComponent, selector: "fd-avatar-group-host", inputs: ["class", "type", "orientation", "size", "items"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i1.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i1.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i1.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FocusableItemDirective, selector: "[fdkFocusableItem]", inputs: ["fdkFocusableItem", "cellFocusedEventAnnouncer"], outputs: ["cellFocused"] }, { kind: "directive", type: FocusableListDirective, selector: "[fdkFocusableList]", inputs: ["focusable", "navigationDirection", "contentDirection", "wrap", "listFocusedEventAnnouncer"], outputs: ["itemFocused"], exportAs: ["fdkFocusableList"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: DialogModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: AvatarGroupItemRendererDirective, selector: "[fdAvatarGroupItemPortal]", inputs: ["avatarGroupItem", "forceVisibility"], exportAs: ["fdAvatarGroupItemPortal"] }, { kind: "component", type: AvatarGroupOverflowButtonComponent, selector: "fd-avatar-group-overflow-button", inputs: ["size", "circle", "colorAccent", "class"] }, { kind: "component", type: DefaultAvatarGroupOverflowBodyComponent, selector: "fd-default-avatar-group-overflow-body", inputs: ["avatars", "overflowPopoverTitle"] }, { kind: "directive", type: AvatarGroupInternalOverflowButtonDirective, selector: "[fdAvatarGroupInternalOverflowButton]", inputs: ["fdAvatarGroupInternalOverflowButton"] }, { kind: "directive", type: ResizeObserverDirective, selector: "[fdkResizeObserver]", outputs: ["resized"], exportAs: ["fdkResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
60
|
+
], queries: [{ propertyName: "_overflowButton", first: true, predicate: AvatarGroupOverflowButtonDirective, descendants: true }, { propertyName: "_avatarGroupPopoverBody", first: true, predicate: AvatarGroupOverflowBodyDirective, descendants: true }, { propertyName: "_avatars", predicate: AvatarGroupItemDirective }], viewQueries: [{ propertyName: "_avatarRenderers", predicate: AvatarGroupItemRendererDirective, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n<ng-container *ngIf=\"type === 'individual'; else groupType\">\n <fd-avatar-group-host\n #avatarGroupHostComponent\n [type]=\"type\"\n [size]=\"size\"\n [orientation]=\"orientation\"\n fdkResizeObserver\n fdkFocusableList\n [contentDirection]=\"_contentDirection$ | async\"\n [wrap]=\"true\"\n [navigationDirection]=\"orientation\"\n [items]=\"_avatars\"\n (resized)=\"_detectChanges()\"\n >\n <fd-popover *ngFor=\"let item of _avatars; trackBy: _trackByFn\" [noArrow]=\"false\" [focusAutoCapture]=\"true\">\n <fd-popover-control tabindex=\"-1\" (click)=\"outletItem.element.focus()\">\n <ng-template\n #outletItem=\"fdAvatarGroupItemPortal\"\n cdkPortalOutlet\n fdAvatarGroupItemPortal\n [forceVisibility]=\"item.forceVisibility\"\n [avatarGroupItem]=\"item\"\n >\n </ng-template>\n </fd-popover-control>\n <fd-popover-body *ngIf=\"item.details\">\n <ng-template [ngTemplateOutlet]=\"item.details\"></ng-template>\n </fd-popover-body>\n </fd-popover>\n <fd-popover\n [noArrow]=\"false\"\n [focusAutoCapture]=\"true\"\n *fdAvatarGroupInternalOverflowButton=\"avatarGroupHostComponent._hiddenItems(); let hiddenItems\"\n >\n <fd-popover-control tabindex=\"-1\">\n <ng-template\n [ngTemplateOutlet]=\"overflowButtonTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n ></ng-template>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template\n [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n ></ng-template>\n </fd-popover-body>\n </fd-popover>\n </fd-avatar-group-host>\n</ng-container>\n<ng-template #groupType>\n <fd-popover [noArrow]=\"false\" [focusAutoCapture]=\"true\" fdkResizeObserver (resized)=\"_detectChanges()\">\n <fd-popover-control>\n <fd-avatar-group-host\n #avatarGroupHostComponent\n [type]=\"type\"\n [size]=\"size\"\n [orientation]=\"orientation\"\n [fdkFocusableItem]=\"true\"\n >\n <ng-container *ngFor=\"let item of _avatars; trackBy: _trackByFn\">\n <ng-template\n cdkPortalOutlet\n fdAvatarGroupItemPortal\n [forceVisibility]=\"item.forceVisibility\"\n [avatarGroupItem]=\"item\"\n >\n </ng-template>\n </ng-container>\n <ng-template\n [fdAvatarGroupInternalOverflowButton]=\"avatarGroupHostComponent._hiddenItems()\"\n let-hiddenItems\n >\n <ng-template\n [ngTemplateOutlet]=\"overflowButtonTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n ></ng-template>\n </ng-template>\n </fd-avatar-group-host>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template\n [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: _avatarRenderers }\"\n ></ng-template>\n </fd-popover-body>\n </fd-popover>\n</ng-template>\n<ng-template #overflowButtonTemplate let-hiddenItems>\n <ng-container *ngIf=\"_overflowButton; else defaultOverflowButton\">\n <ng-template\n [ngTemplateOutlet]=\"_overflowButton._templateRef\"\n [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n />\n </ng-container>\n <ng-template #defaultOverflowButton>\n <fd-avatar-group-overflow-button [size]=\"size\" [colorAccent]=\"1\">\n +{{ hiddenItems.length }}\n </fd-avatar-group-overflow-button>\n </ng-template>\n</ng-template>\n\n<ng-template #avatarGroupOverflowBodyTemplate let-hiddenItems>\n <ng-container *ngIf=\"_avatarGroupPopoverBody; else defaultAvatarGroupOverflowBodyTemplate\">\n <ng-template\n [ngTemplateOutlet]=\"_avatarGroupPopoverBody._templateRef\"\n [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n />\n </ng-container>\n <ng-template #defaultAvatarGroupOverflowBodyTemplate>\n <fd-default-avatar-group-overflow-body [avatars]=\"hiddenItems\" [overflowPopoverTitle]=\"overflowPopoverTitle\" />\n </ng-template>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{--fdAvatarZoomIconPosition:0;-webkit-box-sizing:border-box;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:.0625rem solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-stretch:var(--fdAvatarFontStretch);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--interactive,.fd-avatar[role=button],.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex=\"0\"].is-hover,.fd-avatar[tabindex=\"0\"]:hover{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex=\"0\"].is-disabled,.fd-avatar[tabindex=\"0\"]:disabled,.fd-avatar[tabindex=\"0\"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--interactive.is-active,.fd-avatar--interactive.is-toggled,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button].is-toggled,.fd-avatar[role=button]:active,.fd-avatar[tabindex=\"0\"].is-active,.fd-avatar[tabindex=\"0\"].is-toggled,.fd-avatar[tabindex=\"0\"]:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex=\"0\"].is-toggled.is-hover,.fd-avatar[tabindex=\"0\"].is-toggled:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex=\"0\"].is-focus,.fd-avatar[tabindex=\"0\"]:focus{padding:.125rem;z-index:5}.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:inherit;border-radius:100%;color:inherit;color:var(--fdAvatarZoomIconColor);display:flex;font-size:inherit;font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);justify-content:center;line-height:1;min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)}.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)}.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)}.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar--circle{--fdAvatarBorderRadius:100%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--fdAvatar_Transparent_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_IconColor)}.fd-avatar--tile{--fdAvatarBorderColor:var(--fdAvatar_Tile_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Tile_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Tile_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Tile_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapTile_IconColor)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--fdAvatar_Placeholder_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Placeholder_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_ImagePlaceholderForegroundColor)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor)}.fd-avatar--border.is-active,.fd-avatar--border:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background)}.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Overflow_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Overflow_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Overflow_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);border-width:var(--fdAvatar_Overflow_Border_Width);cursor:pointer}.fd-avatar--overflow.is-hover,.fd-avatar--overflow:hover{--fdAvatarColor:var(--sapButton_Hover_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--overflow.is-active,.fd-avatar--overflow:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_1_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_1_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_1);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_1_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_1)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_2_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_2_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_2);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_2_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_2)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_3_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_3_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_3);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_3_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_3)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_4_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_4_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_4);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_4_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_4)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_5_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_5_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_5);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_5_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_5)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_6_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_6_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_6);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_6_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_7_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_7_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_7);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_7_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_7)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_8_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_8_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_8);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_8_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_8)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_9_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_9_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_9);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_9_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_9)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_10_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_10_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_10);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_10_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_10)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarFontStretch:condensed}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--s{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem;--fdAvatarFontStretch:normal}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem}.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}.fd-avatar-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-avatar-group:after,.fd-avatar-group:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group .fd-avatar:not(:first-child){margin-bottom:0;margin-left:var(--fdAvatarGroupItemsSpacingX);margin-right:0;margin-top:var(--fdAvatarGroupItemsSpacingY)}.fd-avatar-group .fd-avatar:not(:first-child)[dir=rtl],[dir=rtl] .fd-avatar-group .fd-avatar:not(:first-child){margin-left:0;margin-right:var(--fdAvatarGroupItemsSpacingX)}.fd-avatar-group__overflow-body{-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:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding:0}.fd-avatar-group__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group__overflow-body>.fd-avatar{margin:.25rem}.fd-avatar-group--vertical{flex-direction:column}.fd-avatar-group--individual-type{gap:var(--fdAvatarGroupItemsGap)}.fd-avatar-group--individual-type.fd-avatar-group--xs{--fdAvatarGroupItemsGap:.0625rem}.fd-avatar-group--individual-type.fd-avatar-group--l,.fd-avatar-group--individual-type.fd-avatar-group--m,.fd-avatar-group--individual-type.fd-avatar-group--s{--fdAvatarGroupItemsGap:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--xl{--fdAvatarGroupItemsGap:.25rem}.fd-avatar-group--group-type .fd-avatar{pointer-events:none}.fd-avatar-group--group-type.fd-avatar-group--xs{--fdAvatarGroupItemsSpacingX:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--xs.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--s{--fdAvatarGroupItemsSpacingX:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--s.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--m{--fdAvatarGroupItemsSpacingX:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--m.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--l{--fdAvatarGroupItemsSpacingX:-2rem}.fd-avatar-group--group-type.fd-avatar-group--l.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2rem}.fd-avatar-group--group-type.fd-avatar-group--xl{--fdAvatarGroupItemsSpacingX:-2.75rem}.fd-avatar-group--group-type.fd-avatar-group--xl.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2.75rem}.fd-avatar-group--group-type.is-hover .fd-avatar,.fd-avatar-group--group-type:hover .fd-avatar{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar-group--group-type.is-active .fd-avatar,.fd-avatar-group--group-type:active .fd-avatar{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar-group--group-type.is-disabled,.fd-avatar-group--group-type:disabled,.fd-avatar-group--group-type[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-avatar-group--group-type.is-focus,.fd-avatar-group--group-type:focus{z-index:5}.fd-avatar-group--group-type.is-focus.is-focus,.fd-avatar-group--group-type.is-focus:focus,.fd-avatar-group--group-type:focus.is-focus,.fd-avatar-group--group-type:focus:focus{outline:none}.fd-avatar-group--group-type.is-focus.is-focus:after,.fd-avatar-group--group-type.is-focus:focus:after,.fd-avatar-group--group-type:focus.is-focus:after,.fd-avatar-group--group-type:focus:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatarGroup_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatarGroup_Focus_Outline_Offset);content:\"\";left:var(--fdAvatarGroup_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatarGroup_Focus_Outline_Offset);top:var(--fdAvatarGroup_Focus_Outline_Offset)}fd-avatar-group{display:block}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type{gap:initial}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control{display:block;height:100%}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar{margin-left:var(--fdAvatarGroupItemsGap)}[dir=rtl] fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar,fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar[dir=rtl]{margin-left:0;margin-right:var(--fdAvatarGroupItemsGap)}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover:first-child>.fd-popover__control>fd-popover-control>.fd-avatar{margin-right:0;margin-left:0}fd-avatar-group>.fd-popover-custom{width:100%}fd-avatar-group>.fd-popover-custom .fd-popover__control{display:inline-block}fd-avatar-group>.fd-popover-custom .fd-avatar-group{display:inline-block}\n"], dependencies: [{ kind: "component", type: AvatarGroupHostComponent, selector: "fd-avatar-group-host", inputs: ["class", "type", "orientation", "size", "items"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i1.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i1.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i1.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FocusableItemDirective, selector: "[fdkFocusableItem]", inputs: ["fdkFocusableItem", "cellFocusedEventAnnouncer"], outputs: ["cellFocused"] }, { kind: "directive", type: FocusableListDirective, selector: "[fdkFocusableList]", inputs: ["focusable", "navigationDirection", "contentDirection", "wrap", "listFocusedEventAnnouncer"], outputs: ["itemFocused"], exportAs: ["fdkFocusableList"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: DialogModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: AvatarGroupItemRendererDirective, selector: "[fdAvatarGroupItemPortal]", inputs: ["avatarGroupItem", "forceVisibility"], exportAs: ["fdAvatarGroupItemPortal"] }, { kind: "component", type: AvatarGroupOverflowButtonComponent, selector: "fd-avatar-group-overflow-button", inputs: ["size", "circle", "colorAccent", "class"] }, { kind: "component", type: DefaultAvatarGroupOverflowBodyComponent, selector: "fd-default-avatar-group-overflow-body", inputs: ["avatars", "overflowPopoverTitle"] }, { kind: "directive", type: AvatarGroupInternalOverflowButtonDirective, selector: "[fdAvatarGroupInternalOverflowButton]", inputs: ["fdAvatarGroupInternalOverflowButton"] }, { kind: "directive", type: ResizeObserverDirective, selector: "[fdkResizeObserver]", outputs: ["resized"], exportAs: ["fdkResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
61
61
|
}
|
|
62
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AvatarGroupComponent, decorators: [{
|
|
63
63
|
type: Component,
|
|
@@ -82,7 +82,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
|
|
|
82
82
|
DefaultAvatarGroupOverflowBodyComponent,
|
|
83
83
|
AvatarGroupInternalOverflowButtonDirective,
|
|
84
84
|
ResizeObserverDirective
|
|
85
|
-
], template: "<ng-content></ng-content>\n<ng-container *ngIf=\"type === 'individual'; else groupType\">\n <fd-avatar-group-host\n #avatarGroupHostComponent\n [type]=\"type\"\n [size]=\"size\"\n [orientation]=\"orientation\"\n fdkResizeObserver\n fdkFocusableList\n [contentDirection]=\"_contentDirection$ | async\"\n [wrap]=\"true\"\n [navigationDirection]=\"orientation\"\n [items]=\"_avatars\"\n (resized)=\"_detectChanges()\"\n >\n <fd-popover *ngFor=\"let item of _avatars; trackBy: _trackByFn\" [noArrow]=\"false\" [focusAutoCapture]=\"true\">\n <fd-popover-control tabindex=\"-1\" (click)=\"outletItem.element.focus()\">\n <ng-template\n #outletItem=\"fdAvatarGroupItemPortal\"\n cdkPortalOutlet\n fdAvatarGroupItemPortal\n [forceVisibility]=\"item.forceVisibility\"\n [avatarGroupItem]=\"item\"\n >\n </ng-template>\n </fd-popover-control>\n <fd-popover-body *ngIf=\"item.details\">\n <ng-template [ngTemplateOutlet]=\"item.details\"></ng-template>\n </fd-popover-body>\n </fd-popover>\n <fd-popover\n [noArrow]=\"false\"\n [focusAutoCapture]=\"true\"\n *fdAvatarGroupInternalOverflowButton=\"avatarGroupHostComponent._hiddenItems(); let hiddenItems\"\n >\n <fd-popover-control tabindex=\"-1\">\n <ng-template\n [ngTemplateOutlet]=\"overflowButtonTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n ></ng-template>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template\n [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n ></ng-template>\n </fd-popover-body>\n </fd-popover>\n </fd-avatar-group-host>\n</ng-container>\n<ng-template #groupType>\n <fd-popover [noArrow]=\"false\" [focusAutoCapture]=\"true\" fdkResizeObserver (resized)=\"_detectChanges()\">\n <fd-popover-control>\n <fd-avatar-group-host\n #avatarGroupHostComponent\n [type]=\"type\"\n [size]=\"size\"\n [orientation]=\"orientation\"\n [fdkFocusableItem]=\"true\"\n >\n <ng-container *ngFor=\"let item of _avatars; trackBy: _trackByFn\">\n <ng-template\n cdkPortalOutlet\n fdAvatarGroupItemPortal\n [forceVisibility]=\"item.forceVisibility\"\n [avatarGroupItem]=\"item\"\n >\n </ng-template>\n </ng-container>\n <ng-template\n [fdAvatarGroupInternalOverflowButton]=\"avatarGroupHostComponent._hiddenItems()\"\n let-hiddenItems\n >\n <ng-template\n [ngTemplateOutlet]=\"overflowButtonTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n ></ng-template>\n </ng-template>\n </fd-avatar-group-host>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template\n [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: _avatarRenderers }\"\n ></ng-template>\n </fd-popover-body>\n </fd-popover>\n</ng-template>\n<ng-template #overflowButtonTemplate let-hiddenItems>\n <ng-container *ngIf=\"_overflowButton; else defaultOverflowButton\">\n <ng-template\n [ngTemplateOutlet]=\"_overflowButton._templateRef\"\n [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n />\n </ng-container>\n <ng-template #defaultOverflowButton>\n <fd-avatar-group-overflow-button [size]=\"size\" [colorAccent]=\"1\">\n +{{ hiddenItems.length }}\n </fd-avatar-group-overflow-button>\n </ng-template>\n</ng-template>\n\n<ng-template #avatarGroupOverflowBodyTemplate let-hiddenItems>\n <ng-container *ngIf=\"_avatarGroupPopoverBody; else defaultAvatarGroupOverflowBodyTemplate\">\n <ng-template\n [ngTemplateOutlet]=\"_avatarGroupPopoverBody._templateRef\"\n [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n />\n </ng-container>\n <ng-template #defaultAvatarGroupOverflowBodyTemplate>\n <fd-default-avatar-group-overflow-body [avatars]=\"hiddenItems\" [overflowPopoverTitle]=\"overflowPopoverTitle\" />\n </ng-template>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.30.2\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{--fdAvatarZoomIconPosition:0;-webkit-box-sizing:border-box;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:.0625rem solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-stretch:var(--fdAvatarFontStretch);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--interactive,.fd-avatar[role=button],.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex=\"0\"].is-hover,.fd-avatar[tabindex=\"0\"]:hover{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex=\"0\"].is-disabled,.fd-avatar[tabindex=\"0\"]:disabled,.fd-avatar[tabindex=\"0\"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--interactive.is-active,.fd-avatar--interactive.is-toggled,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button].is-toggled,.fd-avatar[role=button]:active,.fd-avatar[tabindex=\"0\"].is-active,.fd-avatar[tabindex=\"0\"].is-toggled,.fd-avatar[tabindex=\"0\"]:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex=\"0\"].is-toggled.is-hover,.fd-avatar[tabindex=\"0\"].is-toggled:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex=\"0\"].is-focus,.fd-avatar[tabindex=\"0\"]:focus{padding:.125rem;z-index:5}.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:inherit;border-radius:100%;color:inherit;color:var(--fdAvatarZoomIconColor);display:flex;font-size:inherit;font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);justify-content:center;line-height:1;min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)}.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)}.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)}.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar--circle{--fdAvatarBorderRadius:100%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--fdAvatar_Transparent_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_IconColor)}.fd-avatar--tile{--fdAvatarBorderColor:var(--fdAvatar_Tile_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Tile_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Tile_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Tile_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapTile_IconColor)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--fdAvatar_Placeholder_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Placeholder_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_ImagePlaceholderForegroundColor)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor)}.fd-avatar--border.is-active,.fd-avatar--border:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background)}.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Overflow_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Overflow_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Overflow_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);border-width:var(--fdAvatar_Overflow_Border_Width);cursor:pointer}.fd-avatar--overflow.is-hover,.fd-avatar--overflow:hover{--fdAvatarColor:var(--sapButton_Hover_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--overflow.is-active,.fd-avatar--overflow:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_1_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_1_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_1);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_1_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_1)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_2_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_2_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_2);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_2_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_2)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_3_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_3_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_3);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_3_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_3)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_4_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_4_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_4);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_4_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_4)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_5_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_5_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_5);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_5_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_5)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_6_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_6_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_6);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_6_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_7_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_7_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_7);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_7_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_7)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_8_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_8_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_8);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_8_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_8)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_9_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_9_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_9);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_9_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_9)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_10_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_10_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_10);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_10_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_10)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarFontStretch:condensed}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--s{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem;--fdAvatarFontStretch:normal}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem}.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}.fd-avatar-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-avatar-group:after,.fd-avatar-group:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group .fd-avatar:not(:first-child){margin-bottom:0;margin-left:var(--fdAvatarGroupItemsSpacingX);margin-right:0;margin-top:var(--fdAvatarGroupItemsSpacingY)}.fd-avatar-group .fd-avatar:not(:first-child)[dir=rtl],[dir=rtl] .fd-avatar-group .fd-avatar:not(:first-child){margin-left:0;margin-right:var(--fdAvatarGroupItemsSpacingX)}.fd-avatar-group__overflow-body{-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:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding:0}.fd-avatar-group__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group__overflow-body>.fd-avatar{margin:.25rem}.fd-avatar-group--vertical{flex-direction:column}.fd-avatar-group--individual-type{gap:var(--fdAvatarGroupItemsGap)}.fd-avatar-group--individual-type.fd-avatar-group--xs{--fdAvatarGroupItemsGap:.0625rem}.fd-avatar-group--individual-type.fd-avatar-group--l,.fd-avatar-group--individual-type.fd-avatar-group--m,.fd-avatar-group--individual-type.fd-avatar-group--s{--fdAvatarGroupItemsGap:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--xl{--fdAvatarGroupItemsGap:.25rem}.fd-avatar-group--group-type .fd-avatar{pointer-events:none}.fd-avatar-group--group-type.fd-avatar-group--xs{--fdAvatarGroupItemsSpacingX:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--xs.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--s{--fdAvatarGroupItemsSpacingX:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--s.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--m{--fdAvatarGroupItemsSpacingX:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--m.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--l{--fdAvatarGroupItemsSpacingX:-2rem}.fd-avatar-group--group-type.fd-avatar-group--l.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2rem}.fd-avatar-group--group-type.fd-avatar-group--xl{--fdAvatarGroupItemsSpacingX:-2.75rem}.fd-avatar-group--group-type.fd-avatar-group--xl.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2.75rem}.fd-avatar-group--group-type.is-hover .fd-avatar,.fd-avatar-group--group-type:hover .fd-avatar{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar-group--group-type.is-active .fd-avatar,.fd-avatar-group--group-type:active .fd-avatar{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar-group--group-type.is-disabled,.fd-avatar-group--group-type:disabled,.fd-avatar-group--group-type[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-avatar-group--group-type.is-focus,.fd-avatar-group--group-type:focus{z-index:5}.fd-avatar-group--group-type.is-focus.is-focus,.fd-avatar-group--group-type.is-focus:focus,.fd-avatar-group--group-type:focus.is-focus,.fd-avatar-group--group-type:focus:focus{outline:none}.fd-avatar-group--group-type.is-focus.is-focus:after,.fd-avatar-group--group-type.is-focus:focus:after,.fd-avatar-group--group-type:focus.is-focus:after,.fd-avatar-group--group-type:focus:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatarGroup_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatarGroup_Focus_Outline_Offset);content:\"\";left:var(--fdAvatarGroup_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatarGroup_Focus_Outline_Offset);top:var(--fdAvatarGroup_Focus_Outline_Offset)}fd-avatar-group{display:block}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type{gap:initial}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control{display:block;height:100%}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar{margin-left:var(--fdAvatarGroupItemsGap)}[dir=rtl] fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar,fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar[dir=rtl]{margin-left:0;margin-right:var(--fdAvatarGroupItemsGap)}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover:first-child>.fd-popover__control>fd-popover-control>.fd-avatar{margin-right:0;margin-left:0}fd-avatar-group>.fd-popover-custom{width:100%}fd-avatar-group>.fd-popover-custom .fd-popover__control{display:inline-block}fd-avatar-group>.fd-popover-custom .fd-avatar-group{display:inline-block}\n"] }]
|
|
85
|
+
], template: "<ng-content></ng-content>\n<ng-container *ngIf=\"type === 'individual'; else groupType\">\n <fd-avatar-group-host\n #avatarGroupHostComponent\n [type]=\"type\"\n [size]=\"size\"\n [orientation]=\"orientation\"\n fdkResizeObserver\n fdkFocusableList\n [contentDirection]=\"_contentDirection$ | async\"\n [wrap]=\"true\"\n [navigationDirection]=\"orientation\"\n [items]=\"_avatars\"\n (resized)=\"_detectChanges()\"\n >\n <fd-popover *ngFor=\"let item of _avatars; trackBy: _trackByFn\" [noArrow]=\"false\" [focusAutoCapture]=\"true\">\n <fd-popover-control tabindex=\"-1\" (click)=\"outletItem.element.focus()\">\n <ng-template\n #outletItem=\"fdAvatarGroupItemPortal\"\n cdkPortalOutlet\n fdAvatarGroupItemPortal\n [forceVisibility]=\"item.forceVisibility\"\n [avatarGroupItem]=\"item\"\n >\n </ng-template>\n </fd-popover-control>\n <fd-popover-body *ngIf=\"item.details\">\n <ng-template [ngTemplateOutlet]=\"item.details\"></ng-template>\n </fd-popover-body>\n </fd-popover>\n <fd-popover\n [noArrow]=\"false\"\n [focusAutoCapture]=\"true\"\n *fdAvatarGroupInternalOverflowButton=\"avatarGroupHostComponent._hiddenItems(); let hiddenItems\"\n >\n <fd-popover-control tabindex=\"-1\">\n <ng-template\n [ngTemplateOutlet]=\"overflowButtonTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n ></ng-template>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template\n [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n ></ng-template>\n </fd-popover-body>\n </fd-popover>\n </fd-avatar-group-host>\n</ng-container>\n<ng-template #groupType>\n <fd-popover [noArrow]=\"false\" [focusAutoCapture]=\"true\" fdkResizeObserver (resized)=\"_detectChanges()\">\n <fd-popover-control>\n <fd-avatar-group-host\n #avatarGroupHostComponent\n [type]=\"type\"\n [size]=\"size\"\n [orientation]=\"orientation\"\n [fdkFocusableItem]=\"true\"\n >\n <ng-container *ngFor=\"let item of _avatars; trackBy: _trackByFn\">\n <ng-template\n cdkPortalOutlet\n fdAvatarGroupItemPortal\n [forceVisibility]=\"item.forceVisibility\"\n [avatarGroupItem]=\"item\"\n >\n </ng-template>\n </ng-container>\n <ng-template\n [fdAvatarGroupInternalOverflowButton]=\"avatarGroupHostComponent._hiddenItems()\"\n let-hiddenItems\n >\n <ng-template\n [ngTemplateOutlet]=\"overflowButtonTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: hiddenItems }\"\n ></ng-template>\n </ng-template>\n </fd-avatar-group-host>\n </fd-popover-control>\n <fd-popover-body>\n <ng-template\n [ngTemplateOutlet]=\"avatarGroupOverflowBodyTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: _avatarRenderers }\"\n ></ng-template>\n </fd-popover-body>\n </fd-popover>\n</ng-template>\n<ng-template #overflowButtonTemplate let-hiddenItems>\n <ng-container *ngIf=\"_overflowButton; else defaultOverflowButton\">\n <ng-template\n [ngTemplateOutlet]=\"_overflowButton._templateRef\"\n [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n />\n </ng-container>\n <ng-template #defaultOverflowButton>\n <fd-avatar-group-overflow-button [size]=\"size\" [colorAccent]=\"1\">\n +{{ hiddenItems.length }}\n </fd-avatar-group-overflow-button>\n </ng-template>\n</ng-template>\n\n<ng-template #avatarGroupOverflowBodyTemplate let-hiddenItems>\n <ng-container *ngIf=\"_avatarGroupPopoverBody; else defaultAvatarGroupOverflowBodyTemplate\">\n <ng-template\n [ngTemplateOutlet]=\"_avatarGroupPopoverBody._templateRef\"\n [ngTemplateOutletContext]=\"{ hiddenItems: hiddenItems }\"\n />\n </ng-container>\n <ng-template #defaultAvatarGroupOverflowBodyTemplate>\n <fd-default-avatar-group-overflow-body [avatars]=\"hiddenItems\" [overflowPopoverTitle]=\"overflowPopoverTitle\" />\n </ng-template>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-avatar{--fdAvatarZoomIconPosition:0;-webkit-box-sizing:border-box;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:.0625rem solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-stretch:var(--fdAvatarFontStretch);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:var(--sapContent_LineHeight);margin:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)}.fd-avatar:after,.fd-avatar:before{box-sizing:inherit;font-size:inherit}.fd-avatar.is-focus,.fd-avatar:focus{outline:none}.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--interactive,.fd-avatar[role=button],.fd-avatar[tabindex=\"0\"]{cursor:pointer}.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex=\"0\"].is-hover,.fd-avatar[tabindex=\"0\"]:hover{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex=\"0\"].is-disabled,.fd-avatar[tabindex=\"0\"]:disabled,.fd-avatar[tabindex=\"0\"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--interactive.is-active,.fd-avatar--interactive.is-toggled,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button].is-toggled,.fd-avatar[role=button]:active,.fd-avatar[tabindex=\"0\"].is-active,.fd-avatar[tabindex=\"0\"].is-toggled,.fd-avatar[tabindex=\"0\"]:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex=\"0\"].is-toggled.is-hover,.fd-avatar[tabindex=\"0\"].is-toggled:hover{--fdAvatarBorderColor:var(--sapButton_Selected_Hover_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Hover_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex=\"0\"].is-focus,.fd-avatar[tabindex=\"0\"]:focus{padding:.125rem;z-index:5}.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)}.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:inherit;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:inherit;border-radius:100%;color:inherit;color:var(--fdAvatarZoomIconColor);display:flex;font-size:inherit;font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);justify-content:center;line-height:1;min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)}.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto}.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)}.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)}.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)}.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)}.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;background:inherit;border-radius:inherit;color:inherit;display:flex;font-size:inherit;justify-content:center;line-height:1}.fd-avatar--circle{--fdAvatarBorderRadius:100%}.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none}.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatar_Focus_Outline_Offset);content:\"\";left:var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatar_Focus_Outline_Offset);top:var(--fdAvatar_Focus_Outline_Offset)}.fd-avatar--background-contain{--fdAvatarBackgroundSize:contain}.fd-avatar--transparent{--fdAvatarBorderColor:var(--fdAvatar_Transparent_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_IconColor)}.fd-avatar--tile{--fdAvatarBorderColor:var(--fdAvatar_Tile_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Tile_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Tile_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Tile_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapTile_IconColor)}.fd-avatar--placeholder{--fdAvatarBorderColor:var(--fdAvatar_Placeholder_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Placeholder_BackgroundColor_Hover);--fdAvatarHoverBorderColor:var(--sapContent_ImagePlaceholderForegroundColor)}.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--fdAvatar_Transparent_BackgroundColor)}.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor)}.fd-avatar--border.is-active,.fd-avatar--border:active{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background)}.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Overflow_BorderColor);--fdAvatarBackgroundColor:var(--fdAvatar_Overflow_BackgroundColor);--fdAvatarColor:var(--fdAvatar_Overflow_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);border-width:var(--fdAvatar_Overflow_Border_Width);cursor:pointer}.fd-avatar--overflow.is-hover,.fd-avatar--overflow:hover{--fdAvatarColor:var(--sapButton_Hover_TextColor)}.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-avatar--overflow.is-active,.fd-avatar--overflow:active{--fdAvatarBorderColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Active_Background);--fdAvatarColor:var(--sapButton_Active_TextColor)}.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_1_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_1_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_1);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_1_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_1)}.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_2_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_2_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_2);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_2_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_2)}.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_3_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_3_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_3);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_3_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_3)}.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_4_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_4_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_4);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_4_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_4)}.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_5_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_5_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_5);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_5_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_5)}.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_6_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_6_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_6);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_6_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6)}.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_7_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_7_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_7);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_7_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_7)}.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_8_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_8_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_8);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_8_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_8)}.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_9_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_9_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_9);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_9_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_9)}.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--fdAvatar_Accent_Color_10_Border);--fdAvatarColor:var(--fdAvatar_Accent_Color_10_Text);--fdAvatarBackgroundColor:var(--fdAvatar_Accent_Color_10);--fdAvatarHoverBorderColor:var(--fdAvatar_Accent_Color_10_Border_Color_Hover);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_10)}.fd-avatar--xs{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarFontStretch:condensed}.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--s{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem;--fdAvatarFontStretch:condensed}.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--m{--fdAvatarZoomIconOffset:-.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem;--fdAvatarFontStretch:normal}.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:.75rem}.fd-avatar--l{--fdAvatarZoomIconOffset:-.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem;--fdAvatarFontStretch:normal}.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:.875rem}.fd-avatar--xl{--fdAvatarZoomIconOffset:-.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem;--fdAvatarFontStretch:normal}.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem}.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)}.fd-avatar--l,.fd-avatar--m,.fd-avatar--s,.fd-avatar--xl,.fd-avatar--xs{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0}.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)}.fd-avatar-group{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-avatar-group:after,.fd-avatar-group:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group .fd-avatar:not(:first-child){margin-bottom:0;margin-left:var(--fdAvatarGroupItemsSpacingX);margin-right:0;margin-top:var(--fdAvatarGroupItemsSpacingY)}.fd-avatar-group .fd-avatar:not(:first-child)[dir=rtl],[dir=rtl] .fd-avatar-group .fd-avatar:not(:first-child){margin-left:0;margin-right:var(--fdAvatarGroupItemsSpacingX)}.fd-avatar-group__overflow-body{-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:1rem;white-space:normal}.fd-avatar-group__overflow-body:after,.fd-avatar-group__overflow-body:before{box-sizing:inherit;font-size:inherit}.fd-avatar-group__overflow-body--no-padding{padding:0}.fd-avatar-group__overflow-body--no-horizontal-scroll{overflow-x:hidden}.fd-avatar-group__overflow-body--no-vertical-scroll{overflow-y:hidden}.fd-avatar-group__overflow-body>.fd-avatar{margin:.25rem}.fd-avatar-group--vertical{flex-direction:column}.fd-avatar-group--individual-type{gap:var(--fdAvatarGroupItemsGap)}.fd-avatar-group--individual-type.fd-avatar-group--xs{--fdAvatarGroupItemsGap:.0625rem}.fd-avatar-group--individual-type.fd-avatar-group--l,.fd-avatar-group--individual-type.fd-avatar-group--m,.fd-avatar-group--individual-type.fd-avatar-group--s{--fdAvatarGroupItemsGap:.125rem}.fd-avatar-group--individual-type.fd-avatar-group--xl{--fdAvatarGroupItemsGap:.25rem}.fd-avatar-group--group-type .fd-avatar{pointer-events:none}.fd-avatar-group--group-type.fd-avatar-group--xs{--fdAvatarGroupItemsSpacingX:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--xs.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-.75rem}.fd-avatar-group--group-type.fd-avatar-group--s{--fdAvatarGroupItemsSpacingX:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--s.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.25rem}.fd-avatar-group--group-type.fd-avatar-group--m{--fdAvatarGroupItemsSpacingX:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--m.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-1.625rem}.fd-avatar-group--group-type.fd-avatar-group--l{--fdAvatarGroupItemsSpacingX:-2rem}.fd-avatar-group--group-type.fd-avatar-group--l.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2rem}.fd-avatar-group--group-type.fd-avatar-group--xl{--fdAvatarGroupItemsSpacingX:-2.75rem}.fd-avatar-group--group-type.fd-avatar-group--xl.fd-avatar-group--vertical{--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsSpacingY:-2.75rem}.fd-avatar-group--group-type.is-hover .fd-avatar,.fd-avatar-group--group-type:hover .fd-avatar{--fdAvatarBorderColor:var(--fdAvatarHoverBorderColor);--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor)}.fd-avatar-group--group-type.is-active .fd-avatar,.fd-avatar-group--group-type:active .fd-avatar{--fdAvatarBorderColor:var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Selected_Background);--fdAvatarColor:var(--sapButton_Selected_TextColor)}.fd-avatar-group--group-type.is-disabled,.fd-avatar-group--group-type:disabled,.fd-avatar-group--group-type[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-avatar-group--group-type.is-focus,.fd-avatar-group--group-type:focus{z-index:5}.fd-avatar-group--group-type.is-focus.is-focus,.fd-avatar-group--group-type.is-focus:focus,.fd-avatar-group--group-type:focus.is-focus,.fd-avatar-group--group-type:focus:focus{outline:none}.fd-avatar-group--group-type.is-focus.is-focus:after,.fd-avatar-group--group-type.is-focus:focus:after,.fd-avatar-group--group-type:focus.is-focus:after,.fd-avatar-group--group-type:focus:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatarGroup_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);bottom:var(--fdAvatarGroup_Focus_Outline_Offset);content:\"\";left:var(--fdAvatarGroup_Focus_Outline_Offset);pointer-events:none;position:absolute;right:var(--fdAvatarGroup_Focus_Outline_Offset);top:var(--fdAvatarGroup_Focus_Outline_Offset)}fd-avatar-group{display:block}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type{gap:initial}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control{display:block;height:100%}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar{margin-left:var(--fdAvatarGroupItemsGap)}[dir=rtl] fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar,fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover>.fd-popover__control>fd-popover-control>.fd-avatar[dir=rtl]{margin-left:0;margin-right:var(--fdAvatarGroupItemsGap)}fd-avatar-group .fd-avatar-group.fd-avatar-group--individual-type>fd-popover:first-child>.fd-popover__control>fd-popover-control>.fd-avatar{margin-right:0;margin-left:0}fd-avatar-group>.fd-popover-custom{width:100%}fd-avatar-group>.fd-popover-custom .fd-popover__control{display:inline-block}fd-avatar-group>.fd-popover-custom .fd-avatar-group{display:inline-block}\n"] }]
|
|
86
86
|
}], propDecorators: { type: [{
|
|
87
87
|
type: Input
|
|
88
88
|
}], orientation: [{
|
|
@@ -57,7 +57,7 @@ export class BarComponent {
|
|
|
57
57
|
contentDensityObserverProviders({
|
|
58
58
|
defaultContentDensity: ContentDensityMode.COMPACT
|
|
59
59
|
})
|
|
60
|
-
], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.
|
|
60
|
+
], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{--fdBar_Z_Index:1;--fdBar_Height:2.75rem;--fdBar_Padding_X:1rem;--fdBar_Padding_Top:0;--fdBar_Padding_Bottom:0;--fdBar_Border_Radius:0;--fdBar_Floating_Footer_Offset_X:0;--fdBar_Floating_Footer_Offset_Y:0;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--fdBar_Shadow);background:var(--fdBar_Background);border:0;border-radius:var(--fdBar_Border_Radius);box-shadow:var(--fdBar_Shadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:var(--fdBar_Height);justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdBar_Padding_Top) var(--fdBar_Padding_X) var(--fdBar_Padding_Bottom);z-index:var(--fdBar_Z_Index)}.fd-bar:after,.fd-bar:before{box-sizing:inherit;font-size:inherit}.fd-bar .fd-bar__header{color:var(--sapPageHeader_TextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader5Size)}.fd-bar__left,.fd-bar__middle,.fd-bar__right{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;padding:0;width:100%}.fd-bar__left:after,.fd-bar__left:before,.fd-bar__middle:after,.fd-bar__middle:before,.fd-bar__right:after,.fd-bar__right:before{box-sizing:inherit;font-size:inherit}.fd-bar__middle{justify-content:center}.fd-bar__right{justify-content:flex-end}.fd-bar__element{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:100%;max-width:100%;padding:0}.fd-bar__element:after,.fd-bar__element:before{box-sizing:inherit;font-size:inherit}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>:first-child{flex-grow:1}.fd-bar--responsive-paddings{margin-bottom:.5rem;margin-top:.5rem}@media (max-width: 599px){.fd-bar--responsive-paddings{--fdBar_Padding_X:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-bar--responsive-paddings{--fdBar_Padding_X:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-bar--responsive-paddings{--fdBar_Padding_X:2rem}}@media (min-width: 1440px){.fd-bar--responsive-paddings{--fdBar_Padding_X:3rem}}.fd-bar--header{--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background)}.fd-bar--subheader{--fdBar_Height:3rem;--fdBar_Padding_Bottom:.25rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background)}.fd-bar--header-with-subheader{--fdBar_Z_Index:2;--fdBar_Shadow:none;--fdBar_Background:var(--sapPageHeader_Background);position:relative}.fd-bar--footer{--fdBar_Shadow:none;--fdBar_Background:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{--fdBar_Shadow:var(--sapContent_Shadow1);--fdBar_Z_Index:map-get($fd-z-index-levels,\"top\");--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Border_Radius:var(--sapElement_BorderCornerRadius);bottom:0;left:var(--fdBar_Floating_Footer_Offset_X);margin-bottom:var(--fdBar_Floating_Footer_Offset_Y);opacity:1;position:absolute;right:var(--fdBar_Floating_Footer_Offset_X)}.fd-bar--growing{--fdBar_Height:auto;--fdBar_Padding_Top:.25rem;--fdBar_Padding_Bottom:.25rem;min-height:2.5rem}.fd-bar--growing.fd-bar--header{--fdBar_Padding_Top:.375rem}.fd-bar--home-page,.fd-bar--page{--fdBar_Padding_X:1rem}.fd-bar--home-page.fd-bar--floating-footer,.fd-bar--page.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem;--fdBar_Floating_Footer_Offset_Y:.5rem}.fd-bar--page-s{--fdBar_Padding_X:1rem}.fd-bar--page-s.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem;--fdBar_Floating_Footer_Offset_Y:.5rem}.fd-bar--home-page-s{--fdBar_Padding_X:.5rem}.fd-bar--home-page-s.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem;--fdBar_Floating_Footer_Offset_Y:.5rem}.fd-bar--home-page-m_l,.fd-bar--page-m_l{--fdBar_Padding_X:2rem}.fd-bar--home-page-m_l.fd-bar--floating-footer,.fd-bar--page-m_l.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:2rem;--fdBar_Floating_Footer_Offset_Y:.5rem}.fd-bar--home-page-xl,.fd-bar--page-xl{--fdBar_Padding_X:3rem}.fd-bar--home-page-xl.fd-bar--floating-footer,.fd-bar--page-xl.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:3rem;--fdBar_Floating_Footer_Offset_Y:.5rem}.fd-bar[class*=-compact],.fd-bar[class*=-condensed],[class*=-compact] .fd-bar:not([class*=-cozy]),[class*=-condensed] .fd-bar:not([class*=-cozy]){--fdBar_Height:2.5rem}.fd-bar[class*=-compact].fd-bar--subheader,.fd-bar[class*=-condensed].fd-bar--subheader,[class*=-compact] .fd-bar:not([class*=-cozy]).fd-bar--subheader,[class*=-condensed] .fd-bar:not([class*=-cozy]).fd-bar--subheader{--fdBar_Height:2.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
61
61
|
}
|
|
62
62
|
__decorate([
|
|
63
63
|
applyCssClass,
|
|
@@ -71,7 +71,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
|
|
|
71
71
|
contentDensityObserverProviders({
|
|
72
72
|
defaultContentDensity: ContentDensityMode.COMPACT
|
|
73
73
|
})
|
|
74
|
-
], standalone: true, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.
|
|
74
|
+
], standalone: true, template: "<ng-content select=\"[fd-bar-left]\"></ng-content>\n<ng-content select=\"[fd-bar-middle]\"></ng-content>\n<ng-content select=\"[fd-bar-right]\"></ng-content>\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-bar{--fdBar_Z_Index:1;--fdBar_Height:2.75rem;--fdBar_Padding_X:1rem;--fdBar_Padding_Top:0;--fdBar_Padding_Bottom:0;--fdBar_Border_Radius:0;--fdBar_Floating_Footer_Offset_X:0;--fdBar_Floating_Footer_Offset_Y:0;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);-webkit-box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-shadow:var(--fdBar_Shadow);background:var(--fdBar_Background);border:0;border-radius:var(--fdBar_Border_Radius);box-shadow:var(--fdBar_Shadow);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;height:var(--fdBar_Height);justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdBar_Padding_Top) var(--fdBar_Padding_X) var(--fdBar_Padding_Bottom);z-index:var(--fdBar_Z_Index)}.fd-bar:after,.fd-bar:before{box-sizing:inherit;font-size:inherit}.fd-bar .fd-bar__header{color:var(--sapPageHeader_TextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader5Size)}.fd-bar__left,.fd-bar__middle,.fd-bar__right{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;padding:0;width:100%}.fd-bar__left:after,.fd-bar__left:before,.fd-bar__middle:after,.fd-bar__middle:before,.fd-bar__right:after,.fd-bar__right:before{box-sizing:inherit;font-size:inherit}.fd-bar__middle{justify-content:center}.fd-bar__right{justify-content:flex-end}.fd-bar__element{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;max-height:100%;max-width:100%;padding:0}.fd-bar__element:after,.fd-bar__element:before{box-sizing:inherit;font-size:inherit}.fd-bar__element--full-width{width:100%}.fd-bar__element--full-width>:first-child{flex-grow:1}.fd-bar--responsive-paddings{margin-bottom:.5rem;margin-top:.5rem}@media (max-width: 599px){.fd-bar--responsive-paddings{--fdBar_Padding_X:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-bar--responsive-paddings{--fdBar_Padding_X:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-bar--responsive-paddings{--fdBar_Padding_X:2rem}}@media (min-width: 1440px){.fd-bar--responsive-paddings{--fdBar_Padding_X:3rem}}.fd-bar--header{--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background)}.fd-bar--subheader{--fdBar_Height:3rem;--fdBar_Padding_Bottom:.25rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background)}.fd-bar--header-with-subheader{--fdBar_Z_Index:2;--fdBar_Shadow:none;--fdBar_Background:var(--sapPageHeader_Background);position:relative}.fd-bar--footer{--fdBar_Shadow:none;--fdBar_Background:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor)}.fd-bar--floating-footer{--fdBar_Shadow:var(--sapContent_Shadow1);--fdBar_Z_Index:map-get($fd-z-index-levels,\"top\");--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Border_Radius:var(--sapElement_BorderCornerRadius);bottom:0;left:var(--fdBar_Floating_Footer_Offset_X);margin-bottom:var(--fdBar_Floating_Footer_Offset_Y);opacity:1;position:absolute;right:var(--fdBar_Floating_Footer_Offset_X)}.fd-bar--growing{--fdBar_Height:auto;--fdBar_Padding_Top:.25rem;--fdBar_Padding_Bottom:.25rem;min-height:2.5rem}.fd-bar--growing.fd-bar--header{--fdBar_Padding_Top:.375rem}.fd-bar--home-page,.fd-bar--page{--fdBar_Padding_X:1rem}.fd-bar--home-page.fd-bar--floating-footer,.fd-bar--page.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem;--fdBar_Floating_Footer_Offset_Y:.5rem}.fd-bar--page-s{--fdBar_Padding_X:1rem}.fd-bar--page-s.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem;--fdBar_Floating_Footer_Offset_Y:.5rem}.fd-bar--home-page-s{--fdBar_Padding_X:.5rem}.fd-bar--home-page-s.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:1rem;--fdBar_Floating_Footer_Offset_Y:.5rem}.fd-bar--home-page-m_l,.fd-bar--page-m_l{--fdBar_Padding_X:2rem}.fd-bar--home-page-m_l.fd-bar--floating-footer,.fd-bar--page-m_l.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:2rem;--fdBar_Floating_Footer_Offset_Y:.5rem}.fd-bar--home-page-xl,.fd-bar--page-xl{--fdBar_Padding_X:3rem}.fd-bar--home-page-xl.fd-bar--floating-footer,.fd-bar--page-xl.fd-bar--floating-footer{--fdBar_Padding_X:.5rem;--fdBar_Floating_Footer_Offset_X:3rem;--fdBar_Floating_Footer_Offset_Y:.5rem}.fd-bar[class*=-compact],.fd-bar[class*=-condensed],[class*=-compact] .fd-bar:not([class*=-cozy]),[class*=-condensed] .fd-bar:not([class*=-cozy]){--fdBar_Height:2.5rem}.fd-bar[class*=-compact].fd-bar--subheader,.fd-bar[class*=-condensed].fd-bar--subheader,[class*=-compact] .fd-bar:not([class*=-cozy]).fd-bar--subheader,[class*=-condensed] .fd-bar:not([class*=-cozy]).fd-bar--subheader{--fdBar_Height:2.25rem}\n"] }]
|
|
75
75
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ContentDensityObserver }]; }, propDecorators: { class: [{
|
|
76
76
|
type: Input
|
|
77
77
|
}], barDesign: [{
|
|
@@ -109,7 +109,7 @@ export class BreadcrumbComponent {
|
|
|
109
109
|
provide: FD_BREADCRUMB_COMPONENT,
|
|
110
110
|
useExisting: BreadcrumbComponent
|
|
111
111
|
}
|
|
112
|
-
], queries: [{ propertyName: "_contentItems", predicate: FD_BREADCRUMB_ITEM_COMPONENT }], viewQueries: [{ propertyName: "_menuComponent", first: true, predicate: MenuComponent, descendants: true }, { propertyName: "_overflowLayout", first: true, predicate: OverflowLayoutComponent, descendants: true }], ngImport: i0, template: "<fd-overflow-layout\n [reverseHiddenItems]=\"!reverse\"\n showMorePosition=\"left\"\n [enableKeyboardNavigation]=\"false\"\n (visibleItemsCount)=\"_onVisibleItemsCountChange($event)\"\n (hiddenItemsCount)=\"_onHiddenItemsCountChange($event)\"\n>\n <ng-container *ngFor=\"let breadcrumb of _items\">\n <div\n *fdOverflowItemRef=\"breadcrumb; let hidden\"\n fdOverflowLayoutItem\n (hiddenChange)=\"_onHiddenChange($event, breadcrumb)\"\n >\n <ng-template [cdkPortalOutlet]=\"breadcrumb.portal\"></ng-template>\n </div>\n </ng-container>\n <ng-container *fdOverflowExpand=\"let breadcrumbs; items: _items\">\n <fd-menu #menu [closeOnEscapeKey]=\"true\" [focusAutoCapture]=\"true\" [placement]=\"_placement$ | async\">\n <ng-container *ngFor=\"let breadcrumbItem of breadcrumbs\">\n <li\n fd-menu-item\n [disabled]=\"\n breadcrumbItem.item.breadcrumbLink ? breadcrumbItem.item.breadcrumbLink.disabled : false\n \"\n >\n <a\n fd-menu-interactive\n (click)=\"itemClicked(breadcrumbItem.item, $event)\"\n (keydown.enter)=\"itemClicked(breadcrumbItem.item, $event)\"\n (keydown.space)=\"itemClicked(breadcrumbItem.item, $event)\"\n >\n <ng-container *ngIf=\"breadcrumbItem?.item.breadcrumbLink; else portalContent\">\n <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\">\n <fd-menu-addon\n position=\"before\"\n [glyph]=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\"\n ></fd-menu-addon>\n </ng-container>\n <span fd-menu-title>\n <ng-container [cdkPortalOutlet]=\"breadcrumbItem.item.linkContentPortal\"></ng-container>\n </span>\n <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\">\n <fd-menu-addon\n [glyph]=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\"\n ></fd-menu-addon>\n </ng-container>\n </ng-container>\n <ng-template #portalContent>\n <span fd-menu-title>\n <ng-container\n [cdkPortalOutlet]=\"breadcrumbItem.item.breadcrumbItemPortal\"\n ></ng-container>\n </span>\n </ng-template>\n </a>\n </li>\n </ng-container>\n </fd-menu>\n <span class=\"fd-breadcrumb__item\" *ngIf=\"breadcrumbs.length > 0\" [fdMenuTrigger]=\"menu\">\n <a\n fd-link\n [attr.aria-label]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n aria-haspopup=\"listbox\"\n tabindex=\"0\"\n class=\"fd-breadcrumb__collapsed\"\n (keydown.enter)=\"_keyDownHandle($event)\"\n (keydown.space)=\"_keyDownHandle($event)\"\n >\n <fd-icon\n glyph=\"overflow\"\n [title]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n [ariaLabel]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n ></fd-icon>\n <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n </a>\n </span>\n </ng-container>\n</fd-overflow-layout>\n\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.
|
|
112
|
+
], queries: [{ propertyName: "_contentItems", predicate: FD_BREADCRUMB_ITEM_COMPONENT }], viewQueries: [{ propertyName: "_menuComponent", first: true, predicate: MenuComponent, descendants: true }, { propertyName: "_overflowLayout", first: true, predicate: OverflowLayoutComponent, descendants: true }], ngImport: i0, template: "<fd-overflow-layout\n [reverseHiddenItems]=\"!reverse\"\n showMorePosition=\"left\"\n [enableKeyboardNavigation]=\"false\"\n (visibleItemsCount)=\"_onVisibleItemsCountChange($event)\"\n (hiddenItemsCount)=\"_onHiddenItemsCountChange($event)\"\n>\n <ng-container *ngFor=\"let breadcrumb of _items\">\n <div\n *fdOverflowItemRef=\"breadcrumb; let hidden\"\n fdOverflowLayoutItem\n (hiddenChange)=\"_onHiddenChange($event, breadcrumb)\"\n >\n <ng-template [cdkPortalOutlet]=\"breadcrumb.portal\"></ng-template>\n </div>\n </ng-container>\n <ng-container *fdOverflowExpand=\"let breadcrumbs; items: _items\">\n <fd-menu #menu [closeOnEscapeKey]=\"true\" [focusAutoCapture]=\"true\" [placement]=\"_placement$ | async\">\n <ng-container *ngFor=\"let breadcrumbItem of breadcrumbs\">\n <li\n fd-menu-item\n [disabled]=\"\n breadcrumbItem.item.breadcrumbLink ? breadcrumbItem.item.breadcrumbLink.disabled : false\n \"\n >\n <a\n fd-menu-interactive\n (click)=\"itemClicked(breadcrumbItem.item, $event)\"\n (keydown.enter)=\"itemClicked(breadcrumbItem.item, $event)\"\n (keydown.space)=\"itemClicked(breadcrumbItem.item, $event)\"\n >\n <ng-container *ngIf=\"breadcrumbItem?.item.breadcrumbLink; else portalContent\">\n <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\">\n <fd-menu-addon\n position=\"before\"\n [glyph]=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\"\n ></fd-menu-addon>\n </ng-container>\n <span fd-menu-title>\n <ng-container [cdkPortalOutlet]=\"breadcrumbItem.item.linkContentPortal\"></ng-container>\n </span>\n <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\">\n <fd-menu-addon\n [glyph]=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\"\n ></fd-menu-addon>\n </ng-container>\n </ng-container>\n <ng-template #portalContent>\n <span fd-menu-title>\n <ng-container\n [cdkPortalOutlet]=\"breadcrumbItem.item.breadcrumbItemPortal\"\n ></ng-container>\n </span>\n </ng-template>\n </a>\n </li>\n </ng-container>\n </fd-menu>\n <span class=\"fd-breadcrumb__item\" *ngIf=\"breadcrumbs.length > 0\" [fdMenuTrigger]=\"menu\">\n <a\n fd-link\n [attr.aria-label]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n aria-haspopup=\"listbox\"\n tabindex=\"0\"\n class=\"fd-breadcrumb__collapsed\"\n (keydown.enter)=\"_keyDownHandle($event)\"\n (keydown.space)=\"_keyDownHandle($event)\"\n >\n <fd-icon\n glyph=\"overflow\"\n [title]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n [ariaLabel]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n ></fd-icon>\n <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n </a>\n </span>\n </ng-container>\n</fd-overflow-layout>\n\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-breadcrumb{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0}.fd-breadcrumb:after,.fd-breadcrumb:before{box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-breadcrumb__item:after,.fd-breadcrumb__item:before{box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item:after{color:var(--sapContent_LabelColor);content:\"/\";margin-left:.25rem;margin-right:.25rem}.fd-breadcrumb__item:last-child:after{content:none}.fd-breadcrumb__item .fd-breadcrumb__popover-body{border:none;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.fd-breadcrumb{display:flex;white-space:nowrap}.fd-breadcrumb .fd-breadcrumb__collapsed{cursor:pointer}.fd-breadcrumb .fd-overflow-layout{justify-content:start}.fd-breadcrumb .fd-breadcrumb__item:last-child:after{content:\"/\"}.fd-breadcrumb .fd-overflow-layout__item--last .fd-breadcrumb__item:after{content:none}\n"], dependencies: [{ kind: "component", type: OverflowLayoutComponent, selector: "fd-overflow-layout", inputs: ["maxVisibleItems", "navigationTrigger", "showMorePosition", "reverseHiddenItems", "enableKeyboardNavigation", "moreItemsButtonText"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: OverflowItemRefDirective, selector: "[fdOverflowItemRef]", inputs: ["fdOverflowItemRef"] }, { kind: "directive", type: OverflowLayoutItemDirective, selector: "[fdOverflowLayoutItem]", inputs: ["forceVisibility"], outputs: ["hiddenChange"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: OverflowExpandDirective, selector: "[fdOverflowExpand]", inputs: ["fdOverflowExpandItems"] }, { kind: "component", type: MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: GlyphMenuAddonDirective, selector: "fd-menu-addon[glyph]", inputs: ["glyph"] }, { kind: "component", type: MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
113
113
|
}
|
|
114
114
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
115
115
|
type: Component,
|
|
@@ -140,7 +140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
|
|
|
140
140
|
IconComponent,
|
|
141
141
|
AsyncPipe,
|
|
142
142
|
FdTranslatePipe
|
|
143
|
-
], template: "<fd-overflow-layout\n [reverseHiddenItems]=\"!reverse\"\n showMorePosition=\"left\"\n [enableKeyboardNavigation]=\"false\"\n (visibleItemsCount)=\"_onVisibleItemsCountChange($event)\"\n (hiddenItemsCount)=\"_onHiddenItemsCountChange($event)\"\n>\n <ng-container *ngFor=\"let breadcrumb of _items\">\n <div\n *fdOverflowItemRef=\"breadcrumb; let hidden\"\n fdOverflowLayoutItem\n (hiddenChange)=\"_onHiddenChange($event, breadcrumb)\"\n >\n <ng-template [cdkPortalOutlet]=\"breadcrumb.portal\"></ng-template>\n </div>\n </ng-container>\n <ng-container *fdOverflowExpand=\"let breadcrumbs; items: _items\">\n <fd-menu #menu [closeOnEscapeKey]=\"true\" [focusAutoCapture]=\"true\" [placement]=\"_placement$ | async\">\n <ng-container *ngFor=\"let breadcrumbItem of breadcrumbs\">\n <li\n fd-menu-item\n [disabled]=\"\n breadcrumbItem.item.breadcrumbLink ? breadcrumbItem.item.breadcrumbLink.disabled : false\n \"\n >\n <a\n fd-menu-interactive\n (click)=\"itemClicked(breadcrumbItem.item, $event)\"\n (keydown.enter)=\"itemClicked(breadcrumbItem.item, $event)\"\n (keydown.space)=\"itemClicked(breadcrumbItem.item, $event)\"\n >\n <ng-container *ngIf=\"breadcrumbItem?.item.breadcrumbLink; else portalContent\">\n <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\">\n <fd-menu-addon\n position=\"before\"\n [glyph]=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\"\n ></fd-menu-addon>\n </ng-container>\n <span fd-menu-title>\n <ng-container [cdkPortalOutlet]=\"breadcrumbItem.item.linkContentPortal\"></ng-container>\n </span>\n <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\">\n <fd-menu-addon\n [glyph]=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\"\n ></fd-menu-addon>\n </ng-container>\n </ng-container>\n <ng-template #portalContent>\n <span fd-menu-title>\n <ng-container\n [cdkPortalOutlet]=\"breadcrumbItem.item.breadcrumbItemPortal\"\n ></ng-container>\n </span>\n </ng-template>\n </a>\n </li>\n </ng-container>\n </fd-menu>\n <span class=\"fd-breadcrumb__item\" *ngIf=\"breadcrumbs.length > 0\" [fdMenuTrigger]=\"menu\">\n <a\n fd-link\n [attr.aria-label]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n aria-haspopup=\"listbox\"\n tabindex=\"0\"\n class=\"fd-breadcrumb__collapsed\"\n (keydown.enter)=\"_keyDownHandle($event)\"\n (keydown.space)=\"_keyDownHandle($event)\"\n >\n <fd-icon\n glyph=\"overflow\"\n [title]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n [ariaLabel]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n ></fd-icon>\n <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n </a>\n </span>\n </ng-container>\n</fd-overflow-layout>\n\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.
|
|
143
|
+
], template: "<fd-overflow-layout\n [reverseHiddenItems]=\"!reverse\"\n showMorePosition=\"left\"\n [enableKeyboardNavigation]=\"false\"\n (visibleItemsCount)=\"_onVisibleItemsCountChange($event)\"\n (hiddenItemsCount)=\"_onHiddenItemsCountChange($event)\"\n>\n <ng-container *ngFor=\"let breadcrumb of _items\">\n <div\n *fdOverflowItemRef=\"breadcrumb; let hidden\"\n fdOverflowLayoutItem\n (hiddenChange)=\"_onHiddenChange($event, breadcrumb)\"\n >\n <ng-template [cdkPortalOutlet]=\"breadcrumb.portal\"></ng-template>\n </div>\n </ng-container>\n <ng-container *fdOverflowExpand=\"let breadcrumbs; items: _items\">\n <fd-menu #menu [closeOnEscapeKey]=\"true\" [focusAutoCapture]=\"true\" [placement]=\"_placement$ | async\">\n <ng-container *ngFor=\"let breadcrumbItem of breadcrumbs\">\n <li\n fd-menu-item\n [disabled]=\"\n breadcrumbItem.item.breadcrumbLink ? breadcrumbItem.item.breadcrumbLink.disabled : false\n \"\n >\n <a\n fd-menu-interactive\n (click)=\"itemClicked(breadcrumbItem.item, $event)\"\n (keydown.enter)=\"itemClicked(breadcrumbItem.item, $event)\"\n (keydown.space)=\"itemClicked(breadcrumbItem.item, $event)\"\n >\n <ng-container *ngIf=\"breadcrumbItem?.item.breadcrumbLink; else portalContent\">\n <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\">\n <fd-menu-addon\n position=\"before\"\n [glyph]=\"breadcrumbItem.item.breadcrumbLink._prefixIconName\"\n ></fd-menu-addon>\n </ng-container>\n <span fd-menu-title>\n <ng-container [cdkPortalOutlet]=\"breadcrumbItem.item.linkContentPortal\"></ng-container>\n </span>\n <ng-container *ngIf=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\">\n <fd-menu-addon\n [glyph]=\"breadcrumbItem.item.breadcrumbLink._postfixIconName\"\n ></fd-menu-addon>\n </ng-container>\n </ng-container>\n <ng-template #portalContent>\n <span fd-menu-title>\n <ng-container\n [cdkPortalOutlet]=\"breadcrumbItem.item.breadcrumbItemPortal\"\n ></ng-container>\n </span>\n </ng-template>\n </a>\n </li>\n </ng-container>\n </fd-menu>\n <span class=\"fd-breadcrumb__item\" *ngIf=\"breadcrumbs.length > 0\" [fdMenuTrigger]=\"menu\">\n <a\n fd-link\n [attr.aria-label]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n aria-haspopup=\"listbox\"\n tabindex=\"0\"\n class=\"fd-breadcrumb__collapsed\"\n (keydown.enter)=\"_keyDownHandle($event)\"\n (keydown.space)=\"_keyDownHandle($event)\"\n >\n <fd-icon\n glyph=\"overflow\"\n [title]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n [ariaLabel]=\"'coreBreadcrumb.overflowTitleMore' | fdTranslate\"\n ></fd-icon>\n <fd-icon glyph=\"slim-arrow-down\"></fd-icon>\n </a>\n </span>\n </ng-container>\n</fd-overflow-layout>\n\n<ng-content></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.31.0\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-breadcrumb{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0}.fd-breadcrumb:after,.fd-breadcrumb:before{box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-breadcrumb__item:after,.fd-breadcrumb__item:before{box-sizing:inherit;font-size:inherit}.fd-breadcrumb__item:after{color:var(--sapContent_LabelColor);content:\"/\";margin-left:.25rem;margin-right:.25rem}.fd-breadcrumb__item:last-child:after{content:none}.fd-breadcrumb__item .fd-breadcrumb__popover-body{border:none;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.fd-breadcrumb{display:flex;white-space:nowrap}.fd-breadcrumb .fd-breadcrumb__collapsed{cursor:pointer}.fd-breadcrumb .fd-overflow-layout{justify-content:start}.fd-breadcrumb .fd-breadcrumb__item:last-child:after{content:\"/\"}.fd-breadcrumb .fd-overflow-layout__item--last .fd-breadcrumb__item:after{content:none}\n"] }]
|
|
144
144
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.DestroyRef }, { type: i1.RtlService, decorators: [{
|
|
145
145
|
type: Optional
|
|
146
146
|
}] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { reverse: [{
|
|
@@ -161,4 +161,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
|
|
|
161
161
|
type: ViewChild,
|
|
162
162
|
args: [OverflowLayoutComponent]
|
|
163
163
|
}] } });
|
|
164
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN6RCxPQUFPLEVBRUgsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsRUFDVixVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFFTCxRQUFRLEVBQ1IsTUFBTSxFQUNOLFNBQVMsRUFDVCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDM0QsT0FBTyxFQUNILHVCQUF1QixFQUN2QixrQkFBa0IsRUFDbEIsYUFBYSxFQUNiLHdCQUF3QixFQUN4QixpQkFBaUIsRUFDakIsa0JBQWtCLEVBQ2xCLG9CQUFvQixFQUN2QixNQUFNLDRCQUE0QixDQUFDO0FBQ3BDLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsd0JBQXdCLEVBQ3hCLHVCQUF1QixFQUN2QiwyQkFBMkIsRUFDOUIsTUFBTSx1Q0FBdUMsQ0FBQztBQUUvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUV2QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxVQUFVLENBQUM7Ozs7QUFFakY7Ozs7Ozs7Ozs7R0FVRztBQXVDSCxNQUFNLE9BQU8sbUJBQW1CO0lBMEM1QixjQUFjO0lBQ2QsWUFDVyxVQUFtQyxFQUNsQyxXQUF1QixFQUNYLFdBQThCLEVBQzFDLElBQXVCO1FBSHhCLGVBQVUsR0FBVixVQUFVLENBQXlCO1FBQ2xDLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQ1gsZ0JBQVcsR0FBWCxXQUFXLENBQW1CO1FBQzFDLFNBQUksR0FBSixJQUFJLENBQW1CO1FBOUNuQywwRkFBMEY7UUFFMUYsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUVoQixrQ0FBa0M7UUFFbEMsYUFBUSxHQUFHLEdBQUcsQ0FBQztRQUVmOztXQUVHO1FBRUgsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUUvQzs7V0FFRztRQUVILHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFjOUM7OztXQUdHO1FBQ0gsV0FBTSxHQUE4QixFQUFFLENBQUM7UUFFdkMsY0FBYztRQUNkLGdCQUFXLEdBQUcsSUFBSSxlQUFlLENBQVksY0FBYyxDQUFDLENBQUM7SUFRMUQsQ0FBQztJQUVKLGNBQWM7SUFDZCxRQUFRO1FBQ0osSUFBSSxDQUFDLFdBQVcsRUFBRSxHQUFHO2FBQ2hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7YUFDMUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQztJQUM1RixDQUFDO0lBRUQsY0FBYztJQUNkLFFBQVE7UUFDSixJQUFJLENBQUMsZUFBZSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDaEQsQ0FBQztJQUVEOzs7U0FHSztJQUNMLFdBQVcsQ0FBQyxjQUF1QyxFQUFFLE1BQVc7UUFDNUQsSUFBSSxjQUFjLENBQUMsZ0JBQWdCLEVBQUU7WUFDakMsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3hCLGNBQWMsQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNsRTtJQUNMLENBQUM7SUFFRCxjQUFjO0lBQ2QsZUFBZTtRQUNYLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUVqQixJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUVELGNBQWM7SUFDZCxjQUFjLENBQUMsS0FBWTtRQUN2QixJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzdCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsY0FBYztJQUNkLGVBQWUsQ0FBQyxRQUFpQixFQUFFLFVBQW1DO1FBQ2xFLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDWCxVQUFVLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDeEI7YUFBTTtZQUNILFVBQVUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUN4QjtJQUNMLENBQUM7SUFFRCxjQUFjO0lBQ2QsMEJBQTBCLENBQUMsaUJBQXlCO1FBQ2hELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRUQsY0FBYztJQUNkLHlCQUF5QixDQUFDLGdCQUF3QjtRQUM5QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELGNBQWM7SUFDTixTQUFTO1FBQ2IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUMzQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzlCLENBQUM7OEdBOUdRLG1CQUFtQjtrR0FBbkIsbUJBQW1CLHdSQTVCakI7WUFDUDtnQkFDSSxPQUFPLEVBQUUsdUJBQXVCO2dCQUNoQyxXQUFXLEVBQUUsbUJBQW1CO2FBQ25DO1NBQ0osd0RBNkNnQiw0QkFBNEIsNkVBSWxDLGFBQWEsa0ZBSWIsdUJBQXVCLGdEQzNIdEMsMjVIQWdGQSxncUREUFEsdUJBQXVCLGtRQUN2QixLQUFLLG1IQUNMLHdCQUF3QiwrRkFDeEIsMkJBQTJCLDBIQUMzQixZQUFZLGtNQUNaLHVCQUF1QixrR0FDdkIsYUFBYSw4T0FDYixpQkFBaUIsNExBQ2pCLHdCQUF3QixrRUFDeEIsSUFBSSw2RkFDSix1QkFBdUIsb0ZBQ3ZCLGtCQUFrQixrSEFDbEIsa0JBQWtCLDREQUNsQixvQkFBb0IsdUZBQ3BCLGFBQWEsa0pBQ2IsYUFBYSw4R0FDYixTQUFTLHlDQUNULGVBQWU7OzJGQUdWLG1CQUFtQjtrQkF0Qy9CLFNBQVM7K0JBQ0ksZUFBZSxRQUNuQjt3QkFDRixLQUFLLEVBQUUsZUFBZTt3QkFDdEIsSUFBSSxFQUFFLE1BQU07cUJBQ2YsaUJBR2MsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsdUJBQXVCOzRCQUNoQyxXQUFXLHFCQUFxQjt5QkFDbkM7cUJBQ0osY0FDVyxJQUFJLFdBQ1A7d0JBQ0wsdUJBQXVCO3dCQUN2QixLQUFLO3dCQUNMLHdCQUF3Qjt3QkFDeEIsMkJBQTJCO3dCQUMzQixZQUFZO3dCQUNaLHVCQUF1Qjt3QkFDdkIsYUFBYTt3QkFDYixpQkFBaUI7d0JBQ2pCLHdCQUF3Qjt3QkFDeEIsSUFBSTt3QkFDSix1QkFBdUI7d0JBQ3ZCLGtCQUFrQjt3QkFDbEIsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixTQUFTO3dCQUNULGVBQWU7cUJBQ2xCOzswQkFnREksUUFBUTs0RUEzQ2IsT0FBTztzQkFETixLQUFLO2dCQUtOLFFBQVE7c0JBRFAsS0FBSztnQkFPTixpQkFBaUI7c0JBRGhCLE1BQU07Z0JBT1AsZ0JBQWdCO3NCQURmLE1BQU07Z0JBS1UsYUFBYTtzQkFEN0IsZUFBZTt1QkFBQyw0QkFBNEI7Z0JBSzVCLGNBQWM7c0JBRDlCLFNBQVM7dUJBQUMsYUFBYTtnQkFLUCxlQUFlO3NCQUQvQixTQUFTO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBvcnRhbE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgQXN5bmNQaXBlLCBOZ0ZvciwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBEZXN0cm95UmVmLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE9uSW5pdCxcbiAgICBPcHRpb25hbCxcbiAgICBPdXRwdXQsXG4gICAgUXVlcnlMaXN0LFxuICAgIFZpZXdDaGlsZCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IFJ0bFNlcnZpY2UgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay91dGlscyc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2ljb24nO1xuaW1wb3J0IHsgTGlua0NvbXBvbmVudCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9saW5rJztcbmltcG9ydCB7XG4gICAgR2x5cGhNZW51QWRkb25EaXJlY3RpdmUsXG4gICAgTWVudUFkZG9uRGlyZWN0aXZlLFxuICAgIE1lbnVDb21wb25lbnQsXG4gICAgTWVudUludGVyYWN0aXZlQ29tcG9uZW50LFxuICAgIE1lbnVJdGVtQ29tcG9uZW50LFxuICAgIE1lbnVUaXRsZURpcmVjdGl2ZSxcbiAgICBNZW51VHJpZ2dlckRpcmVjdGl2ZVxufSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvbWVudSc7XG5pbXBvcnQge1xuICAgIE92ZXJmbG93RXhwYW5kRGlyZWN0aXZlLFxuICAgIE92ZXJmbG93SXRlbVJlZkRpcmVjdGl2ZSxcbiAgICBPdmVyZmxvd0xheW91dENvbXBvbmVudCxcbiAgICBPdmVyZmxvd0xheW91dEl0ZW1EaXJlY3RpdmVcbn0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL292ZXJmbG93LWxheW91dCc7XG5pbXBvcnQgeyBQbGFjZW1lbnQgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvc2hhcmVkJztcbmltcG9ydCB7IEZkVHJhbnNsYXRlUGlwZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvaTE4bic7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEJyZWFkY3J1bWJJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9icmVhZGNydW1iLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IEZEX0JSRUFEQ1JVTUJfQ09NUE9ORU5ULCBGRF9CUkVBRENSVU1CX0lURU1fQ09NUE9ORU5UIH0gZnJvbSAnLi90b2tlbnMnO1xuXG4vKipcbiAqIEJyZWFkY3J1bWIgcGFyZW50IHdyYXBwZXIgZGlyZWN0aXZlLiBNdXN0IGhhdmUgYnJlYWRjcnVtYiBpdGVtIGNoaWxkIGRpcmVjdGl2ZXMuXG4gKlxuICogYGBgaHRtbFxuICogPGZkLWJyZWFkY3J1bWI+XG4gKiAgICAgPGZkLWJyZWFkY3J1bWItaXRlbT5cbiAqICAgICAgICAgPGEgZmQtbGluayBbcm91dGVyTGlua109XCInIydcIj5CcmVhZGNydW1iIExpbms8L2E+XG4gKiAgICAgPC9mZC1icmVhZGNydW1iLWl0ZW0+XG4gKiA8L2ZkLWJyZWFkY3J1bWI+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZC1icmVhZGNydW1iJyxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAnZmQtYnJlYWRjcnVtYicsXG4gICAgICAgIHJvbGU6ICd0cmVlJ1xuICAgIH0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2JyZWFkY3J1bWIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBGRF9CUkVBRENSVU1CX0NPTVBPTkVOVCxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBCcmVhZGNydW1iQ29tcG9uZW50XG4gICAgICAgIH1cbiAgICBdLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBPdmVyZmxvd0xheW91dENvbXBvbmVudCxcbiAgICAgICAgTmdGb3IsXG4gICAgICAgIE92ZXJmbG93SXRlbVJlZkRpcmVjdGl2ZSxcbiAgICAgICAgT3ZlcmZsb3dMYXlvdXRJdGVtRGlyZWN0aXZlLFxuICAgICAgICBQb3J0YWxNb2R1bGUsXG4gICAgICAgIE92ZXJmbG93RXhwYW5kRGlyZWN0aXZlLFxuICAgICAgICBNZW51Q29tcG9uZW50LFxuICAgICAgICBNZW51SXRlbUNvbXBvbmVudCxcbiAgICAgICAgTWVudUludGVyYWN0aXZlQ29tcG9uZW50LFxuICAgICAgICBOZ0lmLFxuICAgICAgICBHbHlwaE1lbnVBZGRvbkRpcmVjdGl2ZSxcbiAgICAgICAgTWVudUFkZG9uRGlyZWN0aXZlLFxuICAgICAgICBNZW51VGl0bGVEaXJlY3RpdmUsXG4gICAgICAgIE1lbnVUcmlnZ2VyRGlyZWN0aXZlLFxuICAgICAgICBMaW5rQ29tcG9uZW50LFxuICAgICAgICBJY29uQ29tcG9uZW50LFxuICAgICAgICBBc3luY1BpcGUsXG4gICAgICAgIEZkVHJhbnNsYXRlUGlwZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgLyoqIFdoZXRoZXIgdG8gYXBwZW5kIGl0ZW1zIHRvIHRoZSBvdmVyZmxvdyBkcm9wZG93biBpbiByZXZlcnNlIG9yZGVyLiBEZWZhdWx0IGlzIHRydWUuICovXG4gICAgQElucHV0KClcbiAgICByZXZlcnNlID0gZmFsc2U7XG5cbiAgICAvKiogVGFiaW5kZXggb2YgdGhlIGJyZWFkY3J1bWIuICovXG4gICAgQElucHV0KClcbiAgICB0YWJJbmRleCA9ICcwJztcblxuICAgIC8qKlxuICAgICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiB2aXNpYmxlIGl0ZW1zIGNvdW50IGlzIGNoYW5nZWQuXG4gICAgICovXG4gICAgQE91dHB1dCgpXG4gICAgdmlzaWJsZUl0ZW1zQ291bnQgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAgIC8qKlxuICAgICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiBoaWRkZW4gaXRlbXMgY291bnQgaXMgY2hhbmdlZC5cbiAgICAgKi9cbiAgICBAT3V0cHV0KClcbiAgICBoaWRkZW5JdGVtc0NvdW50ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBDb250ZW50Q2hpbGRyZW4oRkRfQlJFQURDUlVNQl9JVEVNX0NPTVBPTkVOVClcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9jb250ZW50SXRlbXM6IFF1ZXJ5TGlzdDxCcmVhZGNydW1iSXRlbUNvbXBvbmVudD47XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBWaWV3Q2hpbGQoTWVudUNvbXBvbmVudClcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9tZW51Q29tcG9uZW50OiBNZW51Q29tcG9uZW50O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBAVmlld0NoaWxkKE92ZXJmbG93TGF5b3V0Q29tcG9uZW50KVxuICAgIHByaXZhdGUgcmVhZG9ubHkgX292ZXJmbG93TGF5b3V0OiBPdmVyZmxvd0xheW91dENvbXBvbmVudDtcblxuICAgIC8qKlxuICAgICAqIEBoaWRkZW5cbiAgICAgKiBBcnJheSBvZiBicmVhZGNydW1iIGl0ZW1zLlxuICAgICAqL1xuICAgIF9pdGVtczogQnJlYWRjcnVtYkl0ZW1Db21wb25lbnRbXSA9IFtdO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfcGxhY2VtZW50JCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8UGxhY2VtZW50PignYm90dG9tLXN0YXJ0Jyk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgICAgIHByaXZhdGUgX2Rlc3Ryb3lSZWY6IERlc3Ryb3lSZWYsXG4gICAgICAgIEBPcHRpb25hbCgpIHByaXZhdGUgX3J0bFNlcnZpY2U6IFJ0bFNlcnZpY2UgfCBudWxsLFxuICAgICAgICBwcml2YXRlIF9jZHI6IENoYW5nZURldGVjdG9yUmVmXG4gICAgKSB7fVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fcnRsU2VydmljZT8ucnRsXG4gICAgICAgICAgICAucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5fZGVzdHJveVJlZikpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCh2YWx1ZSkgPT4gdGhpcy5fcGxhY2VtZW50JC5uZXh0KHZhbHVlID8gJ2JvdHRvbS1lbmQnIDogJ2JvdHRvbS1zdGFydCcpKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG9uUmVzaXplKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9vdmVyZmxvd0xheW91dC50cmlnZ2VyUmVjYWxjdWxhdGlvbigpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFdlIGNhdGNoIGludGVyYWN0aW9ucyB3aXRoIGl0ZW0sIEVudGVyLCBTcGFjZSwgTW91c2UgY2xpY2sgYW5kIFRvdWNoIGNsaWNrLFxuICAgICAqIGlmIG9yaWdpbmFsIGVsZW1lbnQgaGFkIHJvdXRlciBsaW5rIHdlIGFyZSBwcm94eWluZyBjbGljayB0byB0aGF0IGVsZW1lbnRcbiAgICAgKiAqL1xuICAgIGl0ZW1DbGlja2VkKGJyZWFkY3J1bWJJdGVtOiBCcmVhZGNydW1iSXRlbUNvbXBvbmVudCwgJGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICAgICAgaWYgKGJyZWFkY3J1bWJJdGVtLl9uZWVkc0NsaWNrUHJveHkpIHtcbiAgICAgICAgICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgYnJlYWRjcnVtYkl0ZW0uYnJlYWRjcnVtYkxpbmsuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fc2V0SXRlbXMoKTtcblxuICAgICAgICB0aGlzLl9jb250ZW50SXRlbXMuY2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4gdGhpcy5fc2V0SXRlbXMoKSk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfa2V5RG93bkhhbmRsZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fbWVudUNvbXBvbmVudC50b2dnbGUoKTtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9vbkhpZGRlbkNoYW5nZShpc0hpZGRlbjogYm9vbGVhbiwgYnJlYWRjcnVtYjogQnJlYWRjcnVtYkl0ZW1Db21wb25lbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKCFpc0hpZGRlbikge1xuICAgICAgICAgICAgYnJlYWRjcnVtYi5fZGV0YWNoKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBicmVhZGNydW1iLl9hdHRhY2goKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX29uVmlzaWJsZUl0ZW1zQ291bnRDaGFuZ2UodmlzaWJsZUl0ZW1zQ291bnQ6IG51bWJlcik6IHZvaWQge1xuICAgICAgICB0aGlzLnZpc2libGVJdGVtc0NvdW50LmVtaXQodmlzaWJsZUl0ZW1zQ291bnQpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX29uSGlkZGVuSXRlbXNDb3VudENoYW5nZShoaWRkZW5JdGVtc0NvdW50OiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5oaWRkZW5JdGVtc0NvdW50LmVtaXQoaGlkZGVuSXRlbXNDb3VudCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIF9zZXRJdGVtcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fY29udGVudEl0ZW1zLmZvckVhY2goKGl0ZW0pID0+IGl0ZW0uc2V0UG9ydGFsKCkpO1xuICAgICAgICB0aGlzLl9pdGVtcyA9IHRoaXMuX2NvbnRlbnRJdGVtcy50b0FycmF5KCk7XG4gICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxufVxuIiwiPGZkLW92ZXJmbG93LWxheW91dFxuICAgIFtyZXZlcnNlSGlkZGVuSXRlbXNdPVwiIXJldmVyc2VcIlxuICAgIHNob3dNb3JlUG9zaXRpb249XCJsZWZ0XCJcbiAgICBbZW5hYmxlS2V5Ym9hcmROYXZpZ2F0aW9uXT1cImZhbHNlXCJcbiAgICAodmlzaWJsZUl0ZW1zQ291bnQpPVwiX29uVmlzaWJsZUl0ZW1zQ291bnRDaGFuZ2UoJGV2ZW50KVwiXG4gICAgKGhpZGRlbkl0ZW1zQ291bnQpPVwiX29uSGlkZGVuSXRlbXNDb3VudENoYW5nZSgkZXZlbnQpXCJcbj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBicmVhZGNydW1iIG9mIF9pdGVtc1wiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqZmRPdmVyZmxvd0l0ZW1SZWY9XCJicmVhZGNydW1iOyBsZXQgaGlkZGVuXCJcbiAgICAgICAgICAgIGZkT3ZlcmZsb3dMYXlvdXRJdGVtXG4gICAgICAgICAgICAoaGlkZGVuQ2hhbmdlKT1cIl9vbkhpZGRlbkNoYW5nZSgkZXZlbnQsIGJyZWFkY3J1bWIpXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtjZGtQb3J0YWxPdXRsZXRdPVwiYnJlYWRjcnVtYi5wb3J0YWxcIj48L25nLXRlbXBsYXRlPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpmZE92ZXJmbG93RXhwYW5kPVwibGV0IGJyZWFkY3J1bWJzOyBpdGVtczogX2l0ZW1zXCI+XG4gICAgICAgIDxmZC1tZW51ICNtZW51IFtjbG9zZU9uRXNjYXBlS2V5XT1cInRydWVcIiBbZm9jdXNBdXRvQ2FwdHVyZV09XCJ0cnVlXCIgW3BsYWNlbWVudF09XCJfcGxhY2VtZW50JCB8IGFzeW5jXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBicmVhZGNydW1iSXRlbSBvZiBicmVhZGNydW1ic1wiPlxuICAgICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgICAgICBmZC1tZW51LWl0ZW1cbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWRjcnVtYkl0ZW0uaXRlbS5icmVhZGNydW1iTGluayA/IGJyZWFkY3J1bWJJdGVtLml0ZW0uYnJlYWRjcnVtYkxpbmsuZGlzYWJsZWQgOiBmYWxzZVxuICAgICAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICAgICAgICAgIGZkLW1lbnUtaW50ZXJhY3RpdmVcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJpdGVtQ2xpY2tlZChicmVhZGNydW1iSXRlbS5pdGVtLCAkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cIml0ZW1DbGlja2VkKGJyZWFkY3J1bWJJdGVtLml0ZW0sICRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGtleWRvd24uc3BhY2UpPVwiaXRlbUNsaWNrZWQoYnJlYWRjcnVtYkl0ZW0uaXRlbSwgJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJicmVhZGNydW1iSXRlbT8uaXRlbS5icmVhZGNydW1iTGluazsgZWxzZSBwb3J0YWxDb250ZW50XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImJyZWFkY3J1bWJJdGVtLml0ZW0uYnJlYWRjcnVtYkxpbmsuX3ByZWZpeEljb25OYW1lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZC1tZW51LWFkZG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImJlZm9yZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZ2x5cGhdPVwiYnJlYWRjcnVtYkl0ZW0uaXRlbS5icmVhZGNydW1iTGluay5fcHJlZml4SWNvbk5hbWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PC9mZC1tZW51LWFkZG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGZkLW1lbnUtdGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW2Nka1BvcnRhbE91dGxldF09XCJicmVhZGNydW1iSXRlbS5pdGVtLmxpbmtDb250ZW50UG9ydGFsXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJicmVhZGNydW1iSXRlbS5pdGVtLmJyZWFkY3J1bWJMaW5rLl9wb3N0Zml4SWNvbk5hbWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZkLW1lbnUtYWRkb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtnbHlwaF09XCJicmVhZGNydW1iSXRlbS5pdGVtLmJyZWFkY3J1bWJMaW5rLl9wb3N0Zml4SWNvbk5hbWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PC9mZC1tZW51LWFkZG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI3BvcnRhbENvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gZmQtbWVudS10aXRsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Nka1BvcnRhbE91dGxldF09XCJicmVhZGNydW1iSXRlbS5pdGVtLmJyZWFkY3J1bWJJdGVtUG9ydGFsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZmQtbWVudT5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJmZC1icmVhZGNydW1iX19pdGVtXCIgKm5nSWY9XCJicmVhZGNydW1icy5sZW5ndGggPiAwXCIgW2ZkTWVudVRyaWdnZXJdPVwibWVudVwiPlxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICBmZC1saW5rXG4gICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCInY29yZUJyZWFkY3J1bWIub3ZlcmZsb3dUaXRsZU1vcmUnIHwgZmRUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgIGFyaWEtaGFzcG9wdXA9XCJsaXN0Ym94XCJcbiAgICAgICAgICAgICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZmQtYnJlYWRjcnVtYl9fY29sbGFwc2VkXCJcbiAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJfa2V5RG93bkhhbmRsZSgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAoa2V5ZG93bi5zcGFjZSk9XCJfa2V5RG93bkhhbmRsZSgkZXZlbnQpXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZmQtaWNvblxuICAgICAgICAgICAgICAgICAgICBnbHlwaD1cIm92ZXJmbG93XCJcbiAgICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cIidjb3JlQnJlYWRjcnVtYi5vdmVyZmxvd1RpdGxlTW9yZScgfCBmZFRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgIFthcmlhTGFiZWxdPVwiJ2NvcmVCcmVhZGNydW1iLm92ZXJmbG93VGl0bGVNb3JlJyB8IGZkVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICA+PC9mZC1pY29uPlxuICAgICAgICAgICAgICAgIDxmZC1pY29uIGdseXBoPVwic2xpbS1hcnJvdy1kb3duXCI+PC9mZC1pY29uPlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L3NwYW4+XG4gICAgPC9uZy1jb250YWluZXI+XG48L2ZkLW92ZXJmbG93LWxheW91dD5cblxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
|
|
164
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9jb3JlL3NyYy9saWIvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN6RCxPQUFPLEVBRUgsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsRUFDVixVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFFTCxRQUFRLEVBQ1IsTUFBTSxFQUNOLFNBQVMsRUFDVCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDM0QsT0FBTyxFQUNILHVCQUF1QixFQUN2QixrQkFBa0IsRUFDbEIsYUFBYSxFQUNiLHdCQUF3QixFQUN4QixpQkFBaUIsRUFDakIsa0JBQWtCLEVBQ2xCLG9CQUFvQixFQUN2QixNQUFNLDRCQUE0QixDQUFDO0FBQ3BDLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsd0JBQXdCLEVBQ3hCLHVCQUF1QixFQUN2QiwyQkFBMkIsRUFDOUIsTUFBTSx1Q0FBdUMsQ0FBQztBQUUvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUV2QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxVQUFVLENBQUM7Ozs7QUFFakY7Ozs7Ozs7Ozs7R0FVRztBQXVDSCxNQUFNLE9BQU8sbUJBQW1CO0lBMEM1QixjQUFjO0lBQ2QsWUFDVyxVQUFtQyxFQUNsQyxXQUF1QixFQUNYLFdBQThCLEVBQzFDLElBQXVCO1FBSHhCLGVBQVUsR0FBVixVQUFVLENBQXlCO1FBQ2xDLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQ1gsZ0JBQVcsR0FBWCxXQUFXLENBQW1CO1FBQzFDLFNBQUksR0FBSixJQUFJLENBQW1CO1FBOUNuQywwRkFBMEY7UUFFMUYsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUVoQixrQ0FBa0M7UUFFbEMsYUFBUSxHQUFHLEdBQUcsQ0FBQztRQUVmOztXQUVHO1FBRUgsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUUvQzs7V0FFRztRQUVILHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFjOUM7OztXQUdHO1FBQ0gsV0FBTSxHQUE4QixFQUFFLENBQUM7UUFFdkMsY0FBYztRQUNkLGdCQUFXLEdBQUcsSUFBSSxlQUFlLENBQVksY0FBYyxDQUFDLENBQUM7SUFRMUQsQ0FBQztJQUVKLGNBQWM7SUFDZCxRQUFRO1FBQ0osSUFBSSxDQUFDLFdBQVcsRUFBRSxHQUFHO2FBQ2hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7YUFDMUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQztJQUM1RixDQUFDO0lBRUQsY0FBYztJQUNkLFFBQVE7UUFDSixJQUFJLENBQUMsZUFBZSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDaEQsQ0FBQztJQUVEOzs7U0FHSztJQUNMLFdBQVcsQ0FBQyxjQUF1QyxFQUFFLE1BQVc7UUFDNUQsSUFBSSxjQUFjLENBQUMsZ0JBQWdCLEVBQUU7WUFDakMsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3hCLGNBQWMsQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNsRTtJQUNMLENBQUM7SUFFRCxjQUFjO0lBQ2QsZUFBZTtRQUNYLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUVqQixJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUVELGNBQWM7SUFDZCxjQUFjLENBQUMsS0FBWTtRQUN2QixJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzdCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsY0FBYztJQUNkLGVBQWUsQ0FBQyxRQUFpQixFQUFFLFVBQW1DO1FBQ2xFLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDWCxVQUFVLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDeEI7YUFBTTtZQUNILFVBQVUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUN4QjtJQUNMLENBQUM7SUFFRCxjQUFjO0lBQ2QsMEJBQTBCLENBQUMsaUJBQXlCO1FBQ2hELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRUQsY0FBYztJQUNkLHlCQUF5QixDQUFDLGdCQUF3QjtRQUM5QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELGNBQWM7SUFDTixTQUFTO1FBQ2IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUMzQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzlCLENBQUM7OEdBOUdRLG1CQUFtQjtrR0FBbkIsbUJBQW1CLHdSQTVCakI7WUFDUDtnQkFDSSxPQUFPLEVBQUUsdUJBQXVCO2dCQUNoQyxXQUFXLEVBQUUsbUJBQW1CO2FBQ25DO1NBQ0osd0RBNkNnQiw0QkFBNEIsNkVBSWxDLGFBQWEsa0ZBSWIsdUJBQXVCLGdEQzNIdEMsMjVIQWdGQSxncUREUFEsdUJBQXVCLGtRQUN2QixLQUFLLG1IQUNMLHdCQUF3QiwrRkFDeEIsMkJBQTJCLDBIQUMzQixZQUFZLGtNQUNaLHVCQUF1QixrR0FDdkIsYUFBYSx5TkFDYixpQkFBaUIsNExBQ2pCLHdCQUF3QixrRUFDeEIsSUFBSSw2RkFDSix1QkFBdUIsb0ZBQ3ZCLGtCQUFrQixrSEFDbEIsa0JBQWtCLDREQUNsQixvQkFBb0IsdUZBQ3BCLGFBQWEsa0pBQ2IsYUFBYSxxSUFDYixTQUFTLHlDQUNULGVBQWU7OzJGQUdWLG1CQUFtQjtrQkF0Qy9CLFNBQVM7K0JBQ0ksZUFBZSxRQUNuQjt3QkFDRixLQUFLLEVBQUUsZUFBZTt3QkFDdEIsSUFBSSxFQUFFLE1BQU07cUJBQ2YsaUJBR2MsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsdUJBQXVCOzRCQUNoQyxXQUFXLHFCQUFxQjt5QkFDbkM7cUJBQ0osY0FDVyxJQUFJLFdBQ1A7d0JBQ0wsdUJBQXVCO3dCQUN2QixLQUFLO3dCQUNMLHdCQUF3Qjt3QkFDeEIsMkJBQTJCO3dCQUMzQixZQUFZO3dCQUNaLHVCQUF1Qjt3QkFDdkIsYUFBYTt3QkFDYixpQkFBaUI7d0JBQ2pCLHdCQUF3Qjt3QkFDeEIsSUFBSTt3QkFDSix1QkFBdUI7d0JBQ3ZCLGtCQUFrQjt3QkFDbEIsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixTQUFTO3dCQUNULGVBQWU7cUJBQ2xCOzswQkFnREksUUFBUTs0RUEzQ2IsT0FBTztzQkFETixLQUFLO2dCQUtOLFFBQVE7c0JBRFAsS0FBSztnQkFPTixpQkFBaUI7c0JBRGhCLE1BQU07Z0JBT1AsZ0JBQWdCO3NCQURmLE1BQU07Z0JBS1UsYUFBYTtzQkFEN0IsZUFBZTt1QkFBQyw0QkFBNEI7Z0JBSzVCLGNBQWM7c0JBRDlCLFNBQVM7dUJBQUMsYUFBYTtnQkFLUCxlQUFlO3NCQUQvQixTQUFTO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBvcnRhbE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgQXN5bmNQaXBlLCBOZ0ZvciwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBEZXN0cm95UmVmLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE9uSW5pdCxcbiAgICBPcHRpb25hbCxcbiAgICBPdXRwdXQsXG4gICAgUXVlcnlMaXN0LFxuICAgIFZpZXdDaGlsZCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IFJ0bFNlcnZpY2UgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay91dGlscyc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL2ljb24nO1xuaW1wb3J0IHsgTGlua0NvbXBvbmVudCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZS9saW5rJztcbmltcG9ydCB7XG4gICAgR2x5cGhNZW51QWRkb25EaXJlY3RpdmUsXG4gICAgTWVudUFkZG9uRGlyZWN0aXZlLFxuICAgIE1lbnVDb21wb25lbnQsXG4gICAgTWVudUludGVyYWN0aXZlQ29tcG9uZW50LFxuICAgIE1lbnVJdGVtQ29tcG9uZW50LFxuICAgIE1lbnVUaXRsZURpcmVjdGl2ZSxcbiAgICBNZW51VHJpZ2dlckRpcmVjdGl2ZVxufSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvbWVudSc7XG5pbXBvcnQge1xuICAgIE92ZXJmbG93RXhwYW5kRGlyZWN0aXZlLFxuICAgIE92ZXJmbG93SXRlbVJlZkRpcmVjdGl2ZSxcbiAgICBPdmVyZmxvd0xheW91dENvbXBvbmVudCxcbiAgICBPdmVyZmxvd0xheW91dEl0ZW1EaXJlY3RpdmVcbn0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlL292ZXJmbG93LWxheW91dCc7XG5pbXBvcnQgeyBQbGFjZW1lbnQgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUvc2hhcmVkJztcbmltcG9ydCB7IEZkVHJhbnNsYXRlUGlwZSB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvaTE4bic7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEJyZWFkY3J1bWJJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9icmVhZGNydW1iLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IEZEX0JSRUFEQ1JVTUJfQ09NUE9ORU5ULCBGRF9CUkVBRENSVU1CX0lURU1fQ09NUE9ORU5UIH0gZnJvbSAnLi90b2tlbnMnO1xuXG4vKipcbiAqIEJyZWFkY3J1bWIgcGFyZW50IHdyYXBwZXIgZGlyZWN0aXZlLiBNdXN0IGhhdmUgYnJlYWRjcnVtYiBpdGVtIGNoaWxkIGRpcmVjdGl2ZXMuXG4gKlxuICogYGBgaHRtbFxuICogPGZkLWJyZWFkY3J1bWI+XG4gKiAgICAgPGZkLWJyZWFkY3J1bWItaXRlbT5cbiAqICAgICAgICAgPGEgZmQtbGluayBbcm91dGVyTGlua109XCInIydcIj5CcmVhZGNydW1iIExpbms8L2E+XG4gKiAgICAgPC9mZC1icmVhZGNydW1iLWl0ZW0+XG4gKiA8L2ZkLWJyZWFkY3J1bWI+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmZC1icmVhZGNydW1iJyxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAnZmQtYnJlYWRjcnVtYicsXG4gICAgICAgIHJvbGU6ICd0cmVlJ1xuICAgIH0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2JyZWFkY3J1bWIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBGRF9CUkVBRENSVU1CX0NPTVBPTkVOVCxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBCcmVhZGNydW1iQ29tcG9uZW50XG4gICAgICAgIH1cbiAgICBdLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBPdmVyZmxvd0xheW91dENvbXBvbmVudCxcbiAgICAgICAgTmdGb3IsXG4gICAgICAgIE92ZXJmbG93SXRlbVJlZkRpcmVjdGl2ZSxcbiAgICAgICAgT3ZlcmZsb3dMYXlvdXRJdGVtRGlyZWN0aXZlLFxuICAgICAgICBQb3J0YWxNb2R1bGUsXG4gICAgICAgIE92ZXJmbG93RXhwYW5kRGlyZWN0aXZlLFxuICAgICAgICBNZW51Q29tcG9uZW50LFxuICAgICAgICBNZW51SXRlbUNvbXBvbmVudCxcbiAgICAgICAgTWVudUludGVyYWN0aXZlQ29tcG9uZW50LFxuICAgICAgICBOZ0lmLFxuICAgICAgICBHbHlwaE1lbnVBZGRvbkRpcmVjdGl2ZSxcbiAgICAgICAgTWVudUFkZG9uRGlyZWN0aXZlLFxuICAgICAgICBNZW51VGl0bGVEaXJlY3RpdmUsXG4gICAgICAgIE1lbnVUcmlnZ2VyRGlyZWN0aXZlLFxuICAgICAgICBMaW5rQ29tcG9uZW50LFxuICAgICAgICBJY29uQ29tcG9uZW50LFxuICAgICAgICBBc3luY1BpcGUsXG4gICAgICAgIEZkVHJhbnNsYXRlUGlwZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgLyoqIFdoZXRoZXIgdG8gYXBwZW5kIGl0ZW1zIHRvIHRoZSBvdmVyZmxvdyBkcm9wZG93biBpbiByZXZlcnNlIG9yZGVyLiBEZWZhdWx0IGlzIHRydWUuICovXG4gICAgQElucHV0KClcbiAgICByZXZlcnNlID0gZmFsc2U7XG5cbiAgICAvKiogVGFiaW5kZXggb2YgdGhlIGJyZWFkY3J1bWIuICovXG4gICAgQElucHV0KClcbiAgICB0YWJJbmRleCA9ICcwJztcblxuICAgIC8qKlxuICAgICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiB2aXNpYmxlIGl0ZW1zIGNvdW50IGlzIGNoYW5nZWQuXG4gICAgICovXG4gICAgQE91dHB1dCgpXG4gICAgdmlzaWJsZUl0ZW1zQ291bnQgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAgIC8qKlxuICAgICAqIEV2ZW50IGVtaXR0ZWQgd2hlbiBoaWRkZW4gaXRlbXMgY291bnQgaXMgY2hhbmdlZC5cbiAgICAgKi9cbiAgICBAT3V0cHV0KClcbiAgICBoaWRkZW5JdGVtc0NvdW50ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBDb250ZW50Q2hpbGRyZW4oRkRfQlJFQURDUlVNQl9JVEVNX0NPTVBPTkVOVClcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9jb250ZW50SXRlbXM6IFF1ZXJ5TGlzdDxCcmVhZGNydW1iSXRlbUNvbXBvbmVudD47XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBWaWV3Q2hpbGQoTWVudUNvbXBvbmVudClcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9tZW51Q29tcG9uZW50OiBNZW51Q29tcG9uZW50O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBAVmlld0NoaWxkKE92ZXJmbG93TGF5b3V0Q29tcG9uZW50KVxuICAgIHByaXZhdGUgcmVhZG9ubHkgX292ZXJmbG93TGF5b3V0OiBPdmVyZmxvd0xheW91dENvbXBvbmVudDtcblxuICAgIC8qKlxuICAgICAqIEBoaWRkZW5cbiAgICAgKiBBcnJheSBvZiBicmVhZGNydW1iIGl0ZW1zLlxuICAgICAqL1xuICAgIF9pdGVtczogQnJlYWRjcnVtYkl0ZW1Db21wb25lbnRbXSA9IFtdO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfcGxhY2VtZW50JCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8UGxhY2VtZW50PignYm90dG9tLXN0YXJ0Jyk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgICAgIHByaXZhdGUgX2Rlc3Ryb3lSZWY6IERlc3Ryb3lSZWYsXG4gICAgICAgIEBPcHRpb25hbCgpIHByaXZhdGUgX3J0bFNlcnZpY2U6IFJ0bFNlcnZpY2UgfCBudWxsLFxuICAgICAgICBwcml2YXRlIF9jZHI6IENoYW5nZURldGVjdG9yUmVmXG4gICAgKSB7fVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fcnRsU2VydmljZT8ucnRsXG4gICAgICAgICAgICAucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5fZGVzdHJveVJlZikpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCh2YWx1ZSkgPT4gdGhpcy5fcGxhY2VtZW50JC5uZXh0KHZhbHVlID8gJ2JvdHRvbS1lbmQnIDogJ2JvdHRvbS1zdGFydCcpKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG9uUmVzaXplKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9vdmVyZmxvd0xheW91dC50cmlnZ2VyUmVjYWxjdWxhdGlvbigpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFdlIGNhdGNoIGludGVyYWN0aW9ucyB3aXRoIGl0ZW0sIEVudGVyLCBTcGFjZSwgTW91c2UgY2xpY2sgYW5kIFRvdWNoIGNsaWNrLFxuICAgICAqIGlmIG9yaWdpbmFsIGVsZW1lbnQgaGFkIHJvdXRlciBsaW5rIHdlIGFyZSBwcm94eWluZyBjbGljayB0byB0aGF0IGVsZW1lbnRcbiAgICAgKiAqL1xuICAgIGl0ZW1DbGlja2VkKGJyZWFkY3J1bWJJdGVtOiBCcmVhZGNydW1iSXRlbUNvbXBvbmVudCwgJGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICAgICAgaWYgKGJyZWFkY3J1bWJJdGVtLl9uZWVkc0NsaWNrUHJveHkpIHtcbiAgICAgICAgICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgYnJlYWRjcnVtYkl0ZW0uYnJlYWRjcnVtYkxpbmsuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fc2V0SXRlbXMoKTtcblxuICAgICAgICB0aGlzLl9jb250ZW50SXRlbXMuY2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4gdGhpcy5fc2V0SXRlbXMoKSk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfa2V5RG93bkhhbmRsZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fbWVudUNvbXBvbmVudC50b2dnbGUoKTtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9vbkhpZGRlbkNoYW5nZShpc0hpZGRlbjogYm9vbGVhbiwgYnJlYWRjcnVtYjogQnJlYWRjcnVtYkl0ZW1Db21wb25lbnQpOiB2b2lkIHtcbiAgICAgICAgaWYgKCFpc0hpZGRlbikge1xuICAgICAgICAgICAgYnJlYWRjcnVtYi5fZGV0YWNoKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBicmVhZGNydW1iLl9hdHRhY2goKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX29uVmlzaWJsZUl0ZW1zQ291bnRDaGFuZ2UodmlzaWJsZUl0ZW1zQ291bnQ6IG51bWJlcik6IHZvaWQge1xuICAgICAgICB0aGlzLnZpc2libGVJdGVtc0NvdW50LmVtaXQodmlzaWJsZUl0ZW1zQ291bnQpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX29uSGlkZGVuSXRlbXNDb3VudENoYW5nZShoaWRkZW5JdGVtc0NvdW50OiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5oaWRkZW5JdGVtc0NvdW50LmVtaXQoaGlkZGVuSXRlbXNDb3VudCk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBwcml2YXRlIF9zZXRJdGVtcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fY29udGVudEl0ZW1zLmZvckVhY2goKGl0ZW0pID0+IGl0ZW0uc2V0UG9ydGFsKCkpO1xuICAgICAgICB0aGlzLl9pdGVtcyA9IHRoaXMuX2NvbnRlbnRJdGVtcy50b0FycmF5KCk7XG4gICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxufVxuIiwiPGZkLW92ZXJmbG93LWxheW91dFxuICAgIFtyZXZlcnNlSGlkZGVuSXRlbXNdPVwiIXJldmVyc2VcIlxuICAgIHNob3dNb3JlUG9zaXRpb249XCJsZWZ0XCJcbiAgICBbZW5hYmxlS2V5Ym9hcmROYXZpZ2F0aW9uXT1cImZhbHNlXCJcbiAgICAodmlzaWJsZUl0ZW1zQ291bnQpPVwiX29uVmlzaWJsZUl0ZW1zQ291bnRDaGFuZ2UoJGV2ZW50KVwiXG4gICAgKGhpZGRlbkl0ZW1zQ291bnQpPVwiX29uSGlkZGVuSXRlbXNDb3VudENoYW5nZSgkZXZlbnQpXCJcbj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBicmVhZGNydW1iIG9mIF9pdGVtc1wiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqZmRPdmVyZmxvd0l0ZW1SZWY9XCJicmVhZGNydW1iOyBsZXQgaGlkZGVuXCJcbiAgICAgICAgICAgIGZkT3ZlcmZsb3dMYXlvdXRJdGVtXG4gICAgICAgICAgICAoaGlkZGVuQ2hhbmdlKT1cIl9vbkhpZGRlbkNoYW5nZSgkZXZlbnQsIGJyZWFkY3J1bWIpXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtjZGtQb3J0YWxPdXRsZXRdPVwiYnJlYWRjcnVtYi5wb3J0YWxcIj48L25nLXRlbXBsYXRlPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpmZE92ZXJmbG93RXhwYW5kPVwibGV0IGJyZWFkY3J1bWJzOyBpdGVtczogX2l0ZW1zXCI+XG4gICAgICAgIDxmZC1tZW51ICNtZW51IFtjbG9zZU9uRXNjYXBlS2V5XT1cInRydWVcIiBbZm9jdXNBdXRvQ2FwdHVyZV09XCJ0cnVlXCIgW3BsYWNlbWVudF09XCJfcGxhY2VtZW50JCB8IGFzeW5jXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBicmVhZGNydW1iSXRlbSBvZiBicmVhZGNydW1ic1wiPlxuICAgICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgICAgICBmZC1tZW51LWl0ZW1cbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWRjcnVtYkl0ZW0uaXRlbS5icmVhZGNydW1iTGluayA/IGJyZWFkY3J1bWJJdGVtLml0ZW0uYnJlYWRjcnVtYkxpbmsuZGlzYWJsZWQgOiBmYWxzZVxuICAgICAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICAgICAgICAgIGZkLW1lbnUtaW50ZXJhY3RpdmVcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJpdGVtQ2xpY2tlZChicmVhZGNydW1iSXRlbS5pdGVtLCAkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cIml0ZW1DbGlja2VkKGJyZWFkY3J1bWJJdGVtLml0ZW0sICRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGtleWRvd24uc3BhY2UpPVwiaXRlbUNsaWNrZWQoYnJlYWRjcnVtYkl0ZW0uaXRlbSwgJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJicmVhZGNydW1iSXRlbT8uaXRlbS5icmVhZGNydW1iTGluazsgZWxzZSBwb3J0YWxDb250ZW50XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImJyZWFkY3J1bWJJdGVtLml0ZW0uYnJlYWRjcnVtYkxpbmsuX3ByZWZpeEljb25OYW1lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmZC1tZW51LWFkZG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImJlZm9yZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZ2x5cGhdPVwiYnJlYWRjcnVtYkl0ZW0uaXRlbS5icmVhZGNydW1iTGluay5fcHJlZml4SWNvbk5hbWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PC9mZC1tZW51LWFkZG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGZkLW1lbnUtdGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW2Nka1BvcnRhbE91dGxldF09XCJicmVhZGNydW1iSXRlbS5pdGVtLmxpbmtDb250ZW50UG9ydGFsXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJicmVhZGNydW1iSXRlbS5pdGVtLmJyZWFkY3J1bWJMaW5rLl9wb3N0Zml4SWNvbk5hbWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZkLW1lbnUtYWRkb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtnbHlwaF09XCJicmVhZGNydW1iSXRlbS5pdGVtLmJyZWFkY3J1bWJMaW5rLl9wb3N0Zml4SWNvbk5hbWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PC9mZC1tZW51LWFkZG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI3BvcnRhbENvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gZmQtbWVudS10aXRsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Nka1BvcnRhbE91dGxldF09XCJicmVhZGNydW1iSXRlbS5pdGVtLmJyZWFkY3J1bWJJdGVtUG9ydGFsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZmQtbWVudT5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJmZC1icmVhZGNydW1iX19pdGVtXCIgKm5nSWY9XCJicmVhZGNydW1icy5sZW5ndGggPiAwXCIgW2ZkTWVudVRyaWdnZXJdPVwibWVudVwiPlxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICBmZC1saW5rXG4gICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCInY29yZUJyZWFkY3J1bWIub3ZlcmZsb3dUaXRsZU1vcmUnIHwgZmRUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgIGFyaWEtaGFzcG9wdXA9XCJsaXN0Ym94XCJcbiAgICAgICAgICAgICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZmQtYnJlYWRjcnVtYl9fY29sbGFwc2VkXCJcbiAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJfa2V5RG93bkhhbmRsZSgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAoa2V5ZG93bi5zcGFjZSk9XCJfa2V5RG93bkhhbmRsZSgkZXZlbnQpXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZmQtaWNvblxuICAgICAgICAgICAgICAgICAgICBnbHlwaD1cIm92ZXJmbG93XCJcbiAgICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cIidjb3JlQnJlYWRjcnVtYi5vdmVyZmxvd1RpdGxlTW9yZScgfCBmZFRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgIFthcmlhTGFiZWxdPVwiJ2NvcmVCcmVhZGNydW1iLm92ZXJmbG93VGl0bGVNb3JlJyB8IGZkVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICA+PC9mZC1pY29uPlxuICAgICAgICAgICAgICAgIDxmZC1pY29uIGdseXBoPVwic2xpbS1hcnJvdy1kb3duXCI+PC9mZC1pY29uPlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L3NwYW4+XG4gICAgPC9uZy1jb250YWluZXI+XG48L2ZkLW92ZXJmbG93LWxheW91dD5cblxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
|