@eui/components 19.1.1-snapshot-1741071838252 → 19.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/directives/eui-clearable.directive.d.ts.map +1 -1
- package/directives/eui-loading.directive.d.ts.map +1 -1
- package/directives/eui-maxlength.directive.d.ts.map +1 -1
- package/directives/eui-scroll-handler.directive.d.ts.map +1 -1
- package/directives/eui-smooth-scroll.directive.d.ts.map +1 -1
- package/directives/eui-tooltip/eui-tooltip.directive.d.ts.map +1 -1
- package/docs/components/EuiAutocompleteComponent.html +1 -1
- package/docs/components/EuiAvatarBadgeComponent.html +52 -0
- package/docs/components/EuiAvatarComponent.html +109 -1
- package/docs/components/EuiAvatarIconComponent.html +16 -0
- package/docs/components/EuiAvatarImageComponent.html +42 -0
- package/docs/components/EuiAvatarListComponent.html +45 -0
- package/docs/components/EuiAvatarTextComponent.html +38 -0
- package/docs/components/EuiDiscussionThreadComponent.html +77 -1
- package/docs/components/EuiDiscussionThreadItemComponent.html +118 -0
- package/docs/components/EuiIconToggleComponent.html +149 -0
- package/docs/components/EuiListComponent.html +130 -0
- package/docs/components/EuiListItemComponent.html +29 -0
- package/docs/components/EuiMessageBoxComponent.html +192 -2
- package/docs/components/EuiPopoverComponent.html +119 -8
- package/docs/components/EuiTimebarComponent.html +87 -2
- package/docs/dependencies.html +33 -33
- package/docs/directives/EuiPopoverArrowPositionDirective.html +29 -0
- package/docs/injectables/EuiMessageBoxService.html +49 -3
- package/docs/interfaces/EuiDiscussionThreadItem.html +61 -0
- package/docs/js/menu-wc.js +41 -46
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/typealiases.html +6 -0
- package/docs/miscellaneous/variables.html +59 -5
- package/docs/modules/EuiAvatarModule.html +25 -4
- package/docs/modules/EuiDiscussionThreadModule.html +16 -1
- package/docs/modules/EuiIconToggleModule.html +23 -11
- package/docs/modules/EuiListModule.html +17 -2
- package/docs/modules/EuiMessageBoxModule.html +13 -1
- package/docs/modules/EuiPopoverModule.html +16 -1
- package/docs/modules/EuiTimebarModule.html +23 -14
- package/eui-alert/eui-alert.component.d.ts.map +1 -1
- package/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.d.ts.map +1 -1
- package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
- package/eui-avatar/avatar-badge/avatar-badge.component.d.ts +37 -0
- package/eui-avatar/avatar-badge/avatar-badge.component.d.ts.map +1 -1
- package/eui-avatar/avatar-icon/avatar-icon.component.d.ts +18 -0
- package/eui-avatar/avatar-icon/avatar-icon.component.d.ts.map +1 -1
- package/eui-avatar/avatar-image/avatar-image.component.d.ts +26 -0
- package/eui-avatar/avatar-image/avatar-image.component.d.ts.map +1 -1
- package/eui-avatar/avatar-list/avatar-list.component.d.ts +30 -0
- package/eui-avatar/avatar-list/avatar-list.component.d.ts.map +1 -1
- package/eui-avatar/avatar-text/avatar-text.component.d.ts +35 -0
- package/eui-avatar/avatar-text/avatar-text.component.d.ts.map +1 -1
- package/eui-avatar/eui-avatar.component.d.ts +85 -1
- package/eui-avatar/eui-avatar.component.d.ts.map +1 -1
- package/eui-avatar/eui-avatar.module.d.ts +33 -10
- package/eui-avatar/eui-avatar.module.d.ts.map +1 -1
- package/eui-badge/eui-badge.component.d.ts.map +1 -1
- package/eui-block-content/eui-block-content.component.d.ts.map +1 -1
- package/eui-block-document/eui-block-document.component.d.ts.map +1 -1
- package/eui-button/eui-button.component.d.ts.map +1 -1
- package/eui-button-group/eui-button-group.component.d.ts.map +1 -1
- package/eui-button-v2/eui-button-v2.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-header/eui-card-header.component.d.ts.map +1 -1
- package/eui-card/eui-card.component.d.ts.map +1 -1
- package/eui-chip/eui-chip.component.d.ts.map +1 -1
- package/eui-chip-list/eui-chip-list.component.d.ts.map +1 -1
- package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
- package/eui-date-range-selector/eui-date-range-selector.component.d.ts.map +1 -1
- package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
- package/eui-dialog/eui-dialog.component.d.ts.map +1 -1
- package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts +65 -0
- package/eui-discussion-thread/eui-discussion-thread-item.component.d.ts.map +1 -1
- package/eui-discussion-thread/eui-discussion-thread.component.d.ts +51 -0
- package/eui-discussion-thread/eui-discussion-thread.component.d.ts.map +1 -1
- package/eui-discussion-thread/eui-discussion-thread.module.d.ts +19 -1
- package/eui-discussion-thread/eui-discussion-thread.module.d.ts.map +1 -1
- package/eui-discussion-thread/models/eui-discussion-thread-item.model.d.ts +45 -0
- package/eui-discussion-thread/models/eui-discussion-thread-item.model.d.ts.map +1 -1
- package/eui-dropdown/dropdown-item/eui-dropdown-item.component.d.ts.map +1 -1
- package/eui-dropdown/eui-dropdown.component.d.ts.map +1 -1
- package/eui-feedback-message/eui-feedback-message.component.d.ts.map +1 -1
- package/eui-fieldset/eui-fieldset.component.d.ts.map +1 -1
- package/eui-file-upload/eui-file-upload.component.d.ts.map +1 -1
- package/eui-file-upload/file-preview/file-preview.component.d.ts.map +1 -1
- package/eui-growl/eui-growl.component.d.ts.map +1 -1
- package/eui-icon/eui-icon-svg.component.d.ts.map +1 -1
- package/eui-icon-button/eui-icon-button.component.d.ts.map +1 -1
- package/eui-icon-button-expander/eui-icon-button-expander.component.d.ts.map +1 -1
- package/eui-icon-input/eui-icon-input.component.d.ts.map +1 -1
- package/eui-icon-toggle/eui-icon-toggle.component.d.ts +96 -1
- package/eui-icon-toggle/eui-icon-toggle.component.d.ts.map +1 -1
- package/eui-icon-toggle/eui-icon-toggle.module.d.ts +19 -4
- package/eui-icon-toggle/eui-icon-toggle.module.d.ts.map +1 -1
- package/eui-input-number/eui-input-number.component.d.ts.map +1 -1
- package/eui-label/eui-label.component.d.ts.map +1 -1
- package/eui-language-selector/language-selector.component.d.ts.map +1 -1
- package/eui-list/eui-list-item/eui-list-item.component.d.ts +34 -0
- package/eui-list/eui-list-item/eui-list-item.component.d.ts.map +1 -1
- package/eui-list/eui-list.component.d.ts +56 -0
- package/eui-list/eui-list.component.d.ts.map +1 -1
- package/eui-list/eui-list.module.d.ts +18 -1
- package/eui-list/eui-list.module.d.ts.map +1 -1
- package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
- package/eui-menu/eui-menu.component.d.ts.map +1 -1
- package/eui-message-box/eui-message-box.component.d.ts +148 -2
- package/eui-message-box/eui-message-box.component.d.ts.map +1 -1
- package/eui-message-box/eui-message-box.module.d.ts +15 -1
- package/eui-message-box/eui-message-box.module.d.ts.map +1 -1
- package/eui-message-box/services/eui-message-box.service.d.ts +58 -3
- package/eui-message-box/services/eui-message-box.service.d.ts.map +1 -1
- package/eui-navbar/eui-navbar-item/eui-navbar-item.component.d.ts.map +1 -1
- package/eui-overlay/eui-overlay.component.d.ts.map +1 -1
- package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
- package/eui-page/components/eui-page-columns/eui-page-columns.component.d.ts.map +1 -1
- package/eui-page/components/eui-page-header/eui-page-header.component.d.ts.map +1 -1
- package/eui-paginator/eui-paginator.component.d.ts.map +1 -1
- package/eui-popover/directives/eui-popover-arrow-position.directive.d.ts +32 -0
- package/eui-popover/directives/eui-popover-arrow-position.directive.d.ts.map +1 -1
- package/eui-popover/eui-popover.component.d.ts +119 -7
- package/eui-popover/eui-popover.component.d.ts.map +1 -1
- package/eui-popover/eui-popover.module.d.ts +18 -1
- package/eui-popover/eui-popover.module.d.ts.map +1 -1
- package/eui-popover/models/eui-popover-position.model.d.ts +26 -0
- package/eui-popover/models/eui-popover-position.model.d.ts.map +1 -1
- package/eui-progress-circle/eui-progress-circle.component.d.ts.map +1 -1
- package/eui-select/eui-select-option.directive.d.ts.map +1 -1
- package/eui-select/eui-select.component.d.ts.map +1 -1
- package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
- package/eui-skeleton/eui-skeleton.component.d.ts.map +1 -1
- package/eui-slide-toggle/eui-slide-toggle.component.d.ts.map +1 -1
- package/eui-table/eui-table.component.d.ts.map +1 -1
- package/eui-table/filter/eui-table-filter.component.d.ts.map +1 -1
- package/eui-table/selectable-header/eui-table-selectable-header.component.d.ts.map +1 -1
- package/eui-table/selectable-row/eui-table-selectable-row.component.d.ts.map +1 -1
- package/eui-table/sortable-col/eui-table-sortable-col.component.d.ts.map +1 -1
- package/eui-table-v2/eui-table-v2.component.d.ts.map +1 -1
- package/eui-table-v2/selectable-header/eui-table-v2-selectable-header.component.d.ts.map +1 -1
- package/eui-table-v2/selectable-row/eui-table-v2-selectable-row.component.d.ts.map +1 -1
- package/eui-table-v2/sortable-col/eui-table-v2-sortable-col.component.d.ts.map +1 -1
- package/eui-tabs/eui-tab/eui-tab.component.d.ts.map +1 -1
- package/eui-tabs/eui-tab-content/eui-tab-content.component.d.ts.map +1 -1
- package/eui-tabs/eui-tabs.component.d.ts.map +1 -1
- package/eui-textarea/auto-resize.directive.d.ts.map +1 -1
- package/eui-textarea/eui-textarea.component.d.ts.map +1 -1
- package/eui-timebar/eui-timebar-item.model.d.ts +20 -1
- package/eui-timebar/eui-timebar-item.model.d.ts.map +1 -1
- package/eui-timebar/eui-timebar.component.d.ts +83 -6
- package/eui-timebar/eui-timebar.component.d.ts.map +1 -1
- package/eui-timeline/eui-timeline-item.component.d.ts.map +1 -1
- package/eui-timeline/eui-timeline.component.d.ts.map +1 -1
- package/eui-timepicker/eui-timepicker.component.d.ts.map +1 -1
- package/eui-tree/eui-tree.component.d.ts.map +1 -1
- package/eui-tree-list/eui-tree-list-item.component.d.ts.map +1 -1
- package/eui-tree-list/eui-tree-list.component.d.ts.map +1 -1
- package/eui-tree-list/toolbar/toolbar.component.d.ts.map +1 -1
- package/eui-user-profile/user-profile-card/user-profile-card.component.d.ts.map +1 -1
- package/eui-user-profile/user-profile.component.d.ts.map +1 -1
- package/eui-wizard/eui-wizard-step.component.d.ts.map +1 -1
- package/eui-wizard/eui-wizard.component.d.ts.map +1 -1
- package/externals/eui-editor/counters/eui-editor-counters.component.d.ts.map +1 -1
- package/externals/quill/quill-editor.component.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +70 -70
- package/fesm2022/eui-components-eui-accordion.mjs +13 -13
- package/fesm2022/eui-components-eui-alert.mjs +10 -10
- package/fesm2022/eui-components-eui-autocomplete.mjs +15 -14
- package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2022/eui-components-eui-avatar.mjs +286 -36
- package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
- 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-breadcrumb.mjs +13 -13
- package/fesm2022/eui-components-eui-button-group.mjs +7 -7
- package/fesm2022/eui-components-eui-button-v2.mjs +7 -7
- package/fesm2022/eui-components-eui-button.mjs +7 -7
- package/fesm2022/eui-components-eui-card.mjs +49 -49
- package/fesm2022/eui-components-eui-chip-group.mjs +7 -7
- 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-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +13 -13
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-date-range-selector.mjs +10 -10
- 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 +113 -12
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +20 -20
- package/fesm2022/eui-components-eui-feedback-message.mjs +8 -8
- package/fesm2022/eui-components-eui-feedback-message.mjs.map +1 -1
- package/fesm2022/eui-components-eui-fieldset.mjs +13 -13
- package/fesm2022/eui-components-eui-file-upload.mjs +19 -19
- package/fesm2022/eui-components-eui-growl.mjs +7 -7
- package/fesm2022/eui-components-eui-icon-button-expander.mjs +7 -7
- package/fesm2022/eui-components-eui-icon-button.mjs +7 -7
- package/fesm2022/eui-components-eui-icon-color.mjs +7 -7
- package/fesm2022/eui-components-eui-icon-input.mjs +7 -7
- package/fesm2022/eui-components-eui-icon-state.mjs +7 -7
- package/fesm2022/eui-components-eui-icon-toggle.mjs +106 -10
- package/fesm2022/eui-components-eui-icon-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon.mjs +7 -7
- package/fesm2022/eui-components-eui-input-checkbox.mjs +7 -7
- package/fesm2022/eui-components-eui-input-group.mjs +13 -13
- package/fesm2022/eui-components-eui-input-number.mjs +10 -10
- package/fesm2022/eui-components-eui-input-radio.mjs +7 -7
- package/fesm2022/eui-components-eui-input-text.mjs +7 -7
- package/fesm2022/eui-components-eui-label.mjs +8 -8
- package/fesm2022/eui-components-eui-label.mjs.map +1 -1
- package/fesm2022/eui-components-eui-language-selector.mjs +10 -10
- package/fesm2022/eui-components-eui-list.mjs +116 -15
- package/fesm2022/eui-components-eui-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +10 -10
- package/fesm2022/eui-components-eui-message-box.mjs +208 -20
- package/fesm2022/eui-components-eui-message-box.mjs.map +1 -1
- package/fesm2022/eui-components-eui-navbar.mjs +10 -10
- package/fesm2022/eui-components-eui-overlay.mjs +19 -19
- package/fesm2022/eui-components-eui-page.mjs +58 -58
- package/fesm2022/eui-components-eui-paginator.mjs +7 -7
- package/fesm2022/eui-components-eui-popover.mjs +195 -21
- package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-bar.mjs +7 -7
- package/fesm2022/eui-components-eui-progress-circle.mjs +7 -7
- package/fesm2022/eui-components-eui-select.mjs +19 -19
- package/fesm2022/eui-components-eui-sidebar-menu.mjs +7 -7
- package/fesm2022/eui-components-eui-skeleton.mjs +7 -7
- package/fesm2022/eui-components-eui-slide-toggle.mjs +7 -7
- package/fesm2022/eui-components-eui-split-button.mjs +7 -7
- package/fesm2022/eui-components-eui-table-v2.mjs +34 -34
- package/fesm2022/eui-components-eui-table.mjs +34 -34
- package/fesm2022/eui-components-eui-tabs.mjs +24 -24
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-eui-textarea.mjs +10 -10
- package/fesm2022/eui-components-eui-timebar.mjs +82 -10
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timeline.mjs +10 -10
- package/fesm2022/eui-components-eui-timepicker.mjs +7 -7
- package/fesm2022/eui-components-eui-tree-list.mjs +25 -25
- package/fesm2022/eui-components-eui-tree.mjs +21 -21
- package/fesm2022/eui-components-eui-user-profile.mjs +16 -16
- package/fesm2022/eui-components-eui-user-profile.mjs.map +1 -1
- 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 +28 -28
- package/fesm2022/eui-components-externals-quill.mjs +10 -10
- package/fesm2022/eui-components-layout.mjs +183 -182
- package/fesm2022/eui-components-layout.mjs.map +1 -1
- package/fesm2022/eui-components-pipes.mjs +14 -14
- package/fesm2022/eui-components-shared.mjs +6 -6
- package/fesm2022/eui-components.mjs +4 -4
- package/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-toolbar/toolbar.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app-top-message/top-message.component.d.ts.map +1 -1
- package/layout/eui-app/eui-app.component.d.ts.map +1 -1
- package/layout/eui-footer/footer.component.d.ts.map +1 -1
- package/layout/eui-header/header-user-profile/header-user-profile.component.d.ts.map +1 -1
- package/layout/eui-notifications/eui-notification-item.component.d.ts.map +1 -1
- package/layout/eui-notifications/eui-notifications.component.d.ts.map +1 -1
- package/layout/eui-notifications-v2/eui-notification-item.component.d.ts.map +1 -1
- package/layout/eui-notifications-v2/eui-notifications.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar-items/toolbar-items.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar-navbar-item/toolbar-navbar-item.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar-search/toolbar-search.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar-selector/toolbar-selector.component.d.ts.map +1 -1
- package/layout/eui-toolbar/toolbar.component.d.ts.map +1 -1
- package/package.json +4 -4
- package/shared/base/base-states.directive.d.ts.map +1 -1
- package/shared/input.directive.d.ts.map +1 -1
@@ -4,43 +4,189 @@ import { BaseStatesDirective } from '@eui/components/shared';
|
|
4
4
|
import { EuiMessageBoxService } from './services/eui-message-box.service';
|
5
5
|
import * as i0 from "@angular/core";
|
6
6
|
import * as i1 from "@eui/components/shared";
|
7
|
+
/**
|
8
|
+
* @description
|
9
|
+
* Component for displaying modal message boxes with structured content and customizable actions.
|
10
|
+
* This component provides a user-friendly interface for confirmation dialogs, alerts, and other
|
11
|
+
* types of modal messages.
|
12
|
+
*
|
13
|
+
* The component supports various styling variants through the BaseStatesDirective hostDirective,
|
14
|
+
* customizable buttons, and configurable behavior for dialog actions.
|
15
|
+
*
|
16
|
+
* @example
|
17
|
+
* // Basic usage with title and default buttons:
|
18
|
+
* <eui-message-box
|
19
|
+
* title="Confirmation Required"
|
20
|
+
* (accept)="onConfirm()"
|
21
|
+
* (dismiss)="onCancel()">
|
22
|
+
* Are you sure you want to proceed with this action?
|
23
|
+
* </eui-message-box>
|
24
|
+
*
|
25
|
+
* @example
|
26
|
+
* // Custom styled message box with modified button labels:
|
27
|
+
* <eui-message-box
|
28
|
+
* title="Warning"
|
29
|
+
* euiWarning
|
30
|
+
* acceptLabel="Proceed Anyway"
|
31
|
+
* dismissLabel="Go Back"
|
32
|
+
* [isDraggable]="true">
|
33
|
+
* This action cannot be undone.
|
34
|
+
* </eui-message-box>
|
35
|
+
*
|
36
|
+
* @example
|
37
|
+
* // Message box with custom footer content:
|
38
|
+
* <eui-message-box title="Custom Actions">
|
39
|
+
* Select an option below.
|
40
|
+
* <eui-message-box-footer>
|
41
|
+
* <button eui-button (click)="optionOne()">Option 1</button>
|
42
|
+
* <button eui-button (click)="optionTwo()">Option 2</button>
|
43
|
+
* </eui-message-box-footer>
|
44
|
+
* </eui-message-box>
|
45
|
+
*/
|
7
46
|
export declare class EuiMessageBoxComponent implements AfterViewInit, OnDestroy {
|
8
47
|
private viewContainerRef;
|
9
48
|
private euiMessageBoxService;
|
10
49
|
baseStatesDirective: BaseStatesDirective;
|
50
|
+
/**
|
51
|
+
* Data attribute for e2e testing purposes.
|
52
|
+
* @default 'eui-dialog'
|
53
|
+
*/
|
11
54
|
e2eAttr: string;
|
55
|
+
/**
|
56
|
+
* Title text displayed in the message box header.
|
57
|
+
*/
|
12
58
|
title: string;
|
59
|
+
/**
|
60
|
+
* Width of the message box.
|
61
|
+
* @default '33rem'
|
62
|
+
*/
|
13
63
|
width: string;
|
64
|
+
/**
|
65
|
+
* Height of the message box.
|
66
|
+
* @default 'auto'
|
67
|
+
*/
|
14
68
|
height: string;
|
69
|
+
/**
|
70
|
+
* Whether to show the accept/confirm button.
|
71
|
+
* @default true
|
72
|
+
*/
|
15
73
|
hasAcceptButton: boolean;
|
74
|
+
/**
|
75
|
+
* Whether to show the dismiss/cancel button.
|
76
|
+
* @default true
|
77
|
+
*/
|
16
78
|
hasDismissButton: boolean;
|
79
|
+
/**
|
80
|
+
* Label for the accept/confirm button. Can be a translation key.
|
81
|
+
* @default 'eui.OK'
|
82
|
+
*/
|
17
83
|
acceptLabel: string;
|
84
|
+
/**
|
85
|
+
* Label for the dismiss/cancel button. Can be a translation key.
|
86
|
+
* @default 'eui.CANCEL'
|
87
|
+
*/
|
18
88
|
dismissLabel: string;
|
89
|
+
/**
|
90
|
+
* Whether to manually handle closing the dialog on dismiss button click.
|
91
|
+
* @default false
|
92
|
+
*/
|
19
93
|
isHandleCloseOnDismiss: boolean;
|
94
|
+
/**
|
95
|
+
* Whether to manually handle closing the dialog on close button click.
|
96
|
+
* @default false
|
97
|
+
*/
|
20
98
|
isHandleCloseOnClose: boolean;
|
99
|
+
/**
|
100
|
+
* Whether to manually handle closing the dialog on accept button click.
|
101
|
+
* @default false
|
102
|
+
*/
|
21
103
|
isHandleCloseOnAccept: boolean;
|
104
|
+
/**
|
105
|
+
* Whether the message box can be dragged around the screen.
|
106
|
+
* @default false
|
107
|
+
*/
|
22
108
|
isDraggable: boolean;
|
109
|
+
/**
|
110
|
+
* Whether to remove padding from the message box body.
|
111
|
+
* @default false
|
112
|
+
*/
|
23
113
|
hasNoBodyPadding: boolean;
|
114
|
+
/**
|
115
|
+
* Event emitted when the message box opens.
|
116
|
+
*/
|
24
117
|
messageBoxOpen: EventEmitter<any>;
|
118
|
+
/**
|
119
|
+
* Event emitted when the message box closes.
|
120
|
+
*/
|
25
121
|
messageBoxClose: EventEmitter<any>;
|
122
|
+
/**
|
123
|
+
* Event emitted when the dismiss/cancel button is clicked.
|
124
|
+
*/
|
26
125
|
dismiss: EventEmitter<any>;
|
126
|
+
/**
|
127
|
+
* Event emitted when the accept/confirm button is clicked.
|
128
|
+
*/
|
27
129
|
accept: EventEmitter<any>;
|
130
|
+
/**
|
131
|
+
* Reference to the template containing the message box content.
|
132
|
+
* This will be used to create a portal for the content section.
|
133
|
+
*/
|
28
134
|
templateRefContent: TemplateRef<ElementRef>;
|
135
|
+
/**
|
136
|
+
* Reference to the template containing the message box footer.
|
137
|
+
* This will be used to create a portal for the footer section.
|
138
|
+
*/
|
29
139
|
templateRefFooter: TemplateRef<EuiMessageBoxFooterDirective>;
|
140
|
+
/**
|
141
|
+
* Reference to any custom footer content provided through the eui-message-box-footer directive.
|
142
|
+
* Forward reference is used to resolve the circular dependency between the component and directive.
|
143
|
+
*/
|
30
144
|
euiMessageBoxFooterDirective: QueryList<EuiMessageBoxFooterDirective>;
|
145
|
+
/**
|
146
|
+
* Content that will be displayed in the message box body.
|
147
|
+
* Can be either a simple string message or a TemplatePortal for more complex content.
|
148
|
+
*/
|
31
149
|
content: string | TemplatePortal;
|
150
|
+
/**
|
151
|
+
* Portal instance for the content section of the message box.
|
152
|
+
* Created from the templateRefContent template reference.
|
153
|
+
*/
|
32
154
|
private templatePortalContent;
|
155
|
+
/**
|
156
|
+
* Portal instance for the footer section of the message box.
|
157
|
+
* Created from the templateRefFooter template reference when a custom footer is provided.
|
158
|
+
*/
|
33
159
|
private templatePortalFooter;
|
160
|
+
/**
|
161
|
+
* Subject used for cleaning up subscriptions when the component is destroyed.
|
162
|
+
*/
|
34
163
|
private destroy$;
|
164
|
+
/**
|
165
|
+
* Creates an instance of EuiMessageBoxComponent.
|
166
|
+
*
|
167
|
+
* @param viewContainerRef - Reference to the view container for creating portals
|
168
|
+
* @param euiMessageBoxService - Service used to open and close message boxes
|
169
|
+
* @param baseStatesDirective - Directive that provides styling state management for the component
|
170
|
+
*/
|
35
171
|
constructor(viewContainerRef: ViewContainerRef, euiMessageBoxService: EuiMessageBoxService, baseStatesDirective: BaseStatesDirective);
|
172
|
+
/**
|
173
|
+
* Lifecycle hook that's called after Angular has fully initialized the component's view.
|
174
|
+
* Creates the template portals for content and footer (if available).
|
175
|
+
*/
|
36
176
|
ngAfterViewInit(): void;
|
177
|
+
/**
|
178
|
+
* Lifecycle hook that's called when the component is destroyed.
|
179
|
+
* Cleans up any subscriptions to prevent memory leaks.
|
180
|
+
*/
|
37
181
|
ngOnDestroy(): void;
|
38
182
|
/**
|
39
|
-
*
|
183
|
+
* Opens the message box with the current configuration.
|
184
|
+
* This method configures and displays the message box using the EuiMessageBoxService.
|
40
185
|
*/
|
41
186
|
openMessageBox<HC, HCC, BC, BCC, FC, FCC>(): void;
|
42
187
|
/**
|
43
|
-
*
|
188
|
+
* Closes the currently open message box.
|
189
|
+
* This method uses the EuiMessageBoxService to close the dialog.
|
44
190
|
*/
|
45
191
|
closeMessageBox(): void;
|
46
192
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiMessageBoxComponent, never>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-message-box.component.d.ts","sourceRoot":"","sources":["../../eui-message-box/eui-message-box.component.ts"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"eui-message-box.component.d.ts","sourceRoot":"","sources":["../../eui-message-box/eui-message-box.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,SAAS,EAET,YAAY,EAIZ,SAAS,EACT,UAAU,EAEb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;;;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,qBAsBa,sBAAuB,YAAW,aAAa,EAAE,SAAS;IAmJ/D,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,oBAAoB;IACrB,mBAAmB,EAAE,mBAAmB;IApJnD;;;OAGG;IACM,OAAO,SAAgB;IAEhC;;OAEG;IACM,KAAK,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACM,KAAK,SAAW;IAEzB;;;OAGG;IACM,MAAM,SAAU;IAEzB;;;OAGG;IACqC,eAAe,UAAQ;IAE/D;;;OAGG;IACqC,gBAAgB,UAAQ;IAEhE;;;OAGG;IACM,WAAW,SAAY;IAEhC;;;OAGG;IACM,YAAY,SAAgB;IAErC;;;OAGG;IACqC,sBAAsB,UAAS;IAEvE;;;OAGG;IACqC,oBAAoB,UAAS;IAErE;;;OAGG;IACqC,qBAAqB,UAAS;IAEtE;;;OAGG;IACqC,WAAW,UAAS;IAE5D;;;OAGG;IACqC,gBAAgB,UAAS;IAEjE;;OAEG;IACO,cAAc,oBAAsB;IAE9C;;OAEG;IACO,eAAe,oBAAsB;IAE/C;;OAEG;IACO,OAAO,oBAAsB;IAEvC;;OAEG;IACO,MAAM,oBAAsB;IAEtC;;;OAGG;IAC8B,kBAAkB,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAE7E;;;OAGG;IAC6B,iBAAiB,EAAE,WAAW,CAAC,4BAA4B,CAAC,CAAC;IAE7F;;;OAGG;IAC2D,4BAA4B,EAAE,SAAS,CAAC,4BAA4B,CAAC,CAAC;IAEpI;;;OAGG;IACI,OAAO,EAAE,MAAM,GAAG,cAAc,CAAC;IAExC;;;OAGG;IACH,OAAO,CAAC,qBAAqB,CAA6B;IAE1D;;;OAGG;IACH,OAAO,CAAC,oBAAoB,CAA+C;IAE3E;;OAEG;IACH,OAAO,CAAC,QAAQ,CAA4C;IAE5D;;;;;;OAMG;gBAES,gBAAgB,EAAE,gBAAgB,EAClC,oBAAoB,EAAE,oBAAoB,EAC3C,mBAAmB,EAAE,mBAAmB;IAGnD;;;OAGG;IACH,eAAe,IAAI,IAAI;IAQvB;;;OAGG;IACH,WAAW,IAAI,IAAI;IAKnB;;;OAGG;IACI,cAAc,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,KAAK,IAAI;IAyCxD;;;OAGG;IACI,eAAe,IAAI,IAAI;yCA9NrB,sBAAsB;2CAAtB,sBAAsB;8CAuOqnlC,OAAQ;+CAAR,OAAQ;qDAAR,OAAQ;mDAAR,OAAQ;oDAAR,OAAQ;0CAAR,OAAQ;+CAAR,OAAQ;CAN/plC;AAGD,qBACa,4BAA4B;yCAA5B,4BAA4B;2CAA5B,4BAA4B;CAAG"}
|
@@ -8,9 +8,23 @@ import * as i6 from "@angular/cdk/portal";
|
|
8
8
|
import * as i7 from "@angular/cdk/overlay";
|
9
9
|
import * as i8 from "@angular/cdk/a11y";
|
10
10
|
import * as i9 from "@angular/cdk/drag-drop";
|
11
|
+
/**
|
12
|
+
* @description
|
13
|
+
* Provides message box functionality for displaying modal dialogs with structured content.
|
14
|
+
*
|
15
|
+
* @example
|
16
|
+
* import { EuiMessageBoxModule } from '@eui/components/eui-message-box';
|
17
|
+
*
|
18
|
+
* @NgModule({
|
19
|
+
* imports: [
|
20
|
+
* EuiMessageBoxModule,
|
21
|
+
* ],
|
22
|
+
* })
|
23
|
+
* export class MyFeatureModule {}
|
24
|
+
*/
|
11
25
|
export declare class EuiMessageBoxModule {
|
12
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiMessageBoxModule, never>;
|
13
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<EuiMessageBoxModule, [typeof i1.EuiMessageBoxComponent, typeof i1.EuiMessageBoxFooterDirective], [typeof i2.CommonModule, typeof i3.
|
27
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<EuiMessageBoxModule, [typeof i1.EuiMessageBoxComponent, typeof i1.EuiMessageBoxFooterDirective], [typeof i2.CommonModule, typeof i3.EuiButtonComponent, typeof i4.EuiIconModule, typeof i5.TranslateModule, typeof i6.PortalModule, typeof i7.OverlayModule, typeof i8.A11yModule, typeof i9.DragDropModule], [typeof i1.EuiMessageBoxComponent, typeof i1.EuiMessageBoxFooterDirective]>;
|
14
28
|
static ɵinj: i0.ɵɵInjectorDeclaration<EuiMessageBoxModule>;
|
15
29
|
}
|
16
30
|
//# sourceMappingURL=eui-message-box.module.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-message-box.module.d.ts","sourceRoot":"","sources":["../../eui-message-box/eui-message-box.module.ts"],"names":[],"mappings":";;;;;;;;;;AAcA,qBAMa,mBAAmB;yCAAnB,mBAAmB;0CAAnB,mBAAmB;0CAAnB,mBAAmB;CAAG"}
|
1
|
+
{"version":3,"file":"eui-message-box.module.d.ts","sourceRoot":"","sources":["../../eui-message-box/eui-message-box.module.ts"],"names":[],"mappings":";;;;;;;;;;AAcA;;;;;;;;;;;;;GAaG;AACH,qBAMa,mBAAmB;yCAAnB,mBAAmB;0CAAnB,mBAAmB;0CAAnB,mBAAmB;CAAG"}
|
@@ -1,16 +1,71 @@
|
|
1
1
|
import { EuiDialogInterface, EuiDialogService } from '@eui/components/eui-dialog';
|
2
2
|
import * as i0 from "@angular/core";
|
3
|
+
/**
|
4
|
+
* @description
|
5
|
+
* Service for programmatically creating, opening, and controlling message boxes in the eui application.
|
6
|
+
*
|
7
|
+
* The EuiMessageBoxService wraps the EuiDialogService to provide a simplified API specifically
|
8
|
+
* for message box functionality. Message boxes are specialized dialog windows typically used
|
9
|
+
* for alerts, confirmations, and prompts.
|
10
|
+
*
|
11
|
+
* The service handles the configuration of common message box properties and delegates to the
|
12
|
+
* underlying dialog service for rendering.
|
13
|
+
*
|
14
|
+
* @example
|
15
|
+
* // Basic usage in a component:
|
16
|
+
* import { EuiMessageBoxService } from '@eui/components/eui-message-box';
|
17
|
+
*
|
18
|
+
* @Component({...})
|
19
|
+
* export class MyComponent {
|
20
|
+
* constructor(private messageBoxService: EuiMessageBoxService) {}
|
21
|
+
*
|
22
|
+
* showConfirmation() {
|
23
|
+
* this.messageBoxService.openMessageBox({
|
24
|
+
* title: 'Confirm Action',
|
25
|
+
* content: 'Are you sure you want to proceed?',
|
26
|
+
* acceptLabel: 'Yes',
|
27
|
+
* dismissLabel: 'No',
|
28
|
+
* accept: () => this.handleConfirmation(),
|
29
|
+
* dismiss: () => console.log('Action cancelled')
|
30
|
+
* });
|
31
|
+
* }
|
32
|
+
*
|
33
|
+
* closeActiveMessageBox() {
|
34
|
+
* this.messageBoxService.closeMessageBox();
|
35
|
+
* }
|
36
|
+
* }
|
37
|
+
*
|
38
|
+
* @see EuiMessageBoxComponent
|
39
|
+
* @see EuiDialogService
|
40
|
+
*/
|
3
41
|
export declare class EuiMessageBoxService {
|
4
42
|
private euiDialogService;
|
43
|
+
/**
|
44
|
+
* Creates an instance of EuiMessageBoxService.
|
45
|
+
*
|
46
|
+
* @param euiDialogService - The underlying dialog service used to render message boxes
|
47
|
+
*/
|
5
48
|
constructor(euiDialogService: EuiDialogService);
|
6
49
|
/**
|
7
|
-
*
|
50
|
+
* Opens a message box with the specified configuration.
|
8
51
|
*
|
9
|
-
*
|
52
|
+
* This method sets default message box properties and delegates to the dialog service
|
53
|
+
* to render the message box. Message boxes don't close on outside click or escape key,
|
54
|
+
* and have no header component or close button by default.
|
55
|
+
*
|
56
|
+
* @param config - Configuration options for the message box
|
57
|
+
* @typeParam HC - Header content type
|
58
|
+
* @typeParam HCC - Header component context type
|
59
|
+
* @typeParam BC - Body content type
|
60
|
+
* @typeParam BCC - Body component context type
|
61
|
+
* @typeParam FC - Footer content type
|
62
|
+
* @typeParam FCC - Footer component context type
|
10
63
|
*/
|
11
64
|
openMessageBox<HC, HCC, BC, BCC, FC, FCC>(config?: EuiDialogInterface<HC, HCC, BC, BCC, FC, FCC>): void;
|
12
65
|
/**
|
13
|
-
*
|
66
|
+
* Closes the currently active message box.
|
67
|
+
*
|
68
|
+
* This method delegates to the dialog service to close any open dialog.
|
14
69
|
*/
|
15
70
|
closeMessageBox(): void;
|
16
71
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiMessageBoxService, never>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-message-box.service.d.ts","sourceRoot":"","sources":["../../../eui-message-box/services/eui-message-box.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;;AAElF,qBACa,oBAAoB;
|
1
|
+
{"version":3,"file":"eui-message-box.service.d.ts","sourceRoot":"","sources":["../../../eui-message-box/services/eui-message-box.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;;AAElF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,oBAAoB;IAMjB,OAAO,CAAC,gBAAgB;IALpC;;;;OAIG;gBACiB,gBAAgB,EAAE,gBAAgB;IAEtD;;;;;;;;;;;;;;OAcG;IACI,cAAc,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,GAAE,kBAAkB,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAM,GAAG,IAAI;IAYlH;;;;OAIG;IACI,eAAe,IAAI,IAAI;yCAxCrB,oBAAoB;6CAApB,oBAAoB;CA2ChC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-navbar-item.component.d.ts","sourceRoot":"","sources":["../../../eui-navbar/eui-navbar-item/eui-navbar-item.component.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;;AAE7D,qBAMa,sBAAsB;IAC/B,IACI,UAAU,IAAI,MAAM,CAKvB;IAE6B,QAAQ,SAAK;IAElC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACiB,QAAQ,UAAS;IAEzD,qBAAqB,EAAE,kBAAkB,CAAC;gBAEoC,eAAe,KAAA;IAK7F,SAAS,CAAC,OAAO,IAAI,IAAI;IAKzB,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAW/C,OAAO,CAAC,MAAM;yCAtCL,sBAAsB;2CAAtB,sBAAsB;
|
1
|
+
{"version":3,"file":"eui-navbar-item.component.d.ts","sourceRoot":"","sources":["../../../eui-navbar/eui-navbar-item/eui-navbar-item.component.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;;AAE7D,qBAMa,sBAAsB;IAC/B,IACI,UAAU,IAAI,MAAM,CAKvB;IAE6B,QAAQ,SAAK;IAElC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACiB,QAAQ,UAAS;IAEzD,qBAAqB,EAAE,kBAAkB,CAAC;gBAEoC,eAAe,KAAA;IAK7F,SAAS,CAAC,OAAO,IAAI,IAAI;IAKzB,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAW/C,OAAO,CAAC,MAAM;yCAtCL,sBAAsB;2CAAtB,sBAAsB;uCA0C0q2C,OAAQ;CADpt2C"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-overlay.component.d.ts","sourceRoot":"","sources":["../../eui-overlay/eui-overlay.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0E,YAAY,EAAoB,MAAM,eAAe,CAAC;;AAEvI,qBAOa,mBAAmB;IAC5B,IACI,UAAU,IAAI,MAAM,CAYvB;IAEyB,IAAI,SAAY;IACV,YAAY,SAAmB;IAEvB,QAAQ,UAAS;IACjB,cAAc,UAAS;IACvB,uBAAuB,UAAS;IAC/D,QAAQ,SAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IAElB,WAAW,wBAA+B;IAGpD,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAOrC,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCApCvB,mBAAmB;2CAAnB,mBAAmB;
|
1
|
+
{"version":3,"file":"eui-overlay.component.d.ts","sourceRoot":"","sources":["../../eui-overlay/eui-overlay.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0E,YAAY,EAAoB,MAAM,eAAe,CAAC;;AAEvI,qBAOa,mBAAmB;IAC5B,IACI,UAAU,IAAI,MAAM,CAYvB;IAEyB,IAAI,SAAY;IACV,YAAY,SAAmB;IAEvB,QAAQ,UAAS;IACjB,cAAc,UAAS;IACvB,uBAAuB,UAAS;IAC/D,QAAQ,SAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IAElB,WAAW,wBAA+B;IAGpD,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAOrC,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCApCvB,mBAAmB;2CAAnB,mBAAmB;uCAuDk50C,OAAQ;6CAAR,OAAQ;sDAAR,OAAQ;CADz70C"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-page-column.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-column/eui-page-column.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,MAAM,EAIN,SAAS,EACT,YAAY,EAKZ,SAAS,EAEZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAM7D,qBA+Ba,sBAAuB,YAAW,MAAM,EAAE,SAAS;IAiEjD,SAAS,EAAE,kBAAkB;IACpC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB;IAjEtD,IACI,UAAU,IAAI,MAAM,CAYvB;IAEQ,KAAK,MAAC;IACN,QAAQ,MAAC;IACT,uBAAuB,EAAE,MAAM,CAAQ;IACvC,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAEK,aAAa,UAAS;IACtB,WAAW,UAAS;IACpB,kBAAkB,UAAS;IAC3B,aAAa,UAAS;IACtB,oBAAoB,UAAS;IAC7B,cAAc,UAAS;IACvB,uBAAuB,UAAS;IAChC,4BAA4B,UAAS;IACrC,mBAAmB,UAAS;IAE1D,QAAQ,oBAAsB;IAC9B,cAAc,oBAAsB;IAC9C,QAAQ,UAAS;IAEjB,oBAAoB,UAAS;IAE7B,yBAAyB,UAAS;IAGlC,uBAAuB,EAAE,SAAS,CAAC,uCAAuC,CAAC,CAAC;IAG5E,uBAAuB,EAAE,SAAS,CAAC,uCAAuC,CAAC,CAAC;IAG5E,wBAAwB,EAAE,SAAS,CAAC,wCAAwC,CAAC,CAAC;IAG9E,4BAA4B,EAAE,SAAS,CAAC,4CAA4C,CAAC,CAAC;IAGtF,mBAAmB,EAAE,SAAS,CAAC,mCAAmC,CAAC,CAAC;IAEpE,aAAa,SAAK;IAElB,cAAc,SAAK;IACnB,SAAS,SAAM;IAEf,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,QAAQ,CAA0B;gBAGiC,yBAAyB,EAAE,uBAAuB,EAClH,SAAS,EAAE,kBAAkB,EAC1B,mBAAmB,EAAE,mBAAmB;IAKtD,QAAQ,IAAI,IAAI;IA2BhB,WAAW,IAAI,IAAI;IAKZ,QAAQ,IAAI,IAAI;yCAvGd,sBAAsB;2CAAtB,sBAAsB;
|
1
|
+
{"version":3,"file":"eui-page-column.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-column/eui-page-column.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,MAAM,EAIN,SAAS,EACT,YAAY,EAKZ,SAAS,EAEZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAM7D,qBA+Ba,sBAAuB,YAAW,MAAM,EAAE,SAAS;IAiEjD,SAAS,EAAE,kBAAkB;IACpC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB;IAjEtD,IACI,UAAU,IAAI,MAAM,CAYvB;IAEQ,KAAK,MAAC;IACN,QAAQ,MAAC;IACT,uBAAuB,EAAE,MAAM,CAAQ;IACvC,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAEK,aAAa,UAAS;IACtB,WAAW,UAAS;IACpB,kBAAkB,UAAS;IAC3B,aAAa,UAAS;IACtB,oBAAoB,UAAS;IAC7B,cAAc,UAAS;IACvB,uBAAuB,UAAS;IAChC,4BAA4B,UAAS;IACrC,mBAAmB,UAAS;IAE1D,QAAQ,oBAAsB;IAC9B,cAAc,oBAAsB;IAC9C,QAAQ,UAAS;IAEjB,oBAAoB,UAAS;IAE7B,yBAAyB,UAAS;IAGlC,uBAAuB,EAAE,SAAS,CAAC,uCAAuC,CAAC,CAAC;IAG5E,uBAAuB,EAAE,SAAS,CAAC,uCAAuC,CAAC,CAAC;IAG5E,wBAAwB,EAAE,SAAS,CAAC,wCAAwC,CAAC,CAAC;IAG9E,4BAA4B,EAAE,SAAS,CAAC,4CAA4C,CAAC,CAAC;IAGtF,mBAAmB,EAAE,SAAS,CAAC,mCAAmC,CAAC,CAAC;IAEpE,aAAa,SAAK;IAElB,cAAc,SAAK;IACnB,SAAS,SAAM;IAEf,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,QAAQ,CAA0B;gBAGiC,yBAAyB,EAAE,uBAAuB,EAClH,SAAS,EAAE,kBAAkB,EAC1B,mBAAmB,EAAE,mBAAmB;IAKtD,QAAQ,IAAI,IAAI;IA2BhB,WAAW,IAAI,IAAI;IAKZ,QAAQ,IAAI,IAAI;yCAvGd,sBAAsB;2CAAtB,sBAAsB;4CA2H66rC,OAAQ;0CAAR,OAAQ;iDAAR,OAAQ;4CAAR,OAAQ;mDAAR,OAAQ;6CAAR,OAAQ;sDAAR,OAAQ;2DAAR,OAAQ;kDAAR,OAAQ;CAhBv9rC;AAGD,qBACa,uCAAuC;yCAAvC,uCAAuC;2CAAvC,uCAAuC;CAAG;AACvD,qBACa,uCAAuC;yCAAvC,uCAAuC;2CAAvC,uCAAuC;CAAG;AACvD,qBACa,wCAAwC;yCAAxC,wCAAwC;2CAAxC,wCAAwC;CAAG;AACxD,qBACa,4CAA4C;yCAA5C,4CAA4C;2CAA5C,4CAA4C;CAAG;AAC5D,qBACa,iCAAiC;yCAAjC,iCAAiC;2CAAjC,iCAAiC;CAAG;AACjD,qBACa,mCAAmC;yCAAnC,mCAAmC;2CAAnC,mCAAmC;CAAG"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-page-columns.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-columns/eui-page-columns.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,UAAU,EAAsB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAuC,MAAM,eAAe,CAAC;AACnK,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;;AAK/B,qBAOa,uBAAwB,YAAW,MAAM,EAAE,SAAS;IAejD,OAAO,CAAC,IAAI;IAAc,OAAO,CAAC,IAAI;IAdlD,IACI,UAAU,IAAI,MAAM,CAKvB;IAEuC,yBAAyB,UAAS;IAEnE,KAAK,mBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAC;gBAEG,IAAI,EAAE,UAAU,EAAU,IAAI,EAAE,MAAM;IAE1D,QAAQ,IAAG,IAAI;IASf,WAAW,IAAG,IAAI;yCA1BT,uBAAuB;2CAAvB,uBAAuB;
|
1
|
+
{"version":3,"file":"eui-page-columns.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-columns/eui-page-columns.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,UAAU,EAAsB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAuC,MAAM,eAAe,CAAC;AACnK,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;;AAK/B,qBAOa,uBAAwB,YAAW,MAAM,EAAE,SAAS;IAejD,OAAO,CAAC,IAAI;IAAc,OAAO,CAAC,IAAI;IAdlD,IACI,UAAU,IAAI,MAAM,CAKvB;IAEuC,yBAAyB,UAAS;IAEnE,KAAK,mBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAC;gBAEG,IAAI,EAAE,UAAU,EAAU,IAAI,EAAE,MAAM;IAE1D,QAAQ,IAAG,IAAI;IASf,WAAW,IAAG,IAAI;yCA1BT,uBAAuB;2CAAvB,uBAAuB;wDA8B+42C,OAAQ;CAD172C"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-page-header.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-header/eui-page-header.component.ts"],"names":[],"mappings":"AACA,OAAO,EAQH,SAAS,EAET,YAAY,EAEf,MAAM,eAAe,CAAC;;AAKvB,qBAaa,sBAAsB;IAC/B,IACI,UAAU,IAAI,MAAM,CASvB;IAEQ,KAAK,MAAC;IACN,QAAQ,MAAC;IACT,YAAY,MAAC;IACb,eAAe,MAAC;IAIe,aAAa,UAAS;IACtB,WAAW,UAAS;IACpB,kBAAkB,UAAS;IAEX,iBAAiB,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAC;IAEpG,cAAc,SAAM;IACpB,aAAa,SAAM;IAClB,QAAQ,wBAA+B;IAE1C,QAAQ,IAAI,IAAI;yCA9Bd,sBAAsB;2CAAtB,sBAAsB;
|
1
|
+
{"version":3,"file":"eui-page-header.component.d.ts","sourceRoot":"","sources":["../../../../eui-page/components/eui-page-header/eui-page-header.component.ts"],"names":[],"mappings":"AACA,OAAO,EAQH,SAAS,EAET,YAAY,EAEf,MAAM,eAAe,CAAC;;AAKvB,qBAaa,sBAAsB;IAC/B,IACI,UAAU,IAAI,MAAM,CASvB;IAEQ,KAAK,MAAC;IACN,QAAQ,MAAC;IACT,YAAY,MAAC;IACb,eAAe,MAAC;IAIe,aAAa,UAAS;IACtB,WAAW,UAAS;IACpB,kBAAkB,UAAS;IAEX,iBAAiB,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAC;IAEpG,cAAc,SAAM;IACpB,aAAa,SAAM;IAClB,QAAQ,wBAA+B;IAE1C,QAAQ,IAAI,IAAI;yCA9Bd,sBAAsB;2CAAtB,sBAAsB;4CAmCsp1C,OAAQ;0CAAR,OAAQ;iDAAR,OAAQ;CADhs1C"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-paginator.component.d.ts","sourceRoot":"","sources":["../../eui-paginator/eui-paginator.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,MAAM,EAEN,SAAS,EACT,YAAY,EAEZ,SAAS,EACT,aAAa,EAGhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,eAAe,EAAE,MAAM,MAAM,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBAOa,qBAAsB,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;IA6G3D,kBAAkB,EAAE,kBAAkB;IAC7C,OAAO,CAAC,OAAO;IA7GnB;;;;OAIG;IACoC,OAAO,SAAmB;IACjE;;;;OAIG;IACH,IACI,UAAU,IAAI,MAAM,CAKvB;IACD;;;;OAIG;IACM,eAAe,EAAE,MAAM,EAAE,CAAwB;IAC1D;;;;OAIG;IACM,QAAQ,SAAM;IACvB;;;;OAIG;IACM,IAAI,SAAK;IAClB;;;;OAIG;IACM,MAAM,SAAK;IACpB;;;;OAIG;IACM,sBAAsB,SAAK;IACpC;;;;OAIG;IACqC,QAAQ,UAAS;IACzD;;;;;OAKG;IACqC,WAAW,UAAS;IAC5D;;;;OAIG;IACqC,uBAAuB,UAAS;IACxE;;;;OAIG;IACqC,gBAAgB,UAAS;IACjE;;;;OAIG;IACqC,WAAW,UAAQ;IAE3D,+CAA+C;IACrC,UAAU,mCAA0C;IAE9D;;OAEG;IACI,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAA6B;IAC9E;;OAEG;IACI,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,CAA0B;IACjE;;OAEG;IACI,KAAK,EAAE,MAAM,CAAC;IACrB;;OAEG;IACI,WAAW,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACI,MAAM,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,QAAQ,CAA4C;gBAGjD,kBAAkB,EAAE,kBAAkB,EACrC,OAAO,EAAE,WAAW;IAGhC,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAenC,QAAQ,IAAI,IAAI;IA0BhB,WAAW,IAAI,IAAI;IAKnB;;;;OAIG;IACH,IAAI,oBAAoB,IAAI,MAAM,EAAE,CAwBnC;IAED;;;;OAIG;IACI,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAgBzC;;;;;;OAMG;IACI,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI;IAUrE;;;;;OAKG;IACI,WAAW,CAAC,OAAO,CAAC,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI;IAU1D;;OAEG;IACI,cAAc,IAAI,IAAI;IAO7B;;OAEG;IACI,UAAU,IAAI,IAAI;IAOzB;;OAEG;IACI,UAAU,IAAI,IAAI;IAOzB;;OAEG;IACI,OAAO,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI;IAI9C;;OAEG;IACI,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAItC;;OAEG;IACI,QAAQ,IAAI,IAAI;IAQvB;;;;;;OAMG;IACI,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI;yCAlT3D,qBAAqB;2CAArB,qBAAqB;
|
1
|
+
{"version":3,"file":"eui-paginator.component.d.ts","sourceRoot":"","sources":["../../eui-paginator/eui-paginator.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,MAAM,EAEN,SAAS,EACT,YAAY,EAEZ,SAAS,EACT,aAAa,EAGhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,eAAe,EAAE,MAAM,MAAM,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBAOa,qBAAsB,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;IA6G3D,kBAAkB,EAAE,kBAAkB;IAC7C,OAAO,CAAC,OAAO;IA7GnB;;;;OAIG;IACoC,OAAO,SAAmB;IACjE;;;;OAIG;IACH,IACI,UAAU,IAAI,MAAM,CAKvB;IACD;;;;OAIG;IACM,eAAe,EAAE,MAAM,EAAE,CAAwB;IAC1D;;;;OAIG;IACM,QAAQ,SAAM;IACvB;;;;OAIG;IACM,IAAI,SAAK;IAClB;;;;OAIG;IACM,MAAM,SAAK;IACpB;;;;OAIG;IACM,sBAAsB,SAAK;IACpC;;;;OAIG;IACqC,QAAQ,UAAS;IACzD;;;;;OAKG;IACqC,WAAW,UAAS;IAC5D;;;;OAIG;IACqC,uBAAuB,UAAS;IACxE;;;;OAIG;IACqC,gBAAgB,UAAS;IACjE;;;;OAIG;IACqC,WAAW,UAAQ;IAE3D,+CAA+C;IACrC,UAAU,mCAA0C;IAE9D;;OAEG;IACI,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAA6B;IAC9E;;OAEG;IACI,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,CAA0B;IACjE;;OAEG;IACI,KAAK,EAAE,MAAM,CAAC;IACrB;;OAEG;IACI,WAAW,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACI,MAAM,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,QAAQ,CAA4C;gBAGjD,kBAAkB,EAAE,kBAAkB,EACrC,OAAO,EAAE,WAAW;IAGhC,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAenC,QAAQ,IAAI,IAAI;IA0BhB,WAAW,IAAI,IAAI;IAKnB;;;;OAIG;IACH,IAAI,oBAAoB,IAAI,MAAM,EAAE,CAwBnC;IAED;;;;OAIG;IACI,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAgBzC;;;;;;OAMG;IACI,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI;IAUrE;;;;;OAKG;IACI,WAAW,CAAC,OAAO,CAAC,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI;IAU1D;;OAEG;IACI,cAAc,IAAI,IAAI;IAO7B;;OAEG;IACI,UAAU,IAAI,IAAI;IAOzB;;OAEG;IACI,UAAU,IAAI,IAAI;IAOzB;;OAEG;IACI,OAAO,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI;IAI9C;;OAEG;IACI,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAItC;;OAEG;IACI,QAAQ,IAAI,IAAI;IAQvB;;;;;;OAMG;IACI,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI;yCAlT3D,qBAAqB;2CAArB,qBAAqB;uCAwTg+hC,OAAQ;0CAAR,OAAQ;sDAAR,OAAQ;+CAAR,OAAQ;0CAAR,OAAQ;CADzgiC"}
|
@@ -2,10 +2,42 @@ import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
|
|
2
2
|
import { Observable } from 'rxjs';
|
3
3
|
import { EuiPopoverPosition } from '../models/eui-popover-position.model';
|
4
4
|
import * as i0 from "@angular/core";
|
5
|
+
/**
|
6
|
+
* @description
|
7
|
+
* Directive that positions an arrow element for a popover relative to its origin element.
|
8
|
+
*
|
9
|
+
* This directive calculates and applies the appropriate positioning style to ensure
|
10
|
+
* the arrow correctly points to the origin element regardless of the popover's position.
|
11
|
+
* It adjusts arrow placement dynamically based on the position strategy ('top', 'bottom',
|
12
|
+
* 'left', or 'right') and the dimensions and position of the origin element.
|
13
|
+
*
|
14
|
+
* @example
|
15
|
+
* // Basic usage in an arrow element inside a popover:
|
16
|
+
* <div class="popover-arrow"
|
17
|
+
* [euiPopoverArrowPosition]="positionAndRect$">
|
18
|
+
* </div>
|
19
|
+
*
|
20
|
+
* @example
|
21
|
+
* // In the component class:
|
22
|
+
* // Position and rect as an Observable
|
23
|
+
* positionAndRect$ = new BehaviorSubject<[EuiPopoverPosition, DOMRect]>(['bottom', originRect]);
|
24
|
+
*
|
25
|
+
* // Update when position changes
|
26
|
+
* updatePosition(position: EuiPopoverPosition, rect: DOMRect) {
|
27
|
+
* this.positionAndRect$.next([position, rect]);
|
28
|
+
* }
|
29
|
+
*/
|
5
30
|
export declare class EuiPopoverArrowPositionDirective implements OnInit, OnDestroy {
|
6
31
|
private renderer;
|
7
32
|
private elementRef;
|
8
33
|
private document;
|
34
|
+
/**
|
35
|
+
* Observable that emits a tuple containing the popover position strategy
|
36
|
+
* and the DOMRect of the origin element.
|
37
|
+
*
|
38
|
+
* The directive uses this information to calculate the appropriate
|
39
|
+
* position for the arrow element.
|
40
|
+
*/
|
9
41
|
position$: Observable<[EuiPopoverPosition, DOMRect]>;
|
10
42
|
private destroy$;
|
11
43
|
constructor(renderer: Renderer2, elementRef: ElementRef, document: Document);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-popover-arrow-position.directive.d.ts","sourceRoot":"","sources":["../../../eui-popover/directives/eui-popover-arrow-position.directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAiB,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACnG,OAAO,EAAE,UAAU,EAAsB,MAAM,MAAM,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;;AAE1E,qBAIa,gCAAiC,YAAW,MAAM,EAAE,SAAS;
|
1
|
+
{"version":3,"file":"eui-popover-arrow-position.directive.d.ts","sourceRoot":"","sources":["../../../eui-popover/directives/eui-popover-arrow-position.directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAiB,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACnG,OAAO,EAAE,UAAU,EAAsB,MAAM,MAAM,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAIa,gCAAiC,YAAW,MAAM,EAAE,SAAS;IAclE,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,UAAU;IACA,OAAO,CAAC,QAAQ;IAftC;;;;;;OAMG;IAEI,SAAS,EAAE,UAAU,CAAC,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5D,OAAO,CAAC,QAAQ,CAAgC;gBAGpC,QAAQ,EAAE,SAAS,EACnB,UAAU,EAAE,UAAU,EACJ,QAAQ,EAAE,QAAQ;IAGhD,QAAQ,IAAI,IAAI;IAMhB,WAAW,IAAI,IAAI;IAKnB,OAAO,CAAC,QAAQ;yCA9BP,gCAAgC;2CAAhC,gCAAgC;CA2D5C"}
|
@@ -5,20 +5,105 @@ import { BaseStatesDirective } from '@eui/components/shared';
|
|
5
5
|
import { EuiPopoverPosition } from './models/eui-popover-position.model';
|
6
6
|
import * as i0 from "@angular/core";
|
7
7
|
import * as i1 from "@eui/components/shared";
|
8
|
+
/**
|
9
|
+
* @description
|
10
|
+
* A flexible popover component that displays content in an overlay positioned relative to an origin element.
|
11
|
+
*
|
12
|
+
* The popover can be positioned at four different positions (top, right, bottom, left) relative to the
|
13
|
+
* origin element, with automatic fallback positions if the preferred position doesn't fit in the viewport.
|
14
|
+
* It supports various visual styles, dismissal behaviors, and size variants.
|
15
|
+
*
|
16
|
+
* @example
|
17
|
+
* // Basic usage with a trigger element:
|
18
|
+
* <button #triggerButton (click)="popover.openPopover(triggerButton)">Open Popover</button>
|
19
|
+
* <eui-popover #popover>
|
20
|
+
* <div>Popover content</div>
|
21
|
+
* </eui-popover>
|
22
|
+
*
|
23
|
+
* @example
|
24
|
+
* // With custom configuration:
|
25
|
+
* <eui-popover
|
26
|
+
* position="right"
|
27
|
+
* type="colored-header"
|
28
|
+
* [hasBackDrop]="true"
|
29
|
+
* [hasCloseButton]="false"
|
30
|
+
* (popoverOpen)="onPopoverOpen()"
|
31
|
+
* title="Popover Title">
|
32
|
+
* <div>Popover content</div>
|
33
|
+
* </eui-popover>
|
34
|
+
*/
|
8
35
|
export declare class EuiPopoverComponent implements AfterViewInit, OnDestroy, OnInit, OnChanges {
|
9
36
|
private overlay;
|
10
37
|
private viewContainerRef;
|
11
38
|
private scrollDispatcher;
|
12
39
|
private baseStatesDirective;
|
40
|
+
/**
|
41
|
+
* Optional title text to display in the popover header.
|
42
|
+
* When provided, adds a title element at the top of the popover content.
|
43
|
+
*/
|
13
44
|
title: string;
|
45
|
+
/**
|
46
|
+
* Determines the preferred placement of the popover relative to its origin element.
|
47
|
+
* The component will attempt to use this position first, falling back to alternatives
|
48
|
+
* if there's not enough space in the viewport.
|
49
|
+
*
|
50
|
+
* @default 'bottom'
|
51
|
+
*/
|
14
52
|
position: EuiPopoverPosition;
|
53
|
+
/**
|
54
|
+
* Visual styling variant for the popover.
|
55
|
+
* - 'default': Standard popover with subtle border and drop shadow
|
56
|
+
* - 'flat': Popover without shadows, using only border for definition
|
57
|
+
* - 'colored-header': Popover with an accent-colored header area
|
58
|
+
* - 'colored-solid': Popover with accent color applied to the entire component
|
59
|
+
*
|
60
|
+
* @default 'default'
|
61
|
+
*/
|
15
62
|
type: 'default' | 'flat' | 'colored-header' | 'colored-solid';
|
63
|
+
/**
|
64
|
+
* Custom width for the popover.
|
65
|
+
* Can be specified in any valid CSS unit (px, %, em, etc).
|
66
|
+
* When null, the popover width is determined by its content.
|
67
|
+
*
|
68
|
+
* @default null
|
69
|
+
*/
|
16
70
|
width: string;
|
71
|
+
/**
|
72
|
+
* Whether to show a semi-transparent backdrop behind the popover.
|
73
|
+
* When true, creates a visual overlay that dims the rest of the UI.
|
74
|
+
*
|
75
|
+
* @default false
|
76
|
+
*/
|
17
77
|
hasBackDrop: boolean;
|
78
|
+
/**
|
79
|
+
* Whether to show a close button in the top-right corner of the popover.
|
80
|
+
* When clicked, the close button will dismiss the popover.
|
81
|
+
*
|
82
|
+
* @default true
|
83
|
+
*/
|
18
84
|
hasCloseButton: boolean;
|
85
|
+
/**
|
86
|
+
* Whether the popover can be dismissed by clicking outside its boundaries.
|
87
|
+
* When false, the popover will remain open until explicitly closed via code
|
88
|
+
* or by clicking the close button (if available).
|
89
|
+
*
|
90
|
+
* @default true
|
91
|
+
*/
|
19
92
|
isDismissable: boolean;
|
93
|
+
/**
|
94
|
+
* Event emitted when a click occurs outside the popover boundaries.
|
95
|
+
* Only emitted when isDismissable is true.
|
96
|
+
*/
|
20
97
|
outsideClick: EventEmitter<any>;
|
98
|
+
/**
|
99
|
+
* Event emitted when the popover is opened.
|
100
|
+
* Fires after the popover content has been attached to the DOM and positioned.
|
101
|
+
*/
|
21
102
|
popoverOpen: EventEmitter<any>;
|
103
|
+
/**
|
104
|
+
* Event emitted when the popover is closed.
|
105
|
+
* Fires after the popover content has been removed from the DOM.
|
106
|
+
*/
|
22
107
|
popoverClose: EventEmitter<any>;
|
23
108
|
position$: Observable<[EuiPopoverPosition, DOMRect]>;
|
24
109
|
templatePortalContent: TemplateRef<unknown>;
|
@@ -42,7 +127,7 @@ export declare class EuiPopoverComponent implements AfterViewInit, OnDestroy, On
|
|
42
127
|
* @usageNotes
|
43
128
|
* ```html
|
44
129
|
* <eui-popover #popover>
|
45
|
-
*
|
130
|
+
* @if (popover.isOpen) {
|
46
131
|
* <my-component></my-component>
|
47
132
|
* }
|
48
133
|
* </eui-popover>
|
@@ -50,26 +135,53 @@ export declare class EuiPopoverComponent implements AfterViewInit, OnDestroy, On
|
|
50
135
|
* @returns A boolean with value `true` when open, otherwise `false`.
|
51
136
|
*/
|
52
137
|
get isOpen(): boolean;
|
138
|
+
/**
|
139
|
+
* Updates the position strategy when content changes.
|
140
|
+
* Recalculates and updates the overlay position to handle content size changes.
|
141
|
+
*/
|
53
142
|
onContentChange(): void;
|
54
143
|
/**
|
55
|
-
*
|
144
|
+
* Opens the popover relative to the provided origin element.
|
145
|
+
* Sets up scroll monitoring, position strategy, and attaches the popover content to the overlay.
|
146
|
+
* Emits the popoverOpen event when complete.
|
56
147
|
*
|
57
|
-
* @param origin
|
148
|
+
* @param origin - Reference to the element that triggers the popover
|
58
149
|
*/
|
59
150
|
openPopover(origin: ElementRef): void;
|
60
151
|
/**
|
61
|
-
*
|
152
|
+
* Closes the popover.
|
153
|
+
* Cleans up subscriptions, disposes the overlay, and emits the popoverClose event.
|
62
154
|
*/
|
63
155
|
closePopover(): void;
|
64
156
|
/**
|
65
|
-
*
|
66
|
-
*
|
157
|
+
* Handles keyboard events to allow closing the popover with the Escape key.
|
158
|
+
* Can be used as an alternative to the close button or when hasCloseButton is false.
|
67
159
|
*
|
68
|
-
* @param event The
|
160
|
+
* @param event - The keyboard event
|
69
161
|
*/
|
70
162
|
onKeyDown(event: KeyboardEvent): void;
|
163
|
+
/**
|
164
|
+
* Checks whether the origin element is currently visible within the scrollable parent's viewport.
|
165
|
+
* Used to determine if the popover should remain open during scroll events.
|
166
|
+
*
|
167
|
+
* @param origin - The HTML element that triggers the popover
|
168
|
+
* @param scrollableParent - The scrollable container element
|
169
|
+
* @returns True if the origin element is visible in the viewport, otherwise false
|
170
|
+
*/
|
71
171
|
private isVisible;
|
172
|
+
/**
|
173
|
+
* Creates and returns a position strategy for the overlay.
|
174
|
+
* Configures the overlay to be positioned relative to the origin element
|
175
|
+
* with fallback positions if the preferred one doesn't fit.
|
176
|
+
*
|
177
|
+
* @returns A flexible connected position strategy configured for the popover
|
178
|
+
*/
|
72
179
|
private getPositionStrategy;
|
180
|
+
/**
|
181
|
+
* Sets up the position stream for the arrow positioning directive.
|
182
|
+
* Creates an observable that emits the current popover position and the origin element's bounding rectangle
|
183
|
+
* whenever the popover's position changes.
|
184
|
+
*/
|
73
185
|
private setPositionStream;
|
74
186
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiPopoverComponent, never>;
|
75
187
|
static ɵcmp: i0.ɵɵComponentDeclaration<EuiPopoverComponent, "eui-popover", never, { "title": { "alias": "title"; "required": false; }; "position": { "alias": "position"; "required": false; }; "type": { "alias": "type"; "required": false; }; "width": { "alias": "width"; "required": false; }; "hasBackDrop": { "alias": "hasBackDrop"; "required": false; }; "hasCloseButton": { "alias": "hasCloseButton"; "required": false; }; "isDismissable": { "alias": "isDismissable"; "required": false; }; }, { "outsideClick": "outsideClick"; "popoverOpen": "popoverOpen"; "popoverClose": "popoverClose"; }, never, ["*"], false, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiSizeS": "euiSizeS"; "euiSizeM": "euiSizeM"; "euiSizeL": "euiSizeL"; "euiSizeXL": "euiSizeXL"; "euiSize2XL": "euiSize2XL"; "euiSizeAuto": "euiSizeAuto"; "euiSizeVariant": "euiSizeVariant"; }; outputs: {}; }]>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-popover.component.d.ts","sourceRoot":"","sources":["../../eui-popover/eui-popover.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,MAAM,EAEN,YAAY,EACZ,UAAU,EACV,SAAS,EACT,aAAa,EAEhB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACH,OAAO,EAIP,gBAAgB,EAGnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAmB,UAAU,EAAyB,MAAM,MAAM,CAAC;AAG1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAyC,MAAM,qCAAqC,CAAC;;;AAEhH,qBAsBa,mBAAoB,YAAW,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS;
|
1
|
+
{"version":3,"file":"eui-popover.component.d.ts","sourceRoot":"","sources":["../../eui-popover/eui-popover.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAMH,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,MAAM,EAEN,YAAY,EACZ,UAAU,EACV,SAAS,EACT,aAAa,EAEhB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACH,OAAO,EAIP,gBAAgB,EAGnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAmB,UAAU,EAAyB,MAAM,MAAM,CAAC;AAG1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAyC,MAAM,qCAAqC,CAAC;;;AAEhH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAsBa,mBAAoB,YAAW,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS;IA6FvE,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,mBAAmB;IA/FvC;;;OAGG;IACM,KAAK,EAAE,MAAM,CAAC;IAEvB;;;;;;OAMG;IACM,QAAQ,EAAE,kBAAkB,CAAY;IAEjD;;;;;;;;OAQG;IACM,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,gBAAgB,GAAG,eAAe,CAAa;IAEnF;;;;;;OAMG;IACM,KAAK,EAAE,MAAM,CAAQ;IAE9B;;;;;OAKG;IACqC,WAAW,UAAS;IAE5D;;;;;OAKG;IACqC,cAAc,UAAQ;IAE9D;;;;;;OAMG;IACqC,aAAa,UAAQ;IAE7D;;;OAGG;IACO,YAAY,oBAAsB;IAE5C;;;OAGG;IACO,WAAW,oBAAsB;IAE3C;;;OAGG;IACO,YAAY,oBAAsB;IAErC,SAAS,EAAE,UAAU,CAAC,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,qBAAqB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAEhF,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,QAAQ,CAA4C;IAC5D,OAAO,CAAC,OAAO,CAAiE;IAChF,OAAO,CAAC,4BAA4B,CAAsB;IAC1D,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,iBAAiB,CAAwD;IACjF,OAAO,CAAC,gBAAgB,CAAoC;IAC5D,OAAO,CAAC,uBAAuB,CAAgC;gBAE3C,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB;IAG5D,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAYnC,QAAQ,IAAI,IAAI;IAIhB,eAAe,IAAI,IAAI;IAIvB,WAAW,IAAI,IAAI;IAQnB;;;;;;;;;;;;OAYG;IACH,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED;;;OAGG;IACI,eAAe,IAAI,IAAI;IAM9B;;;;;;OAMG;IACI,WAAW,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IA2C5C;;;OAGG;IACI,YAAY,IAAI,IAAI;IAQ3B;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAM5C;;;;;;;OAOG;IACH,OAAO,CAAC,SAAS;IAWjB;;;;;;OAMG;IACH,OAAO,CAAC,mBAAmB;IAS3B;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;yCA5QhB,mBAAmB;2CAAnB,mBAAmB;0CA0RsggC,OAAQ;6CAAR,OAAQ;4CAAR,OAAQ;CAD7igC"}
|
@@ -8,9 +8,26 @@ import * as i6 from "@eui/components/eui-icon";
|
|
8
8
|
import * as i7 from "@eui/components/eui-icon-button";
|
9
9
|
import * as i8 from "@angular/cdk/a11y";
|
10
10
|
import * as i9 from "@angular/cdk/observers";
|
11
|
+
/**
|
12
|
+
* Module that provides the EUI Popover component and related directives.
|
13
|
+
*
|
14
|
+
* This module exports the EuiPopoverComponent which allows for creating popover overlays
|
15
|
+
* positioned relative to trigger elements. Popovers can be configured with various
|
16
|
+
* positioning options, visual styles, and dismissal behaviors.
|
17
|
+
*
|
18
|
+
* @example
|
19
|
+
* import { EuiPopoverModule } from '@eui/components/eui-popover';
|
20
|
+
*
|
21
|
+
* @NgModule({
|
22
|
+
* imports: [
|
23
|
+
* EuiPopoverModule
|
24
|
+
* ]
|
25
|
+
* })
|
26
|
+
* export class MyModule {}
|
27
|
+
*/
|
11
28
|
export declare class EuiPopoverModule {
|
12
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<EuiPopoverModule, never>;
|
13
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<EuiPopoverModule, [typeof i1.EuiPopoverComponent, typeof i2.EuiPopoverArrowPositionDirective], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.
|
30
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<EuiPopoverModule, [typeof i1.EuiPopoverComponent, typeof i2.EuiPopoverArrowPositionDirective], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.EuiButtonComponent, typeof i6.EuiIconModule, typeof i7.EuiIconButtonModule, typeof i8.A11yModule, typeof i9.ObserversModule], [typeof i1.EuiPopoverComponent]>;
|
14
31
|
static ɵinj: i0.ɵɵInjectorDeclaration<EuiPopoverModule>;
|
15
32
|
}
|
16
33
|
//# sourceMappingURL=eui-popover.module.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-popover.module.d.ts","sourceRoot":"","sources":["../../eui-popover/eui-popover.module.ts"],"names":[],"mappings":";;;;;;;;;;AAaA,qBAKa,gBAAgB;yCAAhB,gBAAgB;0CAAhB,gBAAgB;0CAAhB,gBAAgB;CAAG"}
|
1
|
+
{"version":3,"file":"eui-popover.module.d.ts","sourceRoot":"","sources":["../../eui-popover/eui-popover.module.ts"],"names":[],"mappings":";;;;;;;;;;AAaA;;;;;;;;;;;;;;;;GAgBG;AACH,qBAKa,gBAAgB;yCAAhB,gBAAgB;0CAAhB,gBAAgB;0CAAhB,gBAAgB;CAAG"}
|