@eui/components 17.0.0-next.21 → 17.0.0-next.22
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/docs/components/EuiFilePreviewComponent.html +1 -1
- package/docs/components/EuiFileUploadComponent.html +172 -552
- package/docs/components/EuiFileUploadProgressComponent.html +1 -1
- package/docs/components/EuiSlideToggleComponent.html +39 -1
- package/docs/dependencies.html +28 -28
- package/docs/js/menu-wc.js +3 -3
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +14 -14
- package/docs/modules/EuiSlideToggleModule.html +10 -0
- package/esm2022/directives/eui-clearable.directive.mjs +3 -3
- package/esm2022/directives/eui-has-permission.directive.mjs +7 -7
- package/esm2022/directives/eui-loading.directive.mjs +3 -3
- package/esm2022/directives/eui-maxlength.directive.mjs +7 -7
- package/esm2022/directives/eui-resizable/eui-resizable.component.mjs +3 -3
- package/esm2022/directives/eui-resizable/eui-resizable.directive.mjs +3 -3
- package/esm2022/directives/eui-resizable/eui-resizable.module.mjs +4 -4
- package/esm2022/directives/eui-scroll-handler.directive.mjs +10 -10
- package/esm2022/directives/eui-smooth-scroll.directive.mjs +10 -10
- package/esm2022/directives/eui-template.directive.mjs +7 -7
- package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
- package/esm2022/directives/eui-tooltip/eui-tooltip.directive.mjs +3 -3
- package/esm2022/directives/eui-tooltip/eui-tooltip.module.mjs +4 -4
- package/esm2022/ecl/eui-ecl-banner/eui-ecl-banner-credit.directive.mjs +3 -3
- package/esm2022/ecl/eui-ecl-banner/eui-ecl-banner-description.directive.mjs +6 -6
- package/esm2022/ecl/eui-ecl-banner/eui-ecl-banner-picture.directive.mjs +6 -6
- package/esm2022/ecl/eui-ecl-banner/eui-ecl-banner-title.directive.mjs +6 -6
- package/esm2022/ecl/eui-ecl-banner/eui-ecl-banner.component.mjs +3 -3
- package/esm2022/ecl/eui-ecl-banner/eui-ecl-banner.module.mjs +4 -4
- package/esm2022/ecl/eui-ecl-banner/eui-ecl-file-picture.directive.mjs +6 -6
- package/esm2022/ecl/eui-ecl-button/eui-ecl-button-label.directive.mjs +3 -3
- package/esm2022/ecl/eui-ecl-button/eui-ecl-button.component.mjs +4 -4
- package/esm2022/ecl/eui-ecl-button/eui-ecl-button.module.mjs +4 -4
- package/esm2022/ecl/eui-ecl-carousel/eui-ecl-carousel-item.component.mjs +3 -3
- package/esm2022/ecl/eui-ecl-carousel/eui-ecl-carousel.component.mjs +3 -3
- package/esm2022/ecl/eui-ecl-carousel/eui-ecl-carousel.module.mjs +4 -4
- package/esm2022/ecl/eui-ecl-icon/eui-ecl-icon.component.mjs +3 -3
- package/esm2022/ecl/eui-ecl-icon/eui-ecl-icon.module.mjs +4 -4
- package/esm2022/ecl/eui-ecl-label/eui-ecl-label.directive.mjs +3 -3
- package/esm2022/ecl/eui-ecl-label/eui-ecl-label.module.mjs +4 -4
- package/esm2022/ecl/eui-ecl-link/eui-ecl-link-label.directive.mjs +3 -3
- package/esm2022/ecl/eui-ecl-link/eui-ecl-link.directive.mjs +3 -3
- package/esm2022/ecl/eui-ecl-link/eui-ecl-link.module.mjs +4 -4
- package/esm2022/ecl/eui-ecl-message/eui-ecl-message-title.directive.mjs +3 -3
- package/esm2022/ecl/eui-ecl-message/eui-ecl-message.component.mjs +3 -3
- package/esm2022/ecl/eui-ecl-message/eui-ecl-message.module.mjs +4 -4
- package/esm2022/ecl/shared/eui-ecl-base.directive.mjs +3 -3
- package/esm2022/ecl/shared/services/eui-ecl-default-language.service.mjs +3 -3
- package/esm2022/ecl/shared/services/eui-ecl-theme.service.mjs +3 -3
- package/esm2022/ecl/shared/utils/directives/eui-ecl-click-outside/eui-ecl-click-outside.directive.mjs +3 -3
- package/esm2022/ecl/shared/utils/directives/eui-ecl-hidden/eui-ecl-hidden.directive.mjs +3 -3
- package/esm2022/ecl/shared/utils/directives/eui-ecl-hidden/eui-ecl-hidden.module.mjs +4 -4
- package/esm2022/ecl/webcomponents/ecl-message-wc/ecl-message-wc.component.mjs +3 -3
- package/esm2022/ecl/webcomponents/ecl-message-wc/module.mjs +4 -4
- package/esm2022/ecl/webcomponents/ecl-webcomponents-all/module.mjs +4 -4
- package/esm2022/eui-alert/eui-alert.component.mjs +10 -10
- package/esm2022/eui-all/eui-all.module.mjs +4 -4
- package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
- package/esm2022/eui-autocomplete/eui-autocomplete.module.mjs +4 -4
- package/esm2022/eui-avatar/avatar-badge/avatar-badge.component.mjs +3 -3
- package/esm2022/eui-avatar/avatar-icon/avatar-icon.component.mjs +3 -3
- package/esm2022/eui-avatar/avatar-image/avatar-image.component.mjs +3 -3
- package/esm2022/eui-avatar/avatar-text/avatar-text.component.mjs +3 -3
- package/esm2022/eui-avatar/eui-avatar-list.component.mjs +3 -3
- package/esm2022/eui-avatar/eui-avatar.component.mjs +3 -3
- package/esm2022/eui-avatar/eui-avatar.module.mjs +4 -4
- package/esm2022/eui-badge/eui-badge.component.mjs +7 -7
- package/esm2022/eui-block-content/eui-block-content.component.mjs +3 -3
- package/esm2022/eui-block-content/eui-block-content.module.mjs +4 -4
- package/esm2022/eui-block-document/eui-block-document.component.mjs +3 -3
- package/esm2022/eui-block-document/eui-block-document.module.mjs +4 -4
- package/esm2022/eui-button/eui-button.component.mjs +8 -8
- package/esm2022/eui-button-group/eui-button-group.component.mjs +7 -7
- package/esm2022/eui-buttons/eui-buttons.component.mjs +13 -13
- package/esm2022/eui-card/components/eui-card-content/eui-card-content.component.mjs +3 -3
- package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.mjs +3 -3
- package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.mjs +3 -3
- package/esm2022/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.mjs +3 -3
- package/esm2022/eui-card/components/eui-card-footer/eui-card-footer.component.mjs +3 -3
- package/esm2022/eui-card/components/eui-card-header/eui-card-header-left-content.component.mjs +3 -3
- package/esm2022/eui-card/components/eui-card-header/eui-card-header-right-content.component.mjs +3 -3
- package/esm2022/eui-card/components/eui-card-header/eui-card-header-subtitle.component.mjs +3 -3
- package/esm2022/eui-card/components/eui-card-header/eui-card-header-title.component.mjs +3 -3
- package/esm2022/eui-card/components/eui-card-header/eui-card-header.component.mjs +3 -3
- package/esm2022/eui-card/components/eui-card-header-body/eui-card-header-body.component.mjs +3 -3
- package/esm2022/eui-card/components/eui-card-media/eui-card-media.component.mjs +3 -3
- package/esm2022/eui-card/eui-card.component.mjs +3 -3
- package/esm2022/eui-card/eui-card.module.mjs +4 -4
- package/esm2022/eui-card/services/ui-state.service.mjs +3 -3
- package/esm2022/eui-chip/eui-chip.component.mjs +3 -3
- package/esm2022/eui-chip/eui-chip.module.mjs +4 -4
- package/esm2022/eui-chip-list/eui-chip-list.component.mjs +6 -6
- package/esm2022/eui-chip-list/eui-chip-list.module.mjs +4 -4
- package/esm2022/eui-chip-list/services/eui-chip-list-drag.service.mjs +3 -3
- package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +13 -13
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +7 -7
- package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +4 -4
- package/esm2022/eui-date-range-selector/eui-date-range-selector.module.mjs +4 -4
- package/esm2022/eui-datepicker/eui-datepicker.component.mjs +15 -15
- package/esm2022/eui-datepicker/eui-datepicker.module.mjs +4 -4
- package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +3 -3
- package/esm2022/eui-dialog/eui-dialog.component.mjs +9 -9
- package/esm2022/eui-dialog/eui-dialog.module.mjs +4 -4
- package/esm2022/eui-dialog/services/eui-dialog.service.mjs +3 -3
- package/esm2022/eui-dimmer/dimmer.component.mjs +3 -3
- package/esm2022/eui-dimmer/dimmer.module.mjs +4 -4
- package/esm2022/eui-disable-content/eui-disable-content.component.mjs +7 -7
- package/esm2022/eui-discussion-thread/eui-discussion-thread-item.component.mjs +3 -3
- package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +3 -3
- package/esm2022/eui-discussion-thread/eui-discussion-thread.module.mjs +4 -4
- package/esm2022/eui-dropdown/directives/eui-dropdown-content.directive.mjs +3 -3
- package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +3 -3
- package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
- package/esm2022/eui-dropdown/eui-dropdown.module.mjs +8 -8
- package/esm2022/eui-dropdown/eui-dropdown.service.mjs +3 -3
- package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +3 -3
- package/esm2022/eui-feedback-message/eui-feedback-message.module.mjs +4 -4
- package/esm2022/eui-fieldset/eui-fieldset.component.mjs +9 -9
- package/esm2022/eui-fieldset/eui-fieldset.module.mjs +4 -4
- package/esm2022/eui-file-upload/eui-file-upload.component.mjs +69 -79
- package/esm2022/eui-file-upload/eui-file-upload.module.mjs +4 -4
- package/esm2022/eui-file-upload/file-preview/file-preview.component.mjs +5 -5
- package/esm2022/eui-file-upload/pipes/filesize.pipe.mjs +3 -3
- package/esm2022/eui-file-upload/progress/eui-file-upload-progress.component.mjs +5 -5
- package/esm2022/eui-file-upload/utils/eui-file-upload.utils.mjs +3 -3
- package/esm2022/eui-growl/eui-growl.component.mjs +3 -3
- package/esm2022/eui-growl/eui-growl.module.mjs +4 -4
- package/esm2022/eui-icon/eui-icon-color.component.mjs +3 -3
- package/esm2022/eui-icon/eui-icon-svg.component.mjs +3 -3
- package/esm2022/eui-icon/eui-icon.component.mjs +3 -3
- package/esm2022/eui-icon/eui-icon.module.mjs +4 -4
- package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +3 -3
- package/esm2022/eui-icon-toggle/eui-icon-toggle.module.mjs +4 -4
- package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +4 -4
- package/esm2022/eui-input-checkbox/eui-input-checkbox.module.mjs +4 -4
- package/esm2022/eui-input-group/eui-input-group.component.mjs +3 -3
- package/esm2022/eui-input-group/eui-input-group.module.mjs +4 -4
- package/esm2022/eui-input-number/eui-input-number.component.mjs +4 -4
- package/esm2022/eui-input-number/eui-input-number.module.mjs +4 -4
- package/esm2022/eui-input-number/eui-number-control.directive.mjs +3 -3
- package/esm2022/eui-input-radio/eui-input-radio.component.mjs +4 -4
- package/esm2022/eui-input-radio/eui-input-radio.module.mjs +4 -4
- package/esm2022/eui-input-text/eui-input-text.component.mjs +4 -4
- package/esm2022/eui-input-text/eui-input-text.module.mjs +4 -4
- package/esm2022/eui-label/eui-label.component.mjs +3 -3
- package/esm2022/eui-label/eui-label.module.mjs +4 -4
- package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +3 -3
- package/esm2022/eui-list/eui-list.component.mjs +3 -3
- package/esm2022/eui-list/eui-list.module.mjs +4 -4
- package/esm2022/eui-list/services/eui-list.service.mjs +3 -3
- package/esm2022/eui-menu/eui-menu-item.component.mjs +3 -3
- package/esm2022/eui-menu/eui-menu.component.mjs +3 -3
- package/esm2022/eui-menu/eui-menu.module.mjs +4 -4
- package/esm2022/eui-message-box/eui-message-box.component.mjs +6 -6
- package/esm2022/eui-message-box/eui-message-box.module.mjs +4 -4
- package/esm2022/eui-message-box/services/eui-message-box.service.mjs +3 -3
- package/esm2022/eui-overlay/components/eui-overlay-body/eui-overlay-body.component.mjs +3 -3
- package/esm2022/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.mjs +3 -3
- package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.mjs +3 -3
- package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.mjs +3 -3
- package/esm2022/eui-overlay/eui-overlay.component.mjs +7 -7
- package/esm2022/eui-page/components/eui-page-breadcrumb/eui-page-breadcrumb.component.mjs +3 -3
- package/esm2022/eui-page/components/eui-page-column/eui-page-column.component.mjs +21 -21
- package/esm2022/eui-page/components/eui-page-columns/eui-page-columns.component.mjs +3 -3
- package/esm2022/eui-page/components/eui-page-content/eui-page-content.component.mjs +3 -3
- package/esm2022/eui-page/components/eui-page-footer/eui-page-footer.component.mjs +3 -3
- package/esm2022/eui-page/components/eui-page-header/eui-page-header.component.mjs +9 -9
- package/esm2022/eui-page/components/eui-page-hero-header/eui-page-hero-header.component.mjs +3 -3
- package/esm2022/eui-page/components/eui-page-top-content/eui-page-top-content.component.mjs +3 -3
- package/esm2022/eui-page/eui-page.component.mjs +3 -3
- package/esm2022/eui-page/eui-page.module.mjs +4 -4
- package/esm2022/eui-paginator/eui-paginator.component.mjs +3 -3
- package/esm2022/eui-paginator/eui-paginator.module.mjs +4 -4
- package/esm2022/eui-popover/directives/eui-popover-arrow-position.directive.mjs +3 -3
- package/esm2022/eui-popover/eui-popover.component.mjs +3 -3
- package/esm2022/eui-popover/eui-popover.module.mjs +4 -4
- package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +3 -3
- package/esm2022/eui-progress-bar/eui-progress-bar.module.mjs +4 -4
- package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +7 -7
- package/esm2022/eui-select/eui-select-control.directive.mjs +3 -3
- package/esm2022/eui-select/eui-select-multiple.directive.mjs +3 -3
- package/esm2022/eui-select/eui-select-mutli-option.directive.mjs +3 -3
- package/esm2022/eui-select/eui-select-option.directive.mjs +3 -3
- package/esm2022/eui-select/eui-select.component.mjs +4 -4
- package/esm2022/eui-select/eui-select.module.mjs +4 -4
- package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +3 -3
- package/esm2022/eui-sidebar-menu/eui-sidebar-menu.module.mjs +4 -4
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +11 -5
- package/esm2022/eui-slide-toggle/eui-slide-toggle.module.mjs +7 -6
- package/esm2022/eui-table/directives/eui-table-sticky-columns.directive.mjs +3 -3
- package/esm2022/eui-table/eui-table.component.mjs +4 -4
- package/esm2022/eui-table/eui-table.module.mjs +4 -4
- package/esm2022/eui-table/expandable-row/eui-table-expandable-row.component.mjs +3 -3
- package/esm2022/eui-table/filter/eui-table-filter.component.mjs +3 -3
- package/esm2022/eui-table/pipes/eui-table-highlight-filter.pipe.mjs +3 -3
- package/esm2022/eui-table/selectable-header/eui-table-selectable-header.component.mjs +3 -3
- package/esm2022/eui-table/selectable-row/eui-table-selectable-row.component.mjs +3 -3
- package/esm2022/eui-table/services/eui-table-selectable-row.service.mjs +3 -3
- package/esm2022/eui-table/services/eui-table-sort.service.mjs +3 -3
- package/esm2022/eui-table/sortable-col/eui-table-sortable-col.component.mjs +3 -3
- package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +3 -3
- package/esm2022/eui-tabs/eui-tab-content/eui-tab-content.component.mjs +3 -3
- package/esm2022/eui-tabs/eui-tab-label/eui-tab-label.component.mjs +6 -6
- package/esm2022/eui-tabs/eui-tabs.component.mjs +6 -6
- package/esm2022/eui-tabs/eui-tabs.module.mjs +4 -4
- package/esm2022/eui-textarea/auto-resize.directive.mjs +3 -3
- package/esm2022/eui-textarea/eui-textarea.component.mjs +4 -4
- package/esm2022/eui-textarea/eui-textarea.module.mjs +4 -4
- package/esm2022/eui-timebar/eui-timebar.component.mjs +7 -7
- package/esm2022/eui-timeline/eui-timeline-item.component.mjs +3 -3
- package/esm2022/eui-timeline/eui-timeline.component.mjs +3 -3
- package/esm2022/eui-timeline/eui-timeline.module.mjs +4 -4
- package/esm2022/eui-timepicker/eui-timepicker.component.mjs +3 -3
- package/esm2022/eui-timepicker/eui-timepicker.module.mjs +4 -4
- package/esm2022/eui-tree/eui-dropdown-tree.directive.mjs +7 -7
- package/esm2022/eui-tree/eui-tree-form-control.directive.mjs +7 -7
- package/esm2022/eui-tree/eui-tree.component.mjs +7 -7
- package/esm2022/eui-tree-list/eui-tree-list-item.component.mjs +12 -12
- package/esm2022/eui-tree-list/eui-tree-list.component.mjs +3 -3
- package/esm2022/eui-tree-list/eui-tree-list.module.mjs +4 -4
- package/esm2022/eui-tree-list/item-content/item-content.component.mjs +3 -3
- package/esm2022/eui-tree-list/toolbar/toolbar.component.mjs +6 -6
- package/esm2022/eui-ux-tree/eui-ux-tree-node.component.mjs +3 -3
- package/esm2022/eui-ux-tree/eui-ux-tree-toolbar/eui-ux-tree-toolbar.component.mjs +6 -6
- package/esm2022/eui-ux-tree/eui-ux-tree.component.mjs +3 -3
- package/esm2022/eui-ux-tree/eui-ux-tree.module.mjs +4 -4
- package/esm2022/eui-wizard/eui-wizard-step.component.mjs +3 -3
- package/esm2022/eui-wizard/eui-wizard.component.mjs +3 -3
- package/esm2022/eui-wizard/eui-wizard.module.mjs +4 -4
- package/esm2022/eui-wizard/services/eui-wizard.service.mjs +3 -3
- package/esm2022/externals/charts/chart/chart.component.mjs +3 -3
- package/esm2022/externals/charts/eui-charts.module.mjs +4 -4
- package/esm2022/externals/eui-editor/counters/eui-editor-counters.component.mjs +3 -3
- package/esm2022/externals/eui-editor/directives/eui-editor-maxlength.directive.mjs +3 -3
- package/esm2022/externals/eui-editor/eui-editor.component.mjs +6 -6
- package/esm2022/externals/eui-editor/eui-editor.module.mjs +4 -4
- package/esm2022/externals/eui-editor/html-view/eui-editor-html-view.component.mjs +3 -3
- package/esm2022/externals/eui-editor/image-url-dialog/image-url-dialog.component.mjs +3 -3
- package/esm2022/externals/eui-editor/json-view/eui-editor-json-view.component.mjs +3 -3
- package/esm2022/externals/quill/quill-editor.component.mjs +3 -3
- package/esm2022/externals/quill/quill.module.mjs +4 -4
- package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.module.mjs +4 -4
- package/esm2022/layout/eui-app/eui-app-footer/footer.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-footer/footer.module.mjs +4 -4
- package/esm2022/layout/eui-app/eui-app-header/header.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-header/header.module.mjs +4 -4
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-body/sidebar-body.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-drawer/sidebar-drawer.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-footer/sidebar-footer.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header/sidebar-header.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.module.mjs +4 -4
- package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-toolbar/toolbar.module.mjs +4 -4
- package/esm2022/layout/eui-app/eui-app-top-message/top-message.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-top-message/top-message.module.mjs +4 -4
- package/esm2022/layout/eui-app/eui-app.component.mjs +6 -6
- package/esm2022/layout/eui-app/eui-app.module.mjs +4 -4
- package/esm2022/layout/eui-breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2022/layout/eui-breadcrumb/breadcrumb.module.mjs +4 -4
- package/esm2022/layout/eui-breadcrumb/breadcrumb.service.mjs +3 -3
- package/esm2022/layout/eui-breadcrumb/collapsed-breadcrumb/collapsed-breadcrumb.component.mjs +6 -6
- package/esm2022/layout/eui-breadcrumb/item/breadcrumb-item.component.mjs +3 -3
- package/esm2022/layout/eui-footer/footer.component.mjs +3 -3
- package/esm2022/layout/eui-footer/footer.module.mjs +4 -4
- package/esm2022/layout/eui-header/header-app/header-app.component.mjs +12 -12
- package/esm2022/layout/eui-header/header-app-name/header-app-name.component.mjs +3 -3
- package/esm2022/layout/eui-header/header-app-name-logo/header-app-name-logo.component.mjs +3 -3
- package/esm2022/layout/eui-header/header-app-subtitle/header-app-subtitle.component.mjs +3 -3
- package/esm2022/layout/eui-header/header-environment/header-environment.component.mjs +3 -3
- package/esm2022/layout/eui-header/header-logo/header-logo.component.mjs +3 -3
- package/esm2022/layout/eui-header/header-user-profile/header-user-profile.component.mjs +3 -3
- package/esm2022/layout/eui-header/header.component.mjs +3 -3
- package/esm2022/layout/eui-header/header.module.mjs +4 -4
- package/esm2022/layout/eui-language-selector/language-selector.component.mjs +3 -3
- package/esm2022/layout/eui-language-selector/language-selector.module.mjs +4 -4
- package/esm2022/layout/eui-language-selector/modal-selector/modal-selector.component.mjs +3 -3
- package/esm2022/layout/eui-layout.module.mjs +4 -4
- package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +3 -3
- package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +3 -3
- package/esm2022/layout/eui-notifications/eui-notifications.module.mjs +4 -4
- package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +3 -3
- package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +3 -3
- package/esm2022/layout/eui-notifications-v2/eui-notifications.module.mjs +4 -4
- package/esm2022/layout/eui-search/search.component.mjs +3 -3
- package/esm2022/layout/eui-search/search.module.mjs +4 -4
- package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +3 -3
- package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.module.mjs +4 -4
- package/esm2022/layout/eui-toolbar/toolbar-app/toolbar-app.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar-center/toolbar-center.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar-environment/toolbar-environment.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar-item/toolbar-item.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar-item-notifications/toolbar-item-notifications.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar-item-search/toolbar-item-search.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar-item-user-profile/toolbar-item-user-profile.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar-items/toolbar-items.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar-logo/toolbar-logo.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar.module.mjs +4 -4
- package/esm2022/layout/eui-user-profile/user-profile-card/user-profile-card.component.mjs +3 -3
- package/esm2022/layout/eui-user-profile/user-profile-menu/user-profile-menu.component.mjs +3 -3
- package/esm2022/layout/eui-user-profile/user-profile-menu-item/user-profile-menu-item.component.mjs +3 -3
- package/esm2022/layout/eui-user-profile/user-profile.component.mjs +3 -3
- package/esm2022/layout/eui-user-profile/user-profile.module.mjs +4 -4
- package/esm2022/pipes/eui-is-empty.pipe.mjs +7 -7
- package/esm2022/pipes/eui-truncate.pipe.mjs +7 -7
- package/esm2022/shared/base/base-states.directive.mjs +3 -3
- package/esm2022/shared/base/base.directive.mjs +3 -3
- package/esm2022/shared/eui-accessible-button-icon/eui-accessible-button-icon.component.mjs +7 -7
- package/esm2022/shared/eui-common-header/common-header.component.mjs +7 -7
- package/esm2022/shared/eui-expand-content/eui-expand-content.component.mjs +7 -7
- package/esm2022/shared/input.directive.mjs +3 -3
- package/eui-file-upload/eui-file-upload.component.d.ts +16 -28
- package/eui-file-upload/eui-file-upload.component.d.ts.map +1 -1
- package/eui-slide-toggle/eui-slide-toggle.component.d.ts +3 -1
- package/eui-slide-toggle/eui-slide-toggle.component.d.ts.map +1 -1
- package/eui-slide-toggle/eui-slide-toggle.module.d.ts +2 -1
- package/eui-slide-toggle/eui-slide-toggle.module.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +69 -69
- package/fesm2022/eui-components-ecl-eui-ecl-banner.mjs +34 -34
- package/fesm2022/eui-components-ecl-eui-ecl-button.mjs +11 -11
- package/fesm2022/eui-components-ecl-eui-ecl-button.mjs.map +1 -1
- package/fesm2022/eui-components-ecl-eui-ecl-carousel.mjs +11 -11
- package/fesm2022/eui-components-ecl-eui-ecl-icon.mjs +8 -8
- package/fesm2022/eui-components-ecl-eui-ecl-label.mjs +7 -7
- package/fesm2022/eui-components-ecl-eui-ecl-link.mjs +10 -10
- package/fesm2022/eui-components-ecl-eui-ecl-message.mjs +10 -10
- package/fesm2022/eui-components-ecl-shared.mjs +19 -19
- package/fesm2022/eui-components-ecl-webcomponents-ecl-message-wc.mjs +7 -7
- package/fesm2022/eui-components-ecl-webcomponents-ecl-webcomponents-all.mjs +4 -4
- package/fesm2022/eui-components-eui-alert.mjs +10 -10
- package/fesm2022/eui-components-eui-all.mjs +4 -4
- package/fesm2022/eui-components-eui-autocomplete.mjs +8 -8
- package/fesm2022/eui-components-eui-avatar.mjs +22 -22
- package/fesm2022/eui-components-eui-badge.mjs +7 -7
- package/fesm2022/eui-components-eui-block-content.mjs +7 -7
- package/fesm2022/eui-components-eui-block-document.mjs +7 -7
- package/fesm2022/eui-components-eui-button-group.mjs +7 -7
- package/fesm2022/eui-components-eui-button.mjs +8 -8
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-buttons.mjs +13 -13
- package/fesm2022/eui-components-eui-card.mjs +46 -46
- package/fesm2022/eui-components-eui-chip-list.mjs +13 -13
- package/fesm2022/eui-components-eui-chip.mjs +7 -7
- package/fesm2022/eui-components-eui-dashboard-button.mjs +13 -13
- package/fesm2022/eui-components-eui-dashboard-card.mjs +7 -7
- package/fesm2022/eui-components-eui-date-range-selector.mjs +8 -8
- package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs +19 -19
- package/fesm2022/eui-components-eui-dialog.mjs +19 -19
- package/fesm2022/eui-components-eui-dimmer.mjs +7 -7
- package/fesm2022/eui-components-eui-disable-content.mjs +7 -7
- package/fesm2022/eui-components-eui-discussion-thread.mjs +10 -10
- package/fesm2022/eui-components-eui-dropdown.mjs +21 -21
- package/fesm2022/eui-components-eui-feedback-message.mjs +7 -7
- package/fesm2022/eui-components-eui-fieldset.mjs +13 -13
- package/fesm2022/eui-components-eui-file-upload.mjs +84 -93
- package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +7 -7
- package/fesm2022/eui-components-eui-icon-toggle.mjs +7 -7
- package/fesm2022/eui-components-eui-icon.mjs +13 -13
- package/fesm2022/eui-components-eui-input-checkbox.mjs +8 -8
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-group.mjs +7 -7
- package/fesm2022/eui-components-eui-input-number.mjs +12 -12
- package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-radio.mjs +8 -8
- package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-text.mjs +8 -8
- package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
- package/fesm2022/eui-components-eui-label.mjs +7 -7
- package/fesm2022/eui-components-eui-list.mjs +13 -13
- package/fesm2022/eui-components-eui-menu.mjs +10 -10
- package/fesm2022/eui-components-eui-message-box.mjs +13 -13
- package/fesm2022/eui-components-eui-overlay.mjs +19 -19
- package/fesm2022/eui-components-eui-page.mjs +55 -55
- package/fesm2022/eui-components-eui-paginator.mjs +7 -7
- package/fesm2022/eui-components-eui-popover.mjs +10 -10
- package/fesm2022/eui-components-eui-progress-bar.mjs +7 -7
- package/fesm2022/eui-components-eui-progress-circle.mjs +7 -7
- package/fesm2022/eui-components-eui-select.mjs +20 -20
- package/fesm2022/eui-components-eui-select.mjs.map +1 -1
- package/fesm2022/eui-components-eui-sidebar-menu.mjs +7 -7
- package/fesm2022/eui-components-eui-slide-toggle.mjs +17 -10
- package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +36 -36
- package/fesm2022/eui-components-eui-table.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +24 -24
- package/fesm2022/eui-components-eui-textarea.mjs +11 -11
- package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timebar.mjs +7 -7
- package/fesm2022/eui-components-eui-timeline.mjs +10 -10
- package/fesm2022/eui-components-eui-timepicker.mjs +7 -7
- package/fesm2022/eui-components-eui-tree-list.mjs +28 -28
- package/fesm2022/eui-components-eui-tree.mjs +21 -21
- package/fesm2022/eui-components-eui-ux-tree.mjs +16 -16
- package/fesm2022/eui-components-eui-wizard.mjs +13 -13
- package/fesm2022/eui-components-externals-charts.mjs +7 -7
- package/fesm2022/eui-components-externals-eui-editor.mjs +26 -26
- package/fesm2022/eui-components-externals-quill.mjs +7 -7
- package/fesm2022/eui-components-layout.mjs +234 -234
- package/fesm2022/eui-components-pipes.mjs +14 -14
- package/fesm2022/eui-components-shared-base.mjs +6 -6
- package/fesm2022/eui-components-shared.mjs +25 -25
- package/package.json +13 -13
|
@@ -97,10 +97,10 @@ class EuiAppSidebarComponent {
|
|
|
97
97
|
this.asService.isSidebarHover = false;
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
101
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
100
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarComponent, deps: [{ token: i1.EuiAppShellService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
101
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppSidebarComponent, selector: "eui-app-sidebar", host: { listeners: { "body:click": "close()" }, properties: { "class": "this.string" } }, ngImport: i0, template: "<div class=\"eui-app-sidebar-content\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" role=\"complementary\">\n <ng-content select=\"eui-app-sidebar-header-user-profile\"></ng-content>\n <ng-content select=\"eui-app-sidebar-header\"></ng-content>\n <ng-content select=\"eui-app-sidebar-body\"></ng-content>\n <ng-content select=\"eui-app-sidebar-footer\"></ng-content>\n <ng-content select=\"eui-app-sidebar-drawer\"></ng-content>\n</div>\n", styles: [".eui-app-sidebar{background-color:var(--eui-base-color-grey-2);height:100%;left:0;position:fixed;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));width:var(--eui-app-sidebar-width);box-shadow:var(--eui-base-shadow-10)}.eui-app.ff.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:calc(var(--eui-app-sidebar-width-close-active) + 16px)}.sidebar--hidden{z-index:var(--eui-base-z-index-sidebar)}.modal-open .eui-app-sidebar{z-index:auto}.eui-app-sidebar-content{border-right:1px solid var(--eui-base-color-grey-5);box-shadow:0 8px 10px #b7c0cebf;display:flex;flex-direction:column;height:100%;max-height:calc(100% - (var(--eui-app-header-height) + var(--eui-app-toolbar-height)));overflow:hidden;position:relative}.eui-app-sidebar-header{align-items:center;background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;width:100%}.eui-app-sidebar-body{display:flex;height:100%;max-height:calc(100% - (var(--eui-app-sidebar-header-height) + var(--eui-app-sidebar-footer-height)));overflow-x:hidden;overflow-y:scroll}.eui-app-sidebar-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-app-sidebar-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-app-sidebar-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-app-sidebar-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-body{max-height:100%}.eui-app-sidebar-footer{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:var(--eui-base-spacing-xs)}.eui-app-sidebar-menu{display:flex;height:100%;width:100%}@media screen and (max-width: 767px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:50%}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-base-shadow-4);width:var(--eui-app-sidebar-width-active)}}@media screen and (min-width: 996px){.sidebar--hover .eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:var(--eui-app-sidebar-width-close)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-header{display:none}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-footer{text-indent:-9999px}.sidebar--hidden.sidebar--close .eui-app-sidebar{margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-base-shadow-4);display:initial;margin-left:0;width:var(--eui-app-sidebar-width-active);z-index:var(--eui-base-z-index-sidebar)}}.eui-app-sidebar-drawer{display:none}.eui-app.sidebar--open.md .eui-app-sidebar-drawer,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer{background:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-15);display:flex;height:100%;position:fixed;top:100vh;transition:top .25s ease-in-out}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content{height:calc(100% - 8rem);overflow-y:auto;padding:var(--eui-base-spacing-s);width:100%}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-app.sidebar--open.md .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer--expanded{top:8rem}.eui-app.sidebar--close.md .eui-app-sidebar-drawer,.eui-app.sidebar--close.xs .eui-app-sidebar-drawer{position:fixed;top:100vh}@media screen and (max-width: 767px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:50%}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
102
102
|
}
|
|
103
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarComponent, decorators: [{
|
|
104
104
|
type: Component,
|
|
105
105
|
args: [{ selector: 'eui-app-sidebar', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-app-sidebar-content\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" role=\"complementary\">\n <ng-content select=\"eui-app-sidebar-header-user-profile\"></ng-content>\n <ng-content select=\"eui-app-sidebar-header\"></ng-content>\n <ng-content select=\"eui-app-sidebar-body\"></ng-content>\n <ng-content select=\"eui-app-sidebar-footer\"></ng-content>\n <ng-content select=\"eui-app-sidebar-drawer\"></ng-content>\n</div>\n", styles: [".eui-app-sidebar{background-color:var(--eui-base-color-grey-2);height:100%;left:0;position:fixed;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));width:var(--eui-app-sidebar-width);box-shadow:var(--eui-base-shadow-10)}.eui-app.ff.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:calc(var(--eui-app-sidebar-width-close-active) + 16px)}.sidebar--hidden{z-index:var(--eui-base-z-index-sidebar)}.modal-open .eui-app-sidebar{z-index:auto}.eui-app-sidebar-content{border-right:1px solid var(--eui-base-color-grey-5);box-shadow:0 8px 10px #b7c0cebf;display:flex;flex-direction:column;height:100%;max-height:calc(100% - (var(--eui-app-header-height) + var(--eui-app-toolbar-height)));overflow:hidden;position:relative}.eui-app-sidebar-header{align-items:center;background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;width:100%}.eui-app-sidebar-body{display:flex;height:100%;max-height:calc(100% - (var(--eui-app-sidebar-header-height) + var(--eui-app-sidebar-footer-height)));overflow-x:hidden;overflow-y:scroll}.eui-app-sidebar-body::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-app-sidebar-body::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-app-sidebar-body::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-app-sidebar-body::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-body{max-height:100%}.eui-app-sidebar-footer{align-items:center;display:flex;flex:0 0 auto;justify-content:center;padding:var(--eui-base-spacing-xs)}.eui-app-sidebar-menu{display:flex;height:100%;width:100%}@media screen and (max-width: 767px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.eui-app-sidebar-body{max-height:100%}.sidebar--close .eui-app-sidebar{box-shadow:none!important;margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--open .eui-app-sidebar{display:initial;margin-left:0;width:50%}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-base-shadow-4);width:var(--eui-app-sidebar-width-active)}}@media screen and (min-width: 996px){.sidebar--hover .eui-app-sidebar{z-index:var(--eui-base-z-index-sidebar)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar{width:var(--eui-app-sidebar-width-close)}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-header{display:none}.sidebar--close:not(.sidebar--hover) .eui-app-sidebar-footer{text-indent:-9999px}.sidebar--hidden.sidebar--close .eui-app-sidebar{margin-left:calc(var(--eui-app-sidebar-width-active) * -1)}.sidebar--hidden.sidebar--open .eui-app-sidebar{box-shadow:var(--eui-base-shadow-4);display:initial;margin-left:0;width:var(--eui-app-sidebar-width-active);z-index:var(--eui-base-z-index-sidebar)}}.eui-app-sidebar-drawer{display:none}.eui-app.sidebar--open.md .eui-app-sidebar-drawer,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer{background:var(--eui-base-color-grey-5);border-top:1px solid var(--eui-base-color-grey-15);display:flex;height:100%;position:fixed;top:100vh;transition:top .25s ease-in-out}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content{height:calc(100% - 8rem);overflow-y:auto;padding:var(--eui-base-spacing-s);width:100%}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar{display:inherit;height:8px;width:8px;background-color:var(--eui-base-color-grey-5)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-app.sidebar--open.md .eui-app-sidebar-drawer-content::-webkit-scrollbar-track,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer-content::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-app.sidebar--open.md .eui-app-sidebar-drawer--expanded,.eui-app.sidebar--open.xs .eui-app-sidebar-drawer--expanded{top:8rem}.eui-app.sidebar--close.md .eui-app-sidebar-drawer,.eui-app.sidebar--close.xs .eui-app-sidebar-drawer{position:fixed;top:100vh}@media screen and (max-width: 767px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:75%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-sidebar-drawer,.eui-app-sidebar-drawer--expanded{width:50%}}\n"] }]
|
|
106
106
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService, decorators: [{
|
|
@@ -124,10 +124,10 @@ class EuiAppSidebarHeaderComponent {
|
|
|
124
124
|
ngOnDestroy() {
|
|
125
125
|
document.documentElement.style.removeProperty('--eui-app-sidebar-header-height');
|
|
126
126
|
}
|
|
127
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
128
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
127
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarHeaderComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
128
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppSidebarHeaderComponent, selector: "eui-app-sidebar-header", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
|
|
129
129
|
}
|
|
130
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarHeaderComponent, decorators: [{
|
|
131
131
|
type: Component,
|
|
132
132
|
args: [{ selector: 'eui-app-sidebar-header', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
133
133
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }], propDecorators: { class: [{
|
|
@@ -138,10 +138,10 @@ class EuiAppSidebarBodyComponent {
|
|
|
138
138
|
constructor() {
|
|
139
139
|
this.class = 'eui-app-sidebar-body';
|
|
140
140
|
}
|
|
141
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
142
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
141
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
142
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppSidebarBodyComponent, selector: "eui-app-sidebar-body", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content select=\"eui-app-sidebar-menu\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
143
143
|
}
|
|
144
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
144
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarBodyComponent, decorators: [{
|
|
145
145
|
type: Component,
|
|
146
146
|
args: [{ selector: 'eui-app-sidebar-body', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"eui-app-sidebar-menu\"></ng-content>\n" }]
|
|
147
147
|
}], propDecorators: { class: [{
|
|
@@ -210,10 +210,10 @@ class EuiAppSidebarMenuComponent {
|
|
|
210
210
|
}
|
|
211
211
|
this.sidebarItemClick.emit(event);
|
|
212
212
|
}
|
|
213
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
214
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
213
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarMenuComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
214
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppSidebarMenuComponent, selector: "eui-app-sidebar-menu", inputs: { items: "items", hasFilter: "hasFilter", hasIcons: "hasIcons", hasTooltip: "hasTooltip", expandAllItems: "expandAllItems" }, outputs: { sidebarItemClick: "sidebarItemClick" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0, template: "<eui-menu\n [items]=\"items\"\n [hasFilter]=\"hasFilter\"\n [hasIcons]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [expandAllItems]=\"expandAllItems\"\n [isCollapsed]=\"!(asService.state$ | async).isSidebarOpen && !(asService.state$ | async).isSidebarHover\"\n (itemClick)=\"onMenuItemClicked($event)\">\n</eui-menu>\n", dependencies: [{ kind: "component", type: i2.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "externalLinkLabel", "fragmentId", "isCollapsed", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems"], outputs: ["isClick", "itemClick"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
215
215
|
}
|
|
216
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarMenuComponent, decorators: [{
|
|
217
217
|
type: Component,
|
|
218
218
|
args: [{ selector: 'eui-app-sidebar-menu', encapsulation: ViewEncapsulation.None, template: "<eui-menu\n [items]=\"items\"\n [hasFilter]=\"hasFilter\"\n [hasIcons]=\"hasIcons\"\n [hasTooltip]=\"hasTooltip\"\n [expandAllItems]=\"expandAllItems\"\n [isCollapsed]=\"!(asService.state$ | async).isSidebarOpen && !(asService.state$ | async).isSidebarHover\"\n (itemClick)=\"onMenuItemClicked($event)\">\n</eui-menu>\n" }]
|
|
219
219
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }], propDecorators: { class: [{
|
|
@@ -243,10 +243,10 @@ class EuiAppSidebarFooterComponent {
|
|
|
243
243
|
ngOnDestroy() {
|
|
244
244
|
document.documentElement.style.removeProperty('--eui-app-sidebar-footer-height');
|
|
245
245
|
}
|
|
246
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
247
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
246
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarFooterComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
247
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppSidebarFooterComponent, selector: "eui-app-sidebar-footer", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
|
|
248
248
|
}
|
|
249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarFooterComponent, decorators: [{
|
|
250
250
|
type: Component,
|
|
251
251
|
args: [{ selector: 'eui-app-sidebar-footer', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
252
252
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }], propDecorators: { class: [{
|
|
@@ -278,10 +278,10 @@ class EuiAppSidebarHeaderUserProfileComponent {
|
|
|
278
278
|
consumeEvent(event);
|
|
279
279
|
this.toggle.emit();
|
|
280
280
|
}
|
|
281
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
282
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
281
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarHeaderUserProfileComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
282
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppSidebarHeaderUserProfileComponent, selector: "eui-app-sidebar-header-user-profile", inputs: { impersonateLabel: "impersonateLabel", welcomeLabel: "welcomeLabel", isOnline: "isOnline" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-app-sidebar-header-user-profile-content\" (click)=\"onProfileClick($event)\">\n <div\n class=\"eui-user-profile__avatar\"\n [ngClass]=\"isOnline ? 'eui-user-profile__avatar--online' : 'eui-user-profile__avatar--offline'\"></div>\n\n <div class=\"eui-user-profile__infos\">\n <!-- NORMAL LOGIN-->\n <div *ngIf=\"!(asService.getState('impersonatedUserInfos') | async | coerceBool)\" class=\"eui-user-profile__infos-wrapper\">\n <div *ngIf=\"welcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n <div class=\"eui-user-profile__infos-container\">\n <span class=\"eui-user-profile__infos-name\">{{ asService.getState('userInfos') | async }}</span>\n </div>\n </div>\n\n <!-- IMPERSONATION -->\n <div *ngIf=\"asService.getState('impersonatedUserInfos') | async\" class=\"eui-user-profile__infos-wrapper\">\n <div class=\"eui-user-profile__infos-container\">\n <span *ngIf=\"welcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }} </span>\n <span class=\"eui-user-profile__infos-welcome\"\n ><strong>{{ asService.getState('userInfos') | async }}</strong></span\n >\n </div>\n <div class=\"eui-user-profile__infos-container\">\n <span class=\"eui-user-profile__infos-impersonating\">{{ impersonateLabel }} </span>\n <span class=\"eui-user-profile__infos-name\">{{ asService.getState('impersonatedUserInfos') | async }}</span>\n </div>\n </div>\n\n <!-- SUB INFOS-->\n <div *ngIf=\"asService.getState('userSubInfos') | async\" class=\"eui-user-profile__infos-subinfos\">\n {{ asService.getState('userSubInfos') | async }}\n </div>\n </div>\n\n <button type=\"button\" euiButton euiRounded euiIconButton euiBasicButton euiSecondary class=\"eui-user-profile__toggle\">\n <span class=\"eui-icon\" [ngClass]=\"toggleProfile ? 'eui-icon-angle-up' : 'eui-icon-angle-down'\"></span>\n </button>\n</div>\n", styles: [".eui-app-sidebar-header-user-profile{border-bottom:1px solid var(--eui-base-color-grey-10);display:flex;padding:var(--eui-base-spacing-m);position:relative;width:100%}.eui-app-sidebar-header-user-profile-content{align-items:center;cursor:pointer;display:flex;width:100%}.eui-app-sidebar-header-user-profile-content .eui-user-profile__avatar{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;border:3px solid var(--eui-base-color-info-75);border-radius:50%;box-shadow:0 1px 2px #0003,0 1px 3px #0000004d;height:40px;margin-right:1rem;min-height:40px;min-width:40px;position:relative;width:40px}.eui-app-sidebar-header-user-profile-content .eui-user-profile__avatar--offline{border-color:var(--eui-base-color-danger-75)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__avatar--online{border-color:var(--eui-base-color-info-75)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos{align-items:flex-start;display:flex;flex-direction:column;margin:0;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper{display:flex;flex-direction:column;width:100%}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container{justify-content:flex-start;align-items:center;display:flex;width:100%}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-welcome,.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-impersonating{color:var(--eui-base-color-grey-80)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-80)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle{font-size:var(--eui-base-font-size);margin-left:auto!important;transition:all .3s linear!important}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:focus:active:not([readonly]),.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:focus:focus:not([readonly]),.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:active:active:not([readonly]),.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:active [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-l)!important}@media screen and (min-width: 996px){.eui-app-sidebar-header-user-profile{display:none}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.EuiCoerceBooleanPipe, name: "coerceBool" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
283
283
|
}
|
|
284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarHeaderUserProfileComponent, decorators: [{
|
|
285
285
|
type: Component,
|
|
286
286
|
args: [{ selector: 'eui-app-sidebar-header-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-app-sidebar-header-user-profile-content\" (click)=\"onProfileClick($event)\">\n <div\n class=\"eui-user-profile__avatar\"\n [ngClass]=\"isOnline ? 'eui-user-profile__avatar--online' : 'eui-user-profile__avatar--offline'\"></div>\n\n <div class=\"eui-user-profile__infos\">\n <!-- NORMAL LOGIN-->\n <div *ngIf=\"!(asService.getState('impersonatedUserInfos') | async | coerceBool)\" class=\"eui-user-profile__infos-wrapper\">\n <div *ngIf=\"welcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n <div class=\"eui-user-profile__infos-container\">\n <span class=\"eui-user-profile__infos-name\">{{ asService.getState('userInfos') | async }}</span>\n </div>\n </div>\n\n <!-- IMPERSONATION -->\n <div *ngIf=\"asService.getState('impersonatedUserInfos') | async\" class=\"eui-user-profile__infos-wrapper\">\n <div class=\"eui-user-profile__infos-container\">\n <span *ngIf=\"welcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }} </span>\n <span class=\"eui-user-profile__infos-welcome\"\n ><strong>{{ asService.getState('userInfos') | async }}</strong></span\n >\n </div>\n <div class=\"eui-user-profile__infos-container\">\n <span class=\"eui-user-profile__infos-impersonating\">{{ impersonateLabel }} </span>\n <span class=\"eui-user-profile__infos-name\">{{ asService.getState('impersonatedUserInfos') | async }}</span>\n </div>\n </div>\n\n <!-- SUB INFOS-->\n <div *ngIf=\"asService.getState('userSubInfos') | async\" class=\"eui-user-profile__infos-subinfos\">\n {{ asService.getState('userSubInfos') | async }}\n </div>\n </div>\n\n <button type=\"button\" euiButton euiRounded euiIconButton euiBasicButton euiSecondary class=\"eui-user-profile__toggle\">\n <span class=\"eui-icon\" [ngClass]=\"toggleProfile ? 'eui-icon-angle-up' : 'eui-icon-angle-down'\"></span>\n </button>\n</div>\n", styles: [".eui-app-sidebar-header-user-profile{border-bottom:1px solid var(--eui-base-color-grey-10);display:flex;padding:var(--eui-base-spacing-m);position:relative;width:100%}.eui-app-sidebar-header-user-profile-content{align-items:center;cursor:pointer;display:flex;width:100%}.eui-app-sidebar-header-user-profile-content .eui-user-profile__avatar{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MyA1MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiNFN0VDRUQ7IiBkPSJNMTguNjEzLDQxLjU1MmwtNy45MDcsNC4zMTNjLTAuNDY0LDAuMjUzLTAuODgxLDAuNTY0LTEuMjY5LDAuOTAzQzE0LjA0Nyw1MC42NTUsMTkuOTk4LDUzLDI2LjUsNTNjNi40NTQsMCwxMi4zNjctMi4zMSwxNi45NjQtNi4xNDRjLTAuNDI0LTAuMzU4LTAuODg0LTAuNjgtMS4zOTQtMC45MzRsLTguNDY3LTQuMjMzYy0xLjA5NC0wLjU0Ny0xLjc4NS0xLjY2NS0xLjc4NS0yLjg4OHYtMy4zMjJjMC4yMzgtMC4yNzEsMC41MS0wLjYxOSwwLjgwMS0xLjAzYzEuMTU0LTEuNjMsMi4wMjctMy40MjMsMi42MzItNS4zMDRjMS4wODYtMC4zMzUsMS44ODYtMS4zMzgsMS44ODYtMi41M3YtMy41NDZjMC0wLjc4LTAuMzQ3LTEuNDc3LTAuODg2LTEuOTY1di01LjEyNmMwLDAsMS4wNTMtNy45NzctOS43NS03Ljk3N3MtOS43NSw3Ljk3Ny05Ljc1LDcuOTc3djUuMTI2Yy0wLjU0LDAuNDg4LTAuODg2LDEuMTg1LTAuODg2LDEuOTY1djMuNTQ2YzAsMC45MzQsMC40OTEsMS43NTYsMS4yMjYsMi4yMzFjMC44ODYsMy44NTcsMy4yMDYsNi42MzMsMy4yMDYsNi42MzN2My4yNEMyMC4yOTYsMzkuODk5LDE5LjY1LDQwLjk4NiwxOC42MTMsNDEuNTUyeiIvPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjYuOTUzLDAuMDA0QzEyLjMyLTAuMjQ2LDAuMjU0LDExLjQxNCwwLjAwNCwyNi4wNDdDLTAuMTM4LDM0LjM0NCwzLjU2LDQxLjgwMSw5LjQ0OCw0Ni43NmMwLjM4NS0wLjMzNiwwLjc5OC0wLjY0NCwxLjI1Ny0wLjg5NGw3LjkwNy00LjMxM2MxLjAzNy0wLjU2NiwxLjY4My0xLjY1MywxLjY4My0yLjgzNXYtMy4yNGMwLDAtMi4zMjEtMi43NzYtMy4yMDYtNi42MzNjLTAuNzM0LTAuNDc1LTEuMjI2LTEuMjk2LTEuMjI2LTIuMjMxdi0zLjU0NmMwLTAuNzgsMC4zNDctMS40NzcsMC44ODYtMS45NjV2LTUuMTI2YzAsMC0xLjA1My03Ljk3Nyw5Ljc1LTcuOTc3czkuNzUsNy45NzcsOS43NSw3Ljk3N3Y1LjEyNmMwLjU0LDAuNDg4LDAuODg2LDEuMTg1LDAuODg2LDEuOTY1djMuNTQ2YzAsMS4xOTItMC44LDIuMTk1LTEuODg2LDIuNTNjLTAuNjA1LDEuODgxLTEuNDc4LDMuNjc0LTIuNjMyLDUuMzA0Yy0wLjI5MSwwLjQxMS0wLjU2MywwLjc1OS0wLjgwMSwxLjAzVjM4LjhjMCwxLjIyMywwLjY5MSwyLjM0MiwxLjc4NSwyLjg4OGw4LjQ2Nyw0LjIzM2MwLjUwOCwwLjI1NCwwLjk2NywwLjU3NSwxLjM5LDAuOTMyYzUuNzEtNC43NjIsOS4zOTktMTEuODgyLDkuNTM2LTE5LjlDNTMuMjQ2LDEyLjMyLDQxLjU4NywwLjI1NCwyNi45NTMsMC4wMDR6Ii8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);background-size:cover;border:3px solid var(--eui-base-color-info-75);border-radius:50%;box-shadow:0 1px 2px #0003,0 1px 3px #0000004d;height:40px;margin-right:1rem;min-height:40px;min-width:40px;position:relative;width:40px}.eui-app-sidebar-header-user-profile-content .eui-user-profile__avatar--offline{border-color:var(--eui-base-color-danger-75)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__avatar--online{border-color:var(--eui-base-color-info-75)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos{align-items:flex-start;display:flex;flex-direction:column;margin:0;font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper{display:flex;flex-direction:column;width:100%}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container{justify-content:flex-start;align-items:center;display:flex;width:100%}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-welcome,.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-impersonating{color:var(--eui-base-color-grey-80)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos .eui-user-profile__infos-wrapper .eui-user-profile__infos-container .eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-app-sidebar-header-user-profile-content .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-80)}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle{font-size:var(--eui-base-font-size);margin-left:auto!important;transition:all .3s linear!important}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:focus:active:not([readonly]),.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:focus:focus:not([readonly]),.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:active:active:not([readonly]),.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle:active [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app-sidebar-header-user-profile-content .eui-user-profile__toggle .eui-button__container .eui-icon{font-size:var(--eui-base-font-size-l)!important}@media screen and (min-width: 996px){.eui-app-sidebar-header-user-profile{display:none}}\n"] }]
|
|
287
287
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }], propDecorators: { impersonateLabel: [{
|
|
@@ -313,10 +313,10 @@ class EuiAppSidebarDrawerComponent {
|
|
|
313
313
|
_getCssClasses() {
|
|
314
314
|
return ['eui-app-sidebar-drawer', this.isExpanded ? 'eui-app-sidebar-drawer--expanded' : ''].join(' ').trim();
|
|
315
315
|
}
|
|
316
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
317
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
316
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
317
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppSidebarDrawerComponent, selector: "eui-app-sidebar-drawer", inputs: { isExpanded: "isExpanded" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<!-- HIDDEN APP DRAWER : scrolls up and revealing user info details or any other injected content -->\n<div class=\"eui-app-sidebar-drawer-content\">\n <ng-content></ng-content>\n</div>\n", encapsulation: i0.ViewEncapsulation.None }); }
|
|
318
318
|
}
|
|
319
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarDrawerComponent, decorators: [{
|
|
320
320
|
type: Component,
|
|
321
321
|
args: [{ selector: 'eui-app-sidebar-drawer', encapsulation: ViewEncapsulation.None, template: "<!-- HIDDEN APP DRAWER : scrolls up and revealing user info details or any other injected content -->\n<div class=\"eui-app-sidebar-drawer-content\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
322
322
|
}], propDecorators: { isExpanded: [{
|
|
@@ -336,8 +336,8 @@ const COMPONENTS$4 = [
|
|
|
336
336
|
EuiAppSidebarDrawerComponent,
|
|
337
337
|
];
|
|
338
338
|
class EuiAppSidebarModule {
|
|
339
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
340
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
339
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
340
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarModule, declarations: [EuiAppSidebarComponent,
|
|
341
341
|
EuiAppSidebarHeaderComponent,
|
|
342
342
|
EuiAppSidebarBodyComponent,
|
|
343
343
|
EuiAppSidebarFooterComponent,
|
|
@@ -350,9 +350,9 @@ class EuiAppSidebarModule {
|
|
|
350
350
|
EuiAppSidebarMenuComponent,
|
|
351
351
|
EuiAppSidebarHeaderUserProfileComponent,
|
|
352
352
|
EuiAppSidebarDrawerComponent] }); }
|
|
353
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
353
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarModule, imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule, EuiCoerceBooleanPipeModule] }); }
|
|
354
354
|
}
|
|
355
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
355
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppSidebarModule, decorators: [{
|
|
356
356
|
type: NgModule,
|
|
357
357
|
args: [{
|
|
358
358
|
imports: [CommonModule, RouterModule, EuiMenuModule, EuiButtonModule, EuiCoerceBooleanPipeModule],
|
|
@@ -371,10 +371,10 @@ class EuiSidebarToggleComponent {
|
|
|
371
371
|
this.asService.sidebarToggle();
|
|
372
372
|
consumeEvent(event);
|
|
373
373
|
}
|
|
374
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
375
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
374
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiSidebarToggleComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
375
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.name" } }, ngImport: i0, template: "<eui-accessible-button-icon\n iconSvgName=\"eui-ecl-hamburger\"\n iconSvgFillColor=\"white\"\n hasFocusBorder\n [ariaLabel]=\"(asService.state$ | async).isSidebarOpen ? 'Close Sidebar' : 'Open Sidebar'\"\n (click)=\"onToggleSidebar($event)\">\n</eui-accessible-button-icon>\n", dependencies: [{ kind: "component", type: i2$2.EuiAccessibleButtonIconComponent, selector: "eui-accessible-button-icon", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }] }); }
|
|
376
376
|
}
|
|
377
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
377
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiSidebarToggleComponent, decorators: [{
|
|
378
378
|
type: Component,
|
|
379
379
|
args: [{ selector: 'eui-sidebar-toggle', template: "<eui-accessible-button-icon\n iconSvgName=\"eui-ecl-hamburger\"\n iconSvgFillColor=\"white\"\n hasFocusBorder\n [ariaLabel]=\"(asService.state$ | async).isSidebarOpen ? 'Close Sidebar' : 'Open Sidebar'\"\n (click)=\"onToggleSidebar($event)\">\n</eui-accessible-button-icon>\n" }]
|
|
380
380
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }], propDecorators: { e2eAttr: [{
|
|
@@ -388,11 +388,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
388
388
|
}] } });
|
|
389
389
|
|
|
390
390
|
class EuiSidebarToggleModule {
|
|
391
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
392
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
393
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
391
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiSidebarToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
392
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiSidebarToggleModule, declarations: [EuiSidebarToggleComponent], imports: [CommonModule, EuiAccessibleButtonIconModule], exports: [EuiSidebarToggleComponent] }); }
|
|
393
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiSidebarToggleModule, imports: [CommonModule, EuiAccessibleButtonIconModule] }); }
|
|
394
394
|
}
|
|
395
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
395
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiSidebarToggleModule, decorators: [{
|
|
396
396
|
type: NgModule,
|
|
397
397
|
args: [{
|
|
398
398
|
imports: [CommonModule, EuiAccessibleButtonIconModule],
|
|
@@ -441,10 +441,10 @@ class EuiModalSelectorComponent {
|
|
|
441
441
|
}
|
|
442
442
|
return rows;
|
|
443
443
|
}
|
|
444
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
445
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
444
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiModalSelectorComponent, deps: [{ token: i1$1.EuiDialogService }, { token: DIALOG_COMPONENT_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
445
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiModalSelectorComponent, selector: "eui-modal-selector", ngImport: i0, template: "<h4 *ngIf=\"additionaLanguageRows?.length > 0\">EU official languages</h4>\n<div id=\"eu_languages\" *ngFor=\"let row of languageRows\" class=\"row\">\n <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n <button\n type=\"button\"\n e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n euiButton\n euiBlockButton\n [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n (click)=\"selectLanguage(language)\">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n</div>\n<ng-container *ngIf=\"additionaLanguageRows?.length > 0\">\n <br />\n <h4>Non-EU Languages</h4>\n <div id=\"extra_languages\" *ngFor=\"let row of additionaLanguageRows\" class=\"row\">\n <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n <button\n type=\"button\"\n e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n euiButton\n euiBlockButton\n [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n (click)=\"selectLanguage(language)\">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n </div>\n</ng-container>\n", styles: [".eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:active:not([readonly]),.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-language-selector-button [tabindex=\"0\"]:active:not([readonly]),.eui-language-selector-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-10);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-base-color-grey-5)}.mat-menu-panel{min-width:8rem!important}.eui-language-selector--empty{display:none}.eui-language-selector--inverted .eui-language-selector-link__language-code{color:var(--eui-base-color-text)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
446
446
|
}
|
|
447
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiModalSelectorComponent, decorators: [{
|
|
448
448
|
type: Component,
|
|
449
449
|
args: [{ selector: 'eui-modal-selector', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<h4 *ngIf=\"additionaLanguageRows?.length > 0\">EU official languages</h4>\n<div id=\"eu_languages\" *ngFor=\"let row of languageRows\" class=\"row\">\n <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n <button\n type=\"button\"\n e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n euiButton\n euiBlockButton\n [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n (click)=\"selectLanguage(language)\">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n</div>\n<ng-container *ngIf=\"additionaLanguageRows?.length > 0\">\n <br />\n <h4>Non-EU Languages</h4>\n <div id=\"extra_languages\" *ngFor=\"let row of additionaLanguageRows\" class=\"row\">\n <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n <button\n type=\"button\"\n e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n euiButton\n euiBlockButton\n [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n (click)=\"selectLanguage(language)\">\n {{ language.label }} ({{ language.code }})\n </button>\n </div>\n </div>\n</ng-container>\n", styles: [".eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:active:not([readonly]),.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-language-selector-button [tabindex=\"0\"]:active:not([readonly]),.eui-language-selector-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-10);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-base-color-grey-5)}.mat-menu-panel{min-width:8rem!important}.eui-language-selector--empty{display:none}.eui-language-selector--inverted .eui-language-selector-link__language-code{color:var(--eui-base-color-text)}\n"] }]
|
|
450
450
|
}], ctorParameters: () => [{ type: i1$1.EuiDialogService }, { type: undefined, decorators: [{
|
|
@@ -544,10 +544,10 @@ class EuiLanguageSelectorComponent extends BaseDirective {
|
|
|
544
544
|
getLanguage(languageCode) {
|
|
545
545
|
return this.languages.find((lang) => lang.code === languageCode);
|
|
546
546
|
}
|
|
547
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
548
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
547
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiLanguageSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.EuiDialogService }, { token: i1.EuiAppShellService }, { token: i3$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
548
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: { hasLanguageSelection: "hasLanguageSelection" }, outputs: { languageSelectorClick: "languageSelectorClick" }, host: { properties: { "class": "this.cssClasses", "attr.tabindex": "this.tabindex" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!hasLanguageSelection\">\n <button class=\"eui-language-selector-button\" (click)=\"onClick()\">\n <eui-icon-svg icon=\"eui-ecl-language\" size=\"l\" fillColor=\"white\"></eui-icon-svg>\n <span class=\"eui-language-selector-button__language-code\">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"isShowDropDown && hasLanguageSelection\">\n <eui-dropdown>\n <button class=\"eui-language-selector-button\">\n <eui-icon-svg icon=\"eui-ecl-language\" size=\"l\" fillColor=\"white\"></eui-icon-svg>\n <span class=\"eui-language-selector-button__language-code\">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class=\"eui-language-selector-menu\">\n <div\n *ngFor=\"let language of languages\"\n euiDropdownItem\n attr.data-e2e=\"eui-language-selector-item_{{ language.code }}\"\n class=\"eui-language-selector-menu-language-item\"\n (click)=\"onLanguageChanged(language)\">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf=\"isShowModal && hasLanguageSelection\">\n <button class=\"eui-language-selector-button\" (click)=\"open()\">\n <eui-icon-svg icon=\"eui-ecl-language\" size=\"l\" fillColor=\"white\"></eui-icon-svg>\n <span class=\"eui-language-selector-button__language-code\">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n", styles: [".eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:active:not([readonly]),.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-language-selector-button [tabindex=\"0\"]:active:not([readonly]),.eui-language-selector-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-10);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-base-color-grey-5)}.mat-menu-panel{min-width:8rem!important}.eui-language-selector--empty{display:none}.eui-language-selector--inverted .eui-language-selector-link__language-code{color:var(--eui-base-color-text)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation"] }, { kind: "component", type: i4$1.EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: ["subDropdown", "isActive"] }, { kind: "directive", type: i4$1.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
549
549
|
}
|
|
550
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiLanguageSelectorComponent, decorators: [{
|
|
551
551
|
type: Component,
|
|
552
552
|
args: [{ selector: 'eui-language-selector', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!hasLanguageSelection\">\n <button class=\"eui-language-selector-button\" (click)=\"onClick()\">\n <eui-icon-svg icon=\"eui-ecl-language\" size=\"l\" fillColor=\"white\"></eui-icon-svg>\n <span class=\"eui-language-selector-button__language-code\">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"isShowDropDown && hasLanguageSelection\">\n <eui-dropdown>\n <button class=\"eui-language-selector-button\">\n <eui-icon-svg icon=\"eui-ecl-language\" size=\"l\" fillColor=\"white\"></eui-icon-svg>\n <span class=\"eui-language-selector-button__language-code\">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n <eui-dropdown-content>\n <div class=\"eui-language-selector-menu\">\n <div\n *ngFor=\"let language of languages\"\n euiDropdownItem\n attr.data-e2e=\"eui-language-selector-item_{{ language.code }}\"\n class=\"eui-language-selector-menu-language-item\"\n (click)=\"onLanguageChanged(language)\">\n {{ language.label }} ({{ language.code }})\n </div>\n </div>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf=\"isShowModal && hasLanguageSelection\">\n <button class=\"eui-language-selector-button\" (click)=\"open()\">\n <eui-icon-svg icon=\"eui-ecl-language\" size=\"l\" fillColor=\"white\"></eui-icon-svg>\n <span class=\"eui-language-selector-button__language-code\">\n {{ (appShellService.state$ | async).activeLanguage }}\n </span>\n </button>\n</ng-container>\n", styles: [".eui-language-selector{align-items:center;cursor:pointer;display:inline-flex;position:relative}.eui-language-selector:not(.eui-app-toolbar__language-selector){margin-top:var(--eui-base-spacing-xs)}.eui-language-selector:not(.eui-app-toolbar__language-selector) .eui-icon-svg>svg{color:var(--eui-base-color-primary-100);fill:var(--eui-base-color-primary-100)}.eui-language-selector.eui-app-toolbar__language-selector{margin-top:var(--eui-base-spacing-xs);margin-right:var(--eui-base-spacing-m)}.eui-language-selector.eui-app-toolbar__language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:active:not([readonly]),.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-language-selector-button [tabindex=\"0\"]:active:not([readonly]),.eui-language-selector-button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:0;transition:none}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-base-color-white);position:absolute;text-transform:uppercase;top:35%;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-language-selector-menu-language-item{padding:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-10);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-base-color-grey-5)}.mat-menu-panel{min-width:8rem!important}.eui-language-selector--empty{display:none}.eui-language-selector--inverted .eui-language-selector-link__language-code{color:var(--eui-base-color-text)}\n"] }]
|
|
553
553
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.EuiDialogService }, { type: i1.EuiAppShellService }, { type: i3$1.TranslateService }], propDecorators: { cssClasses: [{
|
|
@@ -563,11 +563,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
563
563
|
}] } });
|
|
564
564
|
|
|
565
565
|
class EuiLanguageSelectorModule {
|
|
566
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
567
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
568
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
566
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiLanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
567
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiLanguageSelectorModule, declarations: [EuiLanguageSelectorComponent, EuiModalSelectorComponent], imports: [CommonModule, EuiDropdownModule, EuiButtonModule, EuiDialogModule, EuiIconModule], exports: [EuiLanguageSelectorComponent] }); }
|
|
568
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiLanguageSelectorModule, imports: [CommonModule, EuiDropdownModule, EuiButtonModule, EuiDialogModule, EuiIconModule] }); }
|
|
569
569
|
}
|
|
570
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
570
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiLanguageSelectorModule, decorators: [{
|
|
571
571
|
type: NgModule,
|
|
572
572
|
args: [{
|
|
573
573
|
imports: [CommonModule, EuiDropdownModule, EuiButtonModule, EuiDialogModule, EuiIconModule],
|
|
@@ -586,10 +586,10 @@ class EuiUserProfileMenuItemComponent {
|
|
|
586
586
|
focus() {
|
|
587
587
|
this.element.nativeElement.focus();
|
|
588
588
|
}
|
|
589
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
590
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
589
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiUserProfileMenuItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
590
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiUserProfileMenuItemComponent, selector: "eui-user-profile-menu-item", inputs: { styleClass: "styleClass" }, host: { properties: { "class": "this.class", "attr.tabindex": "this.tabindex", "attr.role": "this.role" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
|
|
591
591
|
}
|
|
592
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
592
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiUserProfileMenuItemComponent, decorators: [{
|
|
593
593
|
type: Component,
|
|
594
594
|
args: [{ selector: 'eui-user-profile-menu-item', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
595
595
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { class: [{
|
|
@@ -626,10 +626,10 @@ class EuiUserProfileMenuComponent {
|
|
|
626
626
|
this.destroy$.next(true);
|
|
627
627
|
this.destroy$.unsubscribe();
|
|
628
628
|
}
|
|
629
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
630
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
629
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiUserProfileMenuComponent, deps: [{ token: i4$1.EuiDropdownService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
630
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiUserProfileMenuComponent, selector: "eui-user-profile-menu", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiUserProfileMenuItemComponent) }], ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
|
|
631
631
|
}
|
|
632
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
632
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiUserProfileMenuComponent, decorators: [{
|
|
633
633
|
type: Component,
|
|
634
634
|
args: [{ selector: 'eui-user-profile-menu', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
635
635
|
}], ctorParameters: () => [{ type: i4$1.EuiDropdownService }], propDecorators: { class: [{
|
|
@@ -689,8 +689,8 @@ class EuiUserProfileComponent {
|
|
|
689
689
|
this.baseStatesDirective.getCssClasses('eui-user-profile'),
|
|
690
690
|
].join(' ').trim();
|
|
691
691
|
}
|
|
692
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
693
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
692
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiUserProfileComponent, deps: [{ token: i1.EuiAppShellService }, { token: i1.UserService }, { token: i2$2.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
693
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", hasMenu: "hasMenu", isShowUserInfos: "isShowUserInfos", hasWelcomeLabel: "hasWelcomeLabel", isShowAvatarInitials: "isShowAvatarInitials", hasTabNavigation: "hasTabNavigation" }, host: { properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], hostDirectives: [{ directive: i2$2.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiInverted", "euiInverted"] }], ngImport: i0, template: "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\" #dropdown>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n <eui-dropdown-content>\n <ng-content></ng-content>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-template #noMenuContent>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n</ng-template>\n\n<ng-template #userProfileContent>\n <button [tabindex]=\"hasMenu ? '0' : '-1'\" class=\"eui-user-profile-content\">\n <div *ngIf=\"isShowUserInfos\"\n class=\"eui-user-profile__infos\"\n [class.eui-user-profile__infos--no-subinfos]=\"(asService.state$ | async).userSubInfos && !hasWelcomeLabel\">\n <ng-container *ngIf=\"(asService.state$ | async).impersonatedUserInfos; else notImpersonated\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n <strong>{{ (asService.state$ | async).userInfos }}</strong>\n <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n </div>\n <div class=\"eui-user-profile__infos-name\">{{ (asService.state$ | async).impersonatedUserInfos }}</div>\n <div *ngIf=\"(asService.state$ | async).userSubInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ (asService.state$ | async).userSubInfos }}\n </div>\n </ng-container>\n\n <ng-template #notImpersonated>\n <div *ngIf=\"hasWelcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n <div class=\"eui-user-profile__infos-name\">{{ (asService.state$ | async).userInfos }}</div>\n <div *ngIf=\"(asService.state$ | async).userSubInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ (asService.state$ | async).userSubInfos }}\n </div>\n </ng-template>\n </div>\n\n <eui-avatar [euiSizeS]=\"baseStatesDirective.euiSizeS\" euiInfo\n [hasShadow]=\"(asService.state$ | async).impersonatedUserInfos\">\n <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n </ng-template>\n <eui-avatar-badge *ngIf=\"isShowAvatarInitials\" position=\"bottom\">\n <eui-badge euiSecondary>\n <eui-icon-svg icon=\"eui-chevron-down\" size=\"xs\" fillColor=\"white\"></eui-icon-svg>\n </eui-badge>\n </eui-avatar-badge>\n </eui-avatar>\n </button>\n</ng-template>\n", styles: [".eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:active:not([readonly]),.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-user-profile-content:focus [tabindex=\"0\"]:active:not([readonly]),.eui-user-profile-content:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-base-spacing-s);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right}.eui-user-profile__infos-name{color:var(--eui-base-color-primary-100);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-90)}.eui-user-profile__infos--no-subinfos{display:flex}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-base-color-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-base-color-grey-15)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);border-left:var(--eui-base-spacing-2xs) solid transparent;cursor:pointer;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);border-left:4px solid transparent}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-base-color-text);text-decoration:none}.eui-user-profile-menu-item .eui-icon{color:var(--eui-base-color-grey-75);font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-xs)}.eui-user-profile-menu-item:hover{background-color:var(--eui-base-color-grey-5);cursor:pointer}.eui-user-profile-menu-item:focus{border-left:4px solid var(--eui-base-color-accessible-focus);transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-m) var(--eui-base-spacing-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-base-spacing-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-base-spacing-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-s)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$1.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation"] }, { kind: "directive", type: i4$1.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i6.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i6.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i6.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i6.EuiAvatarBadgeComponent, selector: "eui-avatar-badge", inputs: ["position"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
694
694
|
}
|
|
695
695
|
__decorate([
|
|
696
696
|
coerceBoolean
|
|
@@ -707,7 +707,7 @@ __decorate([
|
|
|
707
707
|
__decorate([
|
|
708
708
|
coerceBoolean
|
|
709
709
|
], EuiUserProfileComponent.prototype, "hasTabNavigation", void 0);
|
|
710
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
710
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiUserProfileComponent, decorators: [{
|
|
711
711
|
type: Component,
|
|
712
712
|
args: [{ selector: 'eui-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
713
713
|
{
|
|
@@ -780,13 +780,13 @@ class EuiUserProfileCardComponent {
|
|
|
780
780
|
onClose() {
|
|
781
781
|
this.closeProfileMenu.emit();
|
|
782
782
|
}
|
|
783
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
784
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
783
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiUserProfileCardComponent, deps: [{ token: i1.UserService }, { token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
784
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiUserProfileCardComponent, selector: "eui-user-profile-card", inputs: { impersonateLabel: "impersonateLabel", showDetailsLabel: "showDetailsLabel", avatarUrl: "avatarUrl", isShowAvatarInitials: "isShowAvatarInitials" }, outputs: { showProfileInfo: "showProfileInfo", closeProfileMenu: "closeProfileMenu" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<div class=\"eui-user-profile-card__main-wrapper\">\n <div class=\"eui-user-profile-card__avatar-wrapper\">\n <eui-avatar euiSizeL euiInfo>\n <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n </ng-template>\n </eui-avatar>\n </div>\n <div class=\"eui-user-profile-card__userInfos\">\n <div class=\"eui-u-font-xl eui-u-mb-s\">{{ userState.fullName }}</div>\n <div *ngIf=\"userState.function\" class=\"eui-user-profile-card__userInfos-item\">\n {{ userState.function }}\n </div>\n <div *ngIf=\"userState.organisation && userState.organisation.code\" class=\"eui-user-profile-card__userInfos-item\">\n {{ userState.organisation.code }}\n </div>\n </div>\n <div class=\"eui-user-profile-card__main-wrapper-right-content\">\n <a class=\"eui-u-text-link\" tabindex=\"0\" (click)=\"onClose()\">close</a>\n <button euiButton euiIconButton euiInfo euiSizeS class=\"eui-u-ml-auto eui-u-mt-m\" (click)=\"onShowInfoClick()\" title=\"{{ showDetailsLabel }}\">\n <eui-icon-svg icon=\"eui-info\"></eui-icon-svg>\n </button>\n </div>\n</div>\n\n<ng-container *ngIf=\"(asService.state$ | async).impersonatedUserInfos\">\n <div class=\"eui-user-profile-card__impersonateInfos\">\n <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n <div class=\"eui-u-mt-2xs\">{{ impersonateLabel }}</div>\n <div class=\"eui-u-mt-2xs\">\n <strong>{{ (asService.state$ | async).impersonatedUserInfos }}</strong>\n </div>\n </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i6.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i6.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i6.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
785
785
|
}
|
|
786
786
|
__decorate([
|
|
787
787
|
coerceBoolean
|
|
788
788
|
], EuiUserProfileCardComponent.prototype, "isShowAvatarInitials", void 0);
|
|
789
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiUserProfileCardComponent, decorators: [{
|
|
790
790
|
type: Component,
|
|
791
791
|
args: [{ selector: 'eui-user-profile-card', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-user-profile-card__main-wrapper\">\n <div class=\"eui-user-profile-card__avatar-wrapper\">\n <eui-avatar euiSizeL euiInfo>\n <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n </ng-template>\n </eui-avatar>\n </div>\n <div class=\"eui-user-profile-card__userInfos\">\n <div class=\"eui-u-font-xl eui-u-mb-s\">{{ userState.fullName }}</div>\n <div *ngIf=\"userState.function\" class=\"eui-user-profile-card__userInfos-item\">\n {{ userState.function }}\n </div>\n <div *ngIf=\"userState.organisation && userState.organisation.code\" class=\"eui-user-profile-card__userInfos-item\">\n {{ userState.organisation.code }}\n </div>\n </div>\n <div class=\"eui-user-profile-card__main-wrapper-right-content\">\n <a class=\"eui-u-text-link\" tabindex=\"0\" (click)=\"onClose()\">close</a>\n <button euiButton euiIconButton euiInfo euiSizeS class=\"eui-u-ml-auto eui-u-mt-m\" (click)=\"onShowInfoClick()\" title=\"{{ showDetailsLabel }}\">\n <eui-icon-svg icon=\"eui-info\"></eui-icon-svg>\n </button>\n </div>\n</div>\n\n<ng-container *ngIf=\"(asService.state$ | async).impersonatedUserInfos\">\n <div class=\"eui-user-profile-card__impersonateInfos\">\n <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n <div class=\"eui-u-mt-2xs\">{{ impersonateLabel }}</div>\n <div class=\"eui-u-mt-2xs\">\n <strong>{{ (asService.state$ | async).impersonatedUserInfos }}</strong>\n </div>\n </div>\n</ng-container>\n" }]
|
|
792
792
|
}], ctorParameters: () => [{ type: i1.UserService }, { type: i1.EuiAppShellService }], propDecorators: { cssClasses: [{
|
|
@@ -808,15 +808,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
808
808
|
|
|
809
809
|
const COMPONENTS$3 = [EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileCardComponent];
|
|
810
810
|
class EuiUserProfileModule {
|
|
811
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
812
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
811
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
812
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiUserProfileModule, declarations: [EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileCardComponent], imports: [CommonModule,
|
|
813
813
|
EuiDropdownModule, EuiCoerceBooleanPipeModule, EuiIconModule, EuiButtonModule, EuiAvatarModule,
|
|
814
814
|
EuiBadgeModule], exports: [EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileCardComponent] }); }
|
|
815
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
815
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiUserProfileModule, imports: [CommonModule,
|
|
816
816
|
EuiDropdownModule, EuiCoerceBooleanPipeModule, EuiIconModule, EuiButtonModule, EuiAvatarModule,
|
|
817
817
|
EuiBadgeModule] }); }
|
|
818
818
|
}
|
|
819
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
819
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiUserProfileModule, decorators: [{
|
|
820
820
|
type: NgModule,
|
|
821
821
|
args: [{
|
|
822
822
|
imports: [
|
|
@@ -848,10 +848,10 @@ class EuiSearchComponent extends BaseDirective {
|
|
|
848
848
|
onBackClicked() {
|
|
849
849
|
this.isActive = !this.isActive;
|
|
850
850
|
}
|
|
851
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
852
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
851
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
852
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiSearchComponent, selector: "eui-search", inputs: { isActive: "isActive" }, outputs: { search: "search" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<button euiButton euiIconButton euiPrimary class=\"eui-search__trigger\" (click)=\"onToggle()\">\n <eui-icon-svg icon=\"eui-search\" size=\"l\" fillColor=\"grey-5\"></eui-icon-svg>\n</button>\n<eui-overlay euiSizeFullScreen euiPrimary [isActive]=\"isActive\">\n <eui-overlay-header>\n <div euiInputGroup class=\"eui-u-mb-none\">\n <div class=\"eui-input-group-addon\">\n <button euiButton euiIconButton type=\"button\" (click)=\"onBackClicked()\">\n <eui-icon-svg icon=\"eui-arrow-back\" size=\"l\" fillColor=\"grey-100\"></eui-icon-svg>\n </button>\n <input\n euiInputText\n type=\"search\"\n placeholder=\"Search website...\"\n [(ngModel)]=\"searchField\"\n aria-label=\"Search website\"\n (keypress.enter)=\"onSearchClicked()\" />\n <button euiButton euiIconButton type=\"button\" (click)=\"onSearchClicked()\">\n <eui-icon-svg icon=\"eui-search\" size=\"l\" fillColor=\"grey-100\"></eui-icon-svg>\n </button>\n </div>\n </div>\n </eui-overlay-header>\n <eui-overlay-body>\n <ng-content></ng-content>\n </eui-overlay-body>\n</eui-overlay>\n", styles: [".eui-search{align-items:center;display:flex}.eui-search__trigger{align-items:center;border:none!important;background:transparent!important;display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-search-overlay-main{display:none}\n"], dependencies: [{ kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i2$3.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2$3.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2$3.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i4$2.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: i5$1.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
853
853
|
}
|
|
854
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
854
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiSearchComponent, decorators: [{
|
|
855
855
|
type: Component,
|
|
856
856
|
args: [{ selector: 'eui-search', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<button euiButton euiIconButton euiPrimary class=\"eui-search__trigger\" (click)=\"onToggle()\">\n <eui-icon-svg icon=\"eui-search\" size=\"l\" fillColor=\"grey-5\"></eui-icon-svg>\n</button>\n<eui-overlay euiSizeFullScreen euiPrimary [isActive]=\"isActive\">\n <eui-overlay-header>\n <div euiInputGroup class=\"eui-u-mb-none\">\n <div class=\"eui-input-group-addon\">\n <button euiButton euiIconButton type=\"button\" (click)=\"onBackClicked()\">\n <eui-icon-svg icon=\"eui-arrow-back\" size=\"l\" fillColor=\"grey-100\"></eui-icon-svg>\n </button>\n <input\n euiInputText\n type=\"search\"\n placeholder=\"Search website...\"\n [(ngModel)]=\"searchField\"\n aria-label=\"Search website\"\n (keypress.enter)=\"onSearchClicked()\" />\n <button euiButton euiIconButton type=\"button\" (click)=\"onSearchClicked()\">\n <eui-icon-svg icon=\"eui-search\" size=\"l\" fillColor=\"grey-100\"></eui-icon-svg>\n </button>\n </div>\n </div>\n </eui-overlay-header>\n <eui-overlay-body>\n <ng-content></ng-content>\n </eui-overlay-body>\n</eui-overlay>\n", styles: [".eui-search{align-items:center;display:flex}.eui-search__trigger{align-items:center;border:none!important;background:transparent!important;display:inline-flex;height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));width:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs))}.eui-search-overlay-main{display:none}\n"] }]
|
|
857
857
|
}], ctorParameters: () => [], propDecorators: { cssClasses: [{
|
|
@@ -864,11 +864,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
864
864
|
}] } });
|
|
865
865
|
|
|
866
866
|
class EuiSearchModule {
|
|
867
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
868
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
869
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
867
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
868
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiSearchModule, declarations: [EuiSearchComponent], imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiOverlayModule, EuiInputTextModule, EuiInputGroupModule, FormsModule], exports: [EuiSearchComponent] }); }
|
|
869
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiSearchModule, imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiOverlayModule, EuiInputTextModule, EuiInputGroupModule, FormsModule] }); }
|
|
870
870
|
}
|
|
871
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
871
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiSearchModule, decorators: [{
|
|
872
872
|
type: NgModule,
|
|
873
873
|
args: [{
|
|
874
874
|
imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiOverlayModule, EuiInputTextModule, EuiInputGroupModule, FormsModule],
|
|
@@ -903,10 +903,10 @@ class EuiNotificationItemComponent {
|
|
|
903
903
|
this.itemMarkAsRead.emit(this.item);
|
|
904
904
|
consumeEvent(event);
|
|
905
905
|
}
|
|
906
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
907
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
906
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
907
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div\n class=\"eui-notification-item-content\"\n (click)=\"onItemClick()\"\n [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n <div class=\"eui-notification-item-content-top eui-u-font-s\">\n <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n <!-- TODO v15 replace by eui-icon-svg -->\n <span\n class=\"eui-icon eui-icon-bell eui-u-font-m\"\n [ngClass]=\"{\n 'eui-u-color-info-lighter time__icon--rotated': !item.metadata?.read,\n 'eui-u-color-grey-20': item.metadata?.read\n }\"></span>\n <span\n *ngIf=\"item.metadata?.new\"\n class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-s eui-icon eui-icon-circle\"></span>\n </span>\n <span class=\"eui-u-color-grey-dark\">{{ item.metadata?.date | date: dateFormat }}</span>\n </div>\n <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold eui-u-color-grey-dark\">\n <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </div>\n </div>\n <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n <ng-template [ngIf]=\"item.metadata?.url\">\n <a href=\"{{ item.metadata.url }}\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n <a\n href=\"{{ item.metadata.urlExternal }}\"\n [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </ng-template>\n </span>\n <div class=\"eui-notification-item-content-bottom\">\n <a *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\" href=\"javascript:void(0)\" (click)=\"onItemMarkAsRead($event)\">\n {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.EuiTruncatePipe, name: "euiTruncate" }] }); }
|
|
908
908
|
}
|
|
909
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
909
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationItemComponent, decorators: [{
|
|
910
910
|
type: Component,
|
|
911
911
|
args: [{ selector: 'eui-notification-item', template: "<div\n class=\"eui-notification-item-content\"\n (click)=\"onItemClick()\"\n [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n <div class=\"eui-notification-item-content-top eui-u-font-s\">\n <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n <!-- TODO v15 replace by eui-icon-svg -->\n <span\n class=\"eui-icon eui-icon-bell eui-u-font-m\"\n [ngClass]=\"{\n 'eui-u-color-info-lighter time__icon--rotated': !item.metadata?.read,\n 'eui-u-color-grey-20': item.metadata?.read\n }\"></span>\n <span\n *ngIf=\"item.metadata?.new\"\n class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-s eui-icon eui-icon-circle\"></span>\n </span>\n <span class=\"eui-u-color-grey-dark\">{{ item.metadata?.date | date: dateFormat }}</span>\n </div>\n <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold eui-u-color-grey-dark\">\n <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </div>\n </div>\n <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n <ng-template [ngIf]=\"item.metadata?.url\">\n <a href=\"{{ item.metadata.url }}\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n <a\n href=\"{{ item.metadata.urlExternal }}\"\n [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </ng-template>\n </span>\n <div class=\"eui-notification-item-content-bottom\">\n <a *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\" href=\"javascript:void(0)\" (click)=\"onItemMarkAsRead($event)\">\n {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n </a>\n </div>\n</div>\n" }]
|
|
912
912
|
}], propDecorators: { string: [{
|
|
@@ -1098,10 +1098,10 @@ class EuiNotificationsComponent {
|
|
|
1098
1098
|
});
|
|
1099
1099
|
return unreadNotifications.length;
|
|
1100
1100
|
}
|
|
1101
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1102
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiNotificationsComponent, selector: "eui-notifications", inputs: { count: "count", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { listeners: { "body:click": "onHide()" }, properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-svg\n class=\"eui-notifications__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications__header-title\">\n <div class=\"eui-notifications__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n <span\n *ngIf=\"items\"\n class=\"eui-u-cursor-help eui-u-ml-s\"\n attr.aria-label=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\"\n title=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\">\n </span>\n <eui-badge euiSizeL *ngIf=\"count\">{{ count }}</eui-badge>\n <eui-badge euiSizeL *ngIf=\"!count\">{{ items.length }}</eui-badge>\n </div>\n </div>\n\n <div *ngIf=\"items\" class=\"eui-notifications__header-actions\">\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowMarkAllAsReadButton\"\n [attr.aria-label]=\"markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate)\"\n title=\"{{ markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate) }}\"\n (click)=\"onMarkAllAsRead($event)\">\n <eui-icon-svg icon=\"eui-checkmark-done\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowSettingsButton\"\n [attr.aria-label]=\"settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate)\"\n title=\"{{ settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate) }}\"\n (click)=\"onSettings($event)\">\n <eui-icon-svg icon=\"eui-settings\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowRefreshButton\"\n [attr.aria-label]=\"refreshLabel ? refreshLabel : ('eui.REFRESH' | translate)\"\n title=\"{{ refreshLabel ? refreshLabel : ('eui.REFRESH' | translate) }}\"\n (click)=\"onRefresh($event)\">\n <eui-icon-svg icon=\"eui-refresh\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-20)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs)}.eui-notifications__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-primary-5);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2$3.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2$3.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2$3.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1101
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1102
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiNotificationsComponent, selector: "eui-notifications", inputs: { count: "count", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { listeners: { "body:click": "onHide()" }, properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-svg\n class=\"eui-notifications__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications__header-title\">\n <div class=\"eui-notifications__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n <span\n *ngIf=\"items\"\n class=\"eui-u-cursor-help eui-u-ml-s\"\n attr.aria-label=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\"\n title=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\">\n </span>\n <eui-badge euiSizeL *ngIf=\"count\">{{ count }}</eui-badge>\n <eui-badge euiSizeL *ngIf=\"!count\">{{ items.length }}</eui-badge>\n </div>\n </div>\n\n <div *ngIf=\"items\" class=\"eui-notifications__header-actions\">\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowMarkAllAsReadButton\"\n [attr.aria-label]=\"markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate)\"\n title=\"{{ markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate) }}\"\n (click)=\"onMarkAllAsRead($event)\">\n <eui-icon-svg icon=\"eui-checkmark-done\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowSettingsButton\"\n [attr.aria-label]=\"settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate)\"\n title=\"{{ settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate) }}\"\n (click)=\"onSettings($event)\">\n <eui-icon-svg icon=\"eui-settings\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowRefreshButton\"\n [attr.aria-label]=\"refreshLabel ? refreshLabel : ('eui.REFRESH' | translate)\"\n title=\"{{ refreshLabel ? refreshLabel : ('eui.REFRESH' | translate) }}\"\n (click)=\"onRefresh($event)\">\n <eui-icon-svg icon=\"eui-refresh\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-20)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs)}.eui-notifications__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-primary-5);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2$3.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2$3.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2$3.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1103
1103
|
}
|
|
1104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationsComponent, decorators: [{
|
|
1105
1105
|
type: Component,
|
|
1106
1106
|
args: [{ selector: 'eui-notifications', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-icon-svg\n class=\"eui-notifications__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"count\" euiSizeS euiDanger>{{ count }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications__header-title\">\n <div class=\"eui-notifications__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n <span\n *ngIf=\"items\"\n class=\"eui-u-cursor-help eui-u-ml-s\"\n attr.aria-label=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\"\n title=\"{{ unreadLabel ? unreadLabel : ('eui.NOTIFICATIONSUNREAD' | translate) }}\">\n </span>\n <eui-badge euiSizeL *ngIf=\"count\">{{ count }}</eui-badge>\n <eui-badge euiSizeL *ngIf=\"!count\">{{ items.length }}</eui-badge>\n </div>\n </div>\n\n <div *ngIf=\"items\" class=\"eui-notifications__header-actions\">\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowMarkAllAsReadButton\"\n [attr.aria-label]=\"markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate)\"\n title=\"{{ markAllAsReadLabel ? markAllAsReadLabel : ('eui.NOTIFICATIONMARKALLASREAD' | translate) }}\"\n (click)=\"onMarkAllAsRead($event)\">\n <eui-icon-svg icon=\"eui-checkmark-done\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowSettingsButton\"\n [attr.aria-label]=\"settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate)\"\n title=\"{{ settingsLabel ? settingsLabel : ('eui.SETTINGS' | translate) }}\"\n (click)=\"onSettings($event)\">\n <eui-icon-svg icon=\"eui-settings\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n <button\n euiButton\n euiPrimary\n euiRounded\n euiIconButton\n euiBasicButton\n euiSizeS\n type=\"button\"\n *ngIf=\"isShowRefreshButton\"\n [attr.aria-label]=\"refreshLabel ? refreshLabel : ('eui.REFRESH' | translate)\"\n title=\"{{ refreshLabel ? refreshLabel : ('eui.REFRESH' | translate) }}\"\n (click)=\"onRefresh($event)\">\n <eui-icon-svg icon=\"eui-refresh\" fillColor=\"primary-100\"></eui-icon-svg>\n </button>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{background-color:var(--eui-base-color-grey-10);border-bottom:1px solid var(--eui-base-color-grey-20)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs)}.eui-notifications__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-notifications__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-primary-5);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"] }]
|
|
1107
1107
|
}], propDecorators: { refreshClick: [{
|
|
@@ -1173,11 +1173,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
1173
1173
|
}] } });
|
|
1174
1174
|
|
|
1175
1175
|
class EuiNotificationsModule {
|
|
1176
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1177
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1178
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1176
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1177
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationsModule, declarations: [EuiNotificationsComponent, EuiNotificationItemComponent], imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule], exports: [EuiNotificationsComponent, EuiNotificationItemComponent] }); }
|
|
1178
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationsModule, imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule] }); }
|
|
1179
1179
|
}
|
|
1180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1180
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationsModule, decorators: [{
|
|
1181
1181
|
type: NgModule,
|
|
1182
1182
|
args: [{
|
|
1183
1183
|
imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule],
|
|
@@ -1195,10 +1195,10 @@ class EuiToolbarLogoComponent {
|
|
|
1195
1195
|
onClick() {
|
|
1196
1196
|
this.router.navigate([this.homeUrl]);
|
|
1197
1197
|
}
|
|
1198
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1199
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1198
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarLogoComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1199
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiToolbarLogoComponent, selector: "eui-toolbar-logo", inputs: { homeUrl: "homeUrl" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1200
1200
|
}
|
|
1201
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1201
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarLogoComponent, decorators: [{
|
|
1202
1202
|
type: Component,
|
|
1203
1203
|
args: [{ selector: 'eui-toolbar-logo', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
1204
1204
|
}], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { class: [{
|
|
@@ -1214,10 +1214,10 @@ class EuiToolbarAppComponent {
|
|
|
1214
1214
|
constructor() {
|
|
1215
1215
|
this.class = 'eui-toolbar-app';
|
|
1216
1216
|
}
|
|
1217
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1218
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1217
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarAppComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1218
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: { appName: "appName", appSubTitle: "appSubTitle" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-container *ngIf=\"appSubTitle; else noSubTitle\">\n <div class=\"eui-toolbar-app__name\">\n {{ appName }}\n </div>\n <div class=\"eui-toolbar-app__subTitle\">\n {{ appSubTitle }}\n </div>\n</ng-container>\n\n<ng-template #noSubTitle>\n {{ appName }}\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1219
1219
|
}
|
|
1220
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarAppComponent, decorators: [{
|
|
1221
1221
|
type: Component,
|
|
1222
1222
|
args: [{ selector: 'eui-toolbar-app', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"appSubTitle; else noSubTitle\">\n <div class=\"eui-toolbar-app__name\">\n {{ appName }}\n </div>\n <div class=\"eui-toolbar-app__subTitle\">\n {{ appSubTitle }}\n </div>\n</ng-container>\n\n<ng-template #noSubTitle>\n {{ appName }}\n</ng-template>\n" }]
|
|
1223
1223
|
}], propDecorators: { class: [{
|
|
@@ -1232,10 +1232,10 @@ class EuiToolbarEnvironmentComponent {
|
|
|
1232
1232
|
constructor() {
|
|
1233
1233
|
this.class = 'eui-toolbar-environment';
|
|
1234
1234
|
}
|
|
1235
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1236
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1235
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarEnvironmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1236
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
|
|
1237
1237
|
}
|
|
1238
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1238
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarEnvironmentComponent, decorators: [{
|
|
1239
1239
|
type: Component,
|
|
1240
1240
|
args: [{ selector: 'eui-toolbar-environment', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
1241
1241
|
}], propDecorators: { class: [{
|
|
@@ -1247,10 +1247,10 @@ class EuiToolbarComponent {
|
|
|
1247
1247
|
this.asService = asService;
|
|
1248
1248
|
this.string = 'eui-toolbar';
|
|
1249
1249
|
}
|
|
1250
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1251
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiToolbarComponent, selector: "eui-toolbar", host: { properties: { "class": "this.string" } }, queries: [{ propertyName: "hasLanguageSelector", first: true, predicate: i0.forwardRef(() => EuiLanguageSelectorComponent), descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"(asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlock\">\n <div class=\"eui-toolbar__left\">\n <eui-toolbar-logo *ngIf=\"(asService.state$ | async).hasHeaderLogo\"></eui-toolbar-logo>\n\n <eui-toolbar-environment *ngIf=\"(asService.state$ | async).hasHeaderEnvironment\">\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n\n <eui-toolbar-app *ngIf=\"(asService.state$ | async).appName\" appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n</ng-container>\n\n<ng-template #elseBlock>\n <ng-container *ngIf=\"(asService.state$ | async).hasHeader; else elseBlockToolbarContent\">\n <ng-content select=\"eui-toolbar-menu\"></ng-content>\n </ng-container>\n\n <ng-template #elseBlockToolbarContent>\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-logo\"></ng-content>\n <ng-content select=\"eui-toolbar-app\"></ng-content>\n <ng-content select=\"eui-toolbar-environment\"></ng-content>\n </div>\n </ng-template>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n</ng-template>\n\n<ng-template #toolbarCenter>\n <div class=\"eui-toolbar__center\">\n <ng-content select=\"eui-toolbar-center\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #toolbarItems>\n <div class=\"eui-toolbar__right\">\n <ng-content select=\"eui-toolbar-items\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-container *ngIf=\"hasLanguageSelector\">\n <div class=\"eui-toolbar__language-selector\">\n <ng-content select=\"eui-language-selector\"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n", styles: [".eui-toolbar{align-items:center;display:flex;flex-direction:row;padding:0 var(--eui-base-spacing-m);position:relative;width:100%;justify-content:space-between;background-color:var(--eui-base-color-primary-100);height:var(--eui-app-toolbar-height);color:var(--eui-base-color-white)}.eui-toolbar__left,.eui-toolbar__center{display:flex;align-items:center}.eui-toolbar__right{display:flex;align-items:center;margin-left:auto}.eui-toolbar-items{align-items:center;display:flex;position:relative;margin-left:var(--eui-base-spacing-m)}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{cursor:pointer;display:inline-flex;margin-left:var(--eui-base-spacing-m)}.eui-toolbar-item:active:not([readonly]),.eui-toolbar-item:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:5px;transition:none}.eui-toolbar-item [tabindex=\"0\"]:active:not([readonly]),.eui-toolbar-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:5px;transition:none}.eui-toolbar-item-user-profile{cursor:pointer;display:inline-flex;margin-left:var(--eui-base-spacing-m)}.eui-toolbar-logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;flex:0 0 auto;height:40px;outline:1px solid var(--eui-base-color-grey-20);outline-offset:-1px;width:60px}.eui-toolbar-app{font-size:var(--eui-base-font-size-3xl);padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font-size:var(--eui-base-font-size-2xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font-size:var(--eui-base-font-size-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white);cursor:pointer;font-size:var(--eui-base-font-size-s);left:.5rem;pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-t-ec .eui-toolbar-logo{background-image:url(data:image/png;base64,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);height:39px;margin-top:-5px;outline:none;width:83px}.eui-t-ec .eui-toolbar-app{margin-top:10px}.eui-toolbar__language-selector{margin-left:var(--eui-base-spacing-s)}.eui-toolbar__language-selector .eui-language-selector .eui-icon-svg>svg{color:var(--eui-base-color-white)!important;fill:var(--eui-base-color-white)!important}.eui-toolbar__language-selector .eui-language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)!important}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font-size:var(--eui-base-font-size-l);padding-left:0}.eui-t-ec .eui-toolbar-app{margin-top:0}}.eui-toolbar-menu{display:flex;height:var(--eui-app-toolbar-height);width:100%}.eui-toolbar-menu-content{display:grid;height:var(--eui-app-toolbar-height);list-style-type:none;margin:0;padding:0;position:relative;z-index:var(--eui-base-z-index-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-base-z-index-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:0;border-bottom:2px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-base-spacing-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{color:var(--eui-base-color-grey-50)!important;font-style:italic}.eui-toolbar-menu-content ul.hidden,.eui-toolbar-menu-content ul li.hidden,.eui-toolbar-menu-content ul li a.hidden{display:none!important}.eui-toolbar-menu-content ul:hover,.eui-toolbar-menu-content ul li:hover,.eui-toolbar-menu-content ul li a:hover{background-color:var(--eui-base-color-primary-100);text-decoration:none!important}.eui-toolbar-menu-content:after,.eui-toolbar-menu-content>ul:after{clear:both;content:\".\";display:block;height:0;line-height:0;visibility:hidden}.eui-toolbar-menu-content>ul>li{border-right:1px ridge rgba(255,255,255,.25);box-sizing:border-box;display:inline-block;min-width:60px}.eui-toolbar-menu-content>ul>li:last-child{border-right:none}.eui-toolbar-menu-content>ul>li>a{border-bottom:3px solid transparent;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-xs);text-align:center;text-transform:uppercase;transition:color 0s linear,background-color .3s linear}.eui-toolbar-menu-content>ul>li>a:hover,.eui-toolbar-menu-content>ul>li>a:focus{border-color:var(--eui-base-color-grey-50)!important}.eui-toolbar-menu-content>ul>li>a:hover.disabled,.eui-toolbar-menu-content>ul>li>a:focus.disabled{border-bottom:0 transparent}.eui-toolbar-menu-content>ul>li>a:not(.icon-home-link){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-menu-content>ul>li.selected>a,.eui-toolbar-menu-content>ul>li:hover>a{background-color:var(--eui-base-color-accent-100);border-bottom:3px solid var(--eui-base-color-accent-110);color:var(--eui-base-color-black)!important}.eui-toolbar-menu-content>ul>li.selected>a .eui-icon-svg>svg,.eui-toolbar-menu-content>ul>li:hover>a .eui-icon-svg>svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-toolbar-menu-content>ul>li.selected>a.disabled,.eui-toolbar-menu-content>ul>li:hover>a.disabled{background-color:transparent!important;border-bottom:0;border-left:0;color:var(--eui-base-color-grey-50)!important;cursor:not-allowed;font-style:italic}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-base-z-index-nav)}.eui-toolbar-menu-content li:hover>ul.show,.eui-toolbar-menu-content li:focus-within>ul.showOnEnter{left:auto}.eui-toolbar-menu-content .showOnEnter a:focus{border-color:var(--eui-base-color-grey-10)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-base-z-index-nav)}.eui-toolbar-menu-content ul ul li{height:0;transition:height .2s ease-in-out}.eui-toolbar-menu-content ul ul li.child{background:var(--eui-base-color-primary-110);height:auto;min-height:var(--eui-base-spacing-3xl)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__icon{margin-right:var(--eui-base-spacing-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-base-spacing-2xs);position:relative}.eui-toolbar-menu-content ul ul li.hidden{display:none!important}.eui-toolbar-menu-content ul ul li a,.eui-toolbar-menu-content ul ul li h2{align-items:center;background:var(--eui-base-color-primary-110);display:flex;line-height:1.25;min-height:var(--eui-base-spacing-3xl);min-width:260px;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-base-color-accent-100);font-size:var(--eui-base-font-size-m);padding-left:var(--eui-base-spacing-xs);padding-top:var(--eui-base-spacing-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-base-spacing-2xs)}.eui-toolbar-menu-content ul ul li:hover>a,.eui-toolbar-menu-content ul ul li a:hover{border-left:3px solid var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-100)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-base-color-grey-15);border-right:2px solid var(--eui-base-color-grey-15);content:\"\";height:10px;position:absolute;right:10px;top:var(--eui-base-spacing-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{color:var(--eui-base-color-grey-50)!important;cursor:default;font-style:italic}.eui-toolbar-menu-content ul ul li a.disabled:hover{border-left:0}.eui-toolbar-menu-content ul ul li.separator{background-color:var(--eui-base-color-grey-5)!important;height:1px!important}.eui-toolbar-menu-content .icon-home-link span.ux-icon,.eui-toolbar-menu-content .icon-home-link span.eui-icon{font-size:var(--eui-font-size-3xl);line-height:var(--eui-base-spacing-m)}.eui-toolbar-menu-content .icon-home-link .eui-icon-svg>svg{height:1.5rem;width:1.5rem}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:after,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:after{border-right:0}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:before,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:before{border-left:0}.eui-toolbar-menu-content .eui-toolbar-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nav-bar.sidebar-toggle-with-top-menu #top-menu{left:calc(var(--eui-layout-sidebar-width) + var(--eui-base-font-size));position:absolute}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuiToolbarLogoComponent, selector: "eui-toolbar-logo", inputs: ["homeUrl"] }, { kind: "component", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: ["appName", "appSubTitle"] }, { kind: "component", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1250
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1251
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiToolbarComponent, selector: "eui-toolbar", host: { properties: { "class": "this.string" } }, queries: [{ propertyName: "hasLanguageSelector", first: true, predicate: i0.forwardRef(() => EuiLanguageSelectorComponent), descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"(asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlock\">\n <div class=\"eui-toolbar__left\">\n <eui-toolbar-logo *ngIf=\"(asService.state$ | async).hasHeaderLogo\"></eui-toolbar-logo>\n\n <eui-toolbar-environment *ngIf=\"(asService.state$ | async).hasHeaderEnvironment\">\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n\n <eui-toolbar-app *ngIf=\"(asService.state$ | async).appName\" appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n</ng-container>\n\n<ng-template #elseBlock>\n <ng-container *ngIf=\"(asService.state$ | async).hasHeader; else elseBlockToolbarContent\">\n <ng-content select=\"eui-toolbar-menu\"></ng-content>\n </ng-container>\n\n <ng-template #elseBlockToolbarContent>\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-logo\"></ng-content>\n <ng-content select=\"eui-toolbar-app\"></ng-content>\n <ng-content select=\"eui-toolbar-environment\"></ng-content>\n </div>\n </ng-template>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n</ng-template>\n\n<ng-template #toolbarCenter>\n <div class=\"eui-toolbar__center\">\n <ng-content select=\"eui-toolbar-center\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #toolbarItems>\n <div class=\"eui-toolbar__right\">\n <ng-content select=\"eui-toolbar-items\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-container *ngIf=\"hasLanguageSelector\">\n <div class=\"eui-toolbar__language-selector\">\n <ng-content select=\"eui-language-selector\"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n", styles: [".eui-toolbar{align-items:center;display:flex;flex-direction:row;padding:0 var(--eui-base-spacing-m);position:relative;width:100%;justify-content:space-between;background-color:var(--eui-base-color-primary-100);height:var(--eui-app-toolbar-height);color:var(--eui-base-color-white)}.eui-toolbar__left,.eui-toolbar__center{display:flex;align-items:center}.eui-toolbar__right{display:flex;align-items:center;margin-left:auto}.eui-toolbar-items{align-items:center;display:flex;position:relative;margin-left:var(--eui-base-spacing-m)}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{cursor:pointer;display:inline-flex;margin-left:var(--eui-base-spacing-m)}.eui-toolbar-item:active:not([readonly]),.eui-toolbar-item:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:5px;transition:none}.eui-toolbar-item [tabindex=\"0\"]:active:not([readonly]),.eui-toolbar-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:5px;transition:none}.eui-toolbar-item-user-profile{cursor:pointer;display:inline-flex;margin-left:var(--eui-base-spacing-m)}.eui-toolbar-logo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABNCAIAAAAaUcxsAAAACXBIWXMAAC4jAAAuIwF4pT92AAAQ3klEQVR42u1cCVQTZx4fUFAKGBDcXooHIGDAW7F4AyEQjhBOlUNAQUFu5PCCohQQFLmUkBNCQC1qrbVatXbdtmur61rbbrdVqbUqAqIcEkUEnP1/M0kEj93tIwmm8t738sIwM/nP7/vfx2Cp5WfC8k+E5nwSlvvp0FLEOhqcfcw7sQzz3lRr7LhFz/79UQ6ZQ2vgS3dpuplvwUR6EsZKFRu55OiyKvQ9Bfos4dAa4NJhCmaurZlEi8NYadVGztm6TL6+B1efyRtaA1w67tzp4VUTafGYV1q1sUuOnqdgFJM3ypM/tAa43vDgzYgQT3JSG2SBHfgUTx75ZQhZRcIKnzruQn3ZkSFkFQauHpNvs3ongTJviGf/AD/+FzEnLYORd/m+Y55v++/R9eC/DNz+t+K97jz7QjjI76RuNfTijHAVzluX87DZan5MtjZDCEcosvP77AdPX6ooeEM8S4o27w13wXNchiAb7c0Z6SYEWLGlezeWrcF7xiaXRmJL9sKREa4V8N9+myHlbj6xBk1pvCo8a8DiarsKvbZsHLt8t46boA8cvJGuwukR+Ue/YJw9v/TYXxm3rs3qvGt1o242fP/6W4dTX9GBfwFiinw/mDy41eSQwpDs9cNdKg1YnNcNWakUG3pxYYH2BIb95pw9bX2mlguwYTkcBLgJPcAFwQf4fv7pPfzRhAdN1AeN1vCJd064UTeLnvw+/BfOgTPhfLjK2Lt8GF0UlJV8/sISgNiIuBUsFavdQUOWfEhdDwHmWI05VYFom68s7L1vtrk8ArOr1XSuhONajEoSDoBM01mk78Hbf9yz657F3RvTHt21/OyM8xhvNlxLbgCcCefDVRp0EbbgQ8FHvt2tk8cHlIACQfenVcNvqdILHkyeBSadGFQcXxQdXRATsC2Fe9C/u8P0nxcXhWYnrd6ekLI70iFpq46bkIQDWA9zFOeLVuKSSd33LOATsMNoYrmSBR3ilJwJV63KTVy7I/76lTndbeZlHy4P3JYSsysmtjBmfEApCe6fH1lYIMXw2MCA+GOT3hYLSYP1o+YpuMQU7x535LSraXCRrjtxJhO2gQ+eQMP1GU3XZyQXR9X9bPugacq4FaUj3UiweHAmcP3hU25wLeD+sIkqabSGe8Kd4cw1+fHEc/FeF20AlgpzqLYI3XXySzo8f9ttm44G66bfp6/bGQscStolUhtgtKplmannLiyxDCnE7GtMlpeeOetIngY2inTLkPPgKA7NSbp5bVZHI7Wt3gbu+ekXLqZBRZiDmHyu10EbSI3YGB82IBWcldzbZv74rmVvy+R/XFgyzKWyv2+LPISFcR+86Vc2zLnSyKdcm1EBRmlJwjZQKX3PJPZAfPorOk7crad1sm/GBsy+2tiHreKoQcXIPptPgU9DFges08efu4Kt//iU2+3fZj5pN5sTlTvcpQJ0BYkFCYq2a4WeB1/qMLDQHQDfvkYJztdiVMxYk/fkvtn1q3MOn3THH40/eMIDbJohiyM7TUU5HZUiKzM1QjknjiJE2DJ0FyjQhKJ1GjTxrDV5V67OzuKHgZYAxfqSLZF+kvjKORHOB22QWxly7ruFFiGFGrQqUOLXr862CNkFLN+XtfvToPbISqMs4EeAQA9F/YgBwZl3TMp0Sc0AnQDHNeki0KERefFwwh+lBLQ2oO//fpohiwtOMQLaoRp0iF1MNvAyIQGkq8efu46ggalEtas6ZEkeARP/0Ul3q9CCEa5COQeBMwSuKOhNEmtAHwHB+sPSSt4NtkquLuCeoEN03IXwJ0XmjcAGfHra1TK0APwK+JOinNyNcpGVoSmAqB84BYwPOEaddy2RVXEUo5KGm5D0WOVy/UIx/2N6nNVPaVCIu+m4CwBxgBKihilhBY/bzBENS2tkx4UKV7vK5lkeCPW7y/aAJh23vBSENLogFhxMCApGe3FMVpSaBhdPCipGgq9Eq41kYkJgyYK4D6ZH5JsFF6Vzwp90mYg/8TIPLpoWvsMuNtsqbJfCgwjlIkshHPiJgcWHTrpLGqk362a31E99cId6v8HmRt3s1nqbS98vAD1ISqUykeXDLtYcZYErBmSgzEMTFUKJ+w3WeLvZl986TAvPB8FSLA1K1wakAw+CnycKftRs9YAIjSAc6G2dfOorOnAQCCOZT1GyQyIAXRRXGN18c9qDRioQ0NFAhWiioDoIJIawb+qmDQjFx4WFLd63iR3R02YOnAKB/9ffOmgzhMCtpOFSqjYgN9jIqxxbtD9199qedvP22zZAieiIN7Z4L+yrPKejXr4BaaORO8U/5Id3mfx2ZQ7I4LXLc9/236MnzUzzVBDsQRAMrljtcSaED9euzMXvm/3wwwIgTF85NKjG60LCOD6gBASw8mOfd3zY60uicMkkv4w0sNSGKspMcyFYQJ7JnSnCj3zf9mED8+L3TRlp6bDlIFJq6c+i7Cpd5JexAR4GnC2wFRDI+6Rv2MiO0HJWUc4ffgVoWJ6Zur4kUk4DxBQppZHD6ZXqiqw08+JbPgwZKyR3Bl5c+D7am0NhcVWVfEIiP8anPw3OlUZPaVA/bcCTO7YGUtaQJgb1mXyV5Z/I/ZPRwHueBoVvsNKRJQuo8rBSdvP/3V2gpPLwKObTNJuMMHW1YDzwFqeG74jIS9Cgiwit+or0tiBtsCg+K2BbiqaTyFDRhCkJWZ68kjrGhz2MLgrLTbz03UJthrQoq/pK6vOEGfuUaziKcypCPv2CoUGrMvZhK5YwpSArzzlhDjWokjq/lnvQ/0mHqWVoAcQLYJoxWrWecrTb/0OYprMICMNoVeAefHN+aeP1GW+48zGHaqKKLJbrilcQWWke1nPz5uyK0KSSqOTSSPDMH7eb7z/uuW5nbAZ3ddqetWOX79b1UDHP8sgcwvKtqdnC0PjC6CxBWFu9DcTcxXsDYnbFZPJWwcG/+LIVkiFSFrLwAGbBRQc+88B7xuEPJj68g9IFPS0WeM/YlnqbZZmpBPXcQUGWumrnib85473v4h2mQBUsvM0cf/Ju3eW59OQMabX4ldUGYHBHuglBvoKykm9dmylppLbW23Q2Wx3+3O0d/z0giWQGRPXaAH5XmyHEaOLIHXFNN6Z1NFgD20qappTsWwGbjTmJFEWYEi0Y6WmB1frHhSV4u1nPPYsn7WbgIWD2NaqvpPbPznDJDtHLP70HhOGt5p13rGzX5YBJGO1VrijClOd18VBA6VzpkLQV7xp/6dJC8RFvvHPCl984DneulPq2g9TbDA4W5lTlm7EBFMKRz11L9gWAjgJVC6Z1tBdHUWKkRH8WPQBNzDng/8kZ57d8y4Du4Kz1N3+dNS86R8ulQpmp7v+dQwBHsPY4k33Qj2z+iNoZe/G7RW/6lcmU7CuNLApngQXcN24Z6YqKXWQldXpE/sK4D7RRAXGwkEVljrf8ypxTMjTpIhCd0aiWXm0Xk01dRdY9ua86suTncKLbhSLN0nLBrMGiDOZkjDSk1mJUkjkEeYmXbLdRA20gjcqfr6T2SRoMQs9+nxJv39yFwmvjKu3k0GfKIR6sJncpDUbe5cqezlFp9xGFSOxHF8S+7b+HGElQNbjEvnJ13AQbyta8u2y3UmlQRYVR3jIPVmuML7vuZ1swYiNkfe4Upadm+tLAgd2FUOXG1dkL47KABnBglUSDKnpk9Jh8jFaNMiAL9wOmeJfJ+pIobH6tJh2lbHSU0J/yAho8CBqcEA32iVvxxyaJxeswu1qMLgKPRcdd3XpkKITogTdTun8Fu3ZZtjD0r3+nPWo3/+nH+XmVK4tqAgWHfenJ749EHchc5akgoMEmfOfuD1eU1S7LEYaeOYto+PHH+dsrQyCo5R/2BawJj4WrTtoA9Br4j8syU5tvToNQp/uepaTBBrXMd07AJZOyBGGgE5RcGEc06HnwAral3Ls1FdFw11Latt9lgreZp+1ZQ3SN89RMG5BeDgRjf/FlHzjh0dls2XJr6oOmKVd+sV0Ul4XZKz1R25cGCBAOn3LrvGsJED+8Y3X+n4unhu9QEg0q6uQw9inH7GuSSyLxDtPe1sl4u9nfzjoOc6mUNVIouDL23KCpvG2/Go1ASkxRPlNiWnPUC5QsITSK969V4XWRdIMh/uGHBd33LHaIVv76y1yAeMaavD4NwwocQ37BJpEetK4H/+ovtp13rLYLQ+t+sX3cYmEWXDRC2g6uhv4shajlOSRu/fXyXLAV2JK9pkHF5y4u2lIejjmKyZZ5eYuyggQT3UE2WseTd5O4pm35/vsFtlG5QIPJitLTZx3R/C5NrIxuEhUhq82oWJq4zSp0FzwGSN9wl0pj73KPjZtldRGUcoSDzE2brVft1CLmOgYSVQMbTgoq8s3YoOVSQSYHyCBlXnQOBAga9CqgAUiCMxcnZCmpe1dF2oDo9URd7QZe0skYPSInQpEFEaAENZxEx8+4xBVGa6JK6tO52/4a8GWTMU+LskbE3O2KrSlnz9nDJsnnbuFHgQZgZPl0DprX6T+do5bdR31zMbLZLdKBF6NlX23I4rTV23xy2hVbtA858I7Vms6iZx776dtO+iMurRYzZNXiBR/yD/l1t0wGkQfBR0GKI5q7fSY9NIC2/Vd7OlSXaLSPL4pOLI4Ky00qrAnsbrFo+n3G+tKoiLwECO190jfKB+nIS0i3f25UrrEPm6i49G13FLqkZmwqj1ibH08MK6G5W84B/9CcJLh/UknUhMCS12fuFhx4fkj2eknTFAg3n7ROljRaP2yi4u3meO/Yi5cWgvOg8xRZqToGAa/9jDlr7XZCHXPl/4J4BAz9oZPuz87ddo+TNFLDtye8RnO3UgfeUWwaXHTiS2dJE7X9tk37bev2BuuivQFgheR9g8BrI4jMNFgkMEEdjdRVuYngioIJIlPp8qE9uNvKD1BNSD53C+plYmAxHO8zDvl6zN2S4/VLE7Y9arYEb7fnnsVvl+eCK4bGQgizDlL/zrI9Nqt3TgwsGePLBkwhMt53zPNN3zIQcIuQQvOVRX18DDT7fPorJwhbu8i52/QNsAd/+rnbFyxUhqJVFYiD8O6xR79gEC/eGM9ITdd0llZTQMyBT6uOeD+8M6Xht5mt9VPJMZL6a7PuN1j/6192sCsjpW87QXO30yPye9vMf6+bjeZuu0z2H2f2n7t9XZBFLAku15V/z8uuCAFnfkJAyTcXFwkP+5JBhHwyBiR9IzvifgOVhJUcI/n8ayfz4CJNaZmdmLt1EGcJwn789zxqWIEGrSpld+StX2eBb6vjJlBxcWiQkSWnu+dEbvdO3wgyi97TwxAaeHLX5MWDliBlnPQ9EWqL90UXxIKAA9uCpJ+/sBg0xgj0bimuvAgExK/envgWMayPLrGvcU1LXxyfhSbPVVstHmyeJew1RA3ES4qeBhHEkBiv79w8iDMIddHeQLxr/J3fp4MavXVt5oTAYuQ8yBKA5OUQgMjDAQCd/FP1fY+Dr2ef8dhf4sCjwdk3/cqab0w/dsbFKqQQTcZIJoEvhZQGi/Pf5m5Zg/OyOfV4LyKFyKe4b9iSwVkNkSvYK1AdzE2bt/JXaQ9qu43aIytLsJaTb0Eh1C6azgGRN1DddM6fEVl5lfBlkzFDyCowma366Zw/J7Lqt4aQVT6yrFSErL6ngILec8MfWgNcugSyE2lxwLNiQ6esEW48HVeOjht3aA1waTE408KrEM+6JYttgssWJHxkF3tgfvyhoTWQZRd30C7+kH3SgXeWxGDvLc8wsF1tZBs2tBSz5q3SnbnSYKrXfwCsJuGnJnjenQAAAABJRU5ErkJggg==);background-size:cover;cursor:pointer;flex:0 0 auto;height:40px;outline:1px solid var(--eui-base-color-grey-20);outline-offset:-1px;width:60px}.eui-toolbar-app{font-size:var(--eui-base-font-size-3xl);padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font-size:var(--eui-base-font-size-2xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font-size:var(--eui-base-font-size-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white);cursor:pointer;font-size:var(--eui-base-font-size-s);left:.5rem;pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-t-ec .eui-toolbar-logo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAAnCAYAAACcwx/pAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjE2RGmv9QAAFD5JREFUeNrlmgdUVVe+xq8xM1GjycS8mExi1kscY4w6scWGxi5SbMHejRpL1FghChJBQZFepAuICoIIiAqGKiJqVCxBQQkWRFEBJfYue37/y2VGHUHBvPfyMqz1rXPuOeeec/e3v+9f9kFjZWWl+T1h8eLFWpw4ccJEPltaWlb5HmZmZpqIiIhPtm3b1mT27Nkaa2vr//Hfrfm9ESkDT0pKMvzpp5/6mpqaapYsWVLle8j3QkJCml+7dm21fLawsPjPInLu3LmasLCwFnl5eZbz58+vlhrLFRkYGPie4o8JGSKT8x9D5IIFCzROTk71b9686eTm5lZn48aN/y2W/OGHH6p8r++//17j5eX16sOHD9MfPXp029PTs7ao9A9PpJBob2//p9u3bwf6+Ph8/OOPP3Y+cOBA/5exdlBQUCMEuR5cPXPmjL88o7oK/39BpAzQzs6uNgP2i4yM7BQQENCoqKjIQmz+MtbmPg245y0dmYrE00XCxR+OSLHsnDlzNC4uLu+WlpYmJyQk9Fu5cuUbly9fdud8DZJF/Ze0dk0U7g+H10AsNr9ka2urWbhw4R+DSCltRIViv/T09DGQmLFly5YvGeQbDDyE+NggLi6uQ0ZGRj8hpLrWDg4O/uTOnTsu169f3wWJaeB4dna2zbx586o1Of9nRAoB5ZDyQ+wmg5DP69ata11YWBh59+7d3e7u7u+hyg9ICjGQ+NHq1auboEoLIUNIf0lrK55jdf/+/ZM3btwI5eN16ssW8jt+N0TKrAokjoldFi1apB2AxKFyiPLk2PLly0UhTfbs2fMd5KUyoJ1paWlD5DvErkF8TnV2dm5Idm3GwB3kfuzXFWtXR5HyfQ8Pj1eJtbZC5oULFxY9ePAgD8VH37t3b79cY25u/r9DpBAkEFWIxQSiEiFHSBIS5MfINShJAxFvQlZjMm632NhYE2w7Iz8/3xFioqScA4dKSko2klB6C0EQVb+goCCYwcVD9J82bdrU7tatW/4rVqx4befOnV1Pnjw5XJ5ZHRvK71y7du2n3M+O+6+jpMo5f/68PZ/TmMg9hw4dmlHujt+MSCGmHOVECWQAMmAJ0BS39bBc4+jo6C9R1RiKXEtmeTXx50d+5FGZdFCsw0ni3k6K6uDc3FwrkshAvv/+smXLtA+EsDYQGMh1R7Zv3z5G1LN///6Zv/76q79MWmpqal/ubYuSa76Mtf39/euLGiHQFlungESZSA7Fgaw1a9Z8/FtmcU1UVNQHDK4lJBlnZmZOIyBbZWVl+dBebccGRyGliAffA/clxoCznNt16dKltQcPHrQ9cuTINAjpQ0fSlCL6LWJeHV9f39p8fmf9+vXN4uPjB/7888/mDGgdakiHsC3JyckTly5dqvH29m6EYsNQnzYJoOLxkLxCsrmjo+Mrck11VCNOcXBwqMF9RwiZV69enctYDkOmO6qM4fdH8/vXiat+q/ZRo576g7jLILO4uHgrg3THBrOJZwMZpB5kt4a0ljt27OgCBmDB6djXVtTH9QmiMnCGxFEgW/AzP3gbA1rO9wwhua4onUTwKaoLIJPu2bBhQy9xAM+y5j52kydPFtV2PHfu3EgZaHWtzX2bnjp1aj6F/SjGoyjKpzORp5hQO1wUT8yMZ0zDpF79LSwuRC45e/bsItRogVpMebglD1155cqVAD5HQ1ASM/qzzr5XQAm4xI/JlB+UnZ3lezw7y/TA/n0mYWEbukduimi2OTrqLU/PVX/2XLVK4+fro1kbvKZBSnJS3+ysrBXXr12LLC4qCkpOThpgbW2l8fH2ev/K5WLvhIT4gbNmztQkJiZ0LSosnLuUc3PmzMamphoz00rAeVMmQsJA+SqPWNvPz+9tEQbusiJ0TJHinPHMQ5UZjGk5sVNidyKEfz5r1qyXLomEyMu6ovUGCrlGqVAETkPSXlQScfHiRTcsPJ94NwIF9tq6dWur8PDwJjExMc2Tk1PabdkcpZexf0+/vFM5k8/kHrfMO3nC8+Hdm9Gq9P4e9eheri4cKN02+tL5vPnpO5O7xcZEtiu8kO/IsYLii+dmxkSGtzt54pi1ZPQDe9P7JP64rfeetBSD3TuTK0V6WrJhSlKCgYur6+vlNpUtxf2rhKmvdGTOpi6dha1P4hBr1LgNcbhSZgVQa25nPL3Lc0R1uykNcnf65ZdflvKwBdhtOvtm8plYZc/MBVBCRPLAdOxxQiwLLrAv6jz76OGDAo9tOcrANFYZWyWARO1W3yJW9TEHbHst3KJ6fh8juNfz+y13e5tv014zwCZFGS2J5/gWJcfks7F1ourJ9YYcH7AsRfVflvxcGJrFqc37C1V87OamC3TJQwghRn8Kad5Hjx7tIjEel5khDAt+/0HG5YRQAhlbAONcytaXsOISGhraXlRdnnAltIjSX8T6osginV1v8pCbqLIQ5DJj+7F3MnaIIMa5YP35p0+fHpuSktIPVXYje7fMPnp4ygi7ZKX53E5purlVHV1BJ2el0XMu2y8/VpV78GyLtYdU8vboJma6FR4pmyiv6jHh91BhHMLowphKCFtTpUBnTLE4zReiFxMznU+cOGGGYkcdP37c7NixY6a7d+8eQhnXVSoVktafhVDJ8BIyRO3PCgMabuTCjWyxrikPmMn+HG44H/IseZA7s7WWh8Ywg7sgOhtb5INy8m+Mc0gq1XR2VZp+vs+HMdD3VJpeq5TGyFu9BtrMjFAtpoWrPxv7KI2hd9m5vl5c6/Ni9+ziqmzCM1VSbNQ/iRR7SsanangL656CzCNJSUlt2S9EgbPJCbZk8Y0cD8jJyZkBccPY2lOBjCPRfYEyW5Acu0DucCqOGaj6W0q+wVQ4X5Aw68v9n872WkUyc7+CO+A2KAEF1IhZEJtCqRDGQ5y56SLsPwOSh0m5Q3/cCkWOmuyWViqDeT6JPuoViPvbxBDsG6Nq9V6lGo1coy5cvqly8kvUB0MC1OsQaGCxVX04bp16RYg08nlxIuP+pUixNnGvMaR5oara2DYC4gqI8T1IMgf37dv3LUJZyvh8GJsVtnemidBnXL1w2pC9e/caJSYm9uNYF8j7nLKuDWVcF743aNeuXSMOHz48njr1Y1HqP4lEiSuABUr8lpuOJ0CPZ388pcEUHjAPNS7F0h7YIpRYuR2L7EOZx/hhpx8+eFAy3jFZPZdIIaWPp6rHNv0o4fVRqWo+OVTV6O6uXKKOqOUbMpSms4vqtiBam5Uid51Utfp6lqm3GkSWW5tb3ZGSh97+TVRlJokVUvVJpj+RQKcybnOsvJQ2tTvkLCUELEK5xqiyOUQ1pgv7gs894aI/5A5iXx/LC7lf+Pj41Hu8zdRAzBlwUTK2PFi3hndVyh3UmE25kE683IQSPVCkOVL/moxtyGy1zcnOnDDJLe05RJaRqCWF66a6pSq7sIOq7lf+ZarTnath4KXeGRGknCF2qG28llitxfusqjKRYj0bG5sadC+vU49GSDMRFxfXhy7LEBLPQdhY1BqGwmYQ8wcgFDdIGkhb2Xzz5s0dONYdDKKGNmHbX9YyyQtthViU2gHl6gUFBf3lCUWitGBk7srNF3LzKZA1EWWOYaZGIudxEDiRmDKL44uZQXuu8+H6cOJNLD/qSKWK1MW9plPC1LKQDNVoUqjSYGlJKDUH+JWdN9KBfe2xL1215H7yzQZlG5qhGk8KKYudFcXMCqxN1v4b8X0T/f+bqGkUZD5CBAsgqhnxPguS5pF4/CHRSfp8LDtWcgPHx0NUd8n60q9LiGC/NRPxJRNhRFfWHzX3R5ENniCSxHEBFGLVEp0qb+hqPomVFwjIucSVw1gkmYdKOyc2t6Jj+OaX40ctJ1emSBk8mXWi8w6tZSc6p5RlZaMKiCknFjKne+zUfme0XaLSEAKqQqT0766urrX4zbIOoIiNoyDlbULTLsaTCnEfo9RwiHagaxvOvh/CWYxwDCIiIlpTpP8dBXZgAgxQ4BCIGwCJfTnWXl7Ocb4596/7+FqABnL8IMeJDG2Bhb/jhtOJkRPBGALvUGbHhLgwiPLHhBkdJ1mMmTPls1Vx4cWwiS6plSeb3p7q/bFr1Qi7BNWEuPhcqwphqLYpihSLvzc6uMz+VbC21H2UKDUYrIZWdpw0HJCYBIEfobzvGGeWNBfERWtcuBaVmUCYPrFwFIqcJlvOGzDunihRD/LaQmJLQlpXyO0NLyOIu399fLVdgz3zkfolrFqii493dbFScANVFqPWfHACxR5CnSkE7CgSkQ+tXdgE5x2VEAkpvTxUXZPVSvOFg9IYoMT+z8/u2muImZp2DqqefFdKon5Vszaq+Zgx7QsMDPxcCCWJrhRCIW8usa4FNXI85Y6lECWrVCRVL65ZIIkFVbaH9M8kWxMju0D0IBw4hHPDJemw1Sf+vvMEkajRD5JW8RAXSLVBbRZgLoqcBiYg/ZGUOiNQ4lAIHMZDR3LTr8GkgnN5zijy2dYWi5JERq1IUIdyi9Qwm/iyhPMiJY3uu4OXbVeHc4u19yj7rvcLESmxy9nZ+TU6mCjdKnlMSEhIY+rKjyBsEyTCT4oBY5hXUlKyRsohyGtDNm4jcZDjwxn3aEgfglJH0qsbc64X7mwDue1QeSc3N7d3Hq8lNaixGKWVL0b8qsN1nTpvS8eDKq9KEc510iLKqk4W2Xz39WtXMyY4pTybSOOyWDfGPkk9ePhIGVvGlnUiL1Jo62KrvvlWdf/BQ0XRT2x1ffZ3K7C2FOSyBkpsbIB9Q2QsJNEgPz+/htHR0T0gMJUk6kn10Ztieybt8SpEZU88nIKlvyQrN+O7H3J9I9Tdkuv0JNGgYhOIn0B59OETyYbZsoUccxLId0h7itSQEh/BSDAEGDN7+vJAyWagq1T9zLDeqZysaVNX7a6YSLLt25Q09YcFqlfkmIH3i3Ur/cqsXZPtW0MD1dvDgyrO3M8gUvpkBt+QyT8EKWPkVYeTk1MdnCavHnIYqw9xrzlq+4rObj2fnYh7A1FdR451JR72pNsRZQ5GfVJbj4W80cRXY3joyfnOhIwnyx9qxbO69cNC3Qr348osx2WuKQIXwXmQr1tvvKBVS+cKiJSt1II9PdQnkmhk//FzFamxX9kkNCHhaHq4l8XLKiQbKZQdHR1robII3aJ0EQW5jZeX11vEy5pYdS6xfqeskwp5xMnunJ+Tn5+/QpYR6eLGY+1B1I+dmIhW8rKO61pCoNi/FwQb+fr6NnyCSB7iCRxQ5hKYX4T8Z4MpUkuCIUD+oamnvDJFiVKMtgUtyGBNszMPj6m0/JGYRpb+1j1V3bh1T02W8kcSh2ElytT127M802hLHqiprjvKak+jF0825UW5EGpnZ6fByvrYexPjzKf1jSeR9IWIv6AuIxTpxbnVkPct6tOnMO9I7diRpNIVK/dNTU0dSSUzgXg5ER6+wdrDSDYj6Ln/+kRnI681dCggFl4ChZKpdbgiK+a6Bd1ilFiog8TKs6Wljy5VXpCD7m6qh1mMNuHIkpp2pUfKmXIyjX3+pVA5Jkmlk7MyXLxNHcgpVJ3nRZWpsoq9NvHtfdyWiGVnent7vy8rNpK9se4wklAk57ZR6piSwfXkVYus+EOUlH5mhIDJEDYcIocSM/XZ74kSDSmJ5M2AHkT3YCLqP02kI4WrDTewoGtZAGaAiWAUMAFGQHrRjqiyLbP4d9CUDqFhduahryovyMuIem2Qv7YMep1ti+nhavjyBFVPuhiJmRzXAhLf5PwIzn2KpWvLdwgJ2u9WFgoqyNouLi51UFuQTiTyvgnXnnInNuoRL4XU2qhtoKxD4sYg6mlr7DwBtRngNj1ygHQzn5HNm7HfimzejvOdsbch15j8Wx0pwRd1/UJgzkV9J9k/pcNpzp3WxcK8pyDHZPW7QBsjn7dooVPaayDxYL62Y2k1NUzV4XMPWfhdtEW733H2Ju258NRcVRMStTHVyLvKvXY5pDwReHh41CYc9SNMraS2TOYR+1BkOEqbi+2FtCbEw9YQ2EeWzhDNWNQ6WqxM2fcNIhtFizwa209A4YP5Xl9PT893no6RARInkbs9D7KRdUhgCmZxw2+YhXGyXgcGAQPQHXSiIG195MDecVMqytrPSiIoT7qVhQF7VW2K7ne/8leXr95WV2/cVQ3Yl4WMH4L3KeMfYsvsbFz9ZTQU8y7i2IXivCFxPPXfZ/b29q+IGiG2Fq5qRSaeTl3pghq9iZMOEDSHMY+UF3W0i+1RZIvQ0NBmqFhU+Rlkf4YyWxMOuqLo/3qijoTE4+CoLEDw4MNsD4EMjh2gxtzHg/bRk/4EdoM0sAMkgbg7t2/trbCOrKhjkRhIjSjlUE2y8XiHZDWJJFQT1WpXg6ReFCX29602kWI5MnQdWZDgd25nLJk6J4nDMmkXE8nQbqhrAjGzGyS1ZdtcLCwFN0JpD5HtyNidsHYPyOtBVu8B0QYcH8znkcHBwe89YW1ku4amXV7Yy0qIJ8S5o05nspYDad4eiS8HtsAKLAHmYCElxLz8vFOrxjpCZHvHMoKqCilruriUQfb7VOMePNsq9IgQ+Uk5kfLeRRYU5P241JTlbxdJOvKPAw1RWCfUOBzMRYFWUktDrA1kLYaP+ezPwtaTOD9USh22vSXBkBc6o1JpG1sGBAS88YS16VD2U1PtIT6mocAkYkgciKYVDCfJrGcbALyBmyyjARuwhAfOKyq86D7NI0272l13cEDVYfIUqnGPWpRK9puOqcTYqCamjy3sklXfRBQ+WNYTYuyAORl3Fpb+GqUNhhBZU+2BwvTIxu0JYbLW2JaOph3HOnCtoK0A4trznQ6gI6R2huTedDz/FiPv6BYqJLM9lHU7VYW/hxTp96RQLy39rVEAzj0P9x9p32ieDw0JbbTgsRgp1lPV+yvVtcclunf5ebrwJyEuhSI/BmyU9+HyMqycyH8A+DMEfRk1J+wAAAAASUVORK5CYII=);height:39px;margin-top:-5px;outline:none;width:83px}.eui-t-ec .eui-toolbar-app{margin-top:10px}.eui-toolbar__language-selector{margin-left:var(--eui-base-spacing-s)}.eui-toolbar__language-selector .eui-language-selector .eui-icon-svg>svg{color:var(--eui-base-color-white)!important;fill:var(--eui-base-color-white)!important}.eui-toolbar__language-selector .eui-language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)!important}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font-size:var(--eui-base-font-size-l);padding-left:0}.eui-t-ec .eui-toolbar-app{margin-top:0}}.eui-toolbar-menu{display:flex;height:var(--eui-app-toolbar-height);width:100%}.eui-toolbar-menu-content{display:grid;height:var(--eui-app-toolbar-height);list-style-type:none;margin:0;padding:0;position:relative;z-index:var(--eui-base-z-index-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-base-z-index-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:0;border-bottom:2px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-base-spacing-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{color:var(--eui-base-color-grey-50)!important;font-style:italic}.eui-toolbar-menu-content ul.hidden,.eui-toolbar-menu-content ul li.hidden,.eui-toolbar-menu-content ul li a.hidden{display:none!important}.eui-toolbar-menu-content ul:hover,.eui-toolbar-menu-content ul li:hover,.eui-toolbar-menu-content ul li a:hover{background-color:var(--eui-base-color-primary-100);text-decoration:none!important}.eui-toolbar-menu-content:after,.eui-toolbar-menu-content>ul:after{clear:both;content:\".\";display:block;height:0;line-height:0;visibility:hidden}.eui-toolbar-menu-content>ul>li{border-right:1px ridge rgba(255,255,255,.25);box-sizing:border-box;display:inline-block;min-width:60px}.eui-toolbar-menu-content>ul>li:last-child{border-right:none}.eui-toolbar-menu-content>ul>li>a{border-bottom:3px solid transparent;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-xs);text-align:center;text-transform:uppercase;transition:color 0s linear,background-color .3s linear}.eui-toolbar-menu-content>ul>li>a:hover,.eui-toolbar-menu-content>ul>li>a:focus{border-color:var(--eui-base-color-grey-50)!important}.eui-toolbar-menu-content>ul>li>a:hover.disabled,.eui-toolbar-menu-content>ul>li>a:focus.disabled{border-bottom:0 transparent}.eui-toolbar-menu-content>ul>li>a:not(.icon-home-link){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-menu-content>ul>li.selected>a,.eui-toolbar-menu-content>ul>li:hover>a{background-color:var(--eui-base-color-accent-100);border-bottom:3px solid var(--eui-base-color-accent-110);color:var(--eui-base-color-black)!important}.eui-toolbar-menu-content>ul>li.selected>a .eui-icon-svg>svg,.eui-toolbar-menu-content>ul>li:hover>a .eui-icon-svg>svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-toolbar-menu-content>ul>li.selected>a.disabled,.eui-toolbar-menu-content>ul>li:hover>a.disabled{background-color:transparent!important;border-bottom:0;border-left:0;color:var(--eui-base-color-grey-50)!important;cursor:not-allowed;font-style:italic}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-base-z-index-nav)}.eui-toolbar-menu-content li:hover>ul.show,.eui-toolbar-menu-content li:focus-within>ul.showOnEnter{left:auto}.eui-toolbar-menu-content .showOnEnter a:focus{border-color:var(--eui-base-color-grey-10)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-base-z-index-nav)}.eui-toolbar-menu-content ul ul li{height:0;transition:height .2s ease-in-out}.eui-toolbar-menu-content ul ul li.child{background:var(--eui-base-color-primary-110);height:auto;min-height:var(--eui-base-spacing-3xl)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__icon{margin-right:var(--eui-base-spacing-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-base-spacing-2xs);position:relative}.eui-toolbar-menu-content ul ul li.hidden{display:none!important}.eui-toolbar-menu-content ul ul li a,.eui-toolbar-menu-content ul ul li h2{align-items:center;background:var(--eui-base-color-primary-110);display:flex;line-height:1.25;min-height:var(--eui-base-spacing-3xl);min-width:260px;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-base-color-accent-100);font-size:var(--eui-base-font-size-m);padding-left:var(--eui-base-spacing-xs);padding-top:var(--eui-base-spacing-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-base-spacing-2xs)}.eui-toolbar-menu-content ul ul li:hover>a,.eui-toolbar-menu-content ul ul li a:hover{border-left:3px solid var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-100)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-base-color-grey-15);border-right:2px solid var(--eui-base-color-grey-15);content:\"\";height:10px;position:absolute;right:10px;top:var(--eui-base-spacing-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{color:var(--eui-base-color-grey-50)!important;cursor:default;font-style:italic}.eui-toolbar-menu-content ul ul li a.disabled:hover{border-left:0}.eui-toolbar-menu-content ul ul li.separator{background-color:var(--eui-base-color-grey-5)!important;height:1px!important}.eui-toolbar-menu-content .icon-home-link span.ux-icon,.eui-toolbar-menu-content .icon-home-link span.eui-icon{font-size:var(--eui-font-size-3xl);line-height:var(--eui-base-spacing-m)}.eui-toolbar-menu-content .icon-home-link .eui-icon-svg>svg{height:1.5rem;width:1.5rem}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:after,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:after{border-right:0}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:before,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:before{border-left:0}.eui-toolbar-menu-content .eui-toolbar-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nav-bar.sidebar-toggle-with-top-menu #top-menu{left:calc(var(--eui-layout-sidebar-width) + var(--eui-base-font-size));position:absolute}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuiToolbarLogoComponent, selector: "eui-toolbar-logo", inputs: ["homeUrl"] }, { kind: "component", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: ["appName", "appSubTitle"] }, { kind: "component", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1252
1252
|
}
|
|
1253
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1253
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarComponent, decorators: [{
|
|
1254
1254
|
type: Component,
|
|
1255
1255
|
args: [{ selector: 'eui-toolbar', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"(asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlock\">\n <div class=\"eui-toolbar__left\">\n <eui-toolbar-logo *ngIf=\"(asService.state$ | async).hasHeaderLogo\"></eui-toolbar-logo>\n\n <eui-toolbar-environment *ngIf=\"(asService.state$ | async).hasHeaderEnvironment\">\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n\n <eui-toolbar-app *ngIf=\"(asService.state$ | async).appName\" appName=\"{{ (asService.state$ | async).appName }}\"></eui-toolbar-app>\n </div>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n</ng-container>\n\n<ng-template #elseBlock>\n <ng-container *ngIf=\"(asService.state$ | async).hasHeader; else elseBlockToolbarContent\">\n <ng-content select=\"eui-toolbar-menu\"></ng-content>\n </ng-container>\n\n <ng-template #elseBlockToolbarContent>\n <div class=\"eui-toolbar__left\">\n <ng-content select=\"eui-toolbar-logo\"></ng-content>\n <ng-content select=\"eui-toolbar-app\"></ng-content>\n <ng-content select=\"eui-toolbar-environment\"></ng-content>\n </div>\n </ng-template>\n\n <ng-container *ngTemplateOutlet=\"toolbarCenter\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"toolbarItems\"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"toolbarLanguageSelector\"></ng-container>\n</ng-template>\n\n<ng-template #toolbarCenter>\n <div class=\"eui-toolbar__center\">\n <ng-content select=\"eui-toolbar-center\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #toolbarItems>\n <div class=\"eui-toolbar__right\">\n <ng-content select=\"eui-toolbar-items\"></ng-content>\n </div>\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-container *ngIf=\"hasLanguageSelector\">\n <div class=\"eui-toolbar__language-selector\">\n <ng-content select=\"eui-language-selector\"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n", styles: [".eui-toolbar{align-items:center;display:flex;flex-direction:row;padding:0 var(--eui-base-spacing-m);position:relative;width:100%;justify-content:space-between;background-color:var(--eui-base-color-primary-100);height:var(--eui-app-toolbar-height);color:var(--eui-base-color-white)}.eui-toolbar__left,.eui-toolbar__center{display:flex;align-items:center}.eui-toolbar__right{display:flex;align-items:center;margin-left:auto}.eui-toolbar-items{align-items:center;display:flex;position:relative;margin-left:var(--eui-base-spacing-m)}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{cursor:pointer;display:inline-flex;margin-left:var(--eui-base-spacing-m)}.eui-toolbar-item:active:not([readonly]),.eui-toolbar-item:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:5px;transition:none}.eui-toolbar-item [tabindex=\"0\"]:active:not([readonly]),.eui-toolbar-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:5px;transition:none}.eui-toolbar-item-user-profile{cursor:pointer;display:inline-flex;margin-left:var(--eui-base-spacing-m)}.eui-toolbar-logo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABNCAIAAAAaUcxsAAAACXBIWXMAAC4jAAAuIwF4pT92AAAQ3klEQVR42u1cCVQTZx4fUFAKGBDcXooHIGDAW7F4AyEQjhBOlUNAQUFu5PCCohQQFLmUkBNCQC1qrbVatXbdtmur61rbbrdVqbUqAqIcEkUEnP1/M0kEj93tIwmm8t738sIwM/nP7/vfx2Cp5WfC8k+E5nwSlvvp0FLEOhqcfcw7sQzz3lRr7LhFz/79UQ6ZQ2vgS3dpuplvwUR6EsZKFRu55OiyKvQ9Bfos4dAa4NJhCmaurZlEi8NYadVGztm6TL6+B1efyRtaA1w67tzp4VUTafGYV1q1sUuOnqdgFJM3ypM/tAa43vDgzYgQT3JSG2SBHfgUTx75ZQhZRcIKnzruQn3ZkSFkFQauHpNvs3ongTJviGf/AD/+FzEnLYORd/m+Y55v++/R9eC/DNz+t+K97jz7QjjI76RuNfTijHAVzluX87DZan5MtjZDCEcosvP77AdPX6ooeEM8S4o27w13wXNchiAb7c0Z6SYEWLGlezeWrcF7xiaXRmJL9sKREa4V8N9+myHlbj6xBk1pvCo8a8DiarsKvbZsHLt8t46boA8cvJGuwukR+Ue/YJw9v/TYXxm3rs3qvGt1o242fP/6W4dTX9GBfwFiinw/mDy41eSQwpDs9cNdKg1YnNcNWakUG3pxYYH2BIb95pw9bX2mlguwYTkcBLgJPcAFwQf4fv7pPfzRhAdN1AeN1vCJd064UTeLnvw+/BfOgTPhfLjK2Lt8GF0UlJV8/sISgNiIuBUsFavdQUOWfEhdDwHmWI05VYFom68s7L1vtrk8ArOr1XSuhONajEoSDoBM01mk78Hbf9yz657F3RvTHt21/OyM8xhvNlxLbgCcCefDVRp0EbbgQ8FHvt2tk8cHlIACQfenVcNvqdILHkyeBSadGFQcXxQdXRATsC2Fe9C/u8P0nxcXhWYnrd6ekLI70iFpq46bkIQDWA9zFOeLVuKSSd33LOATsMNoYrmSBR3ilJwJV63KTVy7I/76lTndbeZlHy4P3JYSsysmtjBmfEApCe6fH1lYIMXw2MCA+GOT3hYLSYP1o+YpuMQU7x535LSraXCRrjtxJhO2gQ+eQMP1GU3XZyQXR9X9bPugacq4FaUj3UiweHAmcP3hU25wLeD+sIkqabSGe8Kd4cw1+fHEc/FeF20AlgpzqLYI3XXySzo8f9ttm44G66bfp6/bGQscStolUhtgtKplmannLiyxDCnE7GtMlpeeOetIngY2inTLkPPgKA7NSbp5bVZHI7Wt3gbu+ekXLqZBRZiDmHyu10EbSI3YGB82IBWcldzbZv74rmVvy+R/XFgyzKWyv2+LPISFcR+86Vc2zLnSyKdcm1EBRmlJwjZQKX3PJPZAfPorOk7crad1sm/GBsy+2tiHreKoQcXIPptPgU9DFges08efu4Kt//iU2+3fZj5pN5sTlTvcpQJ0BYkFCYq2a4WeB1/qMLDQHQDfvkYJztdiVMxYk/fkvtn1q3MOn3THH40/eMIDbJohiyM7TUU5HZUiKzM1QjknjiJE2DJ0FyjQhKJ1GjTxrDV5V67OzuKHgZYAxfqSLZF+kvjKORHOB22QWxly7ruFFiGFGrQqUOLXr862CNkFLN+XtfvToPbISqMs4EeAQA9F/YgBwZl3TMp0Sc0AnQDHNeki0KERefFwwh+lBLQ2oO//fpohiwtOMQLaoRp0iF1MNvAyIQGkq8efu46ggalEtas6ZEkeARP/0Ul3q9CCEa5COQeBMwSuKOhNEmtAHwHB+sPSSt4NtkquLuCeoEN03IXwJ0XmjcAGfHra1TK0APwK+JOinNyNcpGVoSmAqB84BYwPOEaddy2RVXEUo5KGm5D0WOVy/UIx/2N6nNVPaVCIu+m4CwBxgBKihilhBY/bzBENS2tkx4UKV7vK5lkeCPW7y/aAJh23vBSENLogFhxMCApGe3FMVpSaBhdPCipGgq9Eq41kYkJgyYK4D6ZH5JsFF6Vzwp90mYg/8TIPLpoWvsMuNtsqbJfCgwjlIkshHPiJgcWHTrpLGqk362a31E99cId6v8HmRt3s1nqbS98vAD1ISqUykeXDLtYcZYErBmSgzEMTFUKJ+w3WeLvZl986TAvPB8FSLA1K1wakAw+CnycKftRs9YAIjSAc6G2dfOorOnAQCCOZT1GyQyIAXRRXGN18c9qDRioQ0NFAhWiioDoIJIawb+qmDQjFx4WFLd63iR3R02YOnAKB/9ffOmgzhMCtpOFSqjYgN9jIqxxbtD9199qedvP22zZAieiIN7Z4L+yrPKejXr4BaaORO8U/5Id3mfx2ZQ7I4LXLc9/236MnzUzzVBDsQRAMrljtcSaED9euzMXvm/3wwwIgTF85NKjG60LCOD6gBASw8mOfd3zY60uicMkkv4w0sNSGKspMcyFYQJ7JnSnCj3zf9mED8+L3TRlp6bDlIFJq6c+i7Cpd5JexAR4GnC2wFRDI+6Rv2MiO0HJWUc4ffgVoWJ6Zur4kUk4DxBQppZHD6ZXqiqw08+JbPgwZKyR3Bl5c+D7am0NhcVWVfEIiP8anPw3OlUZPaVA/bcCTO7YGUtaQJgb1mXyV5Z/I/ZPRwHueBoVvsNKRJQuo8rBSdvP/3V2gpPLwKObTNJuMMHW1YDzwFqeG74jIS9Cgiwit+or0tiBtsCg+K2BbiqaTyFDRhCkJWZ68kjrGhz2MLgrLTbz03UJthrQoq/pK6vOEGfuUaziKcypCPv2CoUGrMvZhK5YwpSArzzlhDjWokjq/lnvQ/0mHqWVoAcQLYJoxWrWecrTb/0OYprMICMNoVeAefHN+aeP1GW+48zGHaqKKLJbrilcQWWke1nPz5uyK0KSSqOTSSPDMH7eb7z/uuW5nbAZ3ddqetWOX79b1UDHP8sgcwvKtqdnC0PjC6CxBWFu9DcTcxXsDYnbFZPJWwcG/+LIVkiFSFrLwAGbBRQc+88B7xuEPJj68g9IFPS0WeM/YlnqbZZmpBPXcQUGWumrnib85473v4h2mQBUsvM0cf/Ju3eW59OQMabX4ldUGYHBHuglBvoKykm9dmylppLbW23Q2Wx3+3O0d/z0giWQGRPXaAH5XmyHEaOLIHXFNN6Z1NFgD20qappTsWwGbjTmJFEWYEi0Y6WmB1frHhSV4u1nPPYsn7WbgIWD2NaqvpPbPznDJDtHLP70HhOGt5p13rGzX5YBJGO1VrijClOd18VBA6VzpkLQV7xp/6dJC8RFvvHPCl984DneulPq2g9TbDA4W5lTlm7EBFMKRz11L9gWAjgJVC6Z1tBdHUWKkRH8WPQBNzDng/8kZ57d8y4Du4Kz1N3+dNS86R8ulQpmp7v+dQwBHsPY4k33Qj2z+iNoZe/G7RW/6lcmU7CuNLApngQXcN24Z6YqKXWQldXpE/sK4D7RRAXGwkEVljrf8ypxTMjTpIhCd0aiWXm0Xk01dRdY9ua86suTncKLbhSLN0nLBrMGiDOZkjDSk1mJUkjkEeYmXbLdRA20gjcqfr6T2SRoMQs9+nxJv39yFwmvjKu3k0GfKIR6sJncpDUbe5cqezlFp9xGFSOxHF8S+7b+HGElQNbjEvnJ13AQbyta8u2y3UmlQRYVR3jIPVmuML7vuZ1swYiNkfe4Upadm+tLAgd2FUOXG1dkL47KABnBglUSDKnpk9Jh8jFaNMiAL9wOmeJfJ+pIobH6tJh2lbHSU0J/yAho8CBqcEA32iVvxxyaJxeswu1qMLgKPRcdd3XpkKITogTdTun8Fu3ZZtjD0r3+nPWo3/+nH+XmVK4tqAgWHfenJ749EHchc5akgoMEmfOfuD1eU1S7LEYaeOYto+PHH+dsrQyCo5R/2BawJj4WrTtoA9Br4j8syU5tvToNQp/uepaTBBrXMd07AJZOyBGGgE5RcGEc06HnwAral3Ls1FdFw11Latt9lgreZp+1ZQ3SN89RMG5BeDgRjf/FlHzjh0dls2XJr6oOmKVd+sV0Ul4XZKz1R25cGCBAOn3LrvGsJED+8Y3X+n4unhu9QEg0q6uQw9inH7GuSSyLxDtPe1sl4u9nfzjoOc6mUNVIouDL23KCpvG2/Go1ASkxRPlNiWnPUC5QsITSK969V4XWRdIMh/uGHBd33LHaIVv76y1yAeMaavD4NwwocQ37BJpEetK4H/+ovtp13rLYLQ+t+sX3cYmEWXDRC2g6uhv4shajlOSRu/fXyXLAV2JK9pkHF5y4u2lIejjmKyZZ5eYuyggQT3UE2WseTd5O4pm35/vsFtlG5QIPJitLTZx3R/C5NrIxuEhUhq82oWJq4zSp0FzwGSN9wl0pj73KPjZtldRGUcoSDzE2brVft1CLmOgYSVQMbTgoq8s3YoOVSQSYHyCBlXnQOBAga9CqgAUiCMxcnZCmpe1dF2oDo9URd7QZe0skYPSInQpEFEaAENZxEx8+4xBVGa6JK6tO52/4a8GWTMU+LskbE3O2KrSlnz9nDJsnnbuFHgQZgZPl0DprX6T+do5bdR31zMbLZLdKBF6NlX23I4rTV23xy2hVbtA858I7Vms6iZx776dtO+iMurRYzZNXiBR/yD/l1t0wGkQfBR0GKI5q7fSY9NIC2/Vd7OlSXaLSPL4pOLI4Ky00qrAnsbrFo+n3G+tKoiLwECO190jfKB+nIS0i3f25UrrEPm6i49G13FLqkZmwqj1ibH08MK6G5W84B/9CcJLh/UknUhMCS12fuFhx4fkj2eknTFAg3n7ROljRaP2yi4u3meO/Yi5cWgvOg8xRZqToGAa/9jDlr7XZCHXPl/4J4BAz9oZPuz87ddo+TNFLDtye8RnO3UgfeUWwaXHTiS2dJE7X9tk37bev2BuuivQFgheR9g8BrI4jMNFgkMEEdjdRVuYngioIJIlPp8qE9uNvKD1BNSD53C+plYmAxHO8zDvl6zN2S4/VLE7Y9arYEb7fnnsVvl+eCK4bGQgizDlL/zrI9Nqt3TgwsGePLBkwhMt53zPNN3zIQcIuQQvOVRX18DDT7fPorJwhbu8i52/QNsAd/+rnbFyxUhqJVFYiD8O6xR79gEC/eGM9ITdd0llZTQMyBT6uOeD+8M6Xht5mt9VPJMZL6a7PuN1j/6192sCsjpW87QXO30yPye9vMf6+bjeZuu0z2H2f2n7t9XZBFLAku15V/z8uuCAFnfkJAyTcXFwkP+5JBhHwyBiR9IzvifgOVhJUcI/n8ayfz4CJNaZmdmLt1EGcJwn789zxqWIEGrSpld+StX2eBb6vjJlBxcWiQkSWnu+dEbvdO3wgyi97TwxAaeHLX5MWDliBlnPQ9EWqL90UXxIKAA9uCpJ+/sBg0xgj0bimuvAgExK/envgWMayPLrGvcU1LXxyfhSbPVVstHmyeJew1RA3ES4qeBhHEkBiv79w8iDMIddHeQLxr/J3fp4MavXVt5oTAYuQ8yBKA5OUQgMjDAQCd/FP1fY+Dr2ef8dhf4sCjwdk3/cqab0w/dsbFKqQQTcZIJoEvhZQGi/Pf5m5Zg/OyOfV4LyKFyKe4b9iSwVkNkSvYK1AdzE2bt/JXaQ9qu43aIytLsJaTb0Eh1C6azgGRN1DddM6fEVl5lfBlkzFDyCowma366Zw/J7Lqt4aQVT6yrFSErL6ngILec8MfWgNcugSyE2lxwLNiQ6esEW48HVeOjht3aA1waTE408KrEM+6JYttgssWJHxkF3tgfvyhoTWQZRd30C7+kH3SgXeWxGDvLc8wsF1tZBs2tBSz5q3SnbnSYKrXfwCsJuGnJnjenQAAAABJRU5ErkJggg==);background-size:cover;cursor:pointer;flex:0 0 auto;height:40px;outline:1px solid var(--eui-base-color-grey-20);outline-offset:-1px;width:60px}.eui-toolbar-app{font-size:var(--eui-base-font-size-3xl);padding-left:var(--eui-base-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font-size:var(--eui-base-font-size-2xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font-size:var(--eui-base-font-size-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white);cursor:pointer;font-size:var(--eui-base-font-size-s);left:.5rem;pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-t-ec .eui-toolbar-logo{background-image:url(data:image/png;base64,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);height:39px;margin-top:-5px;outline:none;width:83px}.eui-t-ec .eui-toolbar-app{margin-top:10px}.eui-toolbar__language-selector{margin-left:var(--eui-base-spacing-s)}.eui-toolbar__language-selector .eui-language-selector .eui-icon-svg>svg{color:var(--eui-base-color-white)!important;fill:var(--eui-base-color-white)!important}.eui-toolbar__language-selector .eui-language-selector .eui-language-selector-button__language-code{color:var(--eui-base-color-primary-100)!important}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font-size:var(--eui-base-font-size-l);padding-left:0}.eui-t-ec .eui-toolbar-app{margin-top:0}}.eui-toolbar-menu{display:flex;height:var(--eui-app-toolbar-height);width:100%}.eui-toolbar-menu-content{display:grid;height:var(--eui-app-toolbar-height);list-style-type:none;margin:0;padding:0;position:relative;z-index:var(--eui-base-z-index-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-base-z-index-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:0;border-bottom:2px solid var(--eui-base-color-primary-100);color:var(--eui-base-color-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-base-spacing-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{color:var(--eui-base-color-grey-50)!important;font-style:italic}.eui-toolbar-menu-content ul.hidden,.eui-toolbar-menu-content ul li.hidden,.eui-toolbar-menu-content ul li a.hidden{display:none!important}.eui-toolbar-menu-content ul:hover,.eui-toolbar-menu-content ul li:hover,.eui-toolbar-menu-content ul li a:hover{background-color:var(--eui-base-color-primary-100);text-decoration:none!important}.eui-toolbar-menu-content:after,.eui-toolbar-menu-content>ul:after{clear:both;content:\".\";display:block;height:0;line-height:0;visibility:hidden}.eui-toolbar-menu-content>ul>li{border-right:1px ridge rgba(255,255,255,.25);box-sizing:border-box;display:inline-block;min-width:60px}.eui-toolbar-menu-content>ul>li:last-child{border-right:none}.eui-toolbar-menu-content>ul>li>a{border-bottom:3px solid transparent;padding:var(--eui-base-spacing-m) var(--eui-base-spacing-s) var(--eui-base-spacing-xs);text-align:center;text-transform:uppercase;transition:color 0s linear,background-color .3s linear}.eui-toolbar-menu-content>ul>li>a:hover,.eui-toolbar-menu-content>ul>li>a:focus{border-color:var(--eui-base-color-grey-50)!important}.eui-toolbar-menu-content>ul>li>a:hover.disabled,.eui-toolbar-menu-content>ul>li>a:focus.disabled{border-bottom:0 transparent}.eui-toolbar-menu-content>ul>li>a:not(.icon-home-link){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-menu-content>ul>li.selected>a,.eui-toolbar-menu-content>ul>li:hover>a{background-color:var(--eui-base-color-accent-100);border-bottom:3px solid var(--eui-base-color-accent-110);color:var(--eui-base-color-black)!important}.eui-toolbar-menu-content>ul>li.selected>a .eui-icon-svg>svg,.eui-toolbar-menu-content>ul>li:hover>a .eui-icon-svg>svg{color:var(--eui-base-color-grey-100);fill:var(--eui-base-color-grey-100)}.eui-toolbar-menu-content>ul>li.selected>a.disabled,.eui-toolbar-menu-content>ul>li:hover>a.disabled{background-color:transparent!important;border-bottom:0;border-left:0;color:var(--eui-base-color-grey-50)!important;cursor:not-allowed;font-style:italic}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-base-z-index-nav)}.eui-toolbar-menu-content li:hover>ul.show,.eui-toolbar-menu-content li:focus-within>ul.showOnEnter{left:auto}.eui-toolbar-menu-content .showOnEnter a:focus{border-color:var(--eui-base-color-grey-10)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-base-color-white);fill:var(--eui-base-color-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-base-z-index-nav)}.eui-toolbar-menu-content ul ul li{height:0;transition:height .2s ease-in-out}.eui-toolbar-menu-content ul ul li.child{background:var(--eui-base-color-primary-110);height:auto;min-height:var(--eui-base-spacing-3xl)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__icon{margin-right:var(--eui-base-spacing-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-base-spacing-2xs);position:relative}.eui-toolbar-menu-content ul ul li.hidden{display:none!important}.eui-toolbar-menu-content ul ul li a,.eui-toolbar-menu-content ul ul li h2{align-items:center;background:var(--eui-base-color-primary-110);display:flex;line-height:1.25;min-height:var(--eui-base-spacing-3xl);min-width:260px;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-base-color-accent-100);font-size:var(--eui-base-font-size-m);padding-left:var(--eui-base-spacing-xs);padding-top:var(--eui-base-spacing-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-base-spacing-2xs)}.eui-toolbar-menu-content ul ul li:hover>a,.eui-toolbar-menu-content ul ul li a:hover{border-left:3px solid var(--eui-base-color-accent-120);color:var(--eui-base-color-accent-100)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-base-color-grey-15);border-right:2px solid var(--eui-base-color-grey-15);content:\"\";height:10px;position:absolute;right:10px;top:var(--eui-base-spacing-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{color:var(--eui-base-color-grey-50)!important;cursor:default;font-style:italic}.eui-toolbar-menu-content ul ul li a.disabled:hover{border-left:0}.eui-toolbar-menu-content ul ul li.separator{background-color:var(--eui-base-color-grey-5)!important;height:1px!important}.eui-toolbar-menu-content .icon-home-link span.ux-icon,.eui-toolbar-menu-content .icon-home-link span.eui-icon{font-size:var(--eui-font-size-3xl);line-height:var(--eui-base-spacing-m)}.eui-toolbar-menu-content .icon-home-link .eui-icon-svg>svg{height:1.5rem;width:1.5rem}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:after,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:after{border-right:0}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:before,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:before{border-left:0}.eui-toolbar-menu-content .eui-toolbar-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nav-bar.sidebar-toggle-with-top-menu #top-menu{left:calc(var(--eui-layout-sidebar-width) + var(--eui-base-font-size));position:absolute}\n"] }]
|
|
1256
1256
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }], propDecorators: { string: [{
|
|
@@ -1281,10 +1281,10 @@ class EuiToolbarItemsComponent extends BaseDirective {
|
|
|
1281
1281
|
this.e2eAttr = 'eui-toolbar-items';
|
|
1282
1282
|
}
|
|
1283
1283
|
}
|
|
1284
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1285
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1284
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1285
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiToolbarItemsComponent, selector: "eui-toolbar-items", inputs: { euiPositionRight: "euiPositionRight" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
1286
1286
|
}
|
|
1287
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarItemsComponent, decorators: [{
|
|
1288
1288
|
type: Component,
|
|
1289
1289
|
args: [{ selector: 'eui-toolbar-items', template: "<ng-content></ng-content>\n" }]
|
|
1290
1290
|
}], ctorParameters: () => [], propDecorators: { euiPositionRight: [{
|
|
@@ -1299,10 +1299,10 @@ class EuiToolbarItemComponent {
|
|
|
1299
1299
|
this.string = 'eui-toolbar-item';
|
|
1300
1300
|
this.tabindex = '0';
|
|
1301
1301
|
}
|
|
1302
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1303
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1302
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1303
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiToolbarItemComponent, selector: "eui-toolbar-item", host: { properties: { "class": "this.string", "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
1304
1304
|
}
|
|
1305
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1305
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarItemComponent, decorators: [{
|
|
1306
1306
|
type: Component,
|
|
1307
1307
|
args: [{ selector: 'eui-toolbar-item', template: "<ng-content></ng-content>\n" }]
|
|
1308
1308
|
}], propDecorators: { string: [{
|
|
@@ -1326,8 +1326,8 @@ class EuiToolbarItemUserProfileComponent {
|
|
|
1326
1326
|
closeUserProfileDropdown() {
|
|
1327
1327
|
this.userProfile.closeDropdown();
|
|
1328
1328
|
}
|
|
1329
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1330
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1329
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarItemUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1330
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiToolbarItemUserProfileComponent, selector: "eui-toolbar-item-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", isShowUserInfos: "isShowUserInfos", hasWelcomeLabel: "hasWelcomeLabel", isShowAvatarInitials: "isShowAvatarInitials", hasTabNavigation: "hasTabNavigation" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "userProfileMenu", predicate: i0.forwardRef(() => EuiUserProfileMenuComponent) }], viewQueries: [{ propertyName: "userProfile", first: true, predicate: ["userProfile"], descendants: true }], ngImport: i0, template: "<eui-user-profile\n euiSizeS\n euiInverted\n [hasWelcomeLabel]=\"hasWelcomeLabel\"\n [welcomeLabel]=\"welcomeLabel\"\n [impersonateLabel]=\"impersonateLabel\"\n [avatarUrl]=\"avatarUrl\"\n [hasMenu]=\"userProfileMenu.length !== 0\"\n [isShowUserInfos]=\"isShowUserInfos\"\n [isShowAvatarInitials]=\"isShowAvatarInitials\"\n [hasTabNavigation]=\"hasTabNavigation\"\n #userProfile>\n <ng-content select=\"eui-user-profile-menu\"></ng-content>\n</eui-user-profile>\n", dependencies: [{ kind: "component", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: ["welcomeLabel", "impersonateLabel", "avatarUrl", "hasMenu", "isShowUserInfos", "hasWelcomeLabel", "isShowAvatarInitials", "hasTabNavigation"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1331
1331
|
}
|
|
1332
1332
|
__decorate([
|
|
1333
1333
|
coerceBoolean$1
|
|
@@ -1341,7 +1341,7 @@ __decorate([
|
|
|
1341
1341
|
__decorate([
|
|
1342
1342
|
coerceBoolean$1
|
|
1343
1343
|
], EuiToolbarItemUserProfileComponent.prototype, "hasTabNavigation", void 0);
|
|
1344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarItemUserProfileComponent, decorators: [{
|
|
1345
1345
|
type: Component,
|
|
1346
1346
|
args: [{ selector: 'eui-toolbar-item-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-user-profile\n euiSizeS\n euiInverted\n [hasWelcomeLabel]=\"hasWelcomeLabel\"\n [welcomeLabel]=\"welcomeLabel\"\n [impersonateLabel]=\"impersonateLabel\"\n [avatarUrl]=\"avatarUrl\"\n [hasMenu]=\"userProfileMenu.length !== 0\"\n [isShowUserInfos]=\"isShowUserInfos\"\n [isShowAvatarInitials]=\"isShowAvatarInitials\"\n [hasTabNavigation]=\"hasTabNavigation\"\n #userProfile>\n <ng-content select=\"eui-user-profile-menu\"></ng-content>\n</eui-user-profile>\n" }]
|
|
1347
1347
|
}], propDecorators: { class: [{
|
|
@@ -1372,10 +1372,10 @@ class EuiToolbarItemSearchComponent {
|
|
|
1372
1372
|
constructor() {
|
|
1373
1373
|
this.string = 'eui-toolbar-item-search';
|
|
1374
1374
|
}
|
|
1375
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1376
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1375
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarItemSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1376
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiToolbarItemSearchComponent, selector: "eui-toolbar-item-search", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<eui-toolbar-item>\n <ng-content select=\"eui-search\"></ng-content>\n</eui-toolbar-item>\n", dependencies: [{ kind: "component", type: EuiToolbarItemComponent, selector: "eui-toolbar-item" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1377
1377
|
}
|
|
1378
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarItemSearchComponent, decorators: [{
|
|
1379
1379
|
type: Component,
|
|
1380
1380
|
args: [{ selector: 'eui-toolbar-item-search', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-toolbar-item>\n <ng-content select=\"eui-search\"></ng-content>\n</eui-toolbar-item>\n" }]
|
|
1381
1381
|
}], propDecorators: { string: [{
|
|
@@ -1387,10 +1387,10 @@ class EuiToolbarItemNotificationsComponent {
|
|
|
1387
1387
|
constructor() {
|
|
1388
1388
|
this.string = 'eui-toolbar-item-notifications';
|
|
1389
1389
|
}
|
|
1390
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1391
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1390
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarItemNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1391
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiToolbarItemNotificationsComponent, selector: "eui-toolbar-item-notifications", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<eui-toolbar-item>\n <ng-content select=\"eui-notifications\"></ng-content>\n</eui-toolbar-item>\n", dependencies: [{ kind: "component", type: EuiToolbarItemComponent, selector: "eui-toolbar-item" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1392
1392
|
}
|
|
1393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1393
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarItemNotificationsComponent, decorators: [{
|
|
1394
1394
|
type: Component,
|
|
1395
1395
|
args: [{ selector: 'eui-toolbar-item-notifications', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-toolbar-item>\n <ng-content select=\"eui-notifications\"></ng-content>\n</eui-toolbar-item>\n" }]
|
|
1396
1396
|
}], propDecorators: { string: [{
|
|
@@ -1526,10 +1526,10 @@ class EuiToolbarMenuComponent {
|
|
|
1526
1526
|
}
|
|
1527
1527
|
}
|
|
1528
1528
|
}
|
|
1529
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1530
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1529
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarMenuComponent, deps: [{ token: i1.EuiAppShellService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1530
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiToolbarMenuComponent, selector: "eui-toolbar-menu", inputs: { items: "items" }, outputs: { menuItemClick: "menuItemClick" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0, template: "<nav id=\"top-menu\" class=\"eui-toolbar-menu-content\" *ngIf=\"items && items.length !== 0\">\n <ul>\n <li *ngFor=\"let link of items\" [class.has-sub]=\"link.children\" [class.selected]=\"link.active\" routerLinkActive=\"selected\">\n <a\n *ngIf=\"!link.url\"\n [class.disabled]=\"link.disabled\"\n [tabindex]=\"!link.disabled ? 0 : -1\"\n (click)=\"onLinkClick(link)\"\n (keydown)=\"onKeyDown($event, link)\"\n title=\"{{ link.label | translate }}\"\n [class.icon-home-link]=\"link.isHome\">\n <div class=\"eui-u-flex\">\n <eui-icon-svg\n *ngIf=\"link.iconSvgName\"\n [icon]=\"link.iconSvgName\"\n [fillColor]=\"link.active ? 'grey-100' : 'white'\"\n class=\"eui-u-mr-xs\">\n </eui-icon-svg>\n <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n <eui-icon-svg *ngIf=\"link.children\" icon=\"eui-caret-down\" [fillColor]=\"link.active ? 'grey-100' : 'white'\" size=\"s\">\n </eui-icon-svg>\n </div>\n </a>\n <a\n *ngIf=\"link.url\"\n [routerLink]=\"link.url\"\n [class.disabled]=\"link.disabled\"\n (click)=\"onLinkClick(link)\"\n (keydown)=\"onKeyDown($event, link)\"\n title=\"{{ link.label | translate }}\"\n [class.icon-home-link]=\"link.isHome\">\n <div class=\"eui-u-flex\">\n <eui-icon-svg\n *ngIf=\"link.iconSvgName\"\n [icon]=\"link.iconSvgName\"\n [fillColor]=\"link.active ? 'grey-100' : 'white'\"\n size=\"s\"\n class=\"eui-u-mr-xs\">\n </eui-icon-svg>\n <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n <eui-icon-svg\n *ngIf=\"link.children\"\n icon=\"eui-caret-down\"\n [fillColor]=\"link.active ? 'grey-100' : 'white'\"\n size=\"s\"\n class=\"eui-u-ml-xs\">\n </eui-icon-svg>\n </div>\n </a>\n\n <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"link.children\">\n <li\n *ngFor=\"let childLink of link.children\"\n class=\"child\"\n [class.has-sub]=\"childLink?.children\"\n [class.separator]=\"childLink.isSeparator\">\n <a\n *ngIf=\"!childLink.url\"\n [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n [class.disabled]=\"childLink.disabled\"\n (click)=\"onLinkClick(childLink)\"\n (keydown)=\"onKeyDown($event, childLink)\">\n <!-- v15 OK -->\n <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n </a>\n <a\n *ngIf=\"childLink.url\"\n [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n [class.disabled]=\"childLink.disabled\"\n [routerLink]=\"childLink.url\"\n (click)=\"onLinkClick(childLink)\"\n (keydown)=\"onKeyDown($event, childLink)\">\n <!-- v15 OK -->\n <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n </a>\n\n <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"childLink.children\">\n <li class=\"child\" [class.separator]=\"childSubLink.isSeparator\" *ngFor=\"let childSubLink of childLink.children\">\n <a\n *ngIf=\"childSubLink.url\"\n [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n [class.disabled]=\"childSubLink.disabled\"\n [routerLink]=\"childSubLink.url\"\n (click)=\"onLinkClick(childSubLink)\"\n (keydown)=\"onKeyDown($event, childSubLink)\">\n <!-- v15 OK -->\n <span\n *ngIf=\"childSubLink.iconClass\"\n class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childSubLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n </a>\n <a\n *ngIf=\"!childSubLink.url\"\n [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n [class.disabled]=\"childSubLink.disabled\"\n (click)=\"onLinkClick(childSubLink)\"\n (keydown)=\"onKeyDown($event, childSubLink)\">\n <!-- v15 OK -->\n <span\n *ngIf=\"childSubLink.iconClass\"\n class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childSubLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n </a>\n </li>\n </ul>\n </li>\n </ul>\n </li>\n </ul>\n</nav>\n", dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1531
1531
|
}
|
|
1532
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1532
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarMenuComponent, decorators: [{
|
|
1533
1533
|
type: Component,
|
|
1534
1534
|
args: [{ selector: 'eui-toolbar-menu', encapsulation: ViewEncapsulation.None, template: "<nav id=\"top-menu\" class=\"eui-toolbar-menu-content\" *ngIf=\"items && items.length !== 0\">\n <ul>\n <li *ngFor=\"let link of items\" [class.has-sub]=\"link.children\" [class.selected]=\"link.active\" routerLinkActive=\"selected\">\n <a\n *ngIf=\"!link.url\"\n [class.disabled]=\"link.disabled\"\n [tabindex]=\"!link.disabled ? 0 : -1\"\n (click)=\"onLinkClick(link)\"\n (keydown)=\"onKeyDown($event, link)\"\n title=\"{{ link.label | translate }}\"\n [class.icon-home-link]=\"link.isHome\">\n <div class=\"eui-u-flex\">\n <eui-icon-svg\n *ngIf=\"link.iconSvgName\"\n [icon]=\"link.iconSvgName\"\n [fillColor]=\"link.active ? 'grey-100' : 'white'\"\n class=\"eui-u-mr-xs\">\n </eui-icon-svg>\n <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n <eui-icon-svg *ngIf=\"link.children\" icon=\"eui-caret-down\" [fillColor]=\"link.active ? 'grey-100' : 'white'\" size=\"s\">\n </eui-icon-svg>\n </div>\n </a>\n <a\n *ngIf=\"link.url\"\n [routerLink]=\"link.url\"\n [class.disabled]=\"link.disabled\"\n (click)=\"onLinkClick(link)\"\n (keydown)=\"onKeyDown($event, link)\"\n title=\"{{ link.label | translate }}\"\n [class.icon-home-link]=\"link.isHome\">\n <div class=\"eui-u-flex\">\n <eui-icon-svg\n *ngIf=\"link.iconSvgName\"\n [icon]=\"link.iconSvgName\"\n [fillColor]=\"link.active ? 'grey-100' : 'white'\"\n size=\"s\"\n class=\"eui-u-mr-xs\">\n </eui-icon-svg>\n <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n <eui-icon-svg\n *ngIf=\"link.children\"\n icon=\"eui-caret-down\"\n [fillColor]=\"link.active ? 'grey-100' : 'white'\"\n size=\"s\"\n class=\"eui-u-ml-xs\">\n </eui-icon-svg>\n </div>\n </a>\n\n <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"link.children\">\n <li\n *ngFor=\"let childLink of link.children\"\n class=\"child\"\n [class.has-sub]=\"childLink?.children\"\n [class.separator]=\"childLink.isSeparator\">\n <a\n *ngIf=\"!childLink.url\"\n [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n [class.disabled]=\"childLink.disabled\"\n (click)=\"onLinkClick(childLink)\"\n (keydown)=\"onKeyDown($event, childLink)\">\n <!-- v15 OK -->\n <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n </a>\n <a\n *ngIf=\"childLink.url\"\n [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n [class.disabled]=\"childLink.disabled\"\n [routerLink]=\"childLink.url\"\n (click)=\"onLinkClick(childLink)\"\n (keydown)=\"onKeyDown($event, childLink)\">\n <!-- v15 OK -->\n <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n </a>\n\n <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"childLink.children\">\n <li class=\"child\" [class.separator]=\"childSubLink.isSeparator\" *ngFor=\"let childSubLink of childLink.children\">\n <a\n *ngIf=\"childSubLink.url\"\n [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n [class.disabled]=\"childSubLink.disabled\"\n [routerLink]=\"childSubLink.url\"\n (click)=\"onLinkClick(childSubLink)\"\n (keydown)=\"onKeyDown($event, childSubLink)\">\n <!-- v15 OK -->\n <span\n *ngIf=\"childSubLink.iconClass\"\n class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childSubLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n </a>\n <a\n *ngIf=\"!childSubLink.url\"\n [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n [class.disabled]=\"childSubLink.disabled\"\n (click)=\"onLinkClick(childSubLink)\"\n (keydown)=\"onKeyDown($event, childSubLink)\">\n <!-- v15 OK -->\n <span\n *ngIf=\"childSubLink.iconClass\"\n class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n <eui-icon-svg\n *ngIf=\"childSubLink.iconSvgName\"\n class=\"eui-toolbar-menu-item__icon\"\n icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n </a>\n </li>\n </ul>\n </li>\n </ul>\n </li>\n </ul>\n</nav>\n" }]
|
|
1535
1535
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i0.ChangeDetectorRef }], propDecorators: { class: [{
|
|
@@ -1544,10 +1544,10 @@ class EuiToolbarCenterComponent {
|
|
|
1544
1544
|
constructor() {
|
|
1545
1545
|
this.string = 'eui-toolbar-center';
|
|
1546
1546
|
}
|
|
1547
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1548
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1547
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarCenterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1548
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiToolbarCenterComponent, selector: "eui-toolbar-center", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
1549
1549
|
}
|
|
1550
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarCenterComponent, decorators: [{
|
|
1551
1551
|
type: Component,
|
|
1552
1552
|
args: [{ selector: 'eui-toolbar-center', template: "<ng-content></ng-content>\n" }]
|
|
1553
1553
|
}], propDecorators: { string: [{
|
|
@@ -1569,8 +1569,8 @@ const COMPONENTS$2 = [
|
|
|
1569
1569
|
EuiToolbarCenterComponent,
|
|
1570
1570
|
];
|
|
1571
1571
|
class EuiToolbarModule {
|
|
1572
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1573
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1572
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1573
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarModule, declarations: [EuiToolbarComponent,
|
|
1574
1574
|
EuiToolbarItemComponent,
|
|
1575
1575
|
EuiToolbarItemsComponent,
|
|
1576
1576
|
EuiToolbarItemUserProfileComponent,
|
|
@@ -1599,7 +1599,7 @@ class EuiToolbarModule {
|
|
|
1599
1599
|
EuiToolbarEnvironmentComponent,
|
|
1600
1600
|
EuiToolbarMenuComponent,
|
|
1601
1601
|
EuiToolbarCenterComponent] }); }
|
|
1602
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1602
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarModule, imports: [CommonModule,
|
|
1603
1603
|
RouterModule,
|
|
1604
1604
|
EuiIconModule,
|
|
1605
1605
|
EuiButtonModule,
|
|
@@ -1609,7 +1609,7 @@ class EuiToolbarModule {
|
|
|
1609
1609
|
EuiLanguageSelectorModule,
|
|
1610
1610
|
TranslateModule] }); }
|
|
1611
1611
|
}
|
|
1612
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1612
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiToolbarModule, decorators: [{
|
|
1613
1613
|
type: NgModule,
|
|
1614
1614
|
args: [{
|
|
1615
1615
|
imports: [
|
|
@@ -1651,10 +1651,10 @@ class EuiAppToolbarComponent {
|
|
|
1651
1651
|
});
|
|
1652
1652
|
document.documentElement.style.removeProperty('--eui-app-toolbar-height');
|
|
1653
1653
|
}
|
|
1654
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1655
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1654
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppToolbarComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1655
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: { hasLanguageSelector: "hasLanguageSelector" }, host: { properties: { "class": "this.string", "attr.role": "this.role" } }, ngImport: i0, template: "<!--Only render the toggle if there is a rendered sidebar in the DOM, otherwise it doesn't make sense. -->\n<eui-sidebar-toggle *ngIf=\"asService.getState('hasSidebar') | async\" class=\"eui-app-toolbar__sidebar-toggle\"> </eui-sidebar-toggle>\n\n<ng-content></ng-content>\n\n<ng-container\n *ngIf=\"\n !(asService.getState('hasHeader') | async | coerceBool) ||\n ((asService.getState('hasHeader') | async) && (asService.breakpoints$ | async).isMobile)\n \">\n <ng-container *ngIf=\"hasLanguageSelector\">\n <eui-language-selector styleClass=\"eui-app-toolbar__language-selector\"> </eui-language-selector>\n </ng-container>\n</ng-container>\n", styles: [".eui-app-toolbar{align-items:center;background:var(--eui-base-color-primary-100);color:var(--eui-base-color-white);width:100%;height:var(--eui-app-toolbar-height);display:flex;position:fixed;right:0;left:0;top:calc(var(--eui-app-header-height) + var(--eui-app-top-message-height));transition:top .1s ease,left .1s ease-in,width .1s ease-in;z-index:var(--eui-base-z-index-nav)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-base-spacing-xs)}.eui-app-toolbar__language-selector{margin-left:auto}.eui-app-toolbar__language-selector .eui-language-selector-link__icon{color:var(--eui-base-color-white);font-size:var(--eui-base-icon-size-l)}.eui-app-toolbar__language-selector .eui-language-selector-link__language-code{color:var(--eui-base-color-primary-100)}.modal-open .eui-app-toolbar{z-index:auto}.eui-t-ec .eui-app-toolbar__sidebar-toggle{padding-top:calc(var(--eui-base-spacing-m) + 2px)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: ["e2eAttr"] }, { kind: "component", type: EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: ["hasLanguageSelection"], outputs: ["languageSelectorClick"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.EuiCoerceBooleanPipe, name: "coerceBool" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1656
1656
|
}
|
|
1657
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1657
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppToolbarComponent, decorators: [{
|
|
1658
1658
|
type: Component,
|
|
1659
1659
|
args: [{ selector: 'eui-app-toolbar', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<!--Only render the toggle if there is a rendered sidebar in the DOM, otherwise it doesn't make sense. -->\n<eui-sidebar-toggle *ngIf=\"asService.getState('hasSidebar') | async\" class=\"eui-app-toolbar__sidebar-toggle\"> </eui-sidebar-toggle>\n\n<ng-content></ng-content>\n\n<ng-container\n *ngIf=\"\n !(asService.getState('hasHeader') | async | coerceBool) ||\n ((asService.getState('hasHeader') | async) && (asService.breakpoints$ | async).isMobile)\n \">\n <ng-container *ngIf=\"hasLanguageSelector\">\n <eui-language-selector styleClass=\"eui-app-toolbar__language-selector\"> </eui-language-selector>\n </ng-container>\n</ng-container>\n", styles: [".eui-app-toolbar{align-items:center;background:var(--eui-base-color-primary-100);color:var(--eui-base-color-white);width:100%;height:var(--eui-app-toolbar-height);display:flex;position:fixed;right:0;left:0;top:calc(var(--eui-app-header-height) + var(--eui-app-top-message-height));transition:top .1s ease,left .1s ease-in,width .1s ease-in;z-index:var(--eui-base-z-index-nav)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-base-spacing-xs)}.eui-app-toolbar__language-selector{margin-left:auto}.eui-app-toolbar__language-selector .eui-language-selector-link__icon{color:var(--eui-base-color-white);font-size:var(--eui-base-icon-size-l)}.eui-app-toolbar__language-selector .eui-language-selector-link__language-code{color:var(--eui-base-color-primary-100)}.modal-open .eui-app-toolbar{z-index:auto}.eui-t-ec .eui-app-toolbar__sidebar-toggle{padding-top:calc(var(--eui-base-spacing-m) + 2px)}\n"] }]
|
|
1660
1660
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }], propDecorators: { string: [{
|
|
@@ -1669,11 +1669,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
1669
1669
|
|
|
1670
1670
|
const COMPONENTS$1 = [EuiAppToolbarComponent];
|
|
1671
1671
|
class EuiAppToolbarModule {
|
|
1672
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1673
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1674
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1672
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1673
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppToolbarModule, declarations: [EuiAppToolbarComponent], imports: [CommonModule, EuiSidebarToggleModule, EuiLanguageSelectorModule, EuiToolbarModule, EuiCoerceBooleanPipeModule], exports: [EuiAppToolbarComponent] }); }
|
|
1674
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppToolbarModule, imports: [CommonModule, EuiSidebarToggleModule, EuiLanguageSelectorModule, EuiToolbarModule, EuiCoerceBooleanPipeModule] }); }
|
|
1675
1675
|
}
|
|
1676
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppToolbarModule, decorators: [{
|
|
1677
1677
|
type: NgModule,
|
|
1678
1678
|
args: [{
|
|
1679
1679
|
imports: [CommonModule, EuiSidebarToggleModule, EuiLanguageSelectorModule, EuiToolbarModule, EuiCoerceBooleanPipeModule],
|
|
@@ -1808,10 +1808,10 @@ class EuiAppComponent {
|
|
|
1808
1808
|
this.destroy$.next(true);
|
|
1809
1809
|
this.destroy$.unsubscribe();
|
|
1810
1810
|
}
|
|
1811
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1812
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1811
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppComponent, deps: [{ token: i1.EuiAppShellService }, { token: i1.EuiGrowlService }, { token: i2$4.DeviceDetectorService }, { token: i0.ChangeDetectorRef }, { token: EUI_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1812
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppComponent, selector: "eui-app", inputs: { appSubTitle: "appSubTitle", themeClass: "themeClass", userInfos: "userInfos", userSubInfos: "userSubInfos", impersonatedUserInfos: "impersonatedUserInfos", isSidebarOpen: "isSidebarOpen", isSidebarExpandOnHover: "isSidebarExpandOnHover", isShrinkHeaderActive: "isShrinkHeaderActive", isSidebarHidden: "isSidebarHidden" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "appSidebar", first: true, predicate: i0.forwardRef(() => EuiAppSidebarComponent), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i0.forwardRef(() => EuiAppPageWrapperDirective), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i0.forwardRef(() => EuiAppToolbarComponent), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<eui-dimmer [isDimmerActive]=\"(asService.state$ | async).isDimmerActive\"></eui-dimmer>\n\n<ng-content select=\"eui-app-sidebar\"></ng-content>\n<ng-container *ngIf=\"!appSidebar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile\">\n <eui-app-sidebar>\n <eui-app-sidebar-body>\n <eui-app-sidebar-menu [items]=\"(asService.state$ | async).menuLinks\" [hasIcons]=\"true\"></eui-app-sidebar-menu>\n </eui-app-sidebar-body>\n </eui-app-sidebar>\n</ng-container>\n\n<div class=\"eui-app-main\">\n <ng-content select=\"eui-app-top-message\"></ng-content>\n\n <ng-content select=\"eui-app-header\"></ng-content>\n\n <ng-container\n *ngIf=\"!appToolbar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlockToolbar\">\n <eui-app-toolbar>\n <eui-toolbar></eui-toolbar>\n </eui-app-toolbar>\n </ng-container>\n\n <ng-template #elseBlockToolbar>\n <ng-content select=\"eui-app-toolbar\"></ng-content>\n </ng-template>\n\n <ng-content select=\"eui-app-breadcrumb\"></ng-content>\n\n <div class=\"eui-app-main-content\" role=\"main\">\n <ng-content select=\"eui-app-page-wrapper\"></ng-content>\n <!-- TODO: consider removing code below in the future by transferring responsibility of providing <router-outlet> to the developer -->\n <ng-container *ngIf=\"hasNoPageWrapper\">\n <router-outlet></router-outlet>\n </ng-container>\n </div>\n\n <ng-content select=\"eui-app-footer\"></ng-content>\n</div>\n\n<eui-growl\n [value]=\"euiGrowlService.growlMessages\"\n [sticky]=\"euiGrowlService.isGrowlSticky\"\n [closeAllSticky]=\"euiGrowlService.isCloseAllSticky\"\n [life]=\"euiGrowlService.growlLife\"\n [position]=\"euiGrowlService.growlPosition\"\n (clicked)=\"euiGrowlService.growlCallback()\"></eui-growl>\n\n<eui-block-document [isBlocked]=\"(asService.state$ | async).isBlockDocumentActive\"></eui-block-document>\n", styles: [".eui-app{display:flex;overflow:hidden}@media screen and (max-width: 767px){.eui-app.sidebar--open:before{background:rgba(0,0,0,.3);bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app.sidebar--open:before{background:rgba(0,0,0,.3);bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 996px){.sidebar--hidden.eui-app.sidebar--open:before{background:rgba(0,0,0,.3);bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}.eui-app-main{min-height:100vh;background:var(--eui-base-color-grey-2);width:calc(100% - var(--eui-app-sidebar-width));margin-left:var(--eui-app-sidebar-width);display:flex;flex-direction:column}@media screen and (max-width: 767px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 996px){.sidebar--close .eui-app-main{margin-left:var(--eui-app-sidebar-width-close);width:calc(100% - var(--eui-app-sidebar-width-close))}.sidebar--hidden.sidebar--close .eui-app-main,.sidebar--hidden.sidebar--open .eui-app-main{margin-left:0;width:100%}}.eui-app-main-content{flex-grow:1;margin-top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height) - var(--eui-app-breadcrumb-height));position:relative}eui-app-page-wrapper{display:flex;width:100%}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: ["hasLanguageSelector"] }, { kind: "component", type: EuiToolbarComponent, selector: "eui-toolbar" }, { kind: "component", type: EuiAppSidebarComponent, selector: "eui-app-sidebar" }, { kind: "component", type: EuiAppSidebarBodyComponent, selector: "eui-app-sidebar-body" }, { kind: "component", type: EuiAppSidebarMenuComponent, selector: "eui-app-sidebar-menu", inputs: ["items", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems"], outputs: ["sidebarItemClick"] }, { kind: "component", type: i10.EuiBlockDocumentComponent, selector: "eui-block-document", inputs: ["isBlocked"] }, { kind: "component", type: i11.EuiGrowlComponent, selector: "eui-growl", inputs: ["sticky", "life", "value", "style", "styleClass", "position", "e2eAttr", "closeAllSticky"], outputs: ["growlClick"] }, { kind: "component", type: i12.EuiDimmerComponent, selector: "eui-dimmer", inputs: ["isDimmerActive", "e2eAttr"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1813
1813
|
}
|
|
1814
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1814
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppComponent, decorators: [{
|
|
1815
1815
|
type: Component,
|
|
1816
1816
|
args: [{ selector: 'eui-app', encapsulation: ViewEncapsulation.None, template: "<eui-dimmer [isDimmerActive]=\"(asService.state$ | async).isDimmerActive\"></eui-dimmer>\n\n<ng-content select=\"eui-app-sidebar\"></ng-content>\n<ng-container *ngIf=\"!appSidebar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile\">\n <eui-app-sidebar>\n <eui-app-sidebar-body>\n <eui-app-sidebar-menu [items]=\"(asService.state$ | async).menuLinks\" [hasIcons]=\"true\"></eui-app-sidebar-menu>\n </eui-app-sidebar-body>\n </eui-app-sidebar>\n</ng-container>\n\n<div class=\"eui-app-main\">\n <ng-content select=\"eui-app-top-message\"></ng-content>\n\n <ng-content select=\"eui-app-header\"></ng-content>\n\n <ng-container\n *ngIf=\"!appToolbar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlockToolbar\">\n <eui-app-toolbar>\n <eui-toolbar></eui-toolbar>\n </eui-app-toolbar>\n </ng-container>\n\n <ng-template #elseBlockToolbar>\n <ng-content select=\"eui-app-toolbar\"></ng-content>\n </ng-template>\n\n <ng-content select=\"eui-app-breadcrumb\"></ng-content>\n\n <div class=\"eui-app-main-content\" role=\"main\">\n <ng-content select=\"eui-app-page-wrapper\"></ng-content>\n <!-- TODO: consider removing code below in the future by transferring responsibility of providing <router-outlet> to the developer -->\n <ng-container *ngIf=\"hasNoPageWrapper\">\n <router-outlet></router-outlet>\n </ng-container>\n </div>\n\n <ng-content select=\"eui-app-footer\"></ng-content>\n</div>\n\n<eui-growl\n [value]=\"euiGrowlService.growlMessages\"\n [sticky]=\"euiGrowlService.isGrowlSticky\"\n [closeAllSticky]=\"euiGrowlService.isCloseAllSticky\"\n [life]=\"euiGrowlService.growlLife\"\n [position]=\"euiGrowlService.growlPosition\"\n (clicked)=\"euiGrowlService.growlCallback()\"></eui-growl>\n\n<eui-block-document [isBlocked]=\"(asService.state$ | async).isBlockDocumentActive\"></eui-block-document>\n", styles: [".eui-app{display:flex;overflow:hidden}@media screen and (max-width: 767px){.eui-app.sidebar--open:before{background:rgba(0,0,0,.3);bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app.sidebar--open:before{background:rgba(0,0,0,.3);bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 996px){.sidebar--hidden.eui-app.sidebar--open:before{background:rgba(0,0,0,.3);bottom:0;content:\"\";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}.eui-app-main{min-height:100vh;background:var(--eui-base-color-grey-2);width:calc(100% - var(--eui-app-sidebar-width));margin-left:var(--eui-app-sidebar-width);display:flex;flex-direction:column}@media screen and (max-width: 767px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 996px){.sidebar--close .eui-app-main{margin-left:var(--eui-app-sidebar-width-close);width:calc(100% - var(--eui-app-sidebar-width-close))}.sidebar--hidden.sidebar--close .eui-app-main,.sidebar--hidden.sidebar--open .eui-app-main{margin-left:0;width:100%}}.eui-app-main-content{flex-grow:1;margin-top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height) - var(--eui-app-breadcrumb-height));position:relative}eui-app-page-wrapper{display:flex;width:100%}\n"] }]
|
|
1817
1817
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i1.EuiGrowlService }, { type: i2$4.DeviceDetectorService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
@@ -1850,10 +1850,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
1850
1850
|
}] } });
|
|
1851
1851
|
/* eslint-disable */
|
|
1852
1852
|
class EuiAppPageWrapperDirective {
|
|
1853
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1854
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1853
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppPageWrapperDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1854
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppPageWrapperDirective, selector: "eui-app-page-wrapper", ngImport: i0 }); }
|
|
1855
1855
|
}
|
|
1856
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1856
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppPageWrapperDirective, decorators: [{
|
|
1857
1857
|
type: Directive,
|
|
1858
1858
|
args: [{ selector: 'eui-app-page-wrapper' }]
|
|
1859
1859
|
}] });
|
|
@@ -1910,10 +1910,10 @@ class EuiAppHeaderComponent {
|
|
|
1910
1910
|
getCssClasses() {
|
|
1911
1911
|
return ['eui-app-header', this.isHeaderShrinked ? 'eui-app-header--shrinked' : ''].join(' ');
|
|
1912
1912
|
}
|
|
1913
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1914
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1913
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppHeaderComponent, deps: [{ token: i1.EuiAppShellService }, { token: i0.NgZone }, { token: i2$5.ViewportRuler }, { token: i2$5.ScrollDispatcher }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1914
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppHeaderComponent, selector: "eui-app-header", inputs: { isShrinkHeaderActive: "isShrinkHeaderActive" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i0, template: "<eui-sidebar-toggle\n *ngIf=\"(asService.state$ | async).hasSidebar && (asService.state$ | async).hasHeader && !(asService.state$ | async).hasToolbar\"\n styleClass=\"eui-app-header__sidebar-toggle\">\n</eui-sidebar-toggle>\n\n<ng-content select=\"eui-header\"></ng-content>\n", styles: [".eui-app-header{align-items:center;background-color:var(--eui-base-color-white);display:flex;flex-direction:row;height:var(--eui-app-header-height);position:fixed;right:0;top:var(--eui-app-top-message-height);width:100%;z-index:var(--eui-base-z-index-header);transition:all .1s ease}.eui-app-header--shrinked{visibility:hidden}.eui-app-header__sidebar-toggle{display:flex;padding:2rem .5rem 1rem 1rem}.eui-app-header__sidebar-toggle .eui-icon{cursor:pointer}@media screen and (max-width: 767px){.eui-app-header{visibility:hidden}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: ["e2eAttr"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1915
1915
|
}
|
|
1916
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1916
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppHeaderComponent, decorators: [{
|
|
1917
1917
|
type: Component,
|
|
1918
1918
|
args: [{ selector: 'eui-app-header', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-sidebar-toggle\n *ngIf=\"(asService.state$ | async).hasSidebar && (asService.state$ | async).hasHeader && !(asService.state$ | async).hasToolbar\"\n styleClass=\"eui-app-header__sidebar-toggle\">\n</eui-sidebar-toggle>\n\n<ng-content select=\"eui-header\"></ng-content>\n", styles: [".eui-app-header{align-items:center;background-color:var(--eui-base-color-white);display:flex;flex-direction:row;height:var(--eui-app-header-height);position:fixed;right:0;top:var(--eui-app-top-message-height);width:100%;z-index:var(--eui-base-z-index-header);transition:all .1s ease}.eui-app-header--shrinked{visibility:hidden}.eui-app-header__sidebar-toggle{display:flex;padding:2rem .5rem 1rem 1rem}.eui-app-header__sidebar-toggle .eui-icon{cursor:pointer}@media screen and (max-width: 767px){.eui-app-header{visibility:hidden}}\n"] }]
|
|
1919
1919
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i0.NgZone }, { type: i2$5.ViewportRuler }, { type: i2$5.ScrollDispatcher }], propDecorators: { cssClasses: [{
|
|
@@ -1927,11 +1927,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
1927
1927
|
}] } });
|
|
1928
1928
|
|
|
1929
1929
|
class EuiAppHeaderModule {
|
|
1930
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1931
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1932
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1930
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1931
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppHeaderModule, declarations: [EuiAppHeaderComponent], imports: [CommonModule, EuiSidebarToggleModule, EuiUserProfileModule, EuiLanguageSelectorModule, RouterModule], exports: [EuiAppHeaderComponent] }); }
|
|
1932
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppHeaderModule, imports: [CommonModule, EuiSidebarToggleModule, EuiUserProfileModule, EuiLanguageSelectorModule, RouterModule] }); }
|
|
1933
1933
|
}
|
|
1934
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1934
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppHeaderModule, decorators: [{
|
|
1935
1935
|
type: NgModule,
|
|
1936
1936
|
args: [{
|
|
1937
1937
|
imports: [CommonModule, EuiSidebarToggleModule, EuiUserProfileModule, EuiLanguageSelectorModule, RouterModule],
|
|
@@ -1954,10 +1954,10 @@ class EuiAppBreadcrumbComponent {
|
|
|
1954
1954
|
getCssClasses() {
|
|
1955
1955
|
return ['eui-app-breadcrumb'].join(' ');
|
|
1956
1956
|
}
|
|
1957
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1958
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1957
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppBreadcrumbComponent, deps: [{ token: i1.EuiAppShellService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1958
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppBreadcrumbComponent, selector: "eui-app-breadcrumb", host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-app-breadcrumb{align-items:center;display:flex;flex-direction:row;height:var(--eui-app-breadcrumb-height);top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));position:relative;margin:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) 0;width:100%;z-index:10}@media screen and (max-width: 767px){.eui-app-breadcrumb{visibility:hidden}}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1959
1959
|
}
|
|
1960
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1960
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppBreadcrumbComponent, decorators: [{
|
|
1961
1961
|
type: Component,
|
|
1962
1962
|
args: [{ selector: 'eui-app-breadcrumb', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-app-breadcrumb{align-items:center;display:flex;flex-direction:row;height:var(--eui-app-breadcrumb-height);top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));position:relative;margin:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) 0;width:100%;z-index:10}@media screen and (max-width: 767px){.eui-app-breadcrumb{visibility:hidden}}\n"] }]
|
|
1963
1963
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }], propDecorators: { cssClasses: [{
|
|
@@ -1969,11 +1969,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
1969
1969
|
}] } });
|
|
1970
1970
|
|
|
1971
1971
|
class EuiAppBreadcrumbModule {
|
|
1972
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1973
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1974
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1972
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1973
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppBreadcrumbModule, declarations: [EuiAppBreadcrumbComponent], imports: [CommonModule], exports: [EuiAppBreadcrumbComponent] }); }
|
|
1974
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppBreadcrumbModule, imports: [CommonModule] }); }
|
|
1975
1975
|
}
|
|
1976
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1976
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppBreadcrumbModule, decorators: [{
|
|
1977
1977
|
type: NgModule,
|
|
1978
1978
|
args: [{
|
|
1979
1979
|
imports: [CommonModule],
|
|
@@ -1987,10 +1987,10 @@ class EuiAppFooterComponent {
|
|
|
1987
1987
|
this.class = 'eui-app-footer';
|
|
1988
1988
|
this.role = 'contentinfo';
|
|
1989
1989
|
}
|
|
1990
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1991
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
1990
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1991
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppFooterComponent, selector: "eui-app-footer", host: { properties: { "class": "this.class", "attr.role": "this.role" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-app-footer{border-top:1px solid var(--eui-base-color-grey-5);transition:all .2s ease;margin-top:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1992
1992
|
}
|
|
1993
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
1993
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppFooterComponent, decorators: [{
|
|
1994
1994
|
type: Component,
|
|
1995
1995
|
args: [{ selector: 'eui-app-footer', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-app-footer{border-top:1px solid var(--eui-base-color-grey-5);transition:all .2s ease;margin-top:auto}\n"] }]
|
|
1996
1996
|
}], propDecorators: { class: [{
|
|
@@ -2001,11 +2001,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
2001
2001
|
}] } });
|
|
2002
2002
|
|
|
2003
2003
|
class EuiAppFooterModule {
|
|
2004
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2005
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2006
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2004
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2005
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppFooterModule, declarations: [EuiAppFooterComponent], imports: [CommonModule], exports: [EuiAppFooterComponent] }); }
|
|
2006
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppFooterModule, imports: [CommonModule] }); }
|
|
2007
2007
|
}
|
|
2008
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2008
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppFooterModule, decorators: [{
|
|
2009
2009
|
type: NgModule,
|
|
2010
2010
|
args: [{
|
|
2011
2011
|
imports: [CommonModule],
|
|
@@ -2063,13 +2063,13 @@ class EuiAppTopMessageComponent extends BaseDirective$1 {
|
|
|
2063
2063
|
this.cd.reattach();
|
|
2064
2064
|
this.cd.detectChanges();
|
|
2065
2065
|
}
|
|
2066
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2067
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2066
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppTopMessageComponent, deps: [{ token: i1.EuiAppShellService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i2$6.ContentObserver }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2067
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiAppTopMessageComponent, selector: "eui-app-top-message", inputs: { isCloseable: "isCloseable", isVisible: "isVisible" }, outputs: { topMessageClose: "topMessageClose" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "appTopMessage", first: true, predicate: ["appTopMessage"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-app-top-message__wrapper\" #appTopMessage>\n <div class=\"eui-app-top-message__content\">\n <ng-content></ng-content>\n </div>\n <eui-accessible-button-icon\n iconSvgName=\"eui-close\"\n hasFocusBorder\n (click)=\"onCloseClick()\"\n ariaLabel=\"Close top message\"\n class=\"eui-u-ml-auto\">\n </eui-accessible-button-icon>\n</div>\n", styles: [".eui-app-top-message{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-base-z-index-top-message);background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--hidden{display:none}.eui-app-top-message__wrapper{display:flex;flex-direction:row;align-items:center;width:100%}.eui-app-top-message__content{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: i2$2.EuiAccessibleButtonIconComponent, selector: "eui-accessible-button-icon", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2068
2068
|
}
|
|
2069
2069
|
__decorate([
|
|
2070
2070
|
coerceBoolean
|
|
2071
2071
|
], EuiAppTopMessageComponent.prototype, "isCloseable", void 0);
|
|
2072
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2072
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppTopMessageComponent, decorators: [{
|
|
2073
2073
|
type: Component,
|
|
2074
2074
|
args: [{ selector: 'eui-app-top-message', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-app-top-message__wrapper\" #appTopMessage>\n <div class=\"eui-app-top-message__content\">\n <ng-content></ng-content>\n </div>\n <eui-accessible-button-icon\n iconSvgName=\"eui-close\"\n hasFocusBorder\n (click)=\"onCloseClick()\"\n ariaLabel=\"Close top message\"\n class=\"eui-u-ml-auto\">\n </eui-accessible-button-icon>\n</div>\n", styles: [".eui-app-top-message{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-base-z-index-top-message);background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--hidden{display:none}.eui-app-top-message__wrapper{display:flex;flex-direction:row;align-items:center;width:100%}.eui-app-top-message__content{display:flex;flex-direction:column}\n"] }]
|
|
2075
2075
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i2$6.ContentObserver }], propDecorators: { cssClasses: [{
|
|
@@ -2090,11 +2090,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
2090
2090
|
}] } });
|
|
2091
2091
|
|
|
2092
2092
|
class EuiAppTopMessageModule {
|
|
2093
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2094
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2095
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2093
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppTopMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2094
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppTopMessageModule, declarations: [EuiAppTopMessageComponent], imports: [CommonModule, EuiAccessibleButtonIconModule], exports: [EuiAppTopMessageComponent] }); }
|
|
2095
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppTopMessageModule, imports: [CommonModule, EuiAccessibleButtonIconModule] }); }
|
|
2096
2096
|
}
|
|
2097
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2097
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppTopMessageModule, decorators: [{
|
|
2098
2098
|
type: NgModule,
|
|
2099
2099
|
args: [{
|
|
2100
2100
|
imports: [CommonModule, EuiAccessibleButtonIconModule],
|
|
@@ -2194,10 +2194,10 @@ class EuiBreadcrumbItemComponent {
|
|
|
2194
2194
|
isLast() {
|
|
2195
2195
|
return !this.nextCrumb;
|
|
2196
2196
|
}
|
|
2197
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2198
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2197
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiBreadcrumbItemComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.Router }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.LogService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2198
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiBreadcrumbItemComponent, selector: "eui-breadcrumb-item", inputs: { id: "id", label: "label", link: "link", navigationExtras: "navigationExtras" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<!-- render the separator if should have one -->\n<div *ngIf=\"hasPrevious\" class=\"eui-breadcrumb-item__separator\">\n <eui-icon-svg icon=\"eui-chevron-forward\" size=\"xs\" fillColor=\"grey-100\"></eui-icon-svg>\n</div>\n<button type=\"button\" *ngIf=\"link\" euiButton euiBasicButton euiSizeS [euiSecondary]=\"!hasNext\" [euiPrimary]=\"hasNext\" (click)=\"onClick()\">\n {{ label }}\n</button>\n<span *ngIf=\"!link\" euiLabel euiSizeS [euiSecondary]=\"!hasNext\" [euiPrimary]=\"hasNext\">{{ label }}</span>\n", styles: [".eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-breadcrumb__items{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-breadcrumb+.eui-breadcrumb-item:before{color:var(--eui-base-color-grey-25);height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Forward%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M184 112l144 144-144 144'/%3E%3C/svg%3E\");display:inline-block;padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.cdk-overlay-container .eui-breadcrumb-separator{margin:0 var(--eui-base-spacing-xs) 0 0}@media screen and (max-width: 767px){eui-breadcrumb,.eui-breadcrumb{display:none}}.eui-breadcrumb-item{align-items:center;display:flex;font-size:var(--eui-base-font-size-s);font-weight:700}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:var(--eui-base-font-size-s);font-weight:700;padding:0 var(--eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:var(--eui-base-color-grey-75);cursor:none;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i6$2.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2199
2199
|
}
|
|
2200
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiBreadcrumbItemComponent, decorators: [{
|
|
2201
2201
|
type: Component,
|
|
2202
2202
|
args: [{ selector: 'eui-breadcrumb-item', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<!-- render the separator if should have one -->\n<div *ngIf=\"hasPrevious\" class=\"eui-breadcrumb-item__separator\">\n <eui-icon-svg icon=\"eui-chevron-forward\" size=\"xs\" fillColor=\"grey-100\"></eui-icon-svg>\n</div>\n<button type=\"button\" *ngIf=\"link\" euiButton euiBasicButton euiSizeS [euiSecondary]=\"!hasNext\" [euiPrimary]=\"hasNext\" (click)=\"onClick()\">\n {{ label }}\n</button>\n<span *ngIf=\"!link\" euiLabel euiSizeS [euiSecondary]=\"!hasNext\" [euiPrimary]=\"hasNext\">{{ label }}</span>\n", styles: [".eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-breadcrumb__items{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-breadcrumb+.eui-breadcrumb-item:before{color:var(--eui-base-color-grey-25);height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Forward%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M184 112l144 144-144 144'/%3E%3C/svg%3E\");display:inline-block;padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.cdk-overlay-container .eui-breadcrumb-separator{margin:0 var(--eui-base-spacing-xs) 0 0}@media screen and (max-width: 767px){eui-breadcrumb,.eui-breadcrumb{display:none}}.eui-breadcrumb-item{align-items:center;display:flex;font-size:var(--eui-base-font-size-s);font-weight:700}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:var(--eui-base-font-size-s);font-weight:700;padding:0 var(--eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:var(--eui-base-color-grey-75);cursor:none;pointer-events:none}\n"] }]
|
|
2203
2203
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.Router }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.LogService, decorators: [{
|
|
@@ -2275,10 +2275,10 @@ class CollapsedBreadcrumbComponent {
|
|
|
2275
2275
|
hasCustomButton() {
|
|
2276
2276
|
return !!this.customButton;
|
|
2277
2277
|
}
|
|
2278
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2279
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2278
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: CollapsedBreadcrumbComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2279
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: CollapsedBreadcrumbComponent, selector: "eui-collapsed-breadcrumb", queries: [{ propertyName: "customButton", first: true, predicate: i0.forwardRef(() => CollapsedButtonDirective), descendants: true, static: true }, { propertyName: "listItemComponents", predicate: i0.forwardRef(() => EuiListItemComponent) }], viewQueries: [{ propertyName: "list", first: true, predicate: EuiListComponent, descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<eui-dropdown>\n <!-- render default collapsed button if no custom is provided -->\n <ng-container *ngIf=\"!hasCustomButton()\">\n <button type=\"button\" euiButton euiRounded euiSizeS euiIconButton euiOutline euiAccent>\n <eui-icon-svg icon=\"eui-ellipsis-horizontal\"></eui-icon-svg>\n </button>\n </ng-container>\n <!-- provide customizations for the collapsed button -->\n <ng-content select=\"collapsed-button\"></ng-content>\n <eui-dropdown-content>\n <ul euiList>\n <ng-content></ng-content>\n </ul>\n </eui-dropdown-content>\n</eui-dropdown>\n\n<!-- SAMPLE aligned with Design System\n<eui-dropdown>\n <button type=\"button\" euiButton euiRounded euiIconButton euiBasicButton euiPrimary euiSizeS euiTooltip=\"Other links menu\" [attr.aria-label]=\"'Other links menu'\">\n <eui-icon-svg icon=\"ellipsis-horizontal\" fillColor=\"grey-100\"></eui-icon-svg>\n </button>\n <eui-dropdown-content>\n <ul euiList>\n <li euiListItem>\n <eui-icon-svg icon=\"chevron-forward\" size=\"xs\" fillColor=\"grey-75\"></eui-icon-svg>\n <button type=\"button\" euiSizeXS euiListItem>Item 1</button>\n </li>\n <li euiListItem>\n <eui-icon-svg icon=\"chevron-forward\" size=\"xs\" fillColor=\"grey-75\"></eui-icon-svg>\n <button type=\"button\" euiSizeXS euiListItem>Item 2</button>\n </li>\n </ul>\n </eui-dropdown-content>\n</eui-dropdown>\n-->\n", styles: [".eui-breadcrumb-item{align-items:center;display:flex;font-size:v(eui-base-font-size-s);font-weight:700}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 v(eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:v(eui-base-font-size-s);font-weight:700;padding:0 v(eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:v(eui-base-color-grey-75);cursor:none;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i4$1.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isDropDownRightAligned", "isClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation"] }, { kind: "directive", type: i4$1.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i5$2.EuiListComponent, selector: "[euiList], eui-list", inputs: ["isCollapsible"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2280
2280
|
}
|
|
2281
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2281
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: CollapsedBreadcrumbComponent, decorators: [{
|
|
2282
2282
|
type: Component,
|
|
2283
2283
|
args: [{ selector: 'eui-collapsed-breadcrumb', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-dropdown>\n <!-- render default collapsed button if no custom is provided -->\n <ng-container *ngIf=\"!hasCustomButton()\">\n <button type=\"button\" euiButton euiRounded euiSizeS euiIconButton euiOutline euiAccent>\n <eui-icon-svg icon=\"eui-ellipsis-horizontal\"></eui-icon-svg>\n </button>\n </ng-container>\n <!-- provide customizations for the collapsed button -->\n <ng-content select=\"collapsed-button\"></ng-content>\n <eui-dropdown-content>\n <ul euiList>\n <ng-content></ng-content>\n </ul>\n </eui-dropdown-content>\n</eui-dropdown>\n\n<!-- SAMPLE aligned with Design System\n<eui-dropdown>\n <button type=\"button\" euiButton euiRounded euiIconButton euiBasicButton euiPrimary euiSizeS euiTooltip=\"Other links menu\" [attr.aria-label]=\"'Other links menu'\">\n <eui-icon-svg icon=\"ellipsis-horizontal\" fillColor=\"grey-100\"></eui-icon-svg>\n </button>\n <eui-dropdown-content>\n <ul euiList>\n <li euiListItem>\n <eui-icon-svg icon=\"chevron-forward\" size=\"xs\" fillColor=\"grey-75\"></eui-icon-svg>\n <button type=\"button\" euiSizeXS euiListItem>Item 1</button>\n </li>\n <li euiListItem>\n <eui-icon-svg icon=\"chevron-forward\" size=\"xs\" fillColor=\"grey-75\"></eui-icon-svg>\n <button type=\"button\" euiSizeXS euiListItem>Item 2</button>\n </li>\n </ul>\n </eui-dropdown-content>\n</eui-dropdown>\n-->\n", styles: [".eui-breadcrumb-item{align-items:center;display:flex;font-size:v(eui-base-font-size-s);font-weight:700}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 v(eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:v(eui-base-font-size-s);font-weight:700;padding:0 v(eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:v(eui-base-color-grey-75);cursor:none;pointer-events:none}\n"] }]
|
|
2284
2284
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }], propDecorators: { customButton: [{
|
|
@@ -2293,10 +2293,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
2293
2293
|
}] } });
|
|
2294
2294
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
2295
2295
|
class CollapsedButtonDirective {
|
|
2296
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2297
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2296
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: CollapsedButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2297
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: CollapsedButtonDirective, selector: "collapsed-button", ngImport: i0 }); }
|
|
2298
2298
|
}
|
|
2299
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: CollapsedButtonDirective, decorators: [{
|
|
2300
2300
|
type: Directive,
|
|
2301
2301
|
args: [{ selector: 'collapsed-button' }]
|
|
2302
2302
|
}] });
|
|
@@ -2488,10 +2488,10 @@ class EuiBreadcrumbComponent {
|
|
|
2488
2488
|
this.collapsedViewIcon = icon;
|
|
2489
2489
|
}
|
|
2490
2490
|
}
|
|
2491
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2492
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2491
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiBreadcrumbComponent, deps: [{ token: i1.EuiAppShellService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i2$5.ViewportRuler }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2492
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiBreadcrumbComponent, selector: "eui-breadcrumb", host: { properties: { "class": "this.string" } }, queries: [{ propertyName: "breadcrumbItems", predicate: i0.forwardRef(() => EuiBreadcrumbItemComponent) }], viewQueries: [{ propertyName: "vcr", first: true, predicate: ["vcr"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"eui-breadcrumb__items\">\n <ng-container #vcr>\n <ng-content></ng-content>\n </ng-container>\n</div>\n", styles: [".eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-breadcrumb__items{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-breadcrumb+.eui-breadcrumb-item:before{color:var(--eui-base-color-grey-25);height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Forward%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M184 112l144 144-144 144'/%3E%3C/svg%3E\");display:inline-block;padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.cdk-overlay-container .eui-breadcrumb-separator{margin:0 var(--eui-base-spacing-xs) 0 0}@media screen and (max-width: 767px){eui-breadcrumb,.eui-breadcrumb{display:none}}.eui-breadcrumb-item{align-items:center;display:flex;font-size:var(--eui-base-font-size-s);font-weight:700}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:var(--eui-base-font-size-s);font-weight:700;padding:0 var(--eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:var(--eui-base-color-grey-75);cursor:none;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2493
2493
|
}
|
|
2494
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2494
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiBreadcrumbComponent, decorators: [{
|
|
2495
2495
|
type: Component,
|
|
2496
2496
|
args: [{ selector: 'eui-breadcrumb', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-breadcrumb__items\">\n <ng-container #vcr>\n <ng-content></ng-content>\n </ng-container>\n</div>\n", styles: [".eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-breadcrumb__items{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-breadcrumb+.eui-breadcrumb-item:before{color:var(--eui-base-color-grey-25);height:1rem;width:1rem;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Forward%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M184 112l144 144-144 144'/%3E%3C/svg%3E\");display:inline-block;padding-left:var(--eui-base-spacing-xs);padding-right:var(--eui-base-spacing-xs)}.cdk-overlay-container .eui-breadcrumb-separator{margin:0 var(--eui-base-spacing-xs) 0 0}@media screen and (max-width: 767px){eui-breadcrumb,.eui-breadcrumb{display:none}}.eui-breadcrumb-item{align-items:center;display:flex;font-size:var(--eui-base-font-size-s);font-weight:700}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-base-spacing-2xs)}.eui-breadcrumb-item .eui-button{background-color:transparent;border:1px solid transparent;font-size:var(--eui-base-font-size-s);font-weight:700;padding:0 var(--eui-base-spacing-2xs) 0 0}.eui-breadcrumb-item .eui-button:hover{background-color:transparent!important}.eui-breadcrumb-item .eui-label{white-space:nowrap;text-decoration:none!important}.eui-breadcrumb-item .eui-label--secondary{color:var(--eui-base-color-grey-75);cursor:none;pointer-events:none}\n"] }]
|
|
2497
2497
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i2$5.ViewportRuler }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }], propDecorators: { string: [{
|
|
@@ -2584,10 +2584,10 @@ class EuiBreadcrumbService {
|
|
|
2584
2584
|
// Notify observers
|
|
2585
2585
|
this.breadcrumbsSource$.next(this.breadcrumb);
|
|
2586
2586
|
}
|
|
2587
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2588
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2587
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiBreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2588
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiBreadcrumbService, providedIn: 'root' }); }
|
|
2589
2589
|
}
|
|
2590
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2590
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiBreadcrumbService, decorators: [{
|
|
2591
2591
|
type: Injectable,
|
|
2592
2592
|
args: [{
|
|
2593
2593
|
providedIn: 'root',
|
|
@@ -2595,15 +2595,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
2595
2595
|
}], ctorParameters: () => [] });
|
|
2596
2596
|
|
|
2597
2597
|
class EuiBreadcrumbModule {
|
|
2598
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2599
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2598
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2599
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiBreadcrumbModule, declarations: [CollapsedButtonDirective, EuiBreadcrumbComponent, EuiBreadcrumbItemComponent, CollapsedBreadcrumbComponent], imports: [CommonModule, RouterModule, PortalModule, EuiButtonModule, EuiIconModule, EuiDropdownModule, EuiListModule, EuiLabelModule], exports: [
|
|
2600
2600
|
// CollapsedBreadcrumbComponent,
|
|
2601
2601
|
// CollapsedButtonDirective,
|
|
2602
2602
|
EuiBreadcrumbComponent,
|
|
2603
2603
|
EuiBreadcrumbItemComponent] }); }
|
|
2604
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2604
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiBreadcrumbModule, providers: [EuiBreadcrumbService], imports: [CommonModule, RouterModule, PortalModule, EuiButtonModule, EuiIconModule, EuiDropdownModule, EuiListModule, EuiLabelModule] }); }
|
|
2605
2605
|
}
|
|
2606
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2606
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiBreadcrumbModule, decorators: [{
|
|
2607
2607
|
type: NgModule,
|
|
2608
2608
|
args: [{
|
|
2609
2609
|
imports: [CommonModule, RouterModule, PortalModule, EuiButtonModule, EuiIconModule, EuiDropdownModule, EuiListModule, EuiLabelModule],
|
|
@@ -2636,8 +2636,8 @@ const MODULES$1 = [
|
|
|
2636
2636
|
EuiAppBreadcrumbModule,
|
|
2637
2637
|
];
|
|
2638
2638
|
class EuiAppModule {
|
|
2639
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2640
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2639
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2640
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppModule, declarations: [EuiAppComponent, EuiAppPageWrapperDirective], imports: [CommonModule, RouterModule, EuiUserProfileModule,
|
|
2641
2641
|
EuiSearchModule,
|
|
2642
2642
|
EuiBreadcrumbModule,
|
|
2643
2643
|
EuiLanguageSelectorModule,
|
|
@@ -2666,7 +2666,7 @@ class EuiAppModule {
|
|
|
2666
2666
|
EuiGrowlModule,
|
|
2667
2667
|
EuiDimmerModule,
|
|
2668
2668
|
EuiAppBreadcrumbModule] }); }
|
|
2669
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2669
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppModule, imports: [CommonModule, RouterModule, MODULES$1, EuiUserProfileModule,
|
|
2670
2670
|
EuiSearchModule,
|
|
2671
2671
|
EuiBreadcrumbModule,
|
|
2672
2672
|
EuiLanguageSelectorModule,
|
|
@@ -2682,7 +2682,7 @@ class EuiAppModule {
|
|
|
2682
2682
|
EuiDimmerModule,
|
|
2683
2683
|
EuiAppBreadcrumbModule] }); }
|
|
2684
2684
|
}
|
|
2685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2685
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiAppModule, decorators: [{
|
|
2686
2686
|
type: NgModule,
|
|
2687
2687
|
args: [{
|
|
2688
2688
|
imports: [CommonModule, RouterModule, ...MODULES$1],
|
|
@@ -2743,10 +2743,10 @@ class EuiFooterComponent extends BaseDirective {
|
|
|
2743
2743
|
constructor() {
|
|
2744
2744
|
super();
|
|
2745
2745
|
}
|
|
2746
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2747
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2746
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2747
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiFooterComponent, selector: "eui-footer", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-footer{background:var(--eui-base-color-grey-2);display:flex;padding:1rem;width:100%}.eui-footer--primary{background:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}.eui-footer--primary a{color:var(--eui-base-color-white)!important;text-decoration:underline}\n"], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2748
2748
|
}
|
|
2749
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2749
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiFooterComponent, decorators: [{
|
|
2750
2750
|
type: Component,
|
|
2751
2751
|
args: [{ selector: 'eui-footer', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-footer{background:var(--eui-base-color-grey-2);display:flex;padding:1rem;width:100%}.eui-footer--primary{background:var(--eui-base-color-primary-100);color:var(--eui-base-color-white)}.eui-footer--primary a{color:var(--eui-base-color-white)!important;text-decoration:underline}\n"] }]
|
|
2752
2752
|
}], ctorParameters: () => [], propDecorators: { cssClasses: [{
|
|
@@ -2755,11 +2755,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
2755
2755
|
}] } });
|
|
2756
2756
|
|
|
2757
2757
|
class EuiFooterModule {
|
|
2758
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2759
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2760
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2758
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2759
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiFooterModule, declarations: [EuiFooterComponent], imports: [CommonModule], exports: [EuiFooterComponent] }); }
|
|
2760
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiFooterModule, imports: [CommonModule] }); }
|
|
2761
2761
|
}
|
|
2762
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2762
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiFooterModule, decorators: [{
|
|
2763
2763
|
type: NgModule,
|
|
2764
2764
|
args: [{
|
|
2765
2765
|
imports: [CommonModule],
|
|
@@ -2772,10 +2772,10 @@ class EuiHeaderComponent {
|
|
|
2772
2772
|
constructor() {
|
|
2773
2773
|
this.string = 'eui-header';
|
|
2774
2774
|
}
|
|
2775
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2776
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2775
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2776
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiHeaderComponent, selector: "eui-header", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div class=\"eui-header-logo-wrapper\">\n <ng-content select=\"eui-header-logo\"></ng-content>\n <ng-content select=\"eui-header-environment\"></ng-content>\n</div>\n\n<ng-content select=\"eui-header-app\"></ng-content>\n\n<div class=\"eui-header-right-content\">\n <ng-content select=\"eui-header-user-profile\"></ng-content>\n <eui-language-selector styleClass=\"eui-header__language-selector\"></eui-language-selector>\n</div>\n", styles: [".eui-header{align-items:center;display:flex;flex-direction:row;height:var(--eui-app-header-height);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);transition:margin-top .2s ease-in-out;width:100%}.eui-header-logo-wrapper{position:relative}.eui-header-right-content{align-items:center;display:flex;margin-left:auto}.eui-header-app{align-self:flex-end;display:flex;flex-direction:column;height:var(--eui-base-spacing-4xl);justify-content:flex-end;min-height:var(--eui-base-spacing-4xl);margin-left:calc(-1 * var(--eui-base-spacing-m))}.eui-header-app__title{align-items:center;color:var(--eui-base-color-grey-100);display:flex;font-size:var(--eui-base-font-size-4xl)}.eui-header-app__title.short{display:none}.eui-header-app__sub-title{align-items:center;color:var(--eui-base-color-grey-75);display:flex;font-size:var(--eui-base-font-size-2xl);line-height:1.5;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:300}.eui-header-environment{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-xl);opacity:var(--eui-base-disabled-opacity);position:absolute;text-align:center;top:var(--eui-base-spacing-l);transform:rotate(-10deg);width:90%}.eui-header-logo{display:flex}.eui-header-logo .logo{background-size:cover;cursor:pointer;height:78px;width:269px}.eui-header-logo .logo-svg{background-size:cover;cursor:pointer;height:64px;width:260px}@media screen and (min-width: 768px) and (max-width: 995px){.eui-header-logo .logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;height:60px;width:124px}.eui-header-logo .logo_img{display:none}}@media screen and (max-width: 767px){.eui-header-logo .logo{display:none}}.eui-header-user-profile{display:flex;margin-left:auto}\n"], dependencies: [{ kind: "component", type: EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: ["hasLanguageSelection"], outputs: ["languageSelectorClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2777
2777
|
}
|
|
2778
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderComponent, decorators: [{
|
|
2779
2779
|
type: Component,
|
|
2780
2780
|
args: [{ selector: 'eui-header', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-header-logo-wrapper\">\n <ng-content select=\"eui-header-logo\"></ng-content>\n <ng-content select=\"eui-header-environment\"></ng-content>\n</div>\n\n<ng-content select=\"eui-header-app\"></ng-content>\n\n<div class=\"eui-header-right-content\">\n <ng-content select=\"eui-header-user-profile\"></ng-content>\n <eui-language-selector styleClass=\"eui-header__language-selector\"></eui-language-selector>\n</div>\n", styles: [".eui-header{align-items:center;display:flex;flex-direction:row;height:var(--eui-app-header-height);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);transition:margin-top .2s ease-in-out;width:100%}.eui-header-logo-wrapper{position:relative}.eui-header-right-content{align-items:center;display:flex;margin-left:auto}.eui-header-app{align-self:flex-end;display:flex;flex-direction:column;height:var(--eui-base-spacing-4xl);justify-content:flex-end;min-height:var(--eui-base-spacing-4xl);margin-left:calc(-1 * var(--eui-base-spacing-m))}.eui-header-app__title{align-items:center;color:var(--eui-base-color-grey-100);display:flex;font-size:var(--eui-base-font-size-4xl)}.eui-header-app__title.short{display:none}.eui-header-app__sub-title{align-items:center;color:var(--eui-base-color-grey-75);display:flex;font-size:var(--eui-base-font-size-2xl);line-height:1.5;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:300}.eui-header-environment{background-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-white);font-size:var(--eui-base-font-size-xl);opacity:var(--eui-base-disabled-opacity);position:absolute;text-align:center;top:var(--eui-base-spacing-l);transform:rotate(-10deg);width:90%}.eui-header-logo{display:flex}.eui-header-logo .logo{background-size:cover;cursor:pointer;height:78px;width:269px}.eui-header-logo .logo-svg{background-size:cover;cursor:pointer;height:64px;width:260px}@media screen and (min-width: 768px) and (max-width: 995px){.eui-header-logo .logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;height:60px;width:124px}.eui-header-logo .logo_img{display:none}}@media screen and (max-width: 767px){.eui-header-logo .logo{display:none}}.eui-header-user-profile{display:flex;margin-left:auto}\n"] }]
|
|
2781
2781
|
}], propDecorators: { string: [{
|
|
@@ -2825,10 +2825,10 @@ class EuiHeaderAppComponent {
|
|
|
2825
2825
|
});
|
|
2826
2826
|
}
|
|
2827
2827
|
}
|
|
2828
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2829
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2828
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppComponent, deps: [{ token: i1.EuiAppShellService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2829
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiHeaderAppComponent, selector: "eui-header-app", inputs: { appName: "appName", appShortName: "appShortName", appSubTitle: "appSubTitle" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "customAppName", first: true, predicate: i0.forwardRef(() => EuiHeaderAppNameDirective), descendants: true }, { propertyName: "customAppSubtitle", first: true, predicate: i0.forwardRef(() => EuiHeaderAppSubtitleDirective), descendants: true }, { propertyName: "customAppNameLogo", first: true, predicate: i0.forwardRef(() => EuiHeaderAppNameLogoDirective), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"customAppName\">\n <div class=\"eui-header-app__title full\">\n <ng-content select=\"eui-header-app-name\"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf=\"!customAppName\">\n <div *ngIf=\"appName\" class=\"eui-header-app__title full\">\n {{ appName }}\n </div>\n</ng-container>\n\n<div class=\"eui-header-app__title short\">\n {{ appShortName }}\n</div>\n\n<ng-container *ngIf=\"customAppSubtitle\">\n <div class=\"eui-header-app__sub-title\">\n <ng-content select=\"eui-header-app-subtitle\"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf=\"!customAppSubtitle\">\n <div *ngIf=\"appSubTitle\" class=\"eui-header-app__sub-title\">{{ appSubTitle }}</div>\n</ng-container>\n\n<ng-container *ngIf=\"customAppNameLogo\">\n <div class=\"eui-header-app-__title-logo\">\n <ng-content select=\"eui-header-app-name-logo\"></ng-content>\n </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2830
2830
|
}
|
|
2831
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2831
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppComponent, decorators: [{
|
|
2832
2832
|
type: Component,
|
|
2833
2833
|
args: [{ selector: 'eui-header-app', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"customAppName\">\n <div class=\"eui-header-app__title full\">\n <ng-content select=\"eui-header-app-name\"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf=\"!customAppName\">\n <div *ngIf=\"appName\" class=\"eui-header-app__title full\">\n {{ appName }}\n </div>\n</ng-container>\n\n<div class=\"eui-header-app__title short\">\n {{ appShortName }}\n</div>\n\n<ng-container *ngIf=\"customAppSubtitle\">\n <div class=\"eui-header-app__sub-title\">\n <ng-content select=\"eui-header-app-subtitle\"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf=\"!customAppSubtitle\">\n <div *ngIf=\"appSubTitle\" class=\"eui-header-app__sub-title\">{{ appSubTitle }}</div>\n</ng-container>\n\n<ng-container *ngIf=\"customAppNameLogo\">\n <div class=\"eui-header-app-__title-logo\">\n <ng-content select=\"eui-header-app-name-logo\"></ng-content>\n </div>\n</ng-container>\n" }]
|
|
2834
2834
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService, decorators: [{
|
|
@@ -2854,26 +2854,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
2854
2854
|
}] } });
|
|
2855
2855
|
/* eslint-disable */
|
|
2856
2856
|
class EuiHeaderAppNameDirective {
|
|
2857
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2858
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2857
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppNameDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2858
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiHeaderAppNameDirective, selector: "eui-header-app-name", ngImport: i0 }); }
|
|
2859
2859
|
}
|
|
2860
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2860
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppNameDirective, decorators: [{
|
|
2861
2861
|
type: Directive,
|
|
2862
2862
|
args: [{ selector: 'eui-header-app-name' }]
|
|
2863
2863
|
}] });
|
|
2864
2864
|
class EuiHeaderAppSubtitleDirective {
|
|
2865
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2866
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2865
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2866
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiHeaderAppSubtitleDirective, selector: "eui-header-app-subtitle", ngImport: i0 }); }
|
|
2867
2867
|
}
|
|
2868
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2868
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppSubtitleDirective, decorators: [{
|
|
2869
2869
|
type: Directive,
|
|
2870
2870
|
args: [{ selector: 'eui-header-app-subtitle' }]
|
|
2871
2871
|
}] });
|
|
2872
2872
|
class EuiHeaderAppNameLogoDirective {
|
|
2873
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2874
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2873
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppNameLogoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2874
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiHeaderAppNameLogoDirective, selector: "eui-header-app-name-logo", ngImport: i0 }); }
|
|
2875
2875
|
}
|
|
2876
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2876
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppNameLogoDirective, decorators: [{
|
|
2877
2877
|
type: Directive,
|
|
2878
2878
|
args: [{ selector: 'eui-header-app-name-logo' }]
|
|
2879
2879
|
}] });
|
|
@@ -2897,10 +2897,10 @@ class EuiHeaderEnvironmentComponent {
|
|
|
2897
2897
|
hasHeaderEnvironment: false,
|
|
2898
2898
|
});
|
|
2899
2899
|
}
|
|
2900
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2901
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2900
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderEnvironmentComponent, deps: [{ token: i1.EuiAppShellService, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2901
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiHeaderEnvironmentComponent, selector: "eui-header-environment", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2902
2902
|
}
|
|
2903
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2903
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderEnvironmentComponent, decorators: [{
|
|
2904
2904
|
type: Component,
|
|
2905
2905
|
args: [{ selector: 'eui-header-environment', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
2906
2906
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService, decorators: [{
|
|
@@ -2935,10 +2935,10 @@ class EuiHeaderLogoComponent {
|
|
|
2935
2935
|
hasHeaderLogo: false,
|
|
2936
2936
|
});
|
|
2937
2937
|
}
|
|
2938
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2939
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2938
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderLogoComponent, deps: [{ token: i1.EuiAppShellService, optional: true }, { token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2939
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiHeaderLogoComponent, selector: "eui-header-logo", inputs: { homeUrl: "homeUrl" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<img class=\"logo-svg\" [src]=\"svgUrl\" [routerLink]=\"homeUrl\" alt=\"EC logo\" />\n", dependencies: [{ kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2940
2940
|
}
|
|
2941
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2941
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderLogoComponent, decorators: [{
|
|
2942
2942
|
type: Component,
|
|
2943
2943
|
args: [{ selector: 'eui-header-logo', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<img class=\"logo-svg\" [src]=\"svgUrl\" [routerLink]=\"homeUrl\" alt=\"EC logo\" />\n" }]
|
|
2944
2944
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService, decorators: [{
|
|
@@ -2967,8 +2967,8 @@ class EuiHeaderUserProfileComponent {
|
|
|
2967
2967
|
closeUserProfileDropdown() {
|
|
2968
2968
|
this.userProfile.closeDropdown();
|
|
2969
2969
|
}
|
|
2970
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2971
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
2970
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2971
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiHeaderUserProfileComponent, selector: "eui-header-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", isShowUserInfos: "isShowUserInfos", hasWelcomeLabel: "hasWelcomeLabel", isShowAvatarInitials: "isShowAvatarInitials", hasTabNavigation: "hasTabNavigation" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "userProfileMenu", predicate: i0.forwardRef(() => EuiUserProfileMenuComponent) }], viewQueries: [{ propertyName: "userProfile", first: true, predicate: ["userProfile"], descendants: true }], ngImport: i0, template: "<eui-user-profile\n [hasWelcomeLabel]=\"hasWelcomeLabel\"\n [welcomeLabel]=\"welcomeLabel\"\n [impersonateLabel]=\"impersonateLabel\"\n [avatarUrl]=\"avatarUrl\"\n [hasMenu]=\"userProfileMenu.length !== 0\"\n [isShowUserInfos]=\"isShowUserInfos\"\n [isShowAvatarInitials]=\"isShowAvatarInitials\"\n [hasTabNavigation]=\"hasTabNavigation\"\n #userProfile>\n <ng-content select=\"eui-user-profile-menu\"></ng-content>\n</eui-user-profile>\n", dependencies: [{ kind: "component", type: EuiUserProfileComponent, selector: "eui-user-profile", inputs: ["welcomeLabel", "impersonateLabel", "avatarUrl", "hasMenu", "isShowUserInfos", "hasWelcomeLabel", "isShowAvatarInitials", "hasTabNavigation"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2972
2972
|
}
|
|
2973
2973
|
__decorate([
|
|
2974
2974
|
coerceBoolean$1
|
|
@@ -2982,7 +2982,7 @@ __decorate([
|
|
|
2982
2982
|
__decorate([
|
|
2983
2983
|
coerceBoolean$1
|
|
2984
2984
|
], EuiHeaderUserProfileComponent.prototype, "hasTabNavigation", void 0);
|
|
2985
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
2985
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderUserProfileComponent, decorators: [{
|
|
2986
2986
|
type: Component,
|
|
2987
2987
|
args: [{ selector: 'eui-header-user-profile', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-user-profile\n [hasWelcomeLabel]=\"hasWelcomeLabel\"\n [welcomeLabel]=\"welcomeLabel\"\n [impersonateLabel]=\"impersonateLabel\"\n [avatarUrl]=\"avatarUrl\"\n [hasMenu]=\"userProfileMenu.length !== 0\"\n [isShowUserInfos]=\"isShowUserInfos\"\n [isShowAvatarInitials]=\"isShowAvatarInitials\"\n [hasTabNavigation]=\"hasTabNavigation\"\n #userProfile>\n <ng-content select=\"eui-user-profile-menu\"></ng-content>\n</eui-user-profile>\n" }]
|
|
2988
2988
|
}], propDecorators: { class: [{
|
|
@@ -3025,10 +3025,10 @@ class EuiHeaderAppNameComponent {
|
|
|
3025
3025
|
appName: this.elRef.nativeElement.textContent,
|
|
3026
3026
|
});
|
|
3027
3027
|
}
|
|
3028
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3029
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
3028
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppNameComponent, deps: [{ token: i1.EuiAppShellService, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3029
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiHeaderAppNameComponent, selector: "eui-header-app-name", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3030
3030
|
}
|
|
3031
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3031
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppNameComponent, decorators: [{
|
|
3032
3032
|
type: Component,
|
|
3033
3033
|
args: [{ selector: 'eui-header-app-name', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
3034
3034
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService, decorators: [{
|
|
@@ -3050,10 +3050,10 @@ class EuiHeaderAppSubtitleComponent {
|
|
|
3050
3050
|
appSubTitle: this.elRef.nativeElement.innerHTML,
|
|
3051
3051
|
});
|
|
3052
3052
|
}
|
|
3053
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3054
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
3053
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppSubtitleComponent, deps: [{ token: i1.EuiAppShellService, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3054
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiHeaderAppSubtitleComponent, selector: "eui-header-app-subtitle", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
|
|
3055
3055
|
}
|
|
3056
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3056
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppSubtitleComponent, decorators: [{
|
|
3057
3057
|
type: Component,
|
|
3058
3058
|
args: [{ selector: 'eui-header-app-subtitle', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
3059
3059
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService, decorators: [{
|
|
@@ -3075,10 +3075,10 @@ class EuiHeaderAppNameLogoComponent {
|
|
|
3075
3075
|
get svgUrl() {
|
|
3076
3076
|
return `${this.assetsBaseUrl}/${this.logoFilename}`;
|
|
3077
3077
|
}
|
|
3078
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3079
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
3078
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppNameLogoComponent, deps: [{ token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3079
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiHeaderAppNameLogoComponent, selector: "eui-header-app-name-logo", inputs: { homeUrl: "homeUrl", logoFilename: "logoFilename" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<img class=\"title-logo-svg\" [src]=\"svgUrl\" alt=\"Application title logo\" />\n", changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3080
3080
|
}
|
|
3081
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3081
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderAppNameLogoComponent, decorators: [{
|
|
3082
3082
|
type: Component,
|
|
3083
3083
|
args: [{ selector: 'eui-header-app-name-logo', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<img class=\"title-logo-svg\" [src]=\"svgUrl\" alt=\"Application title logo\" />\n" }]
|
|
3084
3084
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -3109,8 +3109,8 @@ const COMPONENTS = [
|
|
|
3109
3109
|
EuiHeaderAppNameLogoDirective,
|
|
3110
3110
|
];
|
|
3111
3111
|
class EuiHeaderModule {
|
|
3112
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3113
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
3112
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3113
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderModule, declarations: [EuiHeaderComponent,
|
|
3114
3114
|
EuiHeaderComponent,
|
|
3115
3115
|
EuiHeaderAppComponent,
|
|
3116
3116
|
EuiHeaderAppNameComponent,
|
|
@@ -3133,9 +3133,9 @@ class EuiHeaderModule {
|
|
|
3133
3133
|
EuiHeaderUserProfileComponent,
|
|
3134
3134
|
EuiHeaderAppNameLogoComponent,
|
|
3135
3135
|
EuiHeaderAppNameLogoDirective] }); }
|
|
3136
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3136
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderModule, imports: [CommonModule, RouterModule, EuiUserProfileModule, EuiLanguageSelectorModule, RouterModule] }); }
|
|
3137
3137
|
}
|
|
3138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiHeaderModule, decorators: [{
|
|
3139
3139
|
type: NgModule,
|
|
3140
3140
|
args: [{
|
|
3141
3141
|
imports: [CommonModule, RouterModule, EuiUserProfileModule, EuiLanguageSelectorModule, RouterModule],
|
|
@@ -3170,10 +3170,10 @@ class EuiNotificationItemV2Component {
|
|
|
3170
3170
|
this.itemMarkAsRead.emit(this.item);
|
|
3171
3171
|
consumeEvent(event);
|
|
3172
3172
|
}
|
|
3173
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3174
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
3173
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationItemV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3174
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div\n class=\"eui-notification-item-content\"\n (click)=\"onItemClick()\"\n [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n <div class=\"eui-notification-item-content-top eui-u-font-s\">\n <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n <!-- TODO v15 replace by eui-icon-svg -->\n <span\n class=\"eui-icon eui-icon-bell eui-u-font-m\"\n [ngClass]=\"{\n 'eui-u-color-info-lighter time__icon--rotated': !item.metadata?.read,\n 'eui-u-color-grey-20': item.metadata?.read\n }\"></span>\n <span\n *ngIf=\"item.metadata?.new\"\n class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-s eui-icon eui-icon-circle\"></span>\n </span>\n <span class=\"eui-u-color-grey-dark\">{{ item.metadata?.date | date: dateFormat }}</span>\n </div>\n <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold eui-u-color-grey-dark\">\n <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </div>\n </div>\n <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n <ng-template [ngIf]=\"item.metadata?.url\">\n <a href=\"{{ item.metadata.url }}\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n <a\n href=\"{{ item.metadata.urlExternal }}\"\n [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </ng-template>\n </span>\n <div class=\"eui-notification-item-content-bottom\">\n <a\n class=\"eui-u-text-link\"\n *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n href=\"javascript:void(0)\"\n (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n </a>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.EuiTruncatePipe, name: "euiTruncate" }] }); }
|
|
3175
3175
|
}
|
|
3176
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3176
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationItemV2Component, decorators: [{
|
|
3177
3177
|
type: Component,
|
|
3178
3178
|
args: [{ selector: 'eui-notification-item-v2', template: "<div\n class=\"eui-notification-item-content\"\n (click)=\"onItemClick()\"\n [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n <div class=\"eui-notification-item-content-top eui-u-font-s\">\n <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n <!-- TODO v15 replace by eui-icon-svg -->\n <span\n class=\"eui-icon eui-icon-bell eui-u-font-m\"\n [ngClass]=\"{\n 'eui-u-color-info-lighter time__icon--rotated': !item.metadata?.read,\n 'eui-u-color-grey-20': item.metadata?.read\n }\"></span>\n <span\n *ngIf=\"item.metadata?.new\"\n class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-s eui-icon eui-icon-circle\"></span>\n </span>\n <span class=\"eui-u-color-grey-dark\">{{ item.metadata?.date | date: dateFormat }}</span>\n </div>\n <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold eui-u-color-grey-dark\">\n <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n </div>\n </div>\n <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n <ng-template [ngIf]=\"item.metadata?.url\">\n <a href=\"{{ item.metadata.url }}\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n <a\n href=\"{{ item.metadata.urlExternal }}\"\n [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\" tabIndex=\"0\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </a>\n </ng-template>\n\n <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n <div\n class=\"eui-notification-item-content-middle__label\"\n [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n {{ item.label | translate | euiTruncate: 200 }}\n </div>\n <div\n *ngIf=\"item.subLabel\"\n class=\"eui-notification-item-content-middle__sub-label\"\n [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n </ng-template>\n </span>\n <div class=\"eui-notification-item-content-bottom\">\n <a\n class=\"eui-u-text-link\"\n *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n href=\"javascript:void(0)\"\n (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n </a>\n </div>\n</div>\n" }]
|
|
3179
3179
|
}], propDecorators: { string: [{
|
|
@@ -3350,10 +3350,10 @@ class EuiNotificationsV2Component {
|
|
|
3350
3350
|
});
|
|
3351
3351
|
return unreadNotifications.length;
|
|
3352
3352
|
}
|
|
3353
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3354
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiNotificationsV2Component, selector: "eui-notifications-v2", inputs: { count: "count", unreadCount: "unreadCount", unreadSinceLastCheckCount: "unreadSinceLastCheckCount", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", headerHideLabel: "headerHideLabel", headerUnreadSinceLastCheckCountLabel: "headerUnreadSinceLastCheckCountLabel", headerUnreadCountLabel: "headerUnreadCountLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-svg\n class=\"eui-notifications-v2__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"unreadSinceLastCheckCount\" euiSizeS euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications-v2__header\">\n <div class=\"eui-notifications-v2__header-title\">\n <div class=\"eui-notifications-v2__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n </div>\n\n <div class=\"eui-notifications-v2__header-title-actions\">\n <span class=\"hide\">\n <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n </a>\n <span class=\"ml-2 eui-u-font-xs eui-icon eui-icon-chevron-right\"></span>\n </span>\n </div>\n </div>\n\n <div class=\"eui-notifications-v2__header-subinfos-bar\">\n <strong>{{ unreadSinceLastCheckCount }}</strong>\n <span class=\"eui-u-ml-xs\">{{\n headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n }}</span>\n\n <span class=\"eui-u-ml-xs\">|</span>\n\n <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n </div>\n\n <div class=\"eui-notifications-v2__header-subactions-bar\">\n <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n {{ 'notif.MARK-ALL-READ' | translate }}\n </a>\n <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n <span class=\"eui-u-flex\">\n <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n {{ 'notif.SV-REFRESH' | translate }}\n </span>\n </a>\n </div>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item-v2\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item-v2>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-base-color-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs);margin-left:var(--eui-base-spacing-s)}.eui-notifications-v2__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-info-10);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2$3.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2$3.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2$3.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3353
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationsV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3354
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiNotificationsV2Component, selector: "eui-notifications-v2", inputs: { count: "count", unreadCount: "unreadCount", unreadSinceLastCheckCount: "unreadSinceLastCheckCount", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", headerHideLabel: "headerHideLabel", headerUnreadSinceLastCheckCountLabel: "headerUnreadSinceLastCheckCountLabel", headerUnreadCountLabel: "headerUnreadCountLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-svg\n class=\"eui-notifications-v2__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"unreadSinceLastCheckCount\" euiSizeS euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications-v2__header\">\n <div class=\"eui-notifications-v2__header-title\">\n <div class=\"eui-notifications-v2__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n </div>\n\n <div class=\"eui-notifications-v2__header-title-actions\">\n <span class=\"hide\">\n <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n </a>\n <span class=\"ml-2 eui-u-font-xs eui-icon eui-icon-chevron-right\"></span>\n </span>\n </div>\n </div>\n\n <div class=\"eui-notifications-v2__header-subinfos-bar\">\n <strong>{{ unreadSinceLastCheckCount }}</strong>\n <span class=\"eui-u-ml-xs\">{{\n headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n }}</span>\n\n <span class=\"eui-u-ml-xs\">|</span>\n\n <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n </div>\n\n <div class=\"eui-notifications-v2__header-subactions-bar\">\n <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n {{ 'notif.MARK-ALL-READ' | translate }}\n </a>\n <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n <span class=\"eui-u-flex\">\n <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n {{ 'notif.SV-REFRESH' | translate }}\n </span>\n </a>\n </div>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item-v2\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item-v2>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-base-color-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs);margin-left:var(--eui-base-spacing-s)}.eui-notifications-v2__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-info-10);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2$3.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2$3.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2$3.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["aria-label"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3355
3355
|
}
|
|
3356
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3356
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationsV2Component, decorators: [{
|
|
3357
3357
|
type: Component,
|
|
3358
3358
|
args: [{ selector: 'eui-notifications-v2', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-icon-svg\n class=\"eui-notifications-v2__trigger\"\n role=\"button\"\n size=\"m\"\n icon=\"eui-notifications\"\n fillColor=\"grey-5\"\n (click)=\"onClicked($event)\"\n (keydown.enter)=\"onClicked($event)\"\n (keydown.esc)=\"onHide()\"\n tabindex=\"0\">\n <eui-badge *ngIf=\"unreadSinceLastCheckCount\" euiSizeS euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-svg>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n <eui-overlay-header>\n <div class=\"eui-notifications-v2__header\">\n <div class=\"eui-notifications-v2__header-title\">\n <div class=\"eui-notifications-v2__header-title-label\">\n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n </div>\n\n <div class=\"eui-notifications-v2__header-title-actions\">\n <span class=\"hide\">\n <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n </a>\n <span class=\"ml-2 eui-u-font-xs eui-icon eui-icon-chevron-right\"></span>\n </span>\n </div>\n </div>\n\n <div class=\"eui-notifications-v2__header-subinfos-bar\">\n <strong>{{ unreadSinceLastCheckCount }}</strong>\n <span class=\"eui-u-ml-xs\">{{\n headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n }}</span>\n\n <span class=\"eui-u-ml-xs\">|</span>\n\n <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n </div>\n\n <div class=\"eui-notifications-v2__header-subactions-bar\">\n <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n {{ 'notif.MARK-ALL-READ' | translate }}\n </a>\n <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n <span class=\"eui-u-flex\">\n <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n {{ 'notif.SV-REFRESH' | translate }}\n </span>\n </a>\n </div>\n </div>\n </eui-overlay-header>\n\n <eui-overlay-body>\n <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n <eui-notification-item-v2\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [item]=\"item\"\n [dateFormat]=\"dateFormat\"\n [markAsReadLabel]=\"markAsReadLabel\"\n [isShowMarkAsRead]=\"isShowMarkAsRead\"\n (itemClick)=\"onItemClick($event)\"\n (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n </eui-notification-item-v2>\n </ul>\n </eui-overlay-body>\n\n <eui-overlay-footer>\n <ng-template [ngIf]=\"items?.length > 0\">\n <strong\n ><a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">{{\n viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n }}</a></strong\n >\n </ng-template>\n <ng-template [ngIf]=\"items?.length === 0\">\n <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n </div>\n <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n <strong\n ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n }}</a></strong\n >\n </div>\n </ng-template>\n </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-base-color-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger{cursor:pointer;margin-top:var(--eui-base-spacing-xs);margin-left:var(--eui-base-spacing-s)}.eui-notifications-v2__trigger:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:5px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-font);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-base-color-grey-10);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-base-color-info-10);border-bottom:1px solid var(--eui-base-color-grey-15);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-base-color-grey-5)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"] }]
|
|
3359
3359
|
}], propDecorators: { refreshClick: [{
|
|
@@ -3430,11 +3430,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
|
|
|
3430
3430
|
}] } });
|
|
3431
3431
|
|
|
3432
3432
|
class EuiNotificationsV2Module {
|
|
3433
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3434
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
3435
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3433
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationsV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3434
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationsV2Module, declarations: [EuiNotificationsV2Component, EuiNotificationItemV2Component], imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule], exports: [EuiNotificationsV2Component, EuiNotificationItemV2Component] }); }
|
|
3435
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationsV2Module, imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule] }); }
|
|
3436
3436
|
}
|
|
3437
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3437
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiNotificationsV2Module, decorators: [{
|
|
3438
3438
|
type: NgModule,
|
|
3439
3439
|
args: [{
|
|
3440
3440
|
imports: [CommonModule, TranslateModule, EuiOverlayModule, EuiButtonModule, EuiBadgeModule, EuiIconModule, EuiTruncatePipeModule],
|
|
@@ -3457,8 +3457,8 @@ const MODULES = [
|
|
|
3457
3457
|
EuiSidebarToggleModule,
|
|
3458
3458
|
];
|
|
3459
3459
|
class EuiLayoutModule {
|
|
3460
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3461
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
3460
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3461
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiLayoutModule, imports: [CommonModule, RouterModule, EuiAppModule,
|
|
3462
3462
|
EuiNotificationsModule,
|
|
3463
3463
|
EuiNotificationsV2Module,
|
|
3464
3464
|
EuiToolbarModule,
|
|
@@ -3479,7 +3479,7 @@ class EuiLayoutModule {
|
|
|
3479
3479
|
EuiSearchModule,
|
|
3480
3480
|
EuiUserProfileModule,
|
|
3481
3481
|
EuiSidebarToggleModule] }); }
|
|
3482
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3482
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiLayoutModule, imports: [CommonModule, RouterModule, MODULES, EuiAppModule,
|
|
3483
3483
|
EuiNotificationsModule,
|
|
3484
3484
|
EuiNotificationsV2Module,
|
|
3485
3485
|
EuiToolbarModule,
|
|
@@ -3491,7 +3491,7 @@ class EuiLayoutModule {
|
|
|
3491
3491
|
EuiUserProfileModule,
|
|
3492
3492
|
EuiSidebarToggleModule] }); }
|
|
3493
3493
|
}
|
|
3494
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
3494
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiLayoutModule, decorators: [{
|
|
3495
3495
|
type: NgModule,
|
|
3496
3496
|
args: [{
|
|
3497
3497
|
imports: [CommonModule, RouterModule, ...MODULES],
|