@eui/components 17.0.0-next.3 → 17.0.0-next.5
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/directives/eui-clearable.directive.d.ts.map +1 -1
- package/directives/eui-tooltip/eui-tooltip.directive.d.ts.map +1 -1
- package/esm2022/directives/eui-clearable.directive.mjs +8 -9
- 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 +4 -5
- 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 +58 -26
- package/esm2022/directives/eui-tooltip/eui-tooltip.module.mjs +4 -4
- package/esm2022/eui-alert/eui-alert.component.mjs +9 -8
- package/esm2022/eui-all/eui-all.module.mjs +9 -10
- package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +31 -15
- package/esm2022/eui-autocomplete/eui-autocomplete.module.mjs +4 -4
- package/esm2022/eui-autocomplete/models/eui-autocomplete-item.model.mjs +2 -1
- package/esm2022/eui-badge/eui-badge.component.mjs +8 -8
- package/esm2022/eui-block-content/eui-block-content.component.mjs +5 -5
- 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 +10 -10
- package/esm2022/eui-button-group/eui-button-group.component.mjs +7 -7
- package/esm2022/eui-buttons/eui-buttons.component.mjs +17 -17
- 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 +9 -9
- 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 +15 -15
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +9 -8
- package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +19 -6
- package/esm2022/eui-date-range-selector/eui-date-range-selector.module.mjs +4 -4
- package/esm2022/eui-datepicker/eui-datepicker.component.mjs +21 -21
- 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 +10 -10
- package/esm2022/eui-dialog/eui-dialog.module.mjs +4 -4
- package/esm2022/eui-dialog/services/eui-dialog.service.mjs +5 -5
- package/esm2022/eui-dimmer/dimmer.component.mjs +4 -4
- package/esm2022/eui-dimmer/dimmer.module.mjs +4 -4
- package/esm2022/eui-disable-content/eui-disable-content.component.mjs +10 -10
- package/esm2022/eui-discussion-thread/eui-discussion-thread-item.component.mjs +5 -5
- 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 +10 -8
- 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 +32 -18
- package/esm2022/eui-file-upload/eui-file-upload.module.mjs +6 -17
- package/esm2022/eui-file-upload/file-preview/file-preview.component.mjs +6 -4
- package/esm2022/eui-file-upload/pipes/filesize.pipe.mjs +3 -3
- package/esm2022/eui-file-upload/progress/eui-file-upload-progress.component.mjs +3 -3
- package/esm2022/eui-file-upload/utils/eui-file-upload.utils.mjs +4 -4
- package/esm2022/eui-file-upload/utils/eui-file-upload.validators.mjs +1 -1
- package/esm2022/eui-file-upload/utils/mime-types.mjs +3 -1
- package/esm2022/eui-growl/eui-growl.component.mjs +4 -4
- package/esm2022/eui-growl/eui-growl.module.mjs +4 -4
- package/esm2022/eui-growl/services/eui-growl.service.mjs +3 -3
- 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 +4 -4
- 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 +4 -4
- package/esm2022/eui-input-radio/eui-input-radio.component.mjs +9 -11
- package/esm2022/eui-input-radio/eui-input-radio.module.mjs +4 -4
- package/esm2022/eui-input-text/eui-input-text.component.mjs +5 -5
- package/esm2022/eui-input-text/eui-input-text.module.mjs +4 -4
- package/esm2022/eui-label/eui-label.component.mjs +4 -4
- package/esm2022/eui-label/eui-label.module.mjs +4 -4
- package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +4 -4
- 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 +4 -4
- package/esm2022/eui-menu/eui-menu.component.mjs +5 -5
- package/esm2022/eui-menu/eui-menu.module.mjs +4 -4
- package/esm2022/eui-message-box/eui-message-box.component.mjs +9 -7
- 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 +5 -5
- package/esm2022/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.mjs +5 -5
- package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.mjs +38 -0
- package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.mjs +5 -5
- package/esm2022/eui-overlay/eui-overlay.component.mjs +30 -12
- package/esm2022/eui-overlay/index.mjs +2 -1
- 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 +10 -8
- package/esm2022/eui-paginator/eui-paginator.module.mjs +4 -4
- package/esm2022/eui-picker/eui-picker.component.mjs +8 -6
- package/esm2022/eui-picker/eui-picker.module.mjs +4 -4
- package/esm2022/eui-picker/modal-picker/eui-modal-picker.component.mjs +5 -5
- package/esm2022/eui-popover/directives/eui-popover-arrow-position.directive.mjs +58 -0
- package/esm2022/eui-popover/eui-popover.component.mjs +25 -19
- package/esm2022/eui-popover/eui-popover.module.mjs +7 -6
- package/esm2022/eui-popover/models/eui-popover-position.model.mjs +18 -0
- 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 +4 -4
- package/esm2022/eui-select/eui-select-multiple.directive.mjs +10 -5
- package/esm2022/eui-select/eui-select-mutli-option.directive.mjs +4 -4
- package/esm2022/eui-select/eui-select-option.directive.mjs +5 -4
- package/esm2022/eui-select/eui-select.component.mjs +5 -5
- package/esm2022/eui-select/eui-select.module.mjs +4 -4
- package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +6 -4
- package/esm2022/eui-sidebar-menu/eui-sidebar-menu.module.mjs +4 -4
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +4 -4
- package/esm2022/eui-slide-toggle/eui-slide-toggle.module.mjs +4 -4
- package/esm2022/eui-table/directives/eui-table-sticky-columns.directive.mjs +3 -3
- package/esm2022/eui-table/eui-table.component.mjs +76 -29
- 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 +4 -4
- 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 +7 -7
- package/esm2022/eui-tabs/eui-tabs.module.mjs +4 -4
- package/esm2022/eui-textarea/auto-resize.directive.mjs +4 -4
- package/esm2022/eui-textarea/eui-textarea.component.mjs +5 -5
- package/esm2022/eui-textarea/eui-textarea.module.mjs +4 -4
- package/esm2022/eui-timebar/eui-timebar-item.model.mjs +3 -1
- package/esm2022/eui-timebar/eui-timebar.component.mjs +9 -9
- 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 +11 -11
- package/esm2022/eui-timepicker/models/eui-date-time-picker.config.model.mjs +1 -1
- package/esm2022/eui-tree/eui-dropdown-tree.directive.mjs +8 -8
- package/esm2022/eui-tree/eui-tree-form-control.directive.mjs +8 -8
- package/esm2022/eui-tree/eui-tree-helper.mjs +1 -1
- package/esm2022/eui-tree/eui-tree.component.mjs +29 -11
- package/esm2022/eui-wizard/eui-wizard-step.component.mjs +3 -3
- package/esm2022/eui-wizard/eui-wizard.component.mjs +16 -14
- 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 +8 -8
- 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 +5 -4
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +4 -4
- 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 +5 -4
- 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 +10 -4
- 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 +8 -8
- package/esm2022/layout/eui-breadcrumb/item/breadcrumb-item.component.mjs +6 -6
- 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 +4 -4
- package/esm2022/layout/eui-header/header-app-name-logo/header-app-name-logo.component.mjs +7 -11
- package/esm2022/layout/eui-header/header-app-subtitle/header-app-subtitle.component.mjs +4 -4
- package/esm2022/layout/eui-header/header-environment/header-environment.component.mjs +4 -4
- package/esm2022/layout/eui-header/header-logo/header-logo.component.mjs +4 -4
- 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 +4 -4
- 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 +10 -5
- package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +5 -5
- 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 +57 -0
- package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +244 -0
- package/esm2022/layout/eui-notifications-v2/eui-notifications.module.mjs +25 -0
- package/esm2022/layout/eui-notifications-v2/index.mjs +4 -0
- 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 +4 -4
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +4 -4
- package/esm2022/layout/eui-toolbar/toolbar.module.mjs +4 -4
- package/esm2022/layout/eui-user-profile/user-profile-card/user-profile-card.component.mjs +6 -5
- 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 +14 -5
- package/esm2022/layout/eui-user-profile/user-profile.module.mjs +4 -4
- package/esm2022/layout/index.mjs +2 -1
- 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/base/mixins/index.mjs +1 -1
- 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 +4 -4
- package/eui-alert/eui-alert.component.d.ts.map +1 -1
- package/eui-all/eui-all.module.d.ts +19 -20
- package/eui-all/eui-all.module.d.ts.map +1 -1
- package/eui-autocomplete/eui-autocomplete.component.d.ts +12 -3
- package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
- package/eui-autocomplete/models/eui-autocomplete-item.model.d.ts +1 -0
- package/eui-autocomplete/models/eui-autocomplete-item.model.d.ts.map +1 -1
- package/eui-badge/eui-badge.component.d.ts.map +1 -1
- package/eui-block-content/eui-block-content.component.d.ts.map +1 -1
- package/eui-button/eui-button.component.d.ts +1 -1
- package/eui-button/eui-button.component.d.ts.map +1 -1
- package/eui-buttons/eui-buttons.component.d.ts +2 -2
- package/eui-buttons/eui-buttons.component.d.ts.map +1 -1
- package/eui-chip-list/eui-chip-list.component.d.ts.map +1 -1
- package/eui-dashboard-button/eui-dashboard-button.component.d.ts.map +1 -1
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
- package/eui-date-range-selector/eui-date-range-selector.component.d.ts +5 -1
- package/eui-date-range-selector/eui-date-range-selector.component.d.ts.map +1 -1
- package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
- package/eui-dialog/eui-dialog.component.d.ts.map +1 -1
- package/eui-dialog/services/eui-dialog.service.d.ts.map +1 -1
- package/eui-dimmer/dimmer.component.d.ts.map +1 -1
- package/eui-disable-content/eui-disable-content.component.d.ts +1 -1
- package/eui-disable-content/eui-disable-content.component.d.ts.map +1 -1
- package/eui-dropdown/dropdown-item/eui-dropdown-item.component.d.ts.map +1 -1
- package/eui-file-upload/eui-file-upload.component.d.ts +8 -5
- package/eui-file-upload/eui-file-upload.component.d.ts.map +1 -1
- package/eui-file-upload/eui-file-upload.module.d.ts +5 -6
- package/eui-file-upload/eui-file-upload.module.d.ts.map +1 -1
- package/eui-file-upload/file-preview/file-preview.component.d.ts.map +1 -1
- package/eui-file-upload/utils/eui-file-upload.validators.d.ts.map +1 -1
- package/eui-file-upload/utils/mime-types.d.ts.map +1 -1
- package/eui-growl/eui-growl.component.d.ts.map +1 -1
- package/eui-input-checkbox/eui-input-checkbox.component.d.ts +1 -1
- package/eui-input-checkbox/eui-input-checkbox.component.d.ts.map +1 -1
- package/eui-input-number/eui-number-control.directive.d.ts.map +1 -1
- package/eui-input-radio/eui-input-radio.component.d.ts +2 -1
- package/eui-input-radio/eui-input-radio.component.d.ts.map +1 -1
- package/eui-input-text/eui-input-text.component.d.ts +1 -1
- package/eui-input-text/eui-input-text.component.d.ts.map +1 -1
- package/eui-label/eui-label.component.d.ts.map +1 -1
- package/eui-list/eui-list-item/eui-list-item.component.d.ts.map +1 -1
- package/eui-menu/eui-menu.component.d.ts.map +1 -1
- package/eui-message-box/eui-message-box.component.d.ts.map +1 -1
- package/eui-overlay/components/eui-overlay-body/eui-overlay-body.component.d.ts.map +1 -1
- package/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.d.ts.map +1 -1
- package/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.d.ts +15 -0
- package/eui-overlay/components/eui-overlay-header/eui-overlay-header-title/eui-overlay-header-title.component.d.ts.map +1 -0
- package/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.d.ts +1 -1
- package/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.d.ts.map +1 -1
- package/eui-overlay/eui-overlay.component.d.ts +4 -2
- package/eui-overlay/eui-overlay.component.d.ts.map +1 -1
- package/eui-overlay/index.d.ts +1 -0
- package/eui-overlay/index.d.ts.map +1 -1
- package/eui-paginator/eui-paginator.component.d.ts +3 -1
- package/eui-paginator/eui-paginator.component.d.ts.map +1 -1
- package/eui-picker/eui-picker.component.d.ts.map +1 -1
- package/eui-picker/modal-picker/eui-modal-picker.component.d.ts.map +1 -1
- package/eui-popover/directives/eui-popover-arrow-position.directive.d.ts +18 -0
- package/eui-popover/directives/eui-popover-arrow-position.directive.d.ts.map +1 -0
- package/eui-popover/eui-popover.component.d.ts +7 -5
- package/eui-popover/eui-popover.component.d.ts.map +1 -1
- package/eui-popover/eui-popover.module.d.ts +8 -7
- package/eui-popover/eui-popover.module.d.ts.map +1 -1
- package/eui-popover/models/eui-popover-position.model.d.ts +8 -0
- package/eui-popover/models/eui-popover-position.model.d.ts.map +1 -0
- package/eui-select/eui-select-multiple.directive.d.ts +1 -1
- package/eui-select/eui-select-multiple.directive.d.ts.map +1 -1
- package/eui-select/eui-select-mutli-option.directive.d.ts.map +1 -1
- package/eui-select/eui-select-option.directive.d.ts.map +1 -1
- package/eui-select/eui-select.component.d.ts +1 -1
- package/eui-select/eui-select.component.d.ts.map +1 -1
- package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
- package/eui-slide-toggle/eui-slide-toggle.component.d.ts.map +1 -1
- package/eui-table/eui-table.component.d.ts.map +1 -1
- package/eui-table/sortable-col/eui-table-sortable-col.component.d.ts.map +1 -1
- package/eui-tabs/eui-tabs.component.d.ts.map +1 -1
- package/eui-textarea/auto-resize.directive.d.ts.map +1 -1
- package/eui-textarea/eui-textarea.component.d.ts +3 -3
- package/eui-textarea/eui-textarea.component.d.ts.map +1 -1
- package/eui-timebar/eui-timebar-item.model.d.ts +2 -2
- package/eui-timebar/eui-timebar-item.model.d.ts.map +1 -1
- package/eui-timebar/eui-timebar.component.d.ts.map +1 -1
- package/eui-timepicker/eui-timepicker.module.d.ts +1 -1
- package/eui-timepicker/eui-timepicker.module.d.ts.map +1 -1
- package/eui-timepicker/models/eui-date-time-picker.config.model.d.ts +1 -10
- package/eui-timepicker/models/eui-date-time-picker.config.model.d.ts.map +1 -1
- package/eui-tree/eui-dropdown-tree.directive.d.ts.map +1 -1
- package/eui-tree/eui-tree-form-control.directive.d.ts.map +1 -1
- package/eui-tree/eui-tree.component.d.ts +4 -1
- package/eui-tree/eui-tree.component.d.ts.map +1 -1
- package/eui-wizard/eui-wizard.component.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +125 -95
- package/fesm2022/eui-components-directives.mjs.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +8 -7
- package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
- package/fesm2022/eui-components-eui-all.mjs +8 -9
- package/fesm2022/eui-components-eui-all.mjs.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +35 -18
- package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +7 -7
- package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-content.mjs +8 -8
- package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
- 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 +9 -9
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-buttons.mjs +16 -16
- package/fesm2022/eui-components-eui-buttons.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +46 -46
- package/fesm2022/eui-components-eui-chip-list.mjs +15 -15
- package/fesm2022/eui-components-eui-chip-list.mjs.map +1 -1
- 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-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +8 -7
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-date-range-selector.mjs +22 -9
- package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs +24 -24
- package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +20 -20
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dimmer.mjs +7 -7
- package/fesm2022/eui-components-eui-dimmer.mjs.map +1 -1
- package/fesm2022/eui-components-eui-disable-content.mjs +9 -9
- package/fesm2022/eui-components-eui-disable-content.mjs.map +1 -1
- package/fesm2022/eui-components-eui-discussion-thread.mjs +11 -11
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +26 -24
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- 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 +52 -153
- package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +10 -10
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- 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 +7 -7
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-group.mjs +8 -8
- package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-number.mjs +11 -11
- package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-radio.mjs +12 -14
- 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-label.mjs.map +1 -1
- package/fesm2022/eui-components-eui-list.mjs +13 -13
- package/fesm2022/eui-components-eui-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +12 -12
- package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2022/eui-components-eui-message-box.mjs +15 -13
- package/fesm2022/eui-components-eui-message-box.mjs.map +1 -1
- package/fesm2022/eui-components-eui-overlay.mjs +76 -25
- package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
- package/fesm2022/eui-components-eui-page.mjs +55 -55
- package/fesm2022/eui-components-eui-paginator.mjs +14 -13
- package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
- package/fesm2022/eui-components-eui-picker.mjs +15 -13
- package/fesm2022/eui-components-eui-picker.mjs.map +1 -1
- package/fesm2022/eui-components-eui-popover.mjs +104 -28
- package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
- 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 +27 -21
- package/fesm2022/eui-components-eui-select.mjs.map +1 -1
- package/fesm2022/eui-components-eui-sidebar-menu.mjs +9 -7
- package/fesm2022/eui-components-eui-sidebar-menu.mjs.map +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +7 -7
- package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +106 -59
- package/fesm2022/eui-components-eui-table.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +22 -22
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- 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 +10 -8
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timeline.mjs +10 -10
- package/fesm2022/eui-components-eui-timepicker.mjs +13 -12
- package/fesm2022/eui-components-eui-timepicker.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree.mjs +42 -24
- package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
- package/fesm2022/eui-components-eui-wizard.mjs +25 -23
- package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
- package/fesm2022/eui-components-externals-charts.mjs +7 -7
- package/fesm2022/eui-components-externals-eui-editor.mjs +27 -27
- package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
- package/fesm2022/eui-components-externals-quill.mjs +7 -7
- package/fesm2022/eui-components-layout.mjs +553 -237
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/fesm2022/eui-components-pipes.mjs +14 -14
- package/fesm2022/eui-components-shared-base.mjs +6 -6
- package/fesm2022/eui-components-shared-base.mjs.map +1 -1
- package/fesm2022/eui-components-shared.mjs +17 -17
- package/fesm2022/eui-components-shared.mjs.map +1 -1
- package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-sidebar/sidebar.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-top-message/top-message.component.d.ts.map +1 -1
- package/layout/eui-breadcrumb/breadcrumb.component.d.ts.map +1 -1
- package/layout/eui-breadcrumb/collapsed-breadcrumb/collapsed-breadcrumb.component.d.ts.map +1 -1
- package/layout/eui-breadcrumb/item/breadcrumb-item.component.d.ts +1 -1
- package/layout/eui-breadcrumb/item/breadcrumb-item.component.d.ts.map +1 -1
- package/layout/eui-header/header-app-name/header-app-name.component.d.ts.map +1 -1
- package/layout/eui-header/header-app-name-logo/header-app-name-logo.component.d.ts +2 -4
- package/layout/eui-header/header-app-name-logo/header-app-name-logo.component.d.ts.map +1 -1
- package/layout/eui-header/header-app-subtitle/header-app-subtitle.component.d.ts.map +1 -1
- package/layout/eui-header/header-environment/header-environment.component.d.ts.map +1 -1
- package/layout/eui-header/header-logo/header-logo.component.d.ts.map +1 -1
- package/layout/eui-layout.module.d.ts +10 -9
- package/layout/eui-layout.module.d.ts.map +1 -1
- package/layout/eui-notifications-v2/eui-notification-item.component.d.ts +21 -0
- package/layout/eui-notifications-v2/eui-notification-item.component.d.ts.map +1 -0
- package/layout/eui-notifications-v2/eui-notifications.component.d.ts +78 -0
- package/layout/eui-notifications-v2/eui-notifications.component.d.ts.map +1 -0
- package/layout/eui-notifications-v2/eui-notifications.module.d.ts +16 -0
- package/layout/eui-notifications-v2/eui-notifications.module.d.ts.map +1 -0
- package/layout/eui-notifications-v2/index.d.ts +4 -0
- package/layout/eui-notifications-v2/index.d.ts.map +1 -0
- package/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.d.ts.map +1 -1
- package/layout/eui-user-profile/user-profile-card/user-profile-card.component.d.ts.map +1 -1
- package/layout/eui-user-profile/user-profile.component.d.ts +5 -2
- package/layout/eui-user-profile/user-profile.component.d.ts.map +1 -1
- package/layout/index.d.ts +1 -0
- package/layout/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/shared/base/mixins/index.d.ts.map +1 -1
- package/shared/input.directive.d.ts.map +1 -1
- package/esm2022/eui-file-upload/uploaded-file/uploaded-file.component.mjs +0 -116
- package/eui-file-upload/uploaded-file/uploaded-file.component.d.ts +0 -51
- package/eui-file-upload/uploaded-file/uploaded-file.component.d.ts.map +0 -1
|
@@ -67,10 +67,10 @@ class EuiFieldsetComponent extends BaseDirective {
|
|
|
67
67
|
this.expanded.emit(this.id);
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
71
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.
|
|
70
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiFieldsetComponent, selector: "eui-fieldset", inputs: { id: "id", label: "label", iconClass: "iconClass", iconSvgName: "iconSvgName", isFirst: "isFirst", e2eAttr: "e2eAttr", hasDefaultIcon: "hasDefaultIcon", isExpandable: "isExpandable", isExpanded: "isExpanded", isLarge: "isLarge" }, outputs: { expanded: "expanded" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customLabelRightContent", first: true, predicate: i0.forwardRef(function () { return EuiFieldsetLabelRightContentTagDirective; }), descendants: true }, { propertyName: "customLabelExtraContent", first: true, predicate: i0.forwardRef(function () { return EuiFieldsetLabelExtraContentTagDirective; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-fieldset__container\">\n <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n <!-- V15 OK-->\n <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ typeClass }}\"></eui-icon-svg>\n </div>\n <div\n *ngIf=\"!iconClass && hasDefaultIcon && (euiInfo || euiSuccess || euiWarning || euiDanger)\"\n class=\"eui-fieldset__header-icon\">\n <eui-icon-svg *ngIf=\"euiInfo\" icon=\"eui-info\" fillColor=\"info-100\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"euiSuccess\" icon=\"eui-ecl-check-filled\" fillColor=\"success-100\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"euiWarning\" icon=\"eui-ecl-warning\" fillColor=\"warning-140\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"euiDanger\" icon=\"eui-ecl-error\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n <span euiLabel>{{ label }}</span>\n <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n </div>\n <div class=\"eui-fieldset__header-right-content\">\n <ng-template [ngIf]=\"customLabelRightContent\">\n <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n </ng-template>\n <button\n *ngIf=\"isExpandable\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n euiSecondary\n type=\"button\"\n class=\"eui-fieldset__header-expand-toggle\"\n [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n </button>\n </div>\n </div>\n <div *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-s);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font-size:var(--eui-base-font-size-m)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset__header-expand-toggle:focus,.eui-fieldset__header-expand-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-white);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size-l);text-transform:none;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:300}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset.eui-fieldset--info .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--info .eui-fieldset__header-label{color:var(--eui-base-color-info-100)}.eui-fieldset.eui-fieldset--success .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--success .eui-fieldset__header-label{color:var(--eui-base-color-success-100)}.eui-fieldset.eui-fieldset--warning .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--warning .eui-fieldset__header-label{color:var(--eui-base-color-warning-140)}.eui-fieldset.eui-fieldset--danger .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--danger .eui-fieldset__header-label{color:var(--eui-base-color-danger-100)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
72
72
|
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFieldsetComponent, decorators: [{
|
|
74
74
|
type: Component,
|
|
75
75
|
args: [{ selector: 'eui-fieldset', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-fieldset__container\">\n <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n <div class=\"eui-fieldset__header-label\" [class.eui-fieldset__header-label--large]=\"isLarge\">\n <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n <!-- V15 OK-->\n <div *ngIf=\"iconSvgName\" class=\"eui-fieldset__header-icon\">\n <eui-icon-svg icon=\"{{ iconSvgName }}\" fillColor=\"{{ typeClass }}\"></eui-icon-svg>\n </div>\n <div\n *ngIf=\"!iconClass && hasDefaultIcon && (euiInfo || euiSuccess || euiWarning || euiDanger)\"\n class=\"eui-fieldset__header-icon\">\n <eui-icon-svg *ngIf=\"euiInfo\" icon=\"eui-info\" fillColor=\"info-100\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"euiSuccess\" icon=\"eui-ecl-check-filled\" fillColor=\"success-100\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"euiWarning\" icon=\"eui-ecl-warning\" fillColor=\"warning-140\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"euiDanger\" icon=\"eui-ecl-error\" fillColor=\"danger-100\"></eui-icon-svg>\n </div>\n <span euiLabel>{{ label }}</span>\n <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n </div>\n <div class=\"eui-fieldset__header-right-content\">\n <ng-template [ngIf]=\"customLabelRightContent\">\n <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n </ng-template>\n <button\n *ngIf=\"isExpandable\"\n euiButton\n euiRounded\n euiIconButton\n euiSizeS\n euiBasicButton\n euiSecondary\n type=\"button\"\n class=\"eui-fieldset__header-expand-toggle\"\n [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n <eui-icon-svg icon=\"eui-chevron-forward\"></eui-icon-svg>\n </button>\n </div>\n </div>\n <div *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;margin-bottom:var(--eui-base-spacing-m);min-height:calc(var(--eui-base-spacing-2xl) + var(--eui-base-spacing-2xs));text-transform:uppercase}.eui-fieldset__header-icon{align-items:center;display:inline-flex;font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-s);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-fieldset__header-label.eui-fieldset__header-label--large{font-size:var(--eui-base-font-size-m)}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{margin-left:var(--eui-base-spacing-s)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset__header-expand-toggle:focus,.eui-fieldset__header-expand-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-white);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size-l);text-transform:none;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:300}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable .eui-fieldset__header{cursor:pointer;padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset.eui-fieldset--info .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--info .eui-fieldset__header-label{color:var(--eui-base-color-info-100)}.eui-fieldset.eui-fieldset--success .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--success .eui-fieldset__header-label{color:var(--eui-base-color-success-100)}.eui-fieldset.eui-fieldset--warning .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--warning .eui-fieldset__header-label{color:var(--eui-base-color-warning-140)}.eui-fieldset.eui-fieldset--danger .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--danger .eui-fieldset__header-label{color:var(--eui-base-color-danger-100)}\n"] }]
|
|
76
76
|
}], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
|
|
@@ -107,28 +107,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
|
|
|
107
107
|
}] } });
|
|
108
108
|
/* eslint-disable */
|
|
109
109
|
class EuiFieldsetLabelRightContentTagDirective {
|
|
110
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
111
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.
|
|
110
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFieldsetLabelRightContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
111
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiFieldsetLabelRightContentTagDirective, selector: "euiFieldsetLabelRightContent", ngImport: i0 }); }
|
|
112
112
|
}
|
|
113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFieldsetLabelRightContentTagDirective, decorators: [{
|
|
114
114
|
type: Directive,
|
|
115
115
|
args: [{ selector: 'euiFieldsetLabelRightContent' }]
|
|
116
116
|
}] });
|
|
117
117
|
class EuiFieldsetLabelExtraContentTagDirective {
|
|
118
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
119
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.
|
|
118
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFieldsetLabelExtraContentTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
119
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiFieldsetLabelExtraContentTagDirective, selector: "euiFieldsetLabelExtraContent", ngImport: i0 }); }
|
|
120
120
|
}
|
|
121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFieldsetLabelExtraContentTagDirective, decorators: [{
|
|
122
122
|
type: Directive,
|
|
123
123
|
args: [{ selector: 'euiFieldsetLabelExtraContent' }]
|
|
124
124
|
}] });
|
|
125
125
|
|
|
126
126
|
class EuiFieldsetModule {
|
|
127
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
128
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.
|
|
129
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
127
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFieldsetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
128
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFieldsetModule, declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective], imports: [CommonModule, EuiButtonModule, EuiIconModule], exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective] }); }
|
|
129
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFieldsetModule, imports: [CommonModule, EuiButtonModule, EuiIconModule] }); }
|
|
130
130
|
}
|
|
131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFieldsetModule, decorators: [{
|
|
132
132
|
type: NgModule,
|
|
133
133
|
args: [{
|
|
134
134
|
imports: [CommonModule, EuiButtonModule, EuiIconModule],
|
|
@@ -19,10 +19,10 @@ class EuiFileUploadProgressComponent {
|
|
|
19
19
|
constructor() {
|
|
20
20
|
this.progress = 0;
|
|
21
21
|
}
|
|
22
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
23
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.
|
|
22
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileUploadProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiFileUploadProgressComponent, selector: "eui-file-upload-progress", inputs: { progress: "progress" }, ngImport: i0, template: "<div *ngIf=\"progress > 0\" class=\"file-upload__progress-bar\">\n <div class=\"progress-bar__container\">\n <div class=\"progress-bar\" [style.width]=\"progress + '%'\"></div>\n </div>\n <div class=\"file-upload__progress-value\">{{ progress }}%</div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileUploadProgressComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'eui-file-upload-progress', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"progress > 0\" class=\"file-upload__progress-bar\">\n <div class=\"progress-bar__container\">\n <div class=\"progress-bar\" [style.width]=\"progress + '%'\"></div>\n </div>\n <div class=\"file-upload__progress-value\">{{ progress }}%</div>\n</div>\n" }]
|
|
28
28
|
}], propDecorators: { progress: [{
|
|
@@ -44,10 +44,10 @@ class EuiFileSizePipe {
|
|
|
44
44
|
}
|
|
45
45
|
return bytes.toFixed(+precision) + ' ' + this.units[unit];
|
|
46
46
|
}
|
|
47
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
48
|
-
/** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.0-next.
|
|
47
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileSizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
48
|
+
/** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileSizePipe, name: "filesize" }); }
|
|
49
49
|
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileSizePipe, decorators: [{
|
|
51
51
|
type: Pipe,
|
|
52
52
|
args: [{
|
|
53
53
|
name: 'filesize',
|
|
@@ -147,10 +147,12 @@ class EuiFilePreviewComponent {
|
|
|
147
147
|
this.previewData = this.getPreviewForMime(this.fileExtension);
|
|
148
148
|
this.cd.detectChanges();
|
|
149
149
|
};
|
|
150
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
150
151
|
reader.onloadstart = (event) => {
|
|
151
152
|
this.isLoading = true;
|
|
152
153
|
this.cd.detectChanges();
|
|
153
154
|
};
|
|
155
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
154
156
|
reader.onloadend = (event) => {
|
|
155
157
|
this.isLoading = false;
|
|
156
158
|
this.cd.detectChanges();
|
|
@@ -185,10 +187,10 @@ class EuiFilePreviewComponent {
|
|
|
185
187
|
const f = fileExtension.toLowerCase();
|
|
186
188
|
return !this.previewAsIconConfig[f] ? 'eui-icon-filetype-unknown' : this.previewAsIconConfig[f];
|
|
187
189
|
}
|
|
188
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
189
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.
|
|
190
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFilePreviewComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
191
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiFilePreviewComponent, selector: "eui-file-preview", inputs: { file: "file", index: "index", previewAsIconConfig: "previewAsIconConfig", hasPreview: "hasPreview", isFilenameDisplayed: "isFilenameDisplayed", isFilesizeDisplayed: "isFilesizeDisplayed", isFiletypeDisplayed: "isFiletypeDisplayed", hasPreviewAsImage: "hasPreviewAsImage", hasPreviewAsIcon: "hasPreviewAsIcon", isItemsClickable: "isItemsClickable" }, outputs: { removeFromList: "removeFromList", itemClick: "itemClick" }, ngImport: i0, template: "<div class=\"file-upload__preview\">\n <div class=\"file-upload__preview__image\" *ngIf=\"hasPreview && hasPreviewAsImage\">\n <img [src]=\"previewData.display\" *ngIf=\"url && previewData.image\" />\n <span\n *ngIf=\"previewData && !previewData.image\"\n class=\"eui-icon eui-icon-color {{ previewData.display }}\"\n euiIconColored\n euiSize5XL></span>\n <div *ngIf=\"isLoading\" class=\"loading-coatainer\">\n <eui-icon euiSecondary iconClass=\"eui-icon-spinner eui-icon-3x eui-icon--spin\"></eui-icon>\n </div>\n </div>\n <div class=\"file-upload__preview__icon\" *ngIf=\"hasPreview && hasPreviewAsIcon\">\n <span class=\"eui-icon eui-icon-color {{ icon }}\" euiIconColored euiSize5XL></span>\n </div>\n <div class=\"file-upload__preview__filename\" *ngIf=\"isFilenameDisplayed\">\n <ng-container *ngIf=\"!isItemsClickable\">\n {{ file.name }}\n </ng-container>\n <ng-container *ngIf=\"isItemsClickable\">\n <a href=\"#\" (click)=\"onItemClick($event)\">{{ file.name }}</a>\n </ng-container>\n </div>\n <div class=\"file-upload__preview__filesize\" *ngIf=\"isFilesizeDisplayed\">{{ file.size | filesize }}</div>\n <div class=\"file-upload__preview__filetype\" *ngIf=\"isFiletypeDisplayed\">{{ file.type }}</div>\n <div class=\"file-upload__preview__actions\">\n <div class=\"file-upload__preview__actions-container\">\n <button euiButton euiPrimary euiRounded euiIconButton euiSizeL euiBasicButton type=\"button\" (click)=\"onRemoveFromList()\">\n <eui-icon-svg icon=\"eui-close\"></eui-icon-svg>\n </button>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i3.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i3.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.EuiIconColorComponent, selector: "eui-icon-colored, span[euiIconColored], [euiIconColored]", inputs: ["iconClass"] }, { kind: "pipe", type: EuiFileSizePipe, name: "filesize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
190
192
|
}
|
|
191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFilePreviewComponent, decorators: [{
|
|
192
194
|
type: Component,
|
|
193
195
|
args: [{ selector: 'eui-file-preview', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"file-upload__preview\">\n <div class=\"file-upload__preview__image\" *ngIf=\"hasPreview && hasPreviewAsImage\">\n <img [src]=\"previewData.display\" *ngIf=\"url && previewData.image\" />\n <span\n *ngIf=\"previewData && !previewData.image\"\n class=\"eui-icon eui-icon-color {{ previewData.display }}\"\n euiIconColored\n euiSize5XL></span>\n <div *ngIf=\"isLoading\" class=\"loading-coatainer\">\n <eui-icon euiSecondary iconClass=\"eui-icon-spinner eui-icon-3x eui-icon--spin\"></eui-icon>\n </div>\n </div>\n <div class=\"file-upload__preview__icon\" *ngIf=\"hasPreview && hasPreviewAsIcon\">\n <span class=\"eui-icon eui-icon-color {{ icon }}\" euiIconColored euiSize5XL></span>\n </div>\n <div class=\"file-upload__preview__filename\" *ngIf=\"isFilenameDisplayed\">\n <ng-container *ngIf=\"!isItemsClickable\">\n {{ file.name }}\n </ng-container>\n <ng-container *ngIf=\"isItemsClickable\">\n <a href=\"#\" (click)=\"onItemClick($event)\">{{ file.name }}</a>\n </ng-container>\n </div>\n <div class=\"file-upload__preview__filesize\" *ngIf=\"isFilesizeDisplayed\">{{ file.size | filesize }}</div>\n <div class=\"file-upload__preview__filetype\" *ngIf=\"isFiletypeDisplayed\">{{ file.type }}</div>\n <div class=\"file-upload__preview__actions\">\n <div class=\"file-upload__preview__actions-container\">\n <button euiButton euiPrimary euiRounded euiIconButton euiSizeL euiBasicButton type=\"button\" (click)=\"onRemoveFromList()\">\n <eui-icon-svg icon=\"eui-close\"></eui-icon-svg>\n </button>\n </div>\n </div>\n</div>\n" }]
|
|
194
196
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { file: [{
|
|
@@ -223,12 +225,12 @@ class EuiFileUploadComponent {
|
|
|
223
225
|
this.accept = '*';
|
|
224
226
|
// eslint-disable-next-line @angular-eslint/no-output-native
|
|
225
227
|
this.drop = new EventEmitter();
|
|
226
|
-
this.
|
|
228
|
+
this.itemClick = new EventEmitter();
|
|
227
229
|
this.files = [];
|
|
228
230
|
this.filesTotalSize = 0;
|
|
229
231
|
this.randomNumberId = Math.floor(Math.random() * 10000);
|
|
230
232
|
this.uploadedFiles = [];
|
|
231
|
-
this.
|
|
233
|
+
this.dragEntered = false;
|
|
232
234
|
this._isMultiple = true;
|
|
233
235
|
this._hasProgressBar = true;
|
|
234
236
|
this._hasPreview = true;
|
|
@@ -296,13 +298,15 @@ class EuiFileUploadComponent {
|
|
|
296
298
|
this._isItemsClickable = coerceBooleanProperty(value);
|
|
297
299
|
}
|
|
298
300
|
emitFiles(fileList) {
|
|
301
|
+
let i = [...this.uploadedFiles, ...this.files].length;
|
|
299
302
|
for (const property in fileList) {
|
|
300
|
-
if (fileList[property] && typeof fileList[property] === 'object') {
|
|
303
|
+
if (fileList[property] && typeof fileList[property] === 'object' && (!this.maxFiles || i < this.maxFiles)) {
|
|
301
304
|
const fileName = fileList[property].name.split('.');
|
|
302
305
|
const fileExtension = fileName[fileName.length - 1];
|
|
303
306
|
if (this.accept.indexOf(fileExtension) !== -1 || this.accept === '*') {
|
|
304
307
|
this.files.push(fileList[property]);
|
|
305
308
|
}
|
|
309
|
+
i++;
|
|
306
310
|
}
|
|
307
311
|
}
|
|
308
312
|
this.getTotalSize();
|
|
@@ -311,22 +315,32 @@ class EuiFileUploadComponent {
|
|
|
311
315
|
this.fileInputs.first.nativeElement.value = '';
|
|
312
316
|
this.fileInputs.last.nativeElement.value = '';
|
|
313
317
|
}
|
|
314
|
-
this.
|
|
318
|
+
this.dragEntered = false;
|
|
315
319
|
this.drop.emit();
|
|
316
320
|
}
|
|
321
|
+
get showResetBtn() {
|
|
322
|
+
return this.hasResetButton && this.isMultiple && (this.files.length > 0 || this.uploadedFiles.length > 0);
|
|
323
|
+
}
|
|
324
|
+
get isDropAreaDisabled() {
|
|
325
|
+
return (!this.isMultiple && this.files.length === 1) || [...this.uploadedFiles, ...this.files].length === this.maxFiles;
|
|
326
|
+
}
|
|
327
|
+
ngOnChanges(c) {
|
|
328
|
+
if (c?.isMultiple) {
|
|
329
|
+
this.maxFiles = 1;
|
|
330
|
+
}
|
|
331
|
+
}
|
|
317
332
|
ngOnInit() {
|
|
318
333
|
if (this.hasPreviewAsIcon) {
|
|
319
334
|
this.hasPreviewAsImage = false;
|
|
320
335
|
}
|
|
321
336
|
}
|
|
322
|
-
get showResetBtn() {
|
|
323
|
-
return this.hasResetButton && (this.files.length > 0 || this.uploadedFiles.length > 0);
|
|
324
|
-
}
|
|
325
337
|
onDragEnter() {
|
|
326
|
-
this.
|
|
338
|
+
if (!this.isDropAreaDisabled) {
|
|
339
|
+
this.dragEntered = true;
|
|
340
|
+
}
|
|
327
341
|
}
|
|
328
342
|
onDragLeave() {
|
|
329
|
-
this.
|
|
343
|
+
this.dragEntered = false;
|
|
330
344
|
}
|
|
331
345
|
removeFromList(index) {
|
|
332
346
|
this.files = this.files.filter((f, i) => i !== index);
|
|
@@ -365,7 +379,7 @@ class EuiFileUploadComponent {
|
|
|
365
379
|
registerOnChange(fn) {
|
|
366
380
|
this.onChange = fn;
|
|
367
381
|
}
|
|
368
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
382
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
|
|
369
383
|
registerOnTouched(fn) { }
|
|
370
384
|
getTotalSize() {
|
|
371
385
|
this.filesTotalSize = 0;
|
|
@@ -373,16 +387,16 @@ class EuiFileUploadComponent {
|
|
|
373
387
|
this.filesTotalSize += f.size;
|
|
374
388
|
});
|
|
375
389
|
}
|
|
376
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
377
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.
|
|
390
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
391
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: EuiFileUploadComponent, selector: "eui-file-upload", inputs: { e2eAttr: "e2eAttr", progress: "progress", accept: "accept", maxFiles: "maxFiles", isMultiple: "isMultiple", hasProgressBar: "hasProgressBar", hasPreview: "hasPreview", hasPreviewAsImage: "hasPreviewAsImage", hasPreviewAsIcon: "hasPreviewAsIcon", hasTotalSizeDisplayed: "hasTotalSizeDisplayed", hasResetButton: "hasResetButton", hasDragArea: "hasDragArea", isItemsClickable: "isItemsClickable" }, outputs: { drop: "drop", itemClick: "itemClick" }, host: { listeners: { "change": "emitFiles($event.target.files)" } }, providers: [
|
|
378
392
|
{
|
|
379
393
|
provide: NG_VALUE_ACCESSOR,
|
|
380
394
|
useExisting: EuiFileUploadComponent,
|
|
381
395
|
multi: true,
|
|
382
396
|
},
|
|
383
|
-
], viewQueries: [{ propertyName: "fileInputs", predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"file-upload\"
|
|
397
|
+
], viewQueries: [{ propertyName: "fileInputs", predicate: ["input"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"file-upload\">\n <div\n class=\"file-drop-area\"\n [class.file-drop-area--active]=\"dragEntered\"\n [class.file-drop-area--disabled]=\"isDropAreaDisabled\"\n *ngIf=\"hasDragArea\">\n <span class=\"fake-btn\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</span>\n <span class=\"file-msg\">{{ 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate }}</span>\n <input\n #input\n class=\"file-input\"\n attr.aria-label=\"{{ 'eui.euifileupload.CHOOSE-FILE' | translate }} 'or' {{\n 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate\n }}\"\n type=\"file\"\n accept=\"{{ accept }}\"\n [attr.disabled]=\"isDropAreaDisabled ? 'disabled' : null\"\n [multiple]=\"isMultiple\"\n (dragenter)=\"onDragEnter()\"\n (dragleave)=\"onDragLeave()\" />\n </div>\n <div class=\"simple-input-file eui-u-mb-xs\" *ngIf=\"!hasDragArea\">\n <label for=\"file-{{ randomNumberId }}\">\n <button euiButton type=\"button\" (click)=\"openBrowseWindow()\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</button>\n </label>\n\n <input\n #input\n *ngIf=\"isMultiple\"\n aria-label=\"Choose Multiple Files\"\n class=\"file-input\"\n id=\"file-{{ randomNumberId }}\"\n type=\"file\"\n accept=\"{{ accept }}\"\n multiple />\n <input\n #input\n *ngIf=\"!isMultiple\"\n aria-label=\"Choose a single file\"\n class=\"file-input\"\n id=\"file-{{ randomNumberId }}\"\n type=\"file\"\n accept=\"{{ accept }}\" />\n </div>\n <eui-file-upload-progress *ngIf=\"hasProgressBar\" [progress]=\"progress\"></eui-file-upload-progress>\n\n <div *ngFor=\"let uploadedFile of uploadedFiles; let i = index\">\n <eui-file-preview\n [isItemsClickable]=\"isItemsClickable\"\n [index]=\"i\"\n [file]=\"uploadedFile\"\n [hasPreview]=\"hasPreview\"\n [hasPreviewAsImage]=\"hasPreviewAsImage\"\n [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n (itemClick)=\"onItemClick($event)\"\n (removeFromList)=\"removeFromUploadedList($event)\">\n </eui-file-preview>\n </div>\n\n <div *ngFor=\"let file of files; let i = index\">\n <eui-file-preview\n [isItemsClickable]=\"isItemsClickable\"\n [index]=\"i\"\n [file]=\"file\"\n [hasPreview]=\"hasPreview\"\n [hasPreviewAsImage]=\"hasPreviewAsImage\"\n [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n (itemClick)=\"onItemClick($event)\"\n (removeFromList)=\"removeFromList($event)\">\n </eui-file-preview>\n </div>\n\n <div class=\"file-upload__total-size\" *ngIf=\"filesTotalSize && hasTotalSizeDisplayed\">\n {{ filesTotalSize | filesize }} {{ 'eui.euifileupload.TOTAL-SIZE' | translate }}\n </div>\n</div>\n<ng-content></ng-content>\n<button euiButton class=\"file-upload__reset-button\" type=\"button\" (click)=\"resetList()\" *ngIf=\"showResetBtn\">\n {{ 'eui.euifileupload.RESET-LIST' | translate }}\n</button>\n", styles: [".file-upload .file-upload__total-size{font-weight:700;margin-bottom:1rem}.file-upload .file-drop-area{outline:1px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;transition:.2s}.file-upload .file-drop-area--active{background-color:var(--eui-base-color-primary-5);outline:3px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;transition:.2s}.file-upload .file-drop-area--disabled{opacity:.5}.file-upload .file-drop-area--disabled .file-input{cursor:default}.file-upload .fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.file-upload .file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-upload .simple-input-file .file-input{display:none}.file-upload .file-upload__preview{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:5px 0}.file-upload .file-upload__preview .file-upload__preview__image img{width:180px}.file-upload .file-upload__preview .file-upload__preview__image .loading-coatainer{text-align:center;width:180px}.file-upload .file-upload__preview .file-upload__preview__filename{width:50%}.file-upload .progress-bar__container{margin-bottom:var(--eui-base-spacing-2xs)}.file-upload .progress-bar__container .progress-bar{background-color:var(--eui-base-color-primary-100);height:var(--eui-base-spacing-2xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: EuiFileUploadProgressComponent, selector: "eui-file-upload-progress", inputs: ["progress"] }, { kind: "component", type: EuiFilePreviewComponent, selector: "eui-file-preview", inputs: ["file", "index", "previewAsIconConfig", "hasPreview", "isFilenameDisplayed", "isFilesizeDisplayed", "isFiletypeDisplayed", "hasPreviewAsImage", "hasPreviewAsIcon", "isItemsClickable"], outputs: ["removeFromList", "itemClick"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: EuiFileSizePipe, name: "filesize" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
384
398
|
}
|
|
385
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileUploadComponent, decorators: [{
|
|
386
400
|
type: Component,
|
|
387
401
|
args: [{ selector: 'eui-file-upload', providers: [
|
|
388
402
|
{
|
|
@@ -390,20 +404,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3",
|
|
|
390
404
|
useExisting: EuiFileUploadComponent,
|
|
391
405
|
multi: true,
|
|
392
406
|
},
|
|
393
|
-
], encapsulation: ViewEncapsulation.None, template: "<div class=\"file-upload\"
|
|
407
|
+
], encapsulation: ViewEncapsulation.None, template: "<div class=\"file-upload\">\n <div\n class=\"file-drop-area\"\n [class.file-drop-area--active]=\"dragEntered\"\n [class.file-drop-area--disabled]=\"isDropAreaDisabled\"\n *ngIf=\"hasDragArea\">\n <span class=\"fake-btn\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</span>\n <span class=\"file-msg\">{{ 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate }}</span>\n <input\n #input\n class=\"file-input\"\n attr.aria-label=\"{{ 'eui.euifileupload.CHOOSE-FILE' | translate }} 'or' {{\n 'eui.euifileupload.DRAG-AND-DROP-FILE-HERE' | translate\n }}\"\n type=\"file\"\n accept=\"{{ accept }}\"\n [attr.disabled]=\"isDropAreaDisabled ? 'disabled' : null\"\n [multiple]=\"isMultiple\"\n (dragenter)=\"onDragEnter()\"\n (dragleave)=\"onDragLeave()\" />\n </div>\n <div class=\"simple-input-file eui-u-mb-xs\" *ngIf=\"!hasDragArea\">\n <label for=\"file-{{ randomNumberId }}\">\n <button euiButton type=\"button\" (click)=\"openBrowseWindow()\">{{ 'eui.euifileupload.CHOOSE-FILE' | translate }}</button>\n </label>\n\n <input\n #input\n *ngIf=\"isMultiple\"\n aria-label=\"Choose Multiple Files\"\n class=\"file-input\"\n id=\"file-{{ randomNumberId }}\"\n type=\"file\"\n accept=\"{{ accept }}\"\n multiple />\n <input\n #input\n *ngIf=\"!isMultiple\"\n aria-label=\"Choose a single file\"\n class=\"file-input\"\n id=\"file-{{ randomNumberId }}\"\n type=\"file\"\n accept=\"{{ accept }}\" />\n </div>\n <eui-file-upload-progress *ngIf=\"hasProgressBar\" [progress]=\"progress\"></eui-file-upload-progress>\n\n <div *ngFor=\"let uploadedFile of uploadedFiles; let i = index\">\n <eui-file-preview\n [isItemsClickable]=\"isItemsClickable\"\n [index]=\"i\"\n [file]=\"uploadedFile\"\n [hasPreview]=\"hasPreview\"\n [hasPreviewAsImage]=\"hasPreviewAsImage\"\n [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n (itemClick)=\"onItemClick($event)\"\n (removeFromList)=\"removeFromUploadedList($event)\">\n </eui-file-preview>\n </div>\n\n <div *ngFor=\"let file of files; let i = index\">\n <eui-file-preview\n [isItemsClickable]=\"isItemsClickable\"\n [index]=\"i\"\n [file]=\"file\"\n [hasPreview]=\"hasPreview\"\n [hasPreviewAsImage]=\"hasPreviewAsImage\"\n [hasPreviewAsIcon]=\"hasPreviewAsIcon\"\n (itemClick)=\"onItemClick($event)\"\n (removeFromList)=\"removeFromList($event)\">\n </eui-file-preview>\n </div>\n\n <div class=\"file-upload__total-size\" *ngIf=\"filesTotalSize && hasTotalSizeDisplayed\">\n {{ filesTotalSize | filesize }} {{ 'eui.euifileupload.TOTAL-SIZE' | translate }}\n </div>\n</div>\n<ng-content></ng-content>\n<button euiButton class=\"file-upload__reset-button\" type=\"button\" (click)=\"resetList()\" *ngIf=\"showResetBtn\">\n {{ 'eui.euifileupload.RESET-LIST' | translate }}\n</button>\n", styles: [".file-upload .file-upload__total-size{font-weight:700;margin-bottom:1rem}.file-upload .file-drop-area{outline:1px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;transition:.2s}.file-upload .file-drop-area--active{background-color:var(--eui-base-color-primary-5);outline:3px dashed var(--eui-base-color-primary-75);border-radius:3px;margin:0 0 10px;padding:30px;position:relative;transition:.2s}.file-upload .file-drop-area--disabled{opacity:.5}.file-upload .file-drop-area--disabled .file-input{cursor:default}.file-upload .fake-btn{background-color:#fff;border:1px solid #9e9ec4;border-radius:3px;margin-right:8px;padding:8px 15px}.file-upload .file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-upload .simple-input-file .file-input{display:none}.file-upload .file-upload__preview{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:5px 0}.file-upload .file-upload__preview .file-upload__preview__image img{width:180px}.file-upload .file-upload__preview .file-upload__preview__image .loading-coatainer{text-align:center;width:180px}.file-upload .file-upload__preview .file-upload__preview__filename{width:50%}.file-upload .progress-bar__container{margin-bottom:var(--eui-base-spacing-2xs)}.file-upload .progress-bar__container .progress-bar{background-color:var(--eui-base-color-primary-100);height:var(--eui-base-spacing-2xs)}\n"] }]
|
|
394
408
|
}], propDecorators: { e2eAttr: [{
|
|
395
409
|
type: Input
|
|
396
410
|
}], progress: [{
|
|
397
411
|
type: Input
|
|
398
412
|
}], accept: [{
|
|
399
413
|
type: Input
|
|
414
|
+
}], maxFiles: [{
|
|
415
|
+
type: Input
|
|
400
416
|
}], drop: [{
|
|
401
417
|
type: Output
|
|
418
|
+
}], itemClick: [{
|
|
419
|
+
type: Output
|
|
402
420
|
}], fileInputs: [{
|
|
403
421
|
type: ViewChildren,
|
|
404
422
|
args: ['input']
|
|
405
|
-
}], itemClick: [{
|
|
406
|
-
type: Output
|
|
407
423
|
}], isMultiple: [{
|
|
408
424
|
type: Input
|
|
409
425
|
}], hasProgressBar: [{
|
|
@@ -540,142 +556,23 @@ class EuiFileUploadUtilsService {
|
|
|
540
556
|
}
|
|
541
557
|
return formData;
|
|
542
558
|
}
|
|
543
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
544
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
559
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileUploadUtilsService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
560
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileUploadUtilsService }); }
|
|
545
561
|
}
|
|
546
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
562
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileUploadUtilsService, decorators: [{
|
|
547
563
|
type: Injectable
|
|
548
564
|
}], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
|
|
549
565
|
|
|
550
|
-
class EuiUploadedFileComponent {
|
|
551
|
-
get hasPreview() {
|
|
552
|
-
return this._hasPreview;
|
|
553
|
-
}
|
|
554
|
-
set hasPreview(value) {
|
|
555
|
-
this._hasPreview = coerceBooleanProperty(value);
|
|
556
|
-
}
|
|
557
|
-
get isFilenameDisplayed() {
|
|
558
|
-
return this._isFilenameDisplayed;
|
|
559
|
-
}
|
|
560
|
-
set isFilenameDisplayed(value) {
|
|
561
|
-
this._isFilenameDisplayed = coerceBooleanProperty(value);
|
|
562
|
-
}
|
|
563
|
-
get isFilesizeDisplayed() {
|
|
564
|
-
return this._isFilesizeDisplayed;
|
|
565
|
-
}
|
|
566
|
-
set isFilesizeDisplayed(value) {
|
|
567
|
-
this._isFilesizeDisplayed = coerceBooleanProperty(value);
|
|
568
|
-
}
|
|
569
|
-
get isFiletypeDisplayed() {
|
|
570
|
-
return this._isFiletypeDisplayed;
|
|
571
|
-
}
|
|
572
|
-
set isFiletypeDisplayed(value) {
|
|
573
|
-
this._isFiletypeDisplayed = coerceBooleanProperty(value);
|
|
574
|
-
}
|
|
575
|
-
get hasPreviewAsImage() {
|
|
576
|
-
return this._hasPreviewAsImage;
|
|
577
|
-
}
|
|
578
|
-
set hasPreviewAsImage(value) {
|
|
579
|
-
this._hasPreviewAsImage = coerceBooleanProperty(value);
|
|
580
|
-
}
|
|
581
|
-
get hasPreviewAsIcon() {
|
|
582
|
-
return this._hasPreviewAsIcon;
|
|
583
|
-
}
|
|
584
|
-
set hasPreviewAsIcon(value) {
|
|
585
|
-
this._hasPreviewAsIcon = coerceBooleanProperty(value);
|
|
586
|
-
}
|
|
587
|
-
constructor(cd) {
|
|
588
|
-
this.cd = cd;
|
|
589
|
-
this.previewAsIconConfig = {
|
|
590
|
-
'image/jpeg': 'fa-picture-o',
|
|
591
|
-
'image/gif': 'fa-picture-o',
|
|
592
|
-
'image/png': 'fa-picture-o',
|
|
593
|
-
'application/msword': 'fa-file-word-o',
|
|
594
|
-
'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'fa-file-word-o',
|
|
595
|
-
'application/vnd.ms-excel': 'fa-file-excel-o',
|
|
596
|
-
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'fa-file-excel-o',
|
|
597
|
-
'application/pdf': 'fa-file-pdf-o',
|
|
598
|
-
};
|
|
599
|
-
this.removeFromList = new EventEmitter();
|
|
600
|
-
this._hasPreview = true;
|
|
601
|
-
this._isFilenameDisplayed = true;
|
|
602
|
-
this._isFilesizeDisplayed = true;
|
|
603
|
-
this._isFiletypeDisplayed = true;
|
|
604
|
-
this._hasPreviewAsImage = true;
|
|
605
|
-
this._hasPreviewAsIcon = false;
|
|
606
|
-
}
|
|
607
|
-
ngOnInit() {
|
|
608
|
-
if (this.hasPreviewAsIcon) {
|
|
609
|
-
this.hasPreviewAsImage = false;
|
|
610
|
-
}
|
|
611
|
-
const reader = new FileReader();
|
|
612
|
-
reader.readAsDataURL(this.file);
|
|
613
|
-
reader.onload = (event) => {
|
|
614
|
-
this.url = event.target.result;
|
|
615
|
-
this.icon = this.getIconForMime(this.file.type);
|
|
616
|
-
this.previewData = this.getPreviewForMime(this.file.type);
|
|
617
|
-
this.cd.detectChanges();
|
|
618
|
-
};
|
|
619
|
-
}
|
|
620
|
-
onRemoveFromList() {
|
|
621
|
-
this.removeFromList.emit(this.index);
|
|
622
|
-
}
|
|
623
|
-
getPreviewForMime(mime) {
|
|
624
|
-
const image = mime === 'image/jpeg' || mime === 'image/gif' || mime === 'image/png' ? true : false;
|
|
625
|
-
const display = mime === 'image/jpeg' || mime === 'image/gif' || mime === 'image/png' ? this.url : this.getIconForMime(mime);
|
|
626
|
-
return { image, display };
|
|
627
|
-
}
|
|
628
|
-
getIconForMime(mime) {
|
|
629
|
-
return !this.previewAsIconConfig[mime] ? 'fa-file-o' : this.previewAsIconConfig[mime];
|
|
630
|
-
}
|
|
631
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiUploadedFileComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
632
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.3", type: EuiUploadedFileComponent, selector: "eui-uploaded-file", inputs: { file: "file", index: "index", previewAsIconConfig: "previewAsIconConfig", hasPreview: "hasPreview", isFilenameDisplayed: "isFilenameDisplayed", isFilesizeDisplayed: "isFilesizeDisplayed", isFiletypeDisplayed: "isFiletypeDisplayed", hasPreviewAsImage: "hasPreviewAsImage", hasPreviewAsIcon: "hasPreviewAsIcon" }, outputs: { removeFromList: "removeFromList" }, ngImport: i0, template: "<div class=\"file-upload__preview\">\n <div class=\"file-upload__preview__image\" *ngIf=\"hasPreview && hasPreviewAsImage\">\n <img [src]=\"previewData.display\" *ngIf=\"url && previewData.image\" />\n <i class=\"fa {{ previewData.display }}\" *ngIf=\"previewData && !previewData.image\"></i>\n </div>\n <div class=\"file-upload__preview__icon\" *ngIf=\"hasPreview && hasPreviewAsIcon\">\n <i class=\"fa {{ icon }}\"></i>\n </div>\n <div class=\"file-upload__preview__filename\" *ngIf=\"isFilenameDisplayed\">{{ file.name }}</div>\n <div class=\"file-upload__preview__filesize\" *ngIf=\"isFilesizeDisplayed\">{{ file.size | filesize }}</div>\n <div class=\"file-upload__preview__filetype\" *ngIf=\"isFiletypeDisplayed\">{{ file.type }}</div>\n <div class=\"file-upload__preview__actions\">\n <div class=\"file-upload__preview__actions-container\">\n <button euiButton euiRounded euiIconButton euiSizeL euiBasicButton type=\"button\" (click)=\"onRemoveFromList()\">\n <eui-icon-svg icon=\"eui-close\"></eui-icon-svg>\n </button>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i3.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: EuiFileSizePipe, name: "filesize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
633
|
-
}
|
|
634
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiUploadedFileComponent, decorators: [{
|
|
635
|
-
type: Component,
|
|
636
|
-
args: [{ selector: 'eui-uploaded-file', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"file-upload__preview\">\n <div class=\"file-upload__preview__image\" *ngIf=\"hasPreview && hasPreviewAsImage\">\n <img [src]=\"previewData.display\" *ngIf=\"url && previewData.image\" />\n <i class=\"fa {{ previewData.display }}\" *ngIf=\"previewData && !previewData.image\"></i>\n </div>\n <div class=\"file-upload__preview__icon\" *ngIf=\"hasPreview && hasPreviewAsIcon\">\n <i class=\"fa {{ icon }}\"></i>\n </div>\n <div class=\"file-upload__preview__filename\" *ngIf=\"isFilenameDisplayed\">{{ file.name }}</div>\n <div class=\"file-upload__preview__filesize\" *ngIf=\"isFilesizeDisplayed\">{{ file.size | filesize }}</div>\n <div class=\"file-upload__preview__filetype\" *ngIf=\"isFiletypeDisplayed\">{{ file.type }}</div>\n <div class=\"file-upload__preview__actions\">\n <div class=\"file-upload__preview__actions-container\">\n <button euiButton euiRounded euiIconButton euiSizeL euiBasicButton type=\"button\" (click)=\"onRemoveFromList()\">\n <eui-icon-svg icon=\"eui-close\"></eui-icon-svg>\n </button>\n </div>\n </div>\n</div>\n" }]
|
|
637
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { file: [{
|
|
638
|
-
type: Input
|
|
639
|
-
}], index: [{
|
|
640
|
-
type: Input
|
|
641
|
-
}], previewAsIconConfig: [{
|
|
642
|
-
type: Input
|
|
643
|
-
}], removeFromList: [{
|
|
644
|
-
type: Output
|
|
645
|
-
}], hasPreview: [{
|
|
646
|
-
type: Input
|
|
647
|
-
}], isFilenameDisplayed: [{
|
|
648
|
-
type: Input
|
|
649
|
-
}], isFilesizeDisplayed: [{
|
|
650
|
-
type: Input
|
|
651
|
-
}], isFiletypeDisplayed: [{
|
|
652
|
-
type: Input
|
|
653
|
-
}], hasPreviewAsImage: [{
|
|
654
|
-
type: Input
|
|
655
|
-
}], hasPreviewAsIcon: [{
|
|
656
|
-
type: Input
|
|
657
|
-
}] } });
|
|
658
|
-
|
|
659
566
|
class EuiFileUploadModule {
|
|
660
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
661
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.
|
|
662
|
-
|
|
663
|
-
EuiFilePreviewComponent,
|
|
664
|
-
EuiFileSizePipe,
|
|
665
|
-
EuiUploadedFileComponent], imports: [CommonModule, EuiButtonModule, EuiIconModule, TranslateModule], exports: [EuiFileUploadComponent] }); }
|
|
666
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.3", ngImport: i0, type: EuiFileUploadModule, providers: [EuiFileUploadUtilsService], imports: [CommonModule, EuiButtonModule, EuiIconModule, TranslateModule] }); }
|
|
567
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
568
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileUploadModule, declarations: [EuiFileUploadComponent, EuiFileUploadProgressComponent, EuiFilePreviewComponent, EuiFileSizePipe], imports: [CommonModule, EuiButtonModule, EuiIconModule, TranslateModule], exports: [EuiFileUploadComponent] }); }
|
|
569
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileUploadModule, providers: [EuiFileUploadUtilsService], imports: [CommonModule, EuiButtonModule, EuiIconModule, TranslateModule] }); }
|
|
667
570
|
}
|
|
668
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.
|
|
571
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: EuiFileUploadModule, decorators: [{
|
|
669
572
|
type: NgModule,
|
|
670
573
|
args: [{
|
|
671
574
|
imports: [CommonModule, EuiButtonModule, EuiIconModule, TranslateModule],
|
|
672
|
-
declarations: [
|
|
673
|
-
EuiFileUploadComponent,
|
|
674
|
-
EuiFileUploadProgressComponent,
|
|
675
|
-
EuiFilePreviewComponent,
|
|
676
|
-
EuiFileSizePipe,
|
|
677
|
-
EuiUploadedFileComponent,
|
|
678
|
-
],
|
|
575
|
+
declarations: [EuiFileUploadComponent, EuiFileUploadProgressComponent, EuiFilePreviewComponent, EuiFileSizePipe],
|
|
679
576
|
providers: [EuiFileUploadUtilsService],
|
|
680
577
|
exports: [EuiFileUploadComponent],
|
|
681
578
|
}]
|
|
@@ -685,6 +582,8 @@ const getMimeType = (header) => {
|
|
|
685
582
|
// convert Uint8Array to hex string
|
|
686
583
|
const hex = uint8ArrayToHexString(header);
|
|
687
584
|
// map hex string to mime type
|
|
585
|
+
if (hex.startsWith('ffd8ffe000104a46'))
|
|
586
|
+
return 'image/jpeg';
|
|
688
587
|
if (hex.startsWith('89504e47'))
|
|
689
588
|
return 'image/png';
|
|
690
589
|
if (hex.startsWith('464c4946'))
|