@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
|
@@ -6,10 +6,10 @@ export class EuiEclBannerTitleDirective extends EuiEclBaseDirective {
|
|
|
6
6
|
super(...arguments);
|
|
7
7
|
this.className = 'ecl-banner__title';
|
|
8
8
|
}
|
|
9
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
10
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
9
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclBannerTitleDirective, selector: "[euiEclBannerTitle]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerTitleDirective, decorators: [{
|
|
13
13
|
type: Directive,
|
|
14
14
|
args: [{
|
|
15
15
|
selector: '[euiEclBannerTitle]',
|
|
@@ -23,10 +23,10 @@ export class EuiEclBannerTitleTextDirective extends EuiEclBaseDirective {
|
|
|
23
23
|
super(...arguments);
|
|
24
24
|
this.className = 'ecl-banner__title-text';
|
|
25
25
|
}
|
|
26
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
27
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
26
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerTitleTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
27
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclBannerTitleTextDirective, selector: "[euiEclBannerTitleText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerTitleTextDirective, decorators: [{
|
|
30
30
|
type: Directive,
|
|
31
31
|
args: [{
|
|
32
32
|
selector: '[euiEclBannerTitleText]',
|
|
@@ -40,8 +40,8 @@ export class EuiEclBannerComponent extends EuiEclBaseDirective {
|
|
|
40
40
|
get showImage() {
|
|
41
41
|
return this.image && !this.eclPictureDirective;
|
|
42
42
|
}
|
|
43
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
44
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclBannerComponent, selector: "eui-ecl-banner", inputs: { variant: "variant", image: "image", eclSize: "eclSize", isCentered: "isCentered", isFullWidth: "isFullWidth" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclPictureDirective", first: true, predicate: EuiEclFilePictureDirective, descendants: true }, { propertyName: "eclLinkComponents", predicate: i0.forwardRef(() => EuiEclLinkDirective) }], usesInheritance: true, ngImport: i0, template: "<picture *ngIf=\"showImage\" class=\"ecl-picture ecl-banner__picture\">\n <img class=\"ecl-banner__image\" [src]=\"image\" />\n</picture>\n<ng-content *ngIf=\"!showImage\" select=\"[eclBannerPicture]\"></ng-content>\n<ng-content select=\"[eclBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n <div class=\"ecl-banner__container\">\n <div class=\"ecl-banner__content\">\n <ng-content select=\"[eclBannerTitle]\"></ng-content>\n <ng-content select=\"[eclBannerDescription]\"></ng-content>\n <div *ngIf=\"hasCtaLink\" class=\"ecl-banner__cta\">\n <ng-content select=\"[eclLink]\"></ng-content>\n </div>\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".ecl-banner{align-items:center;border-radius:8px;box-shadow:0 0 6px #09318e33;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;margin-inline-end:0;margin-top:0;overflow:hidden;position:relative}.ecl-banner__picture{position:relative;width:100%}.ecl-banner__credit{background:rgba(0,0,0,.54);color:#fff;font: 400 .875rem/1rem arial,sans-serif;padding:.25rem .5rem;position:absolute;right:0;top:0;z-index:1}.ecl-container .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1.5rem;padding-inline-end:1.5rem}.ecl-banner__container{display:flex;padding-bottom:1.5rem;padding-top:1.5rem;width:100%}.ecl-banner__content{align-items:start;box-sizing:content-box;display:inline-flex;flex-direction:column}.ecl-banner--centered .ecl-banner__container{justify-content:center}.ecl-banner--centered .ecl-banner__content{align-items:center;text-align:center}.ecl-banner__image{display:block;object-fit:cover;object-position:top;position:relative;width:100%}.ecl-banner__title{font: 400 1.75rem/2rem arial,sans-serif;font-weight:400;margin:0}.ecl-banner__description{font: 400 1.125rem/1.5rem arial,sans-serif;font-weight:400;margin-bottom:0;margin-top:.5rem}.ecl-banner__cta{margin-top:1.5rem}.ecl-banner__content>*:first-child{margin-top:0}.ecl-banner--full-width{border-radius:0;left:50%;margin-inline-start:-50vw;width:100vw}.ecl-banner--plain-background{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--plain-background .ecl-banner__title,.ecl-banner--plain-background .ecl-banner__description{color:#fff}.ecl-banner--text-box{background:rgba(255,255,255,.9)}.ecl-banner--text-box .ecl-banner__image{aspect-ratio:4/1;border-bottom:4px solid #fc0}.ecl-banner--text-box .ecl-banner__title{color:#171a22}.ecl-banner--text-box .ecl-banner__description{color:#515560}@media (min-width: 996px){.ecl-banner--text-box .ecl-banner__container{padding-bottom:0;padding-top:0}.ecl-banner--text-box .ecl-banner__image{border-bottom-width:0}.ecl-banner--text-box .ecl-banner__content{background:rgba(255,255,255,.9);border-bottom:0 solid #fc0;border-inline-start:4px solid #fc0;border-radius:4px;padding:1.5rem}}.ecl-banner--image-overlay{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--image-overlay .ecl-banner__picture:before{background-color:#0006;border-bottom:4px solid #fc0;content:\"\";height:100%;position:absolute;width:100%;z-index:1}.ecl-banner--image-overlay .ecl-banner__image{aspect-ratio:4/1}.ecl-banner--image-overlay .ecl-banner__title,.ecl-banner--image-overlay .ecl-banner__description{color:#fff}@media (min-width: 996px){.ecl-banner--image-overlay .ecl-banner__picture{border-bottom-width:0}.ecl-banner--image-overlay .ecl-banner__image:before{border-radius:8px;height:100%;padding-top:0}.ecl-banner--image-overlay .ecl-banner__title,.ecl-banner--image-overlay .ecl-banner__description{text-shadow:0 0 4px #000}}.ecl-banner--text-highlight{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--text-highlight .ecl-banner__image{border-bottom:4px solid #fc0;border-radius:8px 8px 0 0;aspect-ratio:4/1}.ecl-banner--text-highlight .ecl-banner__title,.ecl-banner--text-highlight .ecl-banner__description{color:#fff}@media (min-width: 996px){.ecl-banner--text-highlight .ecl-banner__image{border-bottom-width:0}.ecl-banner--text-highlight .ecl-banner__image:before{border-radius:8px;padding-top:0}.ecl-banner--text-highlight .ecl-banner__title-text,.ecl-banner--text-highlight .ecl-banner__description-text{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:rgba(0,0,0,.72);padding:.25rem .5rem}.ecl-banner--text-highlight .ecl-banner__title-text{line-height:1.3}.ecl-banner--text-highlight .ecl-banner__description-text{line-height:1.5}}@media (min-width: 996px){.ecl-banner .ecl-banner__image,.ecl-banner--m .ecl-banner__image{aspect-ratio:4/1}.ecl-banner--s .ecl-banner__image{aspect-ratio:5/1}.ecl-banner--l .ecl-banner__image{aspect-ratio:3/1}.ecl-banner .ecl-container{position:absolute;z-index:1}.ecl-banner__content{max-width:45.5rem}.ecl-banner--plain-background:before{content:\"\";display:block;padding-top:25%;width:100%}.ecl-banner--plain-background.ecl-banner--s:before{padding-top:20%}.ecl-banner--plain-background.ecl-banner--l:before{padding-top:33%}.ecl-banner__title{font: 400 2.625rem/3.25rem arial,sans-serif;font-weight:400}.ecl-banner__description{font: 400 1.125rem/1.75rem arial,sans-serif;font-weight:400}}.ecl-file{border-radius:4px;margin:0;max-width:823px;overflow:hidden}.ecl-file__container{align-items:center;background-color:#f3f6fc;border:none;display:flex;flex-wrap:wrap;padding:1.5rem}.ecl-file__icon{align-self:flex-start;fill:#0e47cb}.ecl-file__info{display:flex;flex-basis:50%;flex-grow:1;flex-wrap:wrap;margin-inline-start:.5rem}.ecl-file__title{color:#515560;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;width:100%}.ecl-file__language{color:#515560;font: 400 .875rem/1rem arial,sans-serif;font-weight:700;margin-inline-end:.5rem;margin-top:.25rem}.ecl-file__meta{color:#515560;font: 400 .875rem/1rem arial,sans-serif;margin-top:.25rem}.ecl-file__detail{border-bottom:1px solid #cfdaf5;display:flex;flex-direction:column;margin-bottom:1rem;padding-bottom:1rem;width:100%}.ecl-file__detail-meta{display:flex;font: 400 .875rem/1rem arial,sans-serif;margin-bottom:.5rem}.ecl-file__detail-meta-item{margin-inline-start:1rem}.ecl-file__detail-meta-item:before{color:#0e47cb;content:\"|\";margin-inline-end:1rem}.ecl-file__detail-meta-item:first-of-type{margin-inline-start:0;text-transform:uppercase}.ecl-file__detail-meta-item:first-of-type:before{display:none}.ecl-file__description{color:#515560;font: 400 1rem/1.5rem arial,sans-serif;margin-top:.5rem;max-width:80ch;white-space:pre-wrap}.ecl-file__image{display:block;margin-top:1rem;max-width:13.313rem}.ecl-file__taxonomy{border-bottom:1px solid #cfdaf5;margin-bottom:1.5rem;padding-bottom:1.5rem;width:100%}.ecl-file__label{display:inline-flex;flex-basis:100%;margin-bottom:1rem;margin-inline-end:.5rem}.ecl-file__translation-language{color:#515560;font: 400 .875rem/1rem arial,sans-serif;font-weight:700}.ecl-file__translation-container{border:2px solid #e7edfa;border-end-start-radius:4px;border-end-end-radius:4px;border-top:0;display:flex;flex-direction:column;padding-inline-start:1.5rem;padding-inline-end:1.5rem}.ecl-file__translation-toggle{align-self:flex-end;border:2px solid #0e47cb;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;margin-bottom:.75rem;margin-inline-end:-1rem;margin-top:.75rem;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-file__translation-toggle:focus-visible{outline-offset:-5px}.no-js .ecl-file__translation-toggle{display:none}.ecl-file__translation-list{display:none;list-style:none;margin:0;padding-inline-start:0}.no-js .ecl-file__translation-list{display:block}.ecl-file__translation-item{border-top:1px solid #cfdaf5;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem}.ecl-file__translation-item:last-child{padding-bottom:1.5rem}.ecl-file__translation-item:first-child{border-top-width:0}.ecl-file__translation-item>span[class*=wt]{align-self:center}.ecl-file__translation-info{display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap}.ecl-file__translation-title{color:#515560;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700}.ecl-file__translation-meta{color:#515560;font: 400 .875rem/1rem arial,sans-serif;margin-top:.25rem}.ecl-file__download,.ecl-file__translation-download{align-self:center;font: 400 1rem/1.25rem arial,sans-serif;margin-top:1.5rem;width:100%}.ecl-file__translation-description{color:#515560;display:block;font: 400 1rem/1.25rem arial,sans-serif;max-width:80ch}.ecl-file__translation-container[aria-expanded=true] .ecl-file__translation-list{display:block}.ecl-file__translation-container[aria-expanded=true] .ecl-file__translation-toggle .ecl-button__icon{transform:rotate(0)}@media (min-width: 480px){.ecl-file__download,.ecl-file__translation-download{margin-top:0;width:auto}.ecl-file__info{margin-inline-end:1rem}.ecl-file__translation-item{flex-direction:row;max-width:100%}}@media (min-width: 768px){.ecl-file__translation-container{padding-inline-start:1.5rem}.ecl-file__detail{flex-direction:row-reverse}.ecl-file__detail-info{flex-grow:1}.ecl-file__download{align-self:center;margin-top:0}.ecl-file__image{align-self:flex-start;margin-inline-start:0;margin-inline-end:2rem;margin-top:0}.ecl-file__taxonomy{margin-bottom:1rem;padding-bottom:1rem}}.ecl-file--thumbnail .ecl-file__container{padding-bottom:1.5rem}.ecl-file--thumbnail .ecl-file__info{margin-inline-start:0}.ecl-file--thumbnail .ecl-file__title{font: 400 1rem/1.5rem arial,sans-serif;font-weight:700}.ecl-file--thumbnail .ecl-file__language,.ecl-file--thumbnail .ecl-file__meta{margin-top:0}.ecl-file--thumbnail .ecl-file__translation-container{padding-inline-start:1.5rem}.ecl-file--thumbnail .ecl-file__translation-item{flex-direction:row;flex-wrap:wrap}.ecl-file--thumbnail .ecl-file__translation-item:first-of-type{border-top-width:0;padding-top:0}.ecl-file--thumbnail .ecl-file__translation-detail{flex-basis:100%;margin-bottom:1.5rem}.ecl-file--thumbnail .ecl-file__translation-info{align-items:center;flex-direction:row}.ecl-file--thumbnail .ecl-file__translation-title{font: 400 1rem/1.5rem arial,sans-serif;font-weight:700;margin-bottom:.75rem}.ecl-file--thumbnail .ecl-file__translation-meta{margin-inline-start:.25rem;margin-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
43
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclBannerComponent, selector: "eui-ecl-banner", inputs: { variant: "variant", image: "image", eclSize: "eclSize", isCentered: "isCentered", isFullWidth: "isFullWidth" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclPictureDirective", first: true, predicate: EuiEclFilePictureDirective, descendants: true }, { propertyName: "eclLinkComponents", predicate: i0.forwardRef(() => EuiEclLinkDirective) }], usesInheritance: true, ngImport: i0, template: "<picture *ngIf=\"showImage\" class=\"ecl-picture ecl-banner__picture\">\n <img class=\"ecl-banner__image\" [src]=\"image\" />\n</picture>\n<ng-content *ngIf=\"!showImage\" select=\"[eclBannerPicture]\"></ng-content>\n<ng-content select=\"[eclBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n <div class=\"ecl-banner__container\">\n <div class=\"ecl-banner__content\">\n <ng-content select=\"[eclBannerTitle]\"></ng-content>\n <ng-content select=\"[eclBannerDescription]\"></ng-content>\n <div *ngIf=\"hasCtaLink\" class=\"ecl-banner__cta\">\n <ng-content select=\"[eclLink]\"></ng-content>\n </div>\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".ecl-banner{align-items:center;border-radius:8px;box-shadow:0 0 6px #09318e33;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;margin-inline-end:0;margin-top:0;overflow:hidden;position:relative}.ecl-banner__picture{position:relative;width:100%}.ecl-banner__credit{background:rgba(0,0,0,.54);color:#fff;font: 400 .875rem/1rem arial,sans-serif;padding:.25rem .5rem;position:absolute;right:0;top:0;z-index:1}.ecl-container .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1.5rem;padding-inline-end:1.5rem}.ecl-banner__container{display:flex;padding-bottom:1.5rem;padding-top:1.5rem;width:100%}.ecl-banner__content{align-items:start;box-sizing:content-box;display:inline-flex;flex-direction:column}.ecl-banner--centered .ecl-banner__container{justify-content:center}.ecl-banner--centered .ecl-banner__content{align-items:center;text-align:center}.ecl-banner__image{display:block;object-fit:cover;object-position:top;position:relative;width:100%}.ecl-banner__title{font: 400 1.75rem/2rem arial,sans-serif;font-weight:400;margin:0}.ecl-banner__description{font: 400 1.125rem/1.5rem arial,sans-serif;font-weight:400;margin-bottom:0;margin-top:.5rem}.ecl-banner__cta{margin-top:1.5rem}.ecl-banner__content>*:first-child{margin-top:0}.ecl-banner--full-width{border-radius:0;left:50%;margin-inline-start:-50vw;width:100vw}.ecl-banner--plain-background{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--plain-background .ecl-banner__title,.ecl-banner--plain-background .ecl-banner__description{color:#fff}.ecl-banner--text-box{background:rgba(255,255,255,.9)}.ecl-banner--text-box .ecl-banner__image{aspect-ratio:4/1;border-bottom:4px solid #fc0}.ecl-banner--text-box .ecl-banner__title{color:#171a22}.ecl-banner--text-box .ecl-banner__description{color:#515560}@media (min-width: 996px){.ecl-banner--text-box .ecl-banner__container{padding-bottom:0;padding-top:0}.ecl-banner--text-box .ecl-banner__image{border-bottom-width:0}.ecl-banner--text-box .ecl-banner__content{background:rgba(255,255,255,.9);border-bottom:0 solid #fc0;border-inline-start:4px solid #fc0;border-radius:4px;padding:1.5rem}}.ecl-banner--image-overlay{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--image-overlay .ecl-banner__picture:before{background-color:#0006;border-bottom:4px solid #fc0;content:\"\";height:100%;position:absolute;width:100%;z-index:1}.ecl-banner--image-overlay .ecl-banner__image{aspect-ratio:4/1}.ecl-banner--image-overlay .ecl-banner__title,.ecl-banner--image-overlay .ecl-banner__description{color:#fff}@media (min-width: 996px){.ecl-banner--image-overlay .ecl-banner__picture{border-bottom-width:0}.ecl-banner--image-overlay .ecl-banner__image:before{border-radius:8px;height:100%;padding-top:0}.ecl-banner--image-overlay .ecl-banner__title,.ecl-banner--image-overlay .ecl-banner__description{text-shadow:0 0 4px #000}}.ecl-banner--text-highlight{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--text-highlight .ecl-banner__image{border-bottom:4px solid #fc0;border-radius:8px 8px 0 0;aspect-ratio:4/1}.ecl-banner--text-highlight .ecl-banner__title,.ecl-banner--text-highlight .ecl-banner__description{color:#fff}@media (min-width: 996px){.ecl-banner--text-highlight .ecl-banner__image{border-bottom-width:0}.ecl-banner--text-highlight .ecl-banner__image:before{border-radius:8px;padding-top:0}.ecl-banner--text-highlight .ecl-banner__title-text,.ecl-banner--text-highlight .ecl-banner__description-text{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:rgba(0,0,0,.72);padding:.25rem .5rem}.ecl-banner--text-highlight .ecl-banner__title-text{line-height:1.3}.ecl-banner--text-highlight .ecl-banner__description-text{line-height:1.5}}@media (min-width: 996px){.ecl-banner .ecl-banner__image,.ecl-banner--m .ecl-banner__image{aspect-ratio:4/1}.ecl-banner--s .ecl-banner__image{aspect-ratio:5/1}.ecl-banner--l .ecl-banner__image{aspect-ratio:3/1}.ecl-banner .ecl-container{position:absolute;z-index:1}.ecl-banner__content{max-width:45.5rem}.ecl-banner--plain-background:before{content:\"\";display:block;padding-top:25%;width:100%}.ecl-banner--plain-background.ecl-banner--s:before{padding-top:20%}.ecl-banner--plain-background.ecl-banner--l:before{padding-top:33%}.ecl-banner__title{font: 400 2.625rem/3.25rem arial,sans-serif;font-weight:400}.ecl-banner__description{font: 400 1.125rem/1.75rem arial,sans-serif;font-weight:400}}.ecl-file{border-radius:4px;margin:0;max-width:823px;overflow:hidden}.ecl-file__container{align-items:center;background-color:#f3f6fc;border:none;display:flex;flex-wrap:wrap;padding:1.5rem}.ecl-file__icon{align-self:flex-start;fill:#0e47cb}.ecl-file__info{display:flex;flex-basis:50%;flex-grow:1;flex-wrap:wrap;margin-inline-start:.5rem}.ecl-file__title{color:#515560;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;width:100%}.ecl-file__language{color:#515560;font: 400 .875rem/1rem arial,sans-serif;font-weight:700;margin-inline-end:.5rem;margin-top:.25rem}.ecl-file__meta{color:#515560;font: 400 .875rem/1rem arial,sans-serif;margin-top:.25rem}.ecl-file__detail{border-bottom:1px solid #cfdaf5;display:flex;flex-direction:column;margin-bottom:1rem;padding-bottom:1rem;width:100%}.ecl-file__detail-meta{display:flex;font: 400 .875rem/1rem arial,sans-serif;margin-bottom:.5rem}.ecl-file__detail-meta-item{margin-inline-start:1rem}.ecl-file__detail-meta-item:before{color:#0e47cb;content:\"|\";margin-inline-end:1rem}.ecl-file__detail-meta-item:first-of-type{margin-inline-start:0;text-transform:uppercase}.ecl-file__detail-meta-item:first-of-type:before{display:none}.ecl-file__description{color:#515560;font: 400 1rem/1.5rem arial,sans-serif;margin-top:.5rem;max-width:80ch;white-space:pre-wrap}.ecl-file__image{display:block;margin-top:1rem;max-width:13.313rem}.ecl-file__taxonomy{border-bottom:1px solid #cfdaf5;margin-bottom:1.5rem;padding-bottom:1.5rem;width:100%}.ecl-file__label{display:inline-flex;flex-basis:100%;margin-bottom:1rem;margin-inline-end:.5rem}.ecl-file__translation-language{color:#515560;font: 400 .875rem/1rem arial,sans-serif;font-weight:700}.ecl-file__translation-container{border:2px solid #e7edfa;border-end-start-radius:4px;border-end-end-radius:4px;border-top:0;display:flex;flex-direction:column;padding-inline-start:1.5rem;padding-inline-end:1.5rem}.ecl-file__translation-toggle{align-self:flex-end;border:2px solid #0e47cb;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;margin-bottom:.75rem;margin-inline-end:-1rem;margin-top:.75rem;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-file__translation-toggle:focus-visible{outline-offset:-5px}.no-js .ecl-file__translation-toggle{display:none}.ecl-file__translation-list{display:none;list-style:none;margin:0;padding-inline-start:0}.no-js .ecl-file__translation-list{display:block}.ecl-file__translation-item{border-top:1px solid #cfdaf5;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem}.ecl-file__translation-item:last-child{padding-bottom:1.5rem}.ecl-file__translation-item:first-child{border-top-width:0}.ecl-file__translation-item>span[class*=wt]{align-self:center}.ecl-file__translation-info{display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap}.ecl-file__translation-title{color:#515560;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700}.ecl-file__translation-meta{color:#515560;font: 400 .875rem/1rem arial,sans-serif;margin-top:.25rem}.ecl-file__download,.ecl-file__translation-download{align-self:center;font: 400 1rem/1.25rem arial,sans-serif;margin-top:1.5rem;width:100%}.ecl-file__translation-description{color:#515560;display:block;font: 400 1rem/1.25rem arial,sans-serif;max-width:80ch}.ecl-file__translation-container[aria-expanded=true] .ecl-file__translation-list{display:block}.ecl-file__translation-container[aria-expanded=true] .ecl-file__translation-toggle .ecl-button__icon{transform:rotate(0)}@media (min-width: 480px){.ecl-file__download,.ecl-file__translation-download{margin-top:0;width:auto}.ecl-file__info{margin-inline-end:1rem}.ecl-file__translation-item{flex-direction:row;max-width:100%}}@media (min-width: 768px){.ecl-file__translation-container{padding-inline-start:1.5rem}.ecl-file__detail{flex-direction:row-reverse}.ecl-file__detail-info{flex-grow:1}.ecl-file__download{align-self:center;margin-top:0}.ecl-file__image{align-self:flex-start;margin-inline-start:0;margin-inline-end:2rem;margin-top:0}.ecl-file__taxonomy{margin-bottom:1rem;padding-bottom:1rem}}.ecl-file--thumbnail .ecl-file__container{padding-bottom:1.5rem}.ecl-file--thumbnail .ecl-file__info{margin-inline-start:0}.ecl-file--thumbnail .ecl-file__title{font: 400 1rem/1.5rem arial,sans-serif;font-weight:700}.ecl-file--thumbnail .ecl-file__language,.ecl-file--thumbnail .ecl-file__meta{margin-top:0}.ecl-file--thumbnail .ecl-file__translation-container{padding-inline-start:1.5rem}.ecl-file--thumbnail .ecl-file__translation-item{flex-direction:row;flex-wrap:wrap}.ecl-file--thumbnail .ecl-file__translation-item:first-of-type{border-top-width:0;padding-top:0}.ecl-file--thumbnail .ecl-file__translation-detail{flex-basis:100%;margin-bottom:1.5rem}.ecl-file--thumbnail .ecl-file__translation-info{align-items:center;flex-direction:row}.ecl-file--thumbnail .ecl-file__translation-title{font: 400 1rem/1.5rem arial,sans-serif;font-weight:700;margin-bottom:.75rem}.ecl-file--thumbnail .ecl-file__translation-meta{margin-inline-start:.25rem;margin-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
45
45
|
}
|
|
46
46
|
__decorate([
|
|
47
47
|
coerceBoolean
|
|
@@ -49,7 +49,7 @@ __decorate([
|
|
|
49
49
|
__decorate([
|
|
50
50
|
coerceBoolean
|
|
51
51
|
], EuiEclBannerComponent.prototype, "isFullWidth", void 0);
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
54
|
args: [{ selector: 'eui-ecl-banner', encapsulation: ViewEncapsulation.None, template: "<picture *ngIf=\"showImage\" class=\"ecl-picture ecl-banner__picture\">\n <img class=\"ecl-banner__image\" [src]=\"image\" />\n</picture>\n<ng-content *ngIf=\"!showImage\" select=\"[eclBannerPicture]\"></ng-content>\n<ng-content select=\"[eclBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n <div class=\"ecl-banner__container\">\n <div class=\"ecl-banner__content\">\n <ng-content select=\"[eclBannerTitle]\"></ng-content>\n <ng-content select=\"[eclBannerDescription]\"></ng-content>\n <div *ngIf=\"hasCtaLink\" class=\"ecl-banner__cta\">\n <ng-content select=\"[eclLink]\"></ng-content>\n </div>\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".ecl-banner{align-items:center;border-radius:8px;box-shadow:0 0 6px #09318e33;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;margin-inline-end:0;margin-top:0;overflow:hidden;position:relative}.ecl-banner__picture{position:relative;width:100%}.ecl-banner__credit{background:rgba(0,0,0,.54);color:#fff;font: 400 .875rem/1rem arial,sans-serif;padding:.25rem .5rem;position:absolute;right:0;top:0;z-index:1}.ecl-container .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1.5rem;padding-inline-end:1.5rem}.ecl-banner__container{display:flex;padding-bottom:1.5rem;padding-top:1.5rem;width:100%}.ecl-banner__content{align-items:start;box-sizing:content-box;display:inline-flex;flex-direction:column}.ecl-banner--centered .ecl-banner__container{justify-content:center}.ecl-banner--centered .ecl-banner__content{align-items:center;text-align:center}.ecl-banner__image{display:block;object-fit:cover;object-position:top;position:relative;width:100%}.ecl-banner__title{font: 400 1.75rem/2rem arial,sans-serif;font-weight:400;margin:0}.ecl-banner__description{font: 400 1.125rem/1.5rem arial,sans-serif;font-weight:400;margin-bottom:0;margin-top:.5rem}.ecl-banner__cta{margin-top:1.5rem}.ecl-banner__content>*:first-child{margin-top:0}.ecl-banner--full-width{border-radius:0;left:50%;margin-inline-start:-50vw;width:100vw}.ecl-banner--plain-background{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--plain-background .ecl-banner__title,.ecl-banner--plain-background .ecl-banner__description{color:#fff}.ecl-banner--text-box{background:rgba(255,255,255,.9)}.ecl-banner--text-box .ecl-banner__image{aspect-ratio:4/1;border-bottom:4px solid #fc0}.ecl-banner--text-box .ecl-banner__title{color:#171a22}.ecl-banner--text-box .ecl-banner__description{color:#515560}@media (min-width: 996px){.ecl-banner--text-box .ecl-banner__container{padding-bottom:0;padding-top:0}.ecl-banner--text-box .ecl-banner__image{border-bottom-width:0}.ecl-banner--text-box .ecl-banner__content{background:rgba(255,255,255,.9);border-bottom:0 solid #fc0;border-inline-start:4px solid #fc0;border-radius:4px;padding:1.5rem}}.ecl-banner--image-overlay{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--image-overlay .ecl-banner__picture:before{background-color:#0006;border-bottom:4px solid #fc0;content:\"\";height:100%;position:absolute;width:100%;z-index:1}.ecl-banner--image-overlay .ecl-banner__image{aspect-ratio:4/1}.ecl-banner--image-overlay .ecl-banner__title,.ecl-banner--image-overlay .ecl-banner__description{color:#fff}@media (min-width: 996px){.ecl-banner--image-overlay .ecl-banner__picture{border-bottom-width:0}.ecl-banner--image-overlay .ecl-banner__image:before{border-radius:8px;height:100%;padding-top:0}.ecl-banner--image-overlay .ecl-banner__title,.ecl-banner--image-overlay .ecl-banner__description{text-shadow:0 0 4px #000}}.ecl-banner--text-highlight{background:linear-gradient(to right,#082b7a 0%,#0e47cb 100%)}.ecl-banner--text-highlight .ecl-banner__image{border-bottom:4px solid #fc0;border-radius:8px 8px 0 0;aspect-ratio:4/1}.ecl-banner--text-highlight .ecl-banner__title,.ecl-banner--text-highlight .ecl-banner__description{color:#fff}@media (min-width: 996px){.ecl-banner--text-highlight .ecl-banner__image{border-bottom-width:0}.ecl-banner--text-highlight .ecl-banner__image:before{border-radius:8px;padding-top:0}.ecl-banner--text-highlight .ecl-banner__title-text,.ecl-banner--text-highlight .ecl-banner__description-text{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:rgba(0,0,0,.72);padding:.25rem .5rem}.ecl-banner--text-highlight .ecl-banner__title-text{line-height:1.3}.ecl-banner--text-highlight .ecl-banner__description-text{line-height:1.5}}@media (min-width: 996px){.ecl-banner .ecl-banner__image,.ecl-banner--m .ecl-banner__image{aspect-ratio:4/1}.ecl-banner--s .ecl-banner__image{aspect-ratio:5/1}.ecl-banner--l .ecl-banner__image{aspect-ratio:3/1}.ecl-banner .ecl-container{position:absolute;z-index:1}.ecl-banner__content{max-width:45.5rem}.ecl-banner--plain-background:before{content:\"\";display:block;padding-top:25%;width:100%}.ecl-banner--plain-background.ecl-banner--s:before{padding-top:20%}.ecl-banner--plain-background.ecl-banner--l:before{padding-top:33%}.ecl-banner__title{font: 400 2.625rem/3.25rem arial,sans-serif;font-weight:400}.ecl-banner__description{font: 400 1.125rem/1.75rem arial,sans-serif;font-weight:400}}.ecl-file{border-radius:4px;margin:0;max-width:823px;overflow:hidden}.ecl-file__container{align-items:center;background-color:#f3f6fc;border:none;display:flex;flex-wrap:wrap;padding:1.5rem}.ecl-file__icon{align-self:flex-start;fill:#0e47cb}.ecl-file__info{display:flex;flex-basis:50%;flex-grow:1;flex-wrap:wrap;margin-inline-start:.5rem}.ecl-file__title{color:#515560;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;width:100%}.ecl-file__language{color:#515560;font: 400 .875rem/1rem arial,sans-serif;font-weight:700;margin-inline-end:.5rem;margin-top:.25rem}.ecl-file__meta{color:#515560;font: 400 .875rem/1rem arial,sans-serif;margin-top:.25rem}.ecl-file__detail{border-bottom:1px solid #cfdaf5;display:flex;flex-direction:column;margin-bottom:1rem;padding-bottom:1rem;width:100%}.ecl-file__detail-meta{display:flex;font: 400 .875rem/1rem arial,sans-serif;margin-bottom:.5rem}.ecl-file__detail-meta-item{margin-inline-start:1rem}.ecl-file__detail-meta-item:before{color:#0e47cb;content:\"|\";margin-inline-end:1rem}.ecl-file__detail-meta-item:first-of-type{margin-inline-start:0;text-transform:uppercase}.ecl-file__detail-meta-item:first-of-type:before{display:none}.ecl-file__description{color:#515560;font: 400 1rem/1.5rem arial,sans-serif;margin-top:.5rem;max-width:80ch;white-space:pre-wrap}.ecl-file__image{display:block;margin-top:1rem;max-width:13.313rem}.ecl-file__taxonomy{border-bottom:1px solid #cfdaf5;margin-bottom:1.5rem;padding-bottom:1.5rem;width:100%}.ecl-file__label{display:inline-flex;flex-basis:100%;margin-bottom:1rem;margin-inline-end:.5rem}.ecl-file__translation-language{color:#515560;font: 400 .875rem/1rem arial,sans-serif;font-weight:700}.ecl-file__translation-container{border:2px solid #e7edfa;border-end-start-radius:4px;border-end-end-radius:4px;border-top:0;display:flex;flex-direction:column;padding-inline-start:1.5rem;padding-inline-end:1.5rem}.ecl-file__translation-toggle{align-self:flex-end;border:2px solid #0e47cb;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;margin-bottom:.75rem;margin-inline-end:-1rem;margin-top:.75rem;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-file__translation-toggle:focus-visible{outline-offset:-5px}.no-js .ecl-file__translation-toggle{display:none}.ecl-file__translation-list{display:none;list-style:none;margin:0;padding-inline-start:0}.no-js .ecl-file__translation-list{display:block}.ecl-file__translation-item{border-top:1px solid #cfdaf5;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem}.ecl-file__translation-item:last-child{padding-bottom:1.5rem}.ecl-file__translation-item:first-child{border-top-width:0}.ecl-file__translation-item>span[class*=wt]{align-self:center}.ecl-file__translation-info{display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap}.ecl-file__translation-title{color:#515560;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700}.ecl-file__translation-meta{color:#515560;font: 400 .875rem/1rem arial,sans-serif;margin-top:.25rem}.ecl-file__download,.ecl-file__translation-download{align-self:center;font: 400 1rem/1.25rem arial,sans-serif;margin-top:1.5rem;width:100%}.ecl-file__translation-description{color:#515560;display:block;font: 400 1rem/1.25rem arial,sans-serif;max-width:80ch}.ecl-file__translation-container[aria-expanded=true] .ecl-file__translation-list{display:block}.ecl-file__translation-container[aria-expanded=true] .ecl-file__translation-toggle .ecl-button__icon{transform:rotate(0)}@media (min-width: 480px){.ecl-file__download,.ecl-file__translation-download{margin-top:0;width:auto}.ecl-file__info{margin-inline-end:1rem}.ecl-file__translation-item{flex-direction:row;max-width:100%}}@media (min-width: 768px){.ecl-file__translation-container{padding-inline-start:1.5rem}.ecl-file__detail{flex-direction:row-reverse}.ecl-file__detail-info{flex-grow:1}.ecl-file__download{align-self:center;margin-top:0}.ecl-file__image{align-self:flex-start;margin-inline-start:0;margin-inline-end:2rem;margin-top:0}.ecl-file__taxonomy{margin-bottom:1rem;padding-bottom:1rem}}.ecl-file--thumbnail .ecl-file__container{padding-bottom:1.5rem}.ecl-file--thumbnail .ecl-file__info{margin-inline-start:0}.ecl-file--thumbnail .ecl-file__title{font: 400 1rem/1.5rem arial,sans-serif;font-weight:700}.ecl-file--thumbnail .ecl-file__language,.ecl-file--thumbnail .ecl-file__meta{margin-top:0}.ecl-file--thumbnail .ecl-file__translation-container{padding-inline-start:1.5rem}.ecl-file--thumbnail .ecl-file__translation-item{flex-direction:row;flex-wrap:wrap}.ecl-file--thumbnail .ecl-file__translation-item:first-of-type{border-top-width:0;padding-top:0}.ecl-file--thumbnail .ecl-file__translation-detail{flex-basis:100%;margin-bottom:1.5rem}.ecl-file--thumbnail .ecl-file__translation-info{align-items:center;flex-direction:row}.ecl-file--thumbnail .ecl-file__translation-title{font: 400 1rem/1.5rem arial,sans-serif;font-weight:700;margin-bottom:.75rem}.ecl-file--thumbnail .ecl-file__translation-meta{margin-inline-start:.25rem;margin-top:0}\n"] }]
|
|
55
55
|
}], propDecorators: { variant: [{
|
|
@@ -18,8 +18,8 @@ const COMPONENTS = [
|
|
|
18
18
|
EuiEclBannerImageDirective,
|
|
19
19
|
];
|
|
20
20
|
export class EuiEclBannerComponentModule {
|
|
21
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
22
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
21
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
22
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerComponentModule, declarations: [EuiEclBannerComponent,
|
|
23
23
|
EuiEclBannerTitleDirective,
|
|
24
24
|
EuiEclBannerTitleTextDirective,
|
|
25
25
|
EuiEclBannerDescriptionDirective,
|
|
@@ -34,9 +34,9 @@ export class EuiEclBannerComponentModule {
|
|
|
34
34
|
EuiEclBannerCreditDirective,
|
|
35
35
|
EuiEclBannerPictureDirective,
|
|
36
36
|
EuiEclBannerImageDirective] }); }
|
|
37
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
37
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerComponentModule, imports: [CommonModule, EuiEclLinkDirectiveModule] }); }
|
|
38
38
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclBannerComponentModule, decorators: [{
|
|
40
40
|
type: NgModule,
|
|
41
41
|
args: [{
|
|
42
42
|
imports: [CommonModule, EuiEclLinkDirectiveModule],
|
|
@@ -5,10 +5,10 @@ export class EuiEclFilePictureDirective extends EuiEclBaseDirective {
|
|
|
5
5
|
get cssClasses() {
|
|
6
6
|
return [super.getCssClasses('ecl-picture ecl-file__picture')].join(' ').trim();
|
|
7
7
|
}
|
|
8
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
9
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
8
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclFilePictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclFilePictureDirective, selector: "picture[euiEclFilePicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclFilePictureDirective, decorators: [{
|
|
12
12
|
type: Directive,
|
|
13
13
|
args: [{
|
|
14
14
|
selector: 'picture[euiEclFilePicture]',
|
|
@@ -22,10 +22,10 @@ export class EuiEclFileImageDirective extends EuiEclBaseDirective {
|
|
|
22
22
|
super(...arguments);
|
|
23
23
|
this.className = true;
|
|
24
24
|
}
|
|
25
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
26
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
25
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclFileImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
26
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclFileImageDirective, selector: "img[euiEclFileImage]", host: { properties: { "class.ecl-file__image": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
|
|
27
27
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclFileImageDirective, decorators: [{
|
|
29
29
|
type: Directive,
|
|
30
30
|
args: [{
|
|
31
31
|
selector: 'img[euiEclFileImage]',
|
|
@@ -5,10 +5,10 @@ export class EuiEclButtonLabelDirective extends EuiEclBaseDirective {
|
|
|
5
5
|
get cssClasses() {
|
|
6
6
|
return [super.getCssClasses('ecl-button__label')].join(' ').trim();
|
|
7
7
|
}
|
|
8
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
9
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
8
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclButtonLabelDirective, selector: "[euiEclButtonLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonLabelDirective, decorators: [{
|
|
12
12
|
type: Directive,
|
|
13
13
|
args: [{
|
|
14
14
|
selector: '[euiEclButtonLabel]',
|
|
@@ -31,12 +31,12 @@ export class EuiEclButtonComponent extends EuiEclBaseDirective {
|
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
35
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
34
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: { variant: "variant", containerStyleClass: "containerStyleClass" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "iconComponents", predicate: i0.forwardRef(() => EuiEclIconComponent) }], usesInheritance: true, ngImport: i0, template: "<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".ecl-button{appearance:none;background:none;border-radius:4px;border-width:0;box-sizing:border-box;cursor:pointer;display:inline-block;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;margin:0;padding:.75rem 1rem;text-decoration:none}.ecl-button:hover,.ecl-button:active{box-shadow:0 2px 4px #09318e14,0 0 10px #09318e0a,0 4px 5px #09318e0a,0 -4px 4px #09318e0a;text-decoration:none}.ecl-button:focus-visible{outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-button[disabled],.ecl-button[disabled]:hover{cursor:not-allowed;text-decoration:none}.ecl-button__container{align-items:center;display:flex}.ecl-button__icon{flex-shrink:0}.ecl-button__icon--before,.ecl-button__icon+.ecl-button__label{margin-inline-end:.5rem}.ecl-button__icon--after,.ecl-button__label+.ecl-button__icon{margin-inline-start:.5rem}.ecl-button__icon:only-child{margin:0}.ecl-button--primary{background-color:#0e47cb;color:#fff}.ecl-button--primary:hover,.ecl-button--primary:active{background-color:#3e6cd5}.ecl-button--primary[disabled]{background-color:#0e47cb80;color:#ffffff80}.ecl-button--primary[disabled]:hover{background-color:#3e6cd580;color:#ffffff80}.ecl-button--secondary{background-color:#fff;border:2px solid #0e47cb;color:#0e47cb;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-button--secondary:hover,.ecl-button--secondary:active{border-color:#0e47cb;color:#0e47cb}.ecl-button--secondary:focus-visible{box-shadow:0 0 0 4px #0e47cb inset;outline:2px #fff solid}.ecl-button--secondary[disabled]{background-color:#ffffff80;border-color:#0e47cb80;color:#0e47cb80}.ecl-button--secondary[disabled]:hover{border-color:#0e47cb80;color:#0e47cb80}.ecl-button--ghost,.ecl-button--ghost:hover,.ecl-button--ghost:active{color:#0e47cb}.ecl-button--ghost:focus-visible{outline:2px solid #0e47cb}.ecl-button--ghost[disabled],.ecl-button--ghost[disabled]:hover{color:#0e47cb80}.ecl-button--call{background-color:#fc0;color:#171a22}.ecl-button--call:hover,.ecl-button--call:active{background-color:#fc0;border-color:#fc0}.ecl-button--call:focus-visible{outline:2px solid #000}.ecl-button--call[disabled]{background-color:#ffcc0080;color:#171a2280}.ecl-button--call[disabled]:hover{background-color:#ffcc0080}.ecl-link{color:#0e47cb;margin:0;text-decoration:underline}.ecl-link:hover{color:#082b7a}.ecl-link:focus-visible{border-radius:2px;outline:2px solid #0e47cb;outline-offset:2px}.ecl-link:visited{color:#510dcd}.ecl-link--no-visited:visited{color:#0e47cb}.ecl-link--no-visited:visited:hover,.ecl-link--no-visited:visited:focus-visible{color:#082b7a}.ecl-link--icon-before,.ecl-link--icon-after{display:inline}.ecl-link--icon{text-decoration:none}.ecl-link--icon .ecl-link__icon{fill:currentcolor;position:relative;top:-1px;vertical-align:middle}.ecl-link--icon:not(.ecl-link--standalone,.ecl-link--cta,.ecl-link--primary,.ecl-link--secondary) .ecl-link__label{text-decoration:underline}.ecl-link--icon-before .ecl-link__icon{margin-inline-end:.5rem}.ecl-link--icon-after .ecl-link__icon{margin-inline-start:.5rem}.ecl-link--negative{color:#00e9ff}.ecl-link--negative:hover,.ecl-link--negative:focus-visible{color:#b3f8ff}.ecl-link--negative:hover.ecl-link--standalone,.ecl-link--negative:focus-visible.ecl-link--standalone{color:#b3f8ff}.ecl-link--negative:focus-visible{color:#00e9ff;outline-color:#00e9ff}.ecl-link--negative:visited{color:#bf9af1}.ecl-link--negative.ecl-link--no-visited:visited{color:#00e9ff}.ecl-link--negative.ecl-link--no-visited:visited:hover,.ecl-link--negative.ecl-link--no-visited:visited:focus-visible{color:#b3f8ff}.ecl-link--negative.ecl-link--no-visited:visited:hover.ecl-link--standalone,.ecl-link--negative.ecl-link--no-visited:visited:focus-visible.ecl-link--standalone{color:#b3f8ff}.ecl-link--standalone{font-family:arial,sans-serif;text-decoration:none}.ecl-link--standalone:hover,.ecl-link--standalone:focus-visible{text-decoration:underline}.ecl-link--cta,.ecl-link--primary,.ecl-link--secondary{display:inline-block}.ecl-link--secondary,.ecl-link--primary,.ecl-link--cta{border-radius:4px;box-sizing:border-box;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;padding:.75rem 1rem;text-decoration:none}.ecl-link--secondary:hover,.ecl-link--primary:hover,.ecl-link--cta:hover,.ecl-link--secondary:active,.ecl-link--primary:active,.ecl-link--cta:active{box-shadow:0 2px 4px #09318e14,0 0 10px #09318e0a,0 4px 5px #09318e0a,0 -4px 4px #09318e0a}.ecl-link--secondary:focus-visible,.ecl-link--primary:focus-visible,.ecl-link--cta:focus-visible{border-radius:4px;outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-link--cta,.ecl-link--cta:hover,.ecl-link--cta:active{background-color:#fc0;color:#171a22}.ecl-link--cta:focus{color:#171a22}.ecl-link--cta:focus-visible{outline-color:#000}.ecl-link--cta:visited{color:#510dcd}.ecl-link--cta.ecl-link--no-visited:visited,.ecl-link--cta.ecl-link--no-visited:visited:hover,.ecl-link--cta.ecl-link--no-visited:visited:active{color:#171a22}.ecl-link--primary{background-color:#0e47cb;color:#fff}.ecl-link--primary:hover,.ecl-link--primary:active{background-color:#3e6cd5;color:#fff}.ecl-link--primary:focus{color:#fff}.ecl-link--primary:visited{color:#d2bfdd}.ecl-link--primary.ecl-link--no-visited:visited,.ecl-link--primary.ecl-link--no-visited:visited:hover,.ecl-link--primary.ecl-link--no-visited:visited:active{color:#fff}.ecl-link--secondary{background-color:#fff;border:2px solid #0e47cb;color:#0e47cb;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-link--secondary:hover,.ecl-link--secondary:active{border-color:#0a328e;color:#0e47cb}.ecl-link--secondary:focus{color:#0e47cb}.ecl-link--secondary:focus-visible{box-shadow:0 0 0 4px #0e47cb inset;outline:2px #fff solid}.ecl-link--secondary:visited{color:#510dcd}.ecl-link--secondary.ecl-link--no-visited:visited,.ecl-link--secondary.ecl-link--no-visited:visited:hover,.ecl-link--secondary.ecl-link--no-visited:visited:active{color:#0e47cb}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
39
|
-
args: [{ selector: 'button[eclButton], button[ecl-button], a[eclButton]', encapsulation: ViewEncapsulation.None, template: "<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".ecl-button{
|
|
39
|
+
args: [{ selector: 'button[eclButton], button[ecl-button], a[eclButton]', encapsulation: ViewEncapsulation.None, template: "<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".ecl-button{appearance:none;background:none;border-radius:4px;border-width:0;box-sizing:border-box;cursor:pointer;display:inline-block;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;margin:0;padding:.75rem 1rem;text-decoration:none}.ecl-button:hover,.ecl-button:active{box-shadow:0 2px 4px #09318e14,0 0 10px #09318e0a,0 4px 5px #09318e0a,0 -4px 4px #09318e0a;text-decoration:none}.ecl-button:focus-visible{outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-button[disabled],.ecl-button[disabled]:hover{cursor:not-allowed;text-decoration:none}.ecl-button__container{align-items:center;display:flex}.ecl-button__icon{flex-shrink:0}.ecl-button__icon--before,.ecl-button__icon+.ecl-button__label{margin-inline-end:.5rem}.ecl-button__icon--after,.ecl-button__label+.ecl-button__icon{margin-inline-start:.5rem}.ecl-button__icon:only-child{margin:0}.ecl-button--primary{background-color:#0e47cb;color:#fff}.ecl-button--primary:hover,.ecl-button--primary:active{background-color:#3e6cd5}.ecl-button--primary[disabled]{background-color:#0e47cb80;color:#ffffff80}.ecl-button--primary[disabled]:hover{background-color:#3e6cd580;color:#ffffff80}.ecl-button--secondary{background-color:#fff;border:2px solid #0e47cb;color:#0e47cb;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-button--secondary:hover,.ecl-button--secondary:active{border-color:#0e47cb;color:#0e47cb}.ecl-button--secondary:focus-visible{box-shadow:0 0 0 4px #0e47cb inset;outline:2px #fff solid}.ecl-button--secondary[disabled]{background-color:#ffffff80;border-color:#0e47cb80;color:#0e47cb80}.ecl-button--secondary[disabled]:hover{border-color:#0e47cb80;color:#0e47cb80}.ecl-button--ghost,.ecl-button--ghost:hover,.ecl-button--ghost:active{color:#0e47cb}.ecl-button--ghost:focus-visible{outline:2px solid #0e47cb}.ecl-button--ghost[disabled],.ecl-button--ghost[disabled]:hover{color:#0e47cb80}.ecl-button--call{background-color:#fc0;color:#171a22}.ecl-button--call:hover,.ecl-button--call:active{background-color:#fc0;border-color:#fc0}.ecl-button--call:focus-visible{outline:2px solid #000}.ecl-button--call[disabled]{background-color:#ffcc0080;color:#171a2280}.ecl-button--call[disabled]:hover{background-color:#ffcc0080}.ecl-link{color:#0e47cb;margin:0;text-decoration:underline}.ecl-link:hover{color:#082b7a}.ecl-link:focus-visible{border-radius:2px;outline:2px solid #0e47cb;outline-offset:2px}.ecl-link:visited{color:#510dcd}.ecl-link--no-visited:visited{color:#0e47cb}.ecl-link--no-visited:visited:hover,.ecl-link--no-visited:visited:focus-visible{color:#082b7a}.ecl-link--icon-before,.ecl-link--icon-after{display:inline}.ecl-link--icon{text-decoration:none}.ecl-link--icon .ecl-link__icon{fill:currentcolor;position:relative;top:-1px;vertical-align:middle}.ecl-link--icon:not(.ecl-link--standalone,.ecl-link--cta,.ecl-link--primary,.ecl-link--secondary) .ecl-link__label{text-decoration:underline}.ecl-link--icon-before .ecl-link__icon{margin-inline-end:.5rem}.ecl-link--icon-after .ecl-link__icon{margin-inline-start:.5rem}.ecl-link--negative{color:#00e9ff}.ecl-link--negative:hover,.ecl-link--negative:focus-visible{color:#b3f8ff}.ecl-link--negative:hover.ecl-link--standalone,.ecl-link--negative:focus-visible.ecl-link--standalone{color:#b3f8ff}.ecl-link--negative:focus-visible{color:#00e9ff;outline-color:#00e9ff}.ecl-link--negative:visited{color:#bf9af1}.ecl-link--negative.ecl-link--no-visited:visited{color:#00e9ff}.ecl-link--negative.ecl-link--no-visited:visited:hover,.ecl-link--negative.ecl-link--no-visited:visited:focus-visible{color:#b3f8ff}.ecl-link--negative.ecl-link--no-visited:visited:hover.ecl-link--standalone,.ecl-link--negative.ecl-link--no-visited:visited:focus-visible.ecl-link--standalone{color:#b3f8ff}.ecl-link--standalone{font-family:arial,sans-serif;text-decoration:none}.ecl-link--standalone:hover,.ecl-link--standalone:focus-visible{text-decoration:underline}.ecl-link--cta,.ecl-link--primary,.ecl-link--secondary{display:inline-block}.ecl-link--secondary,.ecl-link--primary,.ecl-link--cta{border-radius:4px;box-sizing:border-box;font: 400 1rem/1.25rem arial,sans-serif;font-weight:400;padding:.75rem 1rem;text-decoration:none}.ecl-link--secondary:hover,.ecl-link--primary:hover,.ecl-link--cta:hover,.ecl-link--secondary:active,.ecl-link--primary:active,.ecl-link--cta:active{box-shadow:0 2px 4px #09318e14,0 0 10px #09318e0a,0 4px 5px #09318e0a,0 -4px 4px #09318e0a}.ecl-link--secondary:focus-visible,.ecl-link--primary:focus-visible,.ecl-link--cta:focus-visible{border-radius:4px;outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-link--cta,.ecl-link--cta:hover,.ecl-link--cta:active{background-color:#fc0;color:#171a22}.ecl-link--cta:focus{color:#171a22}.ecl-link--cta:focus-visible{outline-color:#000}.ecl-link--cta:visited{color:#510dcd}.ecl-link--cta.ecl-link--no-visited:visited,.ecl-link--cta.ecl-link--no-visited:visited:hover,.ecl-link--cta.ecl-link--no-visited:visited:active{color:#171a22}.ecl-link--primary{background-color:#0e47cb;color:#fff}.ecl-link--primary:hover,.ecl-link--primary:active{background-color:#3e6cd5;color:#fff}.ecl-link--primary:focus{color:#fff}.ecl-link--primary:visited{color:#d2bfdd}.ecl-link--primary.ecl-link--no-visited:visited,.ecl-link--primary.ecl-link--no-visited:visited:hover,.ecl-link--primary.ecl-link--no-visited:visited:active{color:#fff}.ecl-link--secondary{background-color:#fff;border:2px solid #0e47cb;color:#0e47cb;padding:calc(.75rem - 2px) calc(1rem - 2px)}.ecl-link--secondary:hover,.ecl-link--secondary:active{border-color:#0a328e;color:#0e47cb}.ecl-link--secondary:focus{color:#0e47cb}.ecl-link--secondary:focus-visible{box-shadow:0 0 0 4px #0e47cb inset;outline:2px #fff solid}.ecl-link--secondary:visited{color:#510dcd}.ecl-link--secondary.ecl-link--no-visited:visited,.ecl-link--secondary.ecl-link--no-visited:visited:hover,.ecl-link--secondary.ecl-link--no-visited:visited:active{color:#0e47cb}\n"] }]
|
|
40
40
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}], containerStyleClass: [{
|
|
@@ -5,11 +5,11 @@ import { EuiEclButtonLabelDirective } from './eui-ecl-button-label.directive';
|
|
|
5
5
|
import { EuiEclIconComponentModule } from '@eui/components/ecl/eui-ecl-icon';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class EuiEclButtonComponentModule {
|
|
8
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
9
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
10
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
8
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonComponentModule, declarations: [EuiEclButtonComponent, EuiEclButtonLabelDirective], imports: [CommonModule, EuiEclIconComponentModule], exports: [EuiEclButtonComponent, EuiEclButtonLabelDirective] }); }
|
|
10
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonComponentModule, imports: [CommonModule, EuiEclIconComponentModule] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclButtonComponentModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
imports: [CommonModule, EuiEclIconComponentModule],
|
|
@@ -21,13 +21,13 @@ export class EuiEclCarouselItemComponent extends EuiEclBaseDirective {
|
|
|
21
21
|
onSlideClick() {
|
|
22
22
|
this.slideClick.next(new EuiEclSlideEvent(this));
|
|
23
23
|
}
|
|
24
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
25
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
24
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclCarouselItemComponent, selector: "eui-ecl-carousel-item, eui-ecl-carousel-item", inputs: { id: "id", isCurrent: "isCurrent" }, outputs: { slideClick: "slideClick" }, host: { listeners: { "click": "onSlideClick()" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "style.width.%": "this.width", "class": "this.cssClasses", "attr.inert": "this.isInert" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
26
26
|
}
|
|
27
27
|
__decorate([
|
|
28
28
|
coerceBoolean
|
|
29
29
|
], EuiEclCarouselItemComponent.prototype, "isCurrent", void 0);
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselItemComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{ selector: 'eui-ecl-carousel-item, eui-ecl-carousel-item', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"] }]
|
|
33
33
|
}], propDecorators: { id: [{
|
|
@@ -282,8 +282,8 @@ export class EuiEclCarouselComponent extends EuiEclBaseDirective {
|
|
|
282
282
|
this.cd.detectChanges();
|
|
283
283
|
}).observe(this.carouselContainerElement);
|
|
284
284
|
}
|
|
285
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
286
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.1", type: EuiEclCarouselComponent, selector: "eui-ecl-carousel", inputs: { isAutoplay: "isAutoplay", playInterval: "playInterval" }, outputs: { slide: "slide" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "slides", predicate: i0.forwardRef(() => EuiEclCarouselItemComponent) }], viewQueries: [{ propertyName: "carouselContainerElement", first: true, predicate: ["carouselContainer"], descendants: true }, { propertyName: "playButton", first: true, predicate: ["playButton"], descendants: true }, { propertyName: "pauseButton", first: true, predicate: ["pauseButton"], descendants: true }, { propertyName: "prevButton", first: true, predicate: ["prevButton"], descendants: true }, { propertyName: "mobilePrevButton", first: true, predicate: ["mobilePrevButton"], descendants: true }, { propertyName: "navigationButtons", predicate: ["currButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #carouselContainer class=\"ecl-carousel__container\" [class.ecl-carousel-container--padded]=\"isPadded()\">\n <div\n class=\"ecl-carousel__slides\"\n [style.width.px]=\"getCarouselSlidesWidth()\"\n [style.left.px]=\"getCarouselSlidesOffset()\"\n (mouseover)=\"onSlideHover()\"\n (mouseout)=\"onSlideHoverout()\">\n <ng-content></ng-content>\n </div>\n\n <button\n #mobilePrevButton\n class=\"ecl-carousel__prev\"\n [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\"\n (click)=\"onPreviousSlideClick()\">\n <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n </button>\n\n <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n </button>\n</div>\n\n<div *ngIf=\"hasControls()\" class=\"ecl-carousel__controls\">\n <div class=\"ecl-container\">\n <div class=\"ecl-carousel__autoplay\">\n <button\n #playButton\n class=\"ecl-carousel__play\"\n [style.display]=\"isPlaying ? 'none' : ''\"\n (keydown)=\"onPlayKeyboardPress($event)\"\n (click)=\"onPlayClick()\">\n <eui-ecl-icon icon=\"play\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n <eui-ecl-icon icon=\"play-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n </button>\n <button\n #pauseButton\n class=\"ecl-carousel__pause\"\n [style.display]=\"isPlaying ? '' : 'none'\"\n (keydown)=\"onPlayKeyboardPress($event)\"\n (click)=\"onPauseClick()\">\n <eui-ecl-icon icon=\"pause\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n <eui-ecl-icon icon=\"pause-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PAUSE' | translate }}</div>\n </button>\n </div>\n\n <div class=\"ecl-carousel__navigation\">\n <button\n *ngFor=\"let slide of slides; let i = index\"\n #currButton\n [attr.aria-current]=\"slide.isCurrent\"\n class=\"ecl-carousel__navigation-item\"\n (click)=\"onSlideControlClick(slide)\"\n (keydown)=\"onNavBtnKeyboardPress($event, i)\">\n <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.GO-TO-SLIDE' | translate }} {{ i + 1 }}</span>\n </button>\n </div>\n\n <button #prevButton class=\"ecl-carousel__prev\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onPreviousSlideClick()\">\n <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n </button>\n\n <div class=\"ecl-carousel__pagination\">\n <span class=\"ecl-carousel__current\">{{ getCurrentSlideIndex() + 1 }}</span>\n {{ 'ecl.common.OF' | translate }}\n <span class=\"ecl-carousel__max\">{{ slides.length }}</span>\n </div>\n\n <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n </button>\n </div>\n</div>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiEclIconComponent, selector: "eui-ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
285
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselComponent, deps: [{ token: i1.BreakpointObserver }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
286
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclCarouselComponent, selector: "eui-ecl-carousel", inputs: { isAutoplay: "isAutoplay", playInterval: "playInterval" }, outputs: { slide: "slide" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "slides", predicate: i0.forwardRef(() => EuiEclCarouselItemComponent) }], viewQueries: [{ propertyName: "carouselContainerElement", first: true, predicate: ["carouselContainer"], descendants: true }, { propertyName: "playButton", first: true, predicate: ["playButton"], descendants: true }, { propertyName: "pauseButton", first: true, predicate: ["pauseButton"], descendants: true }, { propertyName: "prevButton", first: true, predicate: ["prevButton"], descendants: true }, { propertyName: "mobilePrevButton", first: true, predicate: ["mobilePrevButton"], descendants: true }, { propertyName: "navigationButtons", predicate: ["currButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #carouselContainer class=\"ecl-carousel__container\" [class.ecl-carousel-container--padded]=\"isPadded()\">\n <div\n class=\"ecl-carousel__slides\"\n [style.width.px]=\"getCarouselSlidesWidth()\"\n [style.left.px]=\"getCarouselSlidesOffset()\"\n (mouseover)=\"onSlideHover()\"\n (mouseout)=\"onSlideHoverout()\">\n <ng-content></ng-content>\n </div>\n\n <button\n #mobilePrevButton\n class=\"ecl-carousel__prev\"\n [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\"\n (click)=\"onPreviousSlideClick()\">\n <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n </button>\n\n <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n </button>\n</div>\n\n<div *ngIf=\"hasControls()\" class=\"ecl-carousel__controls\">\n <div class=\"ecl-container\">\n <div class=\"ecl-carousel__autoplay\">\n <button\n #playButton\n class=\"ecl-carousel__play\"\n [style.display]=\"isPlaying ? 'none' : ''\"\n (keydown)=\"onPlayKeyboardPress($event)\"\n (click)=\"onPlayClick()\">\n <eui-ecl-icon icon=\"play\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n <eui-ecl-icon icon=\"play-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n </button>\n <button\n #pauseButton\n class=\"ecl-carousel__pause\"\n [style.display]=\"isPlaying ? '' : 'none'\"\n (keydown)=\"onPlayKeyboardPress($event)\"\n (click)=\"onPauseClick()\">\n <eui-ecl-icon icon=\"pause\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n <eui-ecl-icon icon=\"pause-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PAUSE' | translate }}</div>\n </button>\n </div>\n\n <div class=\"ecl-carousel__navigation\">\n <button\n *ngFor=\"let slide of slides; let i = index\"\n #currButton\n [attr.aria-current]=\"slide.isCurrent\"\n class=\"ecl-carousel__navigation-item\"\n (click)=\"onSlideControlClick(slide)\"\n (keydown)=\"onNavBtnKeyboardPress($event, i)\">\n <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.GO-TO-SLIDE' | translate }} {{ i + 1 }}</span>\n </button>\n </div>\n\n <button #prevButton class=\"ecl-carousel__prev\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onPreviousSlideClick()\">\n <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n </button>\n\n <div class=\"ecl-carousel__pagination\">\n <span class=\"ecl-carousel__current\">{{ getCurrentSlideIndex() + 1 }}</span>\n {{ 'ecl.common.OF' | translate }}\n <span class=\"ecl-carousel__max\">{{ slides.length }}</span>\n </div>\n\n <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n </button>\n </div>\n</div>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiEclIconComponent, selector: "eui-ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
287
287
|
}
|
|
288
288
|
__decorate([
|
|
289
289
|
coerceBoolean
|
|
@@ -294,7 +294,7 @@ __decorate([
|
|
|
294
294
|
__decorate([
|
|
295
295
|
coerceElement
|
|
296
296
|
], EuiEclCarouselComponent.prototype, "carouselContainerElement", void 0);
|
|
297
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselComponent, decorators: [{
|
|
298
298
|
type: Component,
|
|
299
299
|
args: [{ selector: 'eui-ecl-carousel', encapsulation: ViewEncapsulation.None, template: "<div #carouselContainer class=\"ecl-carousel__container\" [class.ecl-carousel-container--padded]=\"isPadded()\">\n <div\n class=\"ecl-carousel__slides\"\n [style.width.px]=\"getCarouselSlidesWidth()\"\n [style.left.px]=\"getCarouselSlidesOffset()\"\n (mouseover)=\"onSlideHover()\"\n (mouseout)=\"onSlideHoverout()\">\n <ng-content></ng-content>\n </div>\n\n <button\n #mobilePrevButton\n class=\"ecl-carousel__prev\"\n [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\"\n (click)=\"onPreviousSlideClick()\">\n <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n </button>\n\n <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!hasControls() || isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n </button>\n</div>\n\n<div *ngIf=\"hasControls()\" class=\"ecl-carousel__controls\">\n <div class=\"ecl-container\">\n <div class=\"ecl-carousel__autoplay\">\n <button\n #playButton\n class=\"ecl-carousel__play\"\n [style.display]=\"isPlaying ? 'none' : ''\"\n (keydown)=\"onPlayKeyboardPress($event)\"\n (click)=\"onPlayClick()\">\n <eui-ecl-icon icon=\"play\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n <eui-ecl-icon icon=\"play-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n </button>\n <button\n #pauseButton\n class=\"ecl-carousel__pause\"\n [style.display]=\"isPlaying ? '' : 'none'\"\n (keydown)=\"onPlayKeyboardPress($event)\"\n (click)=\"onPauseClick()\">\n <eui-ecl-icon icon=\"pause\" size=\"l\" class=\"ecl-carousel__icon-default\" isInverted> </eui-ecl-icon>\n <eui-ecl-icon icon=\"pause-filled\" size=\"l\" class=\"ecl-carousel__icon-active\" isInverted> </eui-ecl-icon>\n <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PAUSE' | translate }}</div>\n </button>\n </div>\n\n <div class=\"ecl-carousel__navigation\">\n <button\n *ngFor=\"let slide of slides; let i = index\"\n #currButton\n [attr.aria-current]=\"slide.isCurrent\"\n class=\"ecl-carousel__navigation-item\"\n (click)=\"onSlideControlClick(slide)\"\n (keydown)=\"onNavBtnKeyboardPress($event, i)\">\n <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.GO-TO-SLIDE' | translate }} {{ i + 1 }}</span>\n </button>\n </div>\n\n <button #prevButton class=\"ecl-carousel__prev\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onPreviousSlideClick()\">\n <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-270\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n </button>\n\n <div class=\"ecl-carousel__pagination\">\n <span class=\"ecl-carousel__current\">{{ getCurrentSlideIndex() + 1 }}</span>\n {{ 'ecl.common.OF' | translate }}\n <span class=\"ecl-carousel__max\">{{ slides.length }}</span>\n </div>\n\n <button class=\"ecl-carousel__next\" [class.ecl-u-d-none]=\"!isMobileBreakpoint\" (click)=\"onNextSlideClick()\">\n <eui-ecl-icon icon=\"corner-arrow\" size=\"m\" transform=\"rotate-90\" isInverted class=\"ecl-carousel__icon-default\"> </eui-ecl-icon>\n <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n </button>\n </div>\n</div>\n", styles: [".ecl-carousel{overflow:hidden;position:relative}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner__image:before{border-radius:0;box-shadow:none}.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:100%}.ecl-carousel__container{background-color:#082b7a;box-shadow:inset 0 -4px 12px -9px #0009;width:calc(100% - 1.5rem)}.ecl-carousel__slides{display:flex;list-style:none;margin:0;padding:0;position:relative;width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{background:#fff;content:\"\";display:block;height:100%;left:-.25rem;position:absolute;top:0;width:.25rem}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:.25rem}.ecl-carousel__controls{background-color:#082b7a;padding:.25rem 0}.ecl-carousel__controls .ecl-container{display:flex;justify-content:center}.ecl-carousel__controls .ecl-container,.ecl-carousel__slides .ecl-banner .ecl-container{max-width:1140px;width:100%}.ecl-carousel__prev,.ecl-carousel__next{background:#082b7a;border:0;cursor:pointer;display:block;padding:.5rem}.ecl-carousel__prev:active,.ecl-carousel__prev:hover,.ecl-carousel__next:active,.ecl-carousel__next:hover{background-color:#fff}.ecl-carousel__prev:active .ecl-carousel__icon-default,.ecl-carousel__prev:hover .ecl-carousel__icon-default,.ecl-carousel__next:active .ecl-carousel__icon-default,.ecl-carousel__next:hover .ecl-carousel__icon-default{fill:#082b7a}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff}.ecl-carousel__autoplay{display:none}.ecl-carousel__play,.ecl-carousel__pause{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:.5rem}.ecl-carousel__play:active .ecl-carousel__icon-default,.ecl-carousel__play:hover .ecl-carousel__icon-default,.ecl-carousel__play:focus-visible .ecl-carousel__icon-default,.ecl-carousel__pause:active .ecl-carousel__icon-default,.ecl-carousel__pause:hover .ecl-carousel__icon-default,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-default{display:none}.ecl-carousel__play:active .ecl-carousel__icon-active,.ecl-carousel__play:hover .ecl-carousel__icon-active,.ecl-carousel__play:focus-visible .ecl-carousel__icon-active,.ecl-carousel__pause:active .ecl-carousel__icon-active,.ecl-carousel__pause:hover .ecl-carousel__icon-active,.ecl-carousel__pause:focus-visible .ecl-carousel__icon-active{display:block}.ecl-carousel__play:focus-visible,.ecl-carousel__pause:focus-visible{outline:2px solid #fff}.ecl-carousel__icon-default{display:block}.ecl-carousel__icon-active{display:none}.ecl-carousel__pagination{align-items:center;color:#fff;display:flex;font: 400 1rem/1.25rem arial,sans-serif;font-weight:700;justify-content:end;padding-top:2px;white-space:pre-wrap;margin:0 .5rem}.ecl-carousel__navigation{display:none}.ecl-carousel__navigation-item{background-color:transparent;border:2px solid #fff;border-radius:50%;cursor:pointer;height:1rem;margin:1rem;margin-inline-end:1.5rem;padding:0;width:1rem}.ecl-carousel__navigation-item:active,.ecl-carousel__navigation-item:hover{background-color:#fff}.ecl-carousel__navigation-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.ecl-carousel__navigation-item[aria-current=true]{background-color:#fff}.ecl-carousel__navigation-item:last-child{margin-inline-end:1rem}.ecl-carousel-container--padded .ecl-banner .ecl-container{margin-inline-start:100px}@media (min-width: 480px){.ecl-carousel__navigation{align-items:center;display:flex;margin-inline-end:auto}}@media (min-width: 768px){.ecl-carousel__autoplay{display:flex;width:140px}.ecl-carousel__navigation{margin-inline-start:auto}}@media (min-width: 996px){.ecl-carousel .ecl-banner,.ecl-carousel .ecl-banner .ecl-container{height:initial}.ecl-carousel__container{width:100%}.ecl-carousel__slide{position:relative}.ecl-carousel__slide:before{content:none}.ecl-carousel__slide .ecl-banner__credit{margin-inline-end:0}}@media (min-width: 1140px){.ecl-container .ecl-carousel:not(.ecl-carousel--full-width) .ecl-banner .ecl-container{margin-inline-start:100px}.ecl-carousel__prev,.ecl-carousel__next{padding:.75rem;position:absolute;top:calc(50% - 22px);transform:translateY(-50%);z-index:1}.ecl-carousel__prev:focus-visible,.ecl-carousel__next:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-carousel__prev{left:0}.ecl-carousel__next{right:0}.ecl-carousel__autoplay,.ecl-carousel__pagination{width:10%}}.ecl-carousel--full-width{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-container .ecl-carousel--full-width .ecl-banner:not(.ecl-banner--full-width) .ecl-container{padding-inline-start:1rem;padding-inline-end:1rem}.ecl-carousel__slides{transition-duration:.4s}\n"] }]
|
|
300
300
|
}], ctorParameters: () => [{ type: i1.BreakpointObserver }, { type: i0.ChangeDetectorRef }], propDecorators: { isAutoplay: [{
|
|
@@ -7,11 +7,11 @@ import { EuiEclIconComponentModule } from '@eui/components/ecl/eui-ecl-icon';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
const COMPONENTS = [EuiEclCarouselComponent, EuiEclCarouselItemComponent];
|
|
9
9
|
export class EuiEclCarouselComponentModule {
|
|
10
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
11
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
12
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
10
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselComponentModule, declarations: [EuiEclCarouselComponent, EuiEclCarouselItemComponent], imports: [CommonModule, EuiEclIconComponentModule, TranslateModule], exports: [EuiEclCarouselComponent, EuiEclCarouselItemComponent] }); }
|
|
12
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselComponentModule, imports: [CommonModule, EuiEclIconComponentModule, TranslateModule] }); }
|
|
13
13
|
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclCarouselComponentModule, decorators: [{
|
|
15
15
|
type: NgModule,
|
|
16
16
|
args: [{
|
|
17
17
|
imports: [CommonModule, EuiEclIconComponentModule, TranslateModule],
|
|
@@ -82,8 +82,8 @@ export class EuiEclIconComponent extends EuiEclBaseDirective {
|
|
|
82
82
|
}
|
|
83
83
|
}));
|
|
84
84
|
}
|
|
85
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
86
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
85
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.EuiEclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
86
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclIconComponent, selector: "eui-ecl-icon", inputs: { iconSet: "iconSet", icon: "icon", size: "size", color: "color", transform: "transform", ariaLabelledby: "ariaLabelledby", role: "role", isInverted: "isInverted", ariaHidden: "ariaHidden", focusable: "focusable" }, viewQueries: [{ propertyName: "svgEl", first: true, predicate: ["svg"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg\n #svg\n [ngClass]=\"getClasses()\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || null\"\n [attr.focusable]=\"focusable\">\n <use [attr.xlink:href]=\"iconUrl$ | async\"></use>\n <ng-content></ng-content>\n</svg>\n", styles: [".ecl-icon{fill:currentcolor;margin:0;transition:transform .3s ease-in-out}.ecl-icon--2xs{height:.75rem;width:.75rem}.ecl-icon--xs{height:1rem;width:1rem}.ecl-icon--s{height:1.25rem;width:1.25rem}.ecl-icon--m{height:1.5rem;width:1.5rem}.ecl-icon--l{height:2rem;width:2rem}.ecl-icon--xl{height:2.5rem;width:2.5rem}.ecl-icon--2xl{height:3rem;width:3rem}.ecl-icon--fluid{height:1em;width:1em}.ecl-icon--primary{fill:#0e47cb}.ecl-icon--inverted{fill:#fff}.ecl-icon--rotate-90{transform:rotate(90deg)}.ecl-icon--rotate-180{transform:rotate(180deg)}.ecl-icon--rotate-270{transform:rotate(270deg)}.ecl-icon--flip-horizontal{transform:scaleX(-1)}.ecl-icon--flip-vertical{transform:scaleY(-1)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
87
87
|
}
|
|
88
88
|
__decorate([
|
|
89
89
|
coerceBoolean
|
|
@@ -97,7 +97,7 @@ __decorate([
|
|
|
97
97
|
__decorate([
|
|
98
98
|
coerceElement
|
|
99
99
|
], EuiEclIconComponent.prototype, "svgEl", void 0);
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclIconComponent, decorators: [{
|
|
101
101
|
type: Component,
|
|
102
102
|
args: [{ selector: 'eui-ecl-icon', encapsulation: ViewEncapsulation.None, template: "<svg\n #svg\n [ngClass]=\"getClasses()\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby || null\"\n [attr.role]=\"role || null\"\n [attr.focusable]=\"focusable\">\n <use [attr.xlink:href]=\"iconUrl$ | async\"></use>\n <ng-content></ng-content>\n</svg>\n", styles: [".ecl-icon{fill:currentcolor;margin:0;transition:transform .3s ease-in-out}.ecl-icon--2xs{height:.75rem;width:.75rem}.ecl-icon--xs{height:1rem;width:1rem}.ecl-icon--s{height:1.25rem;width:1.25rem}.ecl-icon--m{height:1.5rem;width:1.5rem}.ecl-icon--l{height:2rem;width:2rem}.ecl-icon--xl{height:2.5rem;width:2.5rem}.ecl-icon--2xl{height:3rem;width:3rem}.ecl-icon--fluid{height:1em;width:1em}.ecl-icon--primary{fill:#0e47cb}.ecl-icon--inverted{fill:#fff}.ecl-icon--rotate-90{transform:rotate(90deg)}.ecl-icon--rotate-180{transform:rotate(180deg)}.ecl-icon--rotate-270{transform:rotate(270deg)}.ecl-icon--flip-horizontal{transform:scaleX(-1)}.ecl-icon--flip-vertical{transform:scaleY(-1)}\n"] }]
|
|
103
103
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.EuiEclThemeService }], propDecorators: { iconSet: [{
|
|
@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { EuiEclIconComponent } from './eui-ecl-icon.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class EuiEclIconComponentModule {
|
|
6
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
7
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
8
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
6
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclIconComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclIconComponentModule, declarations: [EuiEclIconComponent], imports: [CommonModule], exports: [EuiEclIconComponent] }); }
|
|
8
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclIconComponentModule, imports: [CommonModule] }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclIconComponentModule, decorators: [{
|
|
11
11
|
type: NgModule,
|
|
12
12
|
args: [{
|
|
13
13
|
imports: [CommonModule],
|
|
@@ -9,10 +9,10 @@ export class EuiEclLabelDirective extends EuiEclBaseDirective {
|
|
|
9
9
|
get cssClasses() {
|
|
10
10
|
return [super.getCssClasses('ecl-label'), `ecl-label--${this.variant}`].join(' ').trim();
|
|
11
11
|
}
|
|
12
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
13
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
12
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
13
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclLabelDirective, selector: "[euiEclLabel]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLabelDirective, decorators: [{
|
|
16
16
|
type: Directive,
|
|
17
17
|
args: [{
|
|
18
18
|
selector: '[euiEclLabel]',
|
|
@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { EuiEclLabelDirective } from './eui-ecl-label.directive';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class EuiEclLabelDirectiveModule {
|
|
6
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
7
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
8
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
6
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLabelDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLabelDirectiveModule, declarations: [EuiEclLabelDirective], imports: [CommonModule], exports: [EuiEclLabelDirective] }); }
|
|
8
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLabelDirectiveModule, imports: [CommonModule] }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLabelDirectiveModule, decorators: [{
|
|
11
11
|
type: NgModule,
|
|
12
12
|
args: [{
|
|
13
13
|
imports: [CommonModule],
|
|
@@ -5,10 +5,10 @@ export class EuiEclLinkLabelDirective extends EuiEclBaseDirective {
|
|
|
5
5
|
get cssClasses() {
|
|
6
6
|
return [super.getCssClasses('ecl-link__label')].join(' ').trim();
|
|
7
7
|
}
|
|
8
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
9
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.
|
|
8
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLinkLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.2", type: EuiEclLinkLabelDirective, selector: "[euiEclLinkLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.2", ngImport: i0, type: EuiEclLinkLabelDirective, decorators: [{
|
|
12
12
|
type: Directive,
|
|
13
13
|
args: [{
|
|
14
14
|
selector: '[euiEclLinkLabel]',
|