@ember-eui/core 11.0.3 → 12.0.0
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/README.md +9 -7
- package/declarations/-private/random-id.d.ts +0 -1
- package/declarations/-private/random-id.d.ts.map +1 -1
- package/declarations/components/eui-accordion.d.ts +2 -1
- package/declarations/components/eui-accordion.d.ts.map +1 -1
- package/declarations/components/eui-breadcrumbs.d.ts +2 -1
- package/declarations/components/eui-breadcrumbs.d.ts.map +1 -1
- package/declarations/components/eui-code-block/virtualized.d.ts +1 -1
- package/declarations/components/eui-code-block.d.ts +2 -1
- package/declarations/components/eui-code-block.d.ts.map +1 -1
- package/declarations/components/eui-code.d.ts +2 -1
- package/declarations/components/eui-code.d.ts.map +1 -1
- package/declarations/components/eui-combo-box/options.d.ts +1 -1
- package/declarations/components/eui-combo-box/options.d.ts.map +1 -1
- package/declarations/components/eui-combo-box/trigger/input.d.ts +1 -1
- package/declarations/components/eui-combo-box/trigger/input.d.ts.map +1 -1
- package/declarations/components/eui-form-control-layout-custom-icon.d.ts +1 -1
- package/declarations/components/eui-global-toast-list.d.ts +2 -1
- package/declarations/components/eui-global-toast-list.d.ts.map +1 -1
- package/declarations/components/eui-hide-for.d.ts.map +1 -1
- package/declarations/components/eui-i18n.d.ts +1 -1
- package/declarations/components/eui-icon.d.ts +1 -0
- package/declarations/components/eui-icon.d.ts.map +1 -1
- package/declarations/components/eui-markdown-editor-toolbar.d.ts +1 -1
- package/declarations/components/eui-markdown-editor.d.ts +3 -2
- package/declarations/components/eui-markdown-editor.d.ts.map +1 -1
- package/declarations/components/eui-page-header-content.d.ts +1 -1
- package/declarations/components/eui-popover.d.ts +2 -1
- package/declarations/components/eui-popover.d.ts.map +1 -1
- package/declarations/components/eui-portal.d.ts +2 -1
- package/declarations/components/eui-portal.d.ts.map +1 -1
- package/declarations/components/eui-range-track.d.ts +1 -1
- package/declarations/components/eui-show-for.d.ts +1 -1
- package/declarations/components/eui-show-for.d.ts.map +1 -1
- package/declarations/components/eui-super-date-picker/date-popover/absolute-tab.d.ts +2 -1
- package/declarations/components/eui-super-date-picker/date-popover/absolute-tab.d.ts.map +1 -1
- package/declarations/components/eui-super-date-picker/date-popover/datetime-picker.d.ts +2 -1
- package/declarations/components/eui-super-date-picker/date-popover/datetime-picker.d.ts.map +1 -1
- package/declarations/components/eui-super-date-picker/date-popover/eui-date-popover-content.d.ts +1 -1
- package/declarations/components/eui-super-date-picker/date-popover/relative-tab.d.ts +2 -1
- package/declarations/components/eui-super-date-picker/date-popover/relative-tab.d.ts.map +1 -1
- package/declarations/components/eui-super-date-picker/eui-quick-select-popover/eui-quick-select.d.ts +2 -1
- package/declarations/components/eui-super-date-picker/eui-quick-select-popover/eui-quick-select.d.ts.map +1 -1
- package/declarations/components/eui-tabbed-content.d.ts +2 -1
- package/declarations/components/eui-tabbed-content.d.ts.map +1 -1
- package/declarations/components/eui-tool-tip-popover.d.ts +2 -1
- package/declarations/components/eui-tool-tip-popover.d.ts.map +1 -1
- package/declarations/components.d.ts +148 -148
- package/declarations/helpers/arg-or-default.d.ts +1 -1
- package/declarations/helpers/eui-page-restrict-width.d.ts +1 -1
- package/declarations/helpers/eui-palette.d.ts +1 -1
- package/declarations/helpers/get-range-tick.d.ts +2 -2
- package/declarations/helpers/hex-to-rgb.d.ts +1 -1
- package/declarations/helpers/is-color-dark.d.ts +1 -1
- package/declarations/helpers/is-item-open.d.ts +1 -1
- package/declarations/helpers/is-valid-hex.d.ts +1 -1
- package/declarations/helpers/nullish.d.ts +1 -1
- package/declarations/helpers/starts-with.d.ts +1 -1
- package/declarations/helpers/to-initials.d.ts +1 -1
- package/declarations/helpers/type-of.d.ts +3 -3
- package/declarations/helpers/type-of.d.ts.map +1 -1
- package/declarations/helpers/use-state.d.ts +1 -1
- package/declarations/modifiers/screen-reader-only.d.ts +1 -1
- package/declarations/modifiers/simple-style.d.ts +1 -1
- package/declarations/modifiers/validatable-control.d.ts +1 -1
- package/declarations/utils/markdown/markdown-modes.d.ts.map +1 -1
- package/dist/-private/random-id.js.map +1 -1
- package/dist/components/common.js.map +1 -1
- package/dist/components/eui-accordion.js +14 -14
- package/dist/components/eui-accordion.js.map +1 -1
- package/dist/components/eui-auto-sizer.js +31 -31
- package/dist/components/eui-auto-sizer.js.map +1 -1
- package/dist/components/eui-avatar.js +2 -2
- package/dist/components/eui-avatar.js.map +1 -1
- package/dist/components/eui-badge-group.js.map +1 -1
- package/dist/components/eui-badge.js +1 -1
- package/dist/components/eui-badge.js.map +1 -1
- package/dist/components/eui-beta-badge.js +1 -1
- package/dist/components/eui-beta-badge.js.map +1 -1
- package/dist/components/eui-bottom-bar.js +13 -13
- package/dist/components/eui-bottom-bar.js.map +1 -1
- package/dist/components/eui-breadcrumbs.js +40 -42
- package/dist/components/eui-breadcrumbs.js.map +1 -1
- package/dist/components/eui-button-content.js.map +1 -1
- package/dist/components/eui-button-empty.js +1 -1
- package/dist/components/eui-button-empty.js.map +1 -1
- package/dist/components/eui-button-group-button.js +1 -1
- package/dist/components/eui-button-group-button.js.map +1 -1
- package/dist/components/eui-button-group.js +1 -1
- package/dist/components/eui-button-group.js.map +1 -1
- package/dist/components/eui-button-icon.js +1 -1
- package/dist/components/eui-button-icon.js.map +1 -1
- package/dist/components/eui-button.js +2 -2
- package/dist/components/eui-button.js.map +1 -1
- package/dist/components/eui-call-out.js +1 -1
- package/dist/components/eui-call-out.js.map +1 -1
- package/dist/components/eui-card-select.js +8 -8
- package/dist/components/eui-card-select.js.map +1 -1
- package/dist/components/eui-card.js +6 -6
- package/dist/components/eui-card.js.map +1 -1
- package/dist/components/eui-checkable-card.js.map +1 -1
- package/dist/components/eui-checkbox-group.js +1 -1
- package/dist/components/eui-checkbox-group.js.map +1 -1
- package/dist/components/eui-checkbox.js +4 -4
- package/dist/components/eui-checkbox.js.map +1 -1
- package/dist/components/eui-code-block/controls.js.map +1 -1
- package/dist/components/eui-code-block/full-screen-display.js.map +1 -1
- package/dist/components/eui-code-block/virtualized.js +9 -9
- package/dist/components/eui-code-block/virtualized.js.map +1 -1
- package/dist/components/eui-code-block.js +71 -71
- package/dist/components/eui-code-block.js.map +1 -1
- package/dist/components/eui-code.js +16 -16
- package/dist/components/eui-code.js.map +1 -1
- package/dist/components/eui-collapsible-nav-group.js +1 -1
- package/dist/components/eui-collapsible-nav-group.js.map +1 -1
- package/dist/components/eui-collapsible-nav.js +21 -22
- package/dist/components/eui-collapsible-nav.js.map +1 -1
- package/dist/components/eui-combo-box/create-option.js +9 -9
- package/dist/components/eui-combo-box/create-option.js.map +1 -1
- package/dist/components/eui-combo-box/group.js.map +1 -1
- package/dist/components/eui-combo-box/no-matches-message.js.map +1 -1
- package/dist/components/eui-combo-box/options.js +32 -16
- package/dist/components/eui-combo-box/options.js.map +1 -1
- package/dist/components/eui-combo-box/search-message.js.map +1 -1
- package/dist/components/eui-combo-box/trigger/input.js +20 -19
- package/dist/components/eui-combo-box/trigger/input.js.map +1 -1
- package/dist/components/eui-combo-box/trigger.js +2 -2
- package/dist/components/eui-combo-box/trigger.js.map +1 -1
- package/dist/components/eui-combo-box-pill.js +1 -1
- package/dist/components/eui-combo-box-pill.js.map +1 -1
- package/dist/components/eui-combo-box.js +58 -60
- package/dist/components/eui-combo-box.js.map +1 -1
- package/dist/components/eui-comment-list.js.map +1 -1
- package/dist/components/eui-comment-timeline.js +1 -1
- package/dist/components/eui-comment-timeline.js.map +1 -1
- package/dist/components/eui-comment.js +1 -1
- package/dist/components/eui-comment.js.map +1 -1
- package/dist/components/eui-confirm-modal.js.map +1 -1
- package/dist/components/eui-context-menu-item.js +4 -4
- package/dist/components/eui-context-menu-item.js.map +1 -1
- package/dist/components/eui-context-menu-panel.js.map +1 -1
- package/dist/components/eui-copy.js +3 -3
- package/dist/components/eui-copy.js.map +1 -1
- package/dist/components/eui-described-form-group.js.map +1 -1
- package/dist/components/eui-description-list-description.js.map +1 -1
- package/dist/components/eui-description-list-title.js.map +1 -1
- package/dist/components/eui-description-list.js.map +1 -1
- package/dist/components/eui-dual-range.js +110 -110
- package/dist/components/eui-dual-range.js.map +1 -1
- package/dist/components/eui-empty-prompt.js +1 -1
- package/dist/components/eui-empty-prompt.js.map +1 -1
- package/dist/components/eui-field-number.js +1 -1
- package/dist/components/eui-field-number.js.map +1 -1
- package/dist/components/eui-field-password.js +1 -1
- package/dist/components/eui-field-password.js.map +1 -1
- package/dist/components/eui-field-search.js +26 -26
- package/dist/components/eui-field-search.js.map +1 -1
- package/dist/components/eui-field-text.js +1 -1
- package/dist/components/eui-field-text.js.map +1 -1
- package/dist/components/eui-file-picker.js +16 -16
- package/dist/components/eui-file-picker.js.map +1 -1
- package/dist/components/eui-flex-grid.js.map +1 -1
- package/dist/components/eui-flex-group.js.map +1 -1
- package/dist/components/eui-flex-item.js.map +1 -1
- package/dist/components/eui-flyout-body.js.map +1 -1
- package/dist/components/eui-flyout-footer.js.map +1 -1
- package/dist/components/eui-flyout-header.js.map +1 -1
- package/dist/components/eui-flyout.js +35 -36
- package/dist/components/eui-flyout.js.map +1 -1
- package/dist/components/eui-form-control-layout-clear-button.js.map +1 -1
- package/dist/components/eui-form-control-layout-custom-icon.js.map +1 -1
- package/dist/components/eui-form-control-layout-delimited.js +1 -1
- package/dist/components/eui-form-control-layout-delimited.js.map +1 -1
- package/dist/components/eui-form-control-layout-icons.js +1 -1
- package/dist/components/eui-form-control-layout-icons.js.map +1 -1
- package/dist/components/eui-form-control-layout.js +1 -1
- package/dist/components/eui-form-control-layout.js.map +1 -1
- package/dist/components/eui-form-error-text.js.map +1 -1
- package/dist/components/eui-form-fieldset.js.map +1 -1
- package/dist/components/eui-form-help-text.js.map +1 -1
- package/dist/components/eui-form-label.js.map +1 -1
- package/dist/components/eui-form-legend.js.map +1 -1
- package/dist/components/eui-form-row.js +4 -4
- package/dist/components/eui-form-row.js.map +1 -1
- package/dist/components/eui-form.js +1 -1
- package/dist/components/eui-form.js.map +1 -1
- package/dist/components/eui-global-toast-list.js +43 -43
- package/dist/components/eui-global-toast-list.js.map +1 -1
- package/dist/components/eui-header-alert.js.map +1 -1
- package/dist/components/eui-header-breadcrumbs.js.map +1 -1
- package/dist/components/eui-header-link.js.map +1 -1
- package/dist/components/eui-header-links.js +1 -1
- package/dist/components/eui-header-links.js.map +1 -1
- package/dist/components/eui-header-logo.js.map +1 -1
- package/dist/components/eui-header-section-item-button.js +6 -6
- package/dist/components/eui-header-section-item-button.js.map +1 -1
- package/dist/components/eui-header-section-item.js.map +1 -1
- package/dist/components/eui-header-section.js.map +1 -1
- package/dist/components/eui-header.js +2 -2
- package/dist/components/eui-header.js.map +1 -1
- package/dist/components/eui-health.js.map +1 -1
- package/dist/components/eui-hide-for.js.map +1 -1
- package/dist/components/eui-horizontal-rule.js.map +1 -1
- package/dist/components/eui-i18n/render.js.map +1 -1
- package/dist/components/eui-i18n.js +3 -3
- package/dist/components/eui-i18n.js.map +1 -1
- package/dist/components/eui-icon-tip.js.map +1 -1
- package/dist/components/eui-icon.js +43 -37
- package/dist/components/eui-icon.js.map +1 -1
- package/dist/components/eui-image.js +8 -8
- package/dist/components/eui-image.js.map +1 -1
- package/dist/components/eui-inner-text.js +11 -11
- package/dist/components/eui-inner-text.js.map +1 -1
- package/dist/components/eui-input-popover.js +32 -32
- package/dist/components/eui-input-popover.js.map +1 -1
- package/dist/components/eui-key-pad-menu-item.js +3 -3
- package/dist/components/eui-key-pad-menu-item.js.map +1 -1
- package/dist/components/eui-key-pad-menu.js.map +1 -1
- package/dist/components/eui-link.js +1 -1
- package/dist/components/eui-link.js.map +1 -1
- package/dist/components/eui-list-group-item.js +4 -1
- package/dist/components/eui-list-group-item.js.map +1 -1
- package/dist/components/eui-list-group.js +1 -1
- package/dist/components/eui-list-group.js.map +1 -1
- package/dist/components/eui-loading-content.js +1 -1
- package/dist/components/eui-loading-content.js.map +1 -1
- package/dist/components/eui-loading-logo.js.map +1 -1
- package/dist/components/eui-loading-spinner.js.map +1 -1
- package/dist/components/eui-markdown-editor-drop-zone.js.map +1 -1
- package/dist/components/eui-markdown-editor-footer/icons/markdown-logo.js.map +1 -1
- package/dist/components/eui-markdown-editor-footer.js +3 -3
- package/dist/components/eui-markdown-editor-footer.js.map +1 -1
- package/dist/components/eui-markdown-editor-text-area.js.map +1 -1
- package/dist/components/eui-markdown-editor-toolbar/icons/markdown-checkmark.js.map +1 -1
- package/dist/components/eui-markdown-editor-toolbar.js +9 -11
- package/dist/components/eui-markdown-editor-toolbar.js.map +1 -1
- package/dist/components/eui-markdown-editor.js +115 -117
- package/dist/components/eui-markdown-editor.js.map +1 -1
- package/dist/components/eui-markdown-format/markdown-checkbox.js +7 -7
- package/dist/components/eui-markdown-format/markdown-checkbox.js.map +1 -1
- package/dist/components/eui-markdown-format/markdown-code-block.js.map +1 -1
- package/dist/components/eui-markdown-format/markdown-code.js.map +1 -1
- package/dist/components/eui-markdown-format/markdown-tooltip.js.map +1 -1
- package/dist/components/eui-markdown-format.js +14 -16
- package/dist/components/eui-markdown-format.js.map +1 -1
- package/dist/components/eui-modal-body.js.map +1 -1
- package/dist/components/eui-modal-footer.js.map +1 -1
- package/dist/components/eui-modal-header-title.js.map +1 -1
- package/dist/components/eui-modal-header.js.map +1 -1
- package/dist/components/eui-modal.js +1 -1
- package/dist/components/eui-modal.js.map +1 -1
- package/dist/components/eui-notification-badge.js.map +1 -1
- package/dist/components/eui-notification-event-messages.js.map +1 -1
- package/dist/components/eui-notification-event-meta.js +1 -1
- package/dist/components/eui-notification-event-meta.js.map +1 -1
- package/dist/components/eui-notification-event-read-button.js.map +1 -1
- package/dist/components/eui-notification-event-read-icon.js.map +1 -1
- package/dist/components/eui-notification-event.js +1 -1
- package/dist/components/eui-notification-event.js.map +1 -1
- package/dist/components/eui-overlay-mask.js +6 -6
- package/dist/components/eui-overlay-mask.js.map +1 -1
- package/dist/components/eui-page-body.js.map +1 -1
- package/dist/components/eui-page-content-body.js.map +1 -1
- package/dist/components/eui-page-content-header-section.js.map +1 -1
- package/dist/components/eui-page-content-header.js.map +1 -1
- package/dist/components/eui-page-content.js.map +1 -1
- package/dist/components/eui-page-header-content.js +4 -4
- package/dist/components/eui-page-header-content.js.map +1 -1
- package/dist/components/eui-page-header-section.js.map +1 -1
- package/dist/components/eui-page-header.js +1 -1
- package/dist/components/eui-page-header.js.map +1 -1
- package/dist/components/eui-page-side-bar.js.map +1 -1
- package/dist/components/eui-page-template.js +12 -12
- package/dist/components/eui-page-template.js.map +1 -1
- package/dist/components/eui-page.js.map +1 -1
- package/dist/components/eui-pagination/button-wrapper.js.map +1 -1
- package/dist/components/eui-pagination/next-button.js +1 -1
- package/dist/components/eui-pagination/next-button.js.map +1 -1
- package/dist/components/eui-pagination/previous-button.js +1 -1
- package/dist/components/eui-pagination/previous-button.js.map +1 -1
- package/dist/components/eui-pagination-button.js.map +1 -1
- package/dist/components/eui-pagination.js +39 -39
- package/dist/components/eui-pagination.js.map +1 -1
- package/dist/components/eui-panel.js +1 -1
- package/dist/components/eui-panel.js.map +1 -1
- package/dist/components/eui-popover-footer.js.map +1 -1
- package/dist/components/eui-popover-title.js.map +1 -1
- package/dist/components/eui-popover.js +126 -126
- package/dist/components/eui-popover.js.map +1 -1
- package/dist/components/eui-portal.js +8 -8
- package/dist/components/eui-portal.js.map +1 -1
- package/dist/components/eui-progress.js +1 -1
- package/dist/components/eui-progress.js.map +1 -1
- package/dist/components/eui-radio-group.js +2 -2
- package/dist/components/eui-radio-group.js.map +1 -1
- package/dist/components/eui-radio.js +1 -1
- package/dist/components/eui-radio.js.map +1 -1
- package/dist/components/eui-range-highlight.js.map +1 -1
- package/dist/components/eui-range-input.js +1 -1
- package/dist/components/eui-range-input.js.map +1 -1
- package/dist/components/eui-range-label.js.map +1 -1
- package/dist/components/eui-range-levels.js +7 -7
- package/dist/components/eui-range-levels.js.map +1 -1
- package/dist/components/eui-range-slider.js.map +1 -1
- package/dist/components/eui-range-thumb.js.map +1 -1
- package/dist/components/eui-range-ticks.js +6 -6
- package/dist/components/eui-range-ticks.js.map +1 -1
- package/dist/components/eui-range-tooltip.js +20 -20
- package/dist/components/eui-range-tooltip.js.map +1 -1
- package/dist/components/eui-range-track.js +49 -49
- package/dist/components/eui-range-track.js.map +1 -1
- package/dist/components/eui-range-wrapper.js.map +1 -1
- package/dist/components/eui-range.js +26 -26
- package/dist/components/eui-range.js.map +1 -1
- package/dist/components/eui-select.js +1 -1
- package/dist/components/eui-select.js.map +1 -1
- package/dist/components/eui-selectable-list-item.js +1 -1
- package/dist/components/eui-selectable-list-item.js.map +1 -1
- package/dist/components/eui-show-for.js +8 -8
- package/dist/components/eui-show-for.js.map +1 -1
- package/dist/components/eui-side-nav-item/button.js.map +1 -1
- package/dist/components/eui-side-nav-item.js +1 -1
- package/dist/components/eui-side-nav-item.js.map +1 -1
- package/dist/components/eui-side-nav.js +4 -4
- package/dist/components/eui-side-nav.js.map +1 -1
- package/dist/components/eui-spacer.js.map +1 -1
- package/dist/components/eui-split-panel/inner.js.map +1 -1
- package/dist/components/eui-split-panel/outer.js +1 -1
- package/dist/components/eui-split-panel/outer.js.map +1 -1
- package/dist/components/eui-stat/description.js +1 -0
- package/dist/components/eui-stat/description.js.map +1 -1
- package/dist/components/eui-stat/title.js.map +1 -1
- package/dist/components/eui-stat.js +5 -5
- package/dist/components/eui-stat.js.map +1 -1
- package/dist/components/eui-step-horizontal.js.map +1 -1
- package/dist/components/eui-step-number.js +1 -1
- package/dist/components/eui-step-number.js.map +1 -1
- package/dist/components/eui-step.js.map +1 -1
- package/dist/components/eui-steps-horizontal.js.map +1 -1
- package/dist/components/eui-steps.js.map +1 -1
- package/dist/components/eui-sub-steps.js.map +1 -1
- package/dist/components/eui-super-date-picker/date-popover/absolute-tab.js +27 -27
- package/dist/components/eui-super-date-picker/date-popover/absolute-tab.js.map +1 -1
- package/dist/components/eui-super-date-picker/date-popover/datetime-picker.js +73 -73
- package/dist/components/eui-super-date-picker/date-popover/datetime-picker.js.map +1 -1
- package/dist/components/eui-super-date-picker/date-popover/eui-date-popover-button.js +6 -6
- package/dist/components/eui-super-date-picker/date-popover/eui-date-popover-button.js.map +1 -1
- package/dist/components/eui-super-date-picker/date-popover/eui-date-popover-content.js +5 -5
- package/dist/components/eui-super-date-picker/date-popover/eui-date-popover-content.js.map +1 -1
- package/dist/components/eui-super-date-picker/date-popover/now-tab.js.map +1 -1
- package/dist/components/eui-super-date-picker/date-popover/relative-tab.js +27 -27
- package/dist/components/eui-super-date-picker/date-popover/relative-tab.js.map +1 -1
- package/dist/components/eui-super-date-picker/eui-date-picker-range.js.map +1 -1
- package/dist/components/eui-super-date-picker/eui-quick-select-popover/eui-commonly-used-time-ranges.js +1 -1
- package/dist/components/eui-super-date-picker/eui-quick-select-popover/eui-commonly-used-time-ranges.js.map +1 -1
- package/dist/components/eui-super-date-picker/eui-quick-select-popover/eui-quick-select.js +25 -25
- package/dist/components/eui-super-date-picker/eui-quick-select-popover/eui-quick-select.js.map +1 -1
- package/dist/components/eui-super-date-picker/eui-quick-select-popover/eui-recently-used.js +1 -1
- package/dist/components/eui-super-date-picker/eui-quick-select-popover/eui-recently-used.js.map +1 -1
- package/dist/components/eui-super-date-picker/eui-quick-select-popover.js +9 -9
- package/dist/components/eui-super-date-picker/eui-quick-select-popover.js.map +1 -1
- package/dist/components/eui-super-date-picker/eui-super-update-button.js.map +1 -1
- package/dist/components/eui-super-date-picker/utils/date-utils.js.map +1 -1
- package/dist/components/eui-super-date-picker/utils/index.js.map +1 -1
- package/dist/components/eui-super-date-picker/utils/pretty-duration.js.map +1 -1
- package/dist/components/eui-super-date-picker/utils/quick-select.js +1 -1
- package/dist/components/eui-super-date-picker/utils/quick-select.js.map +1 -1
- package/dist/components/eui-super-date-picker/utils/time-options.js.map +1 -1
- package/dist/components/eui-super-date-picker.js +34 -34
- package/dist/components/eui-super-date-picker.js.map +1 -1
- package/dist/components/eui-switch.js +4 -4
- package/dist/components/eui-switch.js.map +1 -1
- package/dist/components/eui-tab.js +1 -1
- package/dist/components/eui-tab.js.map +1 -1
- package/dist/components/eui-tabbed-content.js +31 -31
- package/dist/components/eui-tabbed-content.js.map +1 -1
- package/dist/components/eui-tabs.js.map +1 -1
- package/dist/components/eui-text-align.js.map +1 -1
- package/dist/components/eui-text-area.js.map +1 -1
- package/dist/components/eui-text-color.js.map +1 -1
- package/dist/components/eui-text.js +1 -1
- package/dist/components/eui-text.js.map +1 -1
- package/dist/components/eui-title.js.map +1 -1
- package/dist/components/eui-toast.js.map +1 -1
- package/dist/components/eui-tool-tip-popover.js +5 -5
- package/dist/components/eui-tool-tip-popover.js.map +1 -1
- package/dist/components/eui-tool-tip.js +44 -46
- package/dist/components/eui-tool-tip.js.map +1 -1
- package/dist/components/text-block.js.map +1 -1
- package/dist/helpers/arg-or-default.js.map +1 -1
- package/dist/helpers/cast-to.js.map +1 -1
- package/dist/helpers/class-names.js.map +1 -1
- package/dist/helpers/eui-page-restrict-width.js.map +1 -1
- package/dist/helpers/eui-palette.js +1 -1
- package/dist/helpers/eui-palette.js.map +1 -1
- package/dist/helpers/get-eui-config.js +1 -1
- package/dist/helpers/get-eui-config.js.map +1 -1
- package/dist/helpers/get-range-tick.js.map +1 -1
- package/dist/helpers/hex-to-rgb.js.map +1 -1
- package/dist/helpers/inline-styles.js.map +1 -1
- package/dist/helpers/is-color-dark.js.map +1 -1
- package/dist/helpers/is-item-open.js.map +1 -1
- package/dist/helpers/is-valid-hex.js.map +1 -1
- package/dist/helpers/is-within-number.js.map +1 -1
- package/dist/helpers/merge.js.map +1 -1
- package/dist/helpers/nullish.js.map +1 -1
- package/dist/helpers/starts-with.js.map +1 -1
- package/dist/helpers/to-initials.js.map +1 -1
- package/dist/helpers/type-of.js.map +1 -1
- package/dist/helpers/use-state.js +1 -1
- package/dist/helpers/use-state.js.map +1 -1
- package/dist/i18n/util.js.map +1 -1
- package/dist/modifiers/mutation-observer.js.map +1 -1
- package/dist/modifiers/outside-click-detector.js +4 -0
- package/dist/modifiers/outside-click-detector.js.map +1 -1
- package/dist/modifiers/resize-observer.js +3 -0
- package/dist/modifiers/resize-observer.js.map +1 -1
- package/dist/modifiers/screen-reader-only.js.map +1 -1
- package/dist/modifiers/simple-style.js.map +1 -1
- package/dist/modifiers/use-is-within-breakpoints.js.map +1 -1
- package/dist/modifiers/validatable-control.js.map +1 -1
- package/dist/services/eui-config.js +1 -1
- package/dist/services/eui-config.js.map +1 -1
- package/dist/services/eui-i18n.js.map +1 -1
- package/dist/services/eui-toaster.js +1 -1
- package/dist/services/eui-toaster.js.map +1 -1
- package/dist/utils/accesibility/accessible-click-keys.js +1 -1
- package/dist/utils/accesibility/accessible-click-keys.js.map +1 -1
- package/dist/utils/accesibility/cascading-menu-keys.js +1 -1
- package/dist/utils/accesibility/cascading-menu-keys.js.map +1 -1
- package/dist/utils/accesibility/combo-box-keys.js +1 -1
- package/dist/utils/accesibility/combo-box-keys.js.map +1 -1
- package/dist/utils/breakpoint.js.map +1 -1
- package/dist/utils/browser/browser.js.map +1 -1
- package/dist/utils/code/utils.js.map +1 -1
- package/dist/utils/color/color_palette.js.map +1 -1
- package/dist/utils/color/eui_palettes.js.map +1 -1
- package/dist/utils/copy-to-clipboard.js.map +1 -1
- package/dist/utils/css-mappings/eui-accordion.js.map +1 -1
- package/dist/utils/css-mappings/eui-avatar.js +1 -1
- package/dist/utils/css-mappings/eui-avatar.js.map +1 -1
- package/dist/utils/css-mappings/eui-badge-group.js.map +1 -1
- package/dist/utils/css-mappings/eui-badge.js.map +1 -1
- package/dist/utils/css-mappings/eui-beta-badge.js.map +1 -1
- package/dist/utils/css-mappings/eui-bottom-bar.js.map +1 -1
- package/dist/utils/css-mappings/eui-button-empty.js.map +1 -1
- package/dist/utils/css-mappings/eui-button-group-button.js.map +1 -1
- package/dist/utils/css-mappings/eui-button-group.js.map +1 -1
- package/dist/utils/css-mappings/eui-button-icon.js.map +1 -1
- package/dist/utils/css-mappings/eui-button.js.map +1 -1
- package/dist/utils/css-mappings/eui-call-out.js.map +1 -1
- package/dist/utils/css-mappings/eui-card-select.js.map +1 -1
- package/dist/utils/css-mappings/eui-card.js.map +1 -1
- package/dist/utils/css-mappings/eui-code-block.js.map +1 -1
- package/dist/utils/css-mappings/eui-collapsible-nav-group.js.map +1 -1
- package/dist/utils/css-mappings/eui-comment-event.js.map +1 -1
- package/dist/utils/css-mappings/eui-comment-timeline-icon.js.map +1 -1
- package/dist/utils/css-mappings/eui-context-menu-item.js.map +1 -1
- package/dist/utils/css-mappings/eui-described-form-group.js.map +1 -1
- package/dist/utils/css-mappings/eui-description-list.js.map +1 -1
- package/dist/utils/css-mappings/eui-empty-prompt.js.map +1 -1
- package/dist/utils/css-mappings/eui-file-picker.js.map +1 -1
- package/dist/utils/css-mappings/eui-flex-grid.js.map +1 -1
- package/dist/utils/css-mappings/eui-flex-group.js.map +1 -1
- package/dist/utils/css-mappings/eui-flex-item.js.map +1 -1
- package/dist/utils/css-mappings/eui-flyout.js.map +1 -1
- package/dist/utils/css-mappings/eui-form-control-layout-clear-button.js.map +1 -1
- package/dist/utils/css-mappings/eui-form-row.js.map +1 -1
- package/dist/utils/css-mappings/eui-global-toast-list.js.map +1 -1
- package/dist/utils/css-mappings/eui-header-links.js.map +1 -1
- package/dist/utils/css-mappings/eui-header-section-item.js.map +1 -1
- package/dist/utils/css-mappings/eui-header-section.js.map +1 -1
- package/dist/utils/css-mappings/eui-header.js.map +1 -1
- package/dist/utils/css-mappings/eui-health.js.map +1 -1
- package/dist/utils/css-mappings/eui-horizontal-rule.js.map +1 -1
- package/dist/utils/css-mappings/eui-icon.js.map +1 -1
- package/dist/utils/css-mappings/eui-image.js.map +1 -1
- package/dist/utils/css-mappings/eui-link.js.map +1 -1
- package/dist/utils/css-mappings/eui-list-group-item.js.map +1 -1
- package/dist/utils/css-mappings/eui-list-group.js.map +1 -1
- package/dist/utils/css-mappings/eui-loading-spinner.js.map +1 -1
- package/dist/utils/css-mappings/eui-modal.js.map +1 -1
- package/dist/utils/css-mappings/eui-notification-badge.js.map +1 -1
- package/dist/utils/css-mappings/eui-page-body.js.map +1 -1
- package/dist/utils/css-mappings/eui-page-content-body.js.map +1 -1
- package/dist/utils/css-mappings/eui-page-content.js.map +1 -1
- package/dist/utils/css-mappings/eui-page-header.js.map +1 -1
- package/dist/utils/css-mappings/eui-page-side-bar.js.map +1 -1
- package/dist/utils/css-mappings/eui-page.js.map +1 -1
- package/dist/utils/css-mappings/eui-panel.js.map +1 -1
- package/dist/utils/css-mappings/eui-popover-footer.js.map +1 -1
- package/dist/utils/css-mappings/eui-popover-title.js.map +1 -1
- package/dist/utils/css-mappings/eui-popover.js.map +1 -1
- package/dist/utils/css-mappings/eui-progress-data.js.map +1 -1
- package/dist/utils/css-mappings/eui-progress.js.map +1 -1
- package/dist/utils/css-mappings/eui-range-highlight.js.map +1 -1
- package/dist/utils/css-mappings/eui-range-input.js.map +1 -1
- package/dist/utils/css-mappings/eui-range-levels.js.map +1 -1
- package/dist/utils/css-mappings/eui-selectable-list-item.js.map +1 -1
- package/dist/utils/css-mappings/eui-spacer.js.map +1 -1
- package/dist/utils/css-mappings/eui-stat.js.map +1 -1
- package/dist/utils/css-mappings/eui-step-number.js.map +1 -1
- package/dist/utils/css-mappings/eui-tabs.js.map +1 -1
- package/dist/utils/css-mappings/eui-text-align.js.map +1 -1
- package/dist/utils/css-mappings/eui-text-area.js.map +1 -1
- package/dist/utils/css-mappings/eui-text-color.js.map +1 -1
- package/dist/utils/css-mappings/eui-text.js.map +1 -1
- package/dist/utils/css-mappings/eui-title.js.map +1 -1
- package/dist/utils/css-mappings/eui-toast.js.map +1 -1
- package/dist/utils/css-mappings/eui-tool-tip.js.map +1 -1
- package/dist/utils/css-mappings/index.js +140 -140
- package/dist/utils/css-mappings/index.js.map +1 -1
- package/dist/utils/detect-element-resize.js.map +1 -1
- package/dist/utils/keys.js.map +1 -1
- package/dist/utils/markdown/markdown-actions.js +1 -0
- package/dist/utils/markdown/markdown-actions.js.map +1 -1
- package/dist/utils/markdown/markdown-modes.js.map +1 -1
- package/dist/utils/markdown/markdown-types.js.map +1 -1
- package/dist/utils/markdown/plugins/markdown-add-components/processor.js.map +1 -1
- package/dist/utils/markdown/plugins/markdown-checkbox/parser.js.map +1 -1
- package/dist/utils/markdown/plugins/markdown-default-plugins/parsing-plugins.js.map +1 -1
- package/dist/utils/markdown/plugins/markdown-default-plugins/plugins.js.map +1 -1
- package/dist/utils/markdown/plugins/markdown-default-plugins/processing-plugins.js.map +1 -1
- package/dist/utils/markdown/plugins/markdown-default-plugins/ui-plugins.js.map +1 -1
- package/dist/utils/markdown/plugins/markdown-tooltip/parser.js.map +1 -1
- package/dist/utils/markdown/plugins/markdown-tooltip/plugin.js.map +1 -1
- package/dist/utils/markdown/plugins/to-dom.js.map +1 -1
- package/dist/utils/markdown/remark/remark-prismjs.js.map +1 -1
- package/dist/utils/maybe-unwrap-proxy.js.map +1 -1
- package/dist/utils/number/number.js.map +1 -1
- package/dist/utils/popover/index.js +1 -4
- package/dist/utils/popover/index.js.map +1 -1
- package/dist/utils/predicate/common_predicates.js.map +1 -1
- package/dist/utils/predicate/lodash_predicates.js.map +1 -1
- package/dist/utils/timer.js +4 -1
- package/dist/utils/timer.js.map +1 -1
- package/dist/utils/transition.js.map +1 -1
- package/package.json +63 -46
- package/declarations/modifiers/open-collapsible-nav.d.ts +0 -9
- package/declarations/modifiers/open-collapsible-nav.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-range-input.js","sources":["../../src/components/eui-range-input.gts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"eui-range-input.js","sources":["../../src/components/eui-range-input.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport { and, eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport castTo from '../helpers/cast-to.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport EuiFieldNumber from './eui-field-number.gts';\n\nimport type { EuiFieldNumberSignature } from './eui-field-number';\nimport type { EuiFieldNumberArgs } from './eui-field-number';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiRangeInputArgs\n extends Omit<EuiFieldNumberArgs, 'max' | 'min' | 'value'> {\n autoSize?: boolean;\n digitTolerance: number;\n name?: string;\n max: number;\n min: number;\n side?: 'min' | 'max';\n value?: string | number;\n isPrependProvided?: boolean;\n isAppendProvided?: boolean;\n}\n\nexport interface EuiRangeInputSignature {\n Element: EuiFieldNumberSignature['Element'];\n Args: EuiRangeInputArgs;\n Blocks: {\n prepend: [string];\n append: [string];\n };\n}\n\nconst EuiRangeInput: TemplateOnlyComponent<EuiRangeInputSignature> = <template>\n {{#let\n (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n as |hasAppend hasPrepend|\n }}\n <EuiFieldNumber\n class=\"euiRangeInput euiRangeInput--{{argOrDefault @side 'max'}}\"\n name={{@name}}\n min={{castTo @min to=\"number\"}}\n max={{castTo @max to=\"number\"}}\n @step={{@step}}\n {{!@glint-expect-error}}\n @value={{if (eq @value \"\") \"\" (castTo @value to=\"number\")}}\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @fullWidth={{@fullWidth}}\n @controlOnly={{@controlOnly}}\n @isPrependProvided={{hasAppend}}\n @isAppendProvided={{hasPrepend}}\n @isInvalid={{@isInvalid}}\n ...attributes\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiRangeInput\"\n componentArgs=(hash\n autoSize=(argOrDefault @autoSize true)\n digitTolerance=@digitTolerance\n )\n )\n }}\n >\n <:prepend as |classes|>\n {{yield classes to=\"prepend\"}}\n </:prepend>\n <:append as |classes|>\n {{yield classes to=\"append\"}}\n </:append>\n </EuiFieldNumber>\n {{/let}}\n</template>;\n\nexport default EuiRangeInput;\n"],"names":["EuiRangeInput","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","EuiFieldNumber","castTo","eq","simpleStyle","inlineStyles","hash","templateOnly"],"mappings":";;;;;;;;;;;AAoCA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAwCrE,whCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,cAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAC,WAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-range-label.js","sources":["../../src/components/eui-range-label.gts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"eui-range-label.js","sources":["../../src/components/eui-range-label.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiRangeLabelSignature {\n Args: {\n side?: 'min' | 'max';\n disabled?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiRangeLabel: TemplateOnlyComponent<EuiRangeLabelSignature> = <template>\n <label\n class={{classNames\n \"euiRangeLabel\"\n (concat \"euiRangeLabel--\" (argOrDefault @side \"max\"))\n (if @disabled \"euiRangeLabel--isDisabled\")\n }}\n >\n {{yield}}\n </label>\n</template>;\n\nexport default EuiRangeLabel;\n"],"names":["EuiRangeLabel","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","concat","argOrDefault","templateOnly"],"mappings":";;;;;;;AAiBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAUrE,wLAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
|
|
@@ -15,15 +15,15 @@ const LEVEL_COLORS = ['primary', 'success', 'warning', 'danger'];
|
|
|
15
15
|
class EuiRangeLevelsComponent extends Component {
|
|
16
16
|
validateLevels() {
|
|
17
17
|
const {
|
|
18
|
-
min
|
|
19
|
-
max
|
|
18
|
+
min,
|
|
19
|
+
max
|
|
20
20
|
} = this.args;
|
|
21
|
-
this.args.levels?.forEach?.(
|
|
22
|
-
if (
|
|
23
|
-
assert(`The level min of ${
|
|
21
|
+
this.args.levels?.forEach?.(level => {
|
|
22
|
+
if (level.min < min) {
|
|
23
|
+
assert(`The level min of ${level.min} is lower than the min value of ${min}.`, true);
|
|
24
24
|
}
|
|
25
|
-
if (
|
|
26
|
-
assert(`The level max of ${
|
|
25
|
+
if (level.max > max) {
|
|
26
|
+
assert(`The level max of ${level.max} is higher than the max value of ${max}.`, true);
|
|
27
27
|
}
|
|
28
28
|
});
|
|
29
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-range-levels.js","sources":["../../src/components/eui-range-levels.gts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"eui-range-levels.js","sources":["../../src/components/eui-range-levels.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { hash } from '@ember/helper';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\n\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\n\nexport type EuiRangeLevelColor = 'primary' | 'success' | 'warning' | 'danger';\n\nexport const LEVEL_COLORS: EuiRangeLevelColor[] = [\n 'primary',\n 'success',\n 'warning',\n 'danger'\n];\n\nexport interface EuiRangeLevel {\n min: number;\n max: number;\n color: EuiRangeLevelColor;\n}\n\nexport type EuiRangeLevelsArgs = {\n levels?: EuiRangeLevel[];\n max: number;\n min: number;\n showTicks?: boolean;\n compressed?: boolean;\n trackWidth?: number;\n};\n\nexport interface EuiRangeLevelsSignature {\n Element: HTMLDivElement;\n Args: EuiRangeLevelsArgs;\n Blocks: { default: [] };\n}\n\nexport default class EuiRangeLevelsComponent extends Component<EuiRangeLevelsSignature> {\n @action\n validateLevels(): void {\n const { min, max } = this.args;\n\n this.args.levels?.forEach?.((level) => {\n if (level.min < min) {\n assert(\n `The level min of ${level.min} is lower than the min value of ${min}.`,\n true\n );\n }\n\n if (level.max > max) {\n assert(\n `The level max of ${level.max} is higher than the max value of ${max}.`,\n true\n );\n }\n });\n }\n\n <template>\n <div\n class={{classNames\n \"euiRangeLevels\"\n (if @showTicks \"euiRangeLevels--hasTicks\")\n (if @compressed \"euiRangeLevels--compressed\")\n }}\n {{didInsert this.validateLevels}}\n {{didUpdate this.validateLevels @levels}}\n {{didUpdate this.validateLevels @min}}\n {{didUpdate this.validateLevels @max}}\n >\n {{#each @levels as |level|}}\n <span\n class=\"euiRangeLevel euiRangeLevel--{{level.color}}\"\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiRangeLevels\"\n componentArgs=(hash\n level=level max=@max min=@min trackWidth=@trackWidth\n )\n )\n }}\n ></span>\n {{/each}}\n </div>\n </template>\n}\n"],"names":["LEVEL_COLORS","EuiRangeLevelsComponent","Component","validateLevels","min","max","args","levels","forEach","level","assert","n","prototype","action","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","didInsert","didUpdate","simpleStyle","inlineStyles","hash"],"mappings":";;;;;;;;;;;;;AAaO,MAAMA,YAAqC,GAAA,CAChD,SAAA,EACA,SAAA,EACA,SAAA,EACA,QAAA;AAwBa,MAAMC,gCAAgCC,SAAU,CAAA;AAE7DC,EAAAA,cAAAA,GAAuB;IACrB,MAAM;MAAEC,GAAG;AAAEC,MAAAA;KAAK,GAAG,IAAI,CAACC,IAAI;IAE9B,IAAI,CAACA,IAAI,CAACC,MAAM,EAAEC,UAAWC,KAAA,IAAA;AAC3B,MAAA,IAAIA,KAAA,CAAML,GAAG,GAAGA,GAAK,EAAA;QACnBM,MACE,CAAA,CAAoBD,iBAAAA,EAAAA,KAAM,CAAAL,GAAG,mCAAmCA,GAAA,CAAA,CAAA,CAAM,EACtE,IAAA,CAAA;AAEJ;AAEA,MAAA,IAAIK,KAAA,CAAMJ,GAAG,GAAGA,GAAK,EAAA;QACnBK,MACE,CAAA,CAAoBD,iBAAAA,EAAAA,KAAM,CAAAJ,GAAG,oCAAoCA,GAAA,CAAA,CAAA,CAAM,EACvE,IAAA,CAAA;AAEJ;AACF,KAAA,CAAA;AACF;AAAA,EAAA;IAAAM,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CAnBCC,MAAA,CAAA,CAAA;AAAA;AAqBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA0BA,ykBAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,WAAA;QAAAC,YAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-range-slider.js","sources":["../../src/components/eui-range-slider.gts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"eui-range-slider.js","sources":["../../src/components/eui-range-slider.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiRangeSliderArgs = CommonArgs & {\n id?: string;\n name?: string;\n min: number;\n max: number;\n step?: number;\n value?: number;\n compressed?: boolean;\n hasFocus?: boolean;\n showRange?: boolean;\n showTicks?: boolean;\n disabled?: boolean;\n tabIndex?: number;\n onChange?: (e: InputEvent) => void;\n readonly?: boolean;\n};\n\nexport interface EuiRangeSliderSignature {\n Element: HTMLInputElement;\n Args: EuiRangeSliderArgs;\n}\n\nconst EuiRangeSlider: TemplateOnlyComponent<EuiRangeSliderSignature> =\n <template>\n <input\n type=\"range\"\n id={{@id}}\n name={{@name}}\n class={{classNames\n \"euiRangeSlider\"\n (if @showTicks \"euiRangeSlider--hasTicks\")\n (if @hasFocus \"euiRangeSlider--hasFocus\")\n (if @showRange \"euiRangeSlider--hasRange\")\n (if @compressed \"euiRangeSlider--compressed\")\n }}\n min={{@min}}\n max={{@max}}\n step={{@step}}\n value={{@value}}\n disabled={{@disabled}}\n ...attributes\n />\n </template>;\n\nexport default EuiRangeSlider;\n"],"names":["EuiRangeSlider","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AA2BA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAmBA,2XAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-range-thumb.js","sources":["../../src/components/eui-range-thumb.gts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"eui-range-thumb.js","sources":["../../src/components/eui-range-thumb.gts"],"sourcesContent":["import castTo from '../helpers/cast-to.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiRangeThumbSignature {\n Element: HTMLButtonElement;\n Args: {\n min?: number;\n max?: number;\n value?: number;\n disabled?: boolean;\n tabIndex?: number;\n showTicks?: boolean;\n };\n}\n\nconst EuiRangeThumb: TemplateOnlyComponent<EuiRangeThumbSignature> = <template>\n {{! template-lint-disable }}\n <button\n type=\"button\"\n class={{classNames\n \"euiRangeThumb\"\n (if @showTicks \"euiRangeThumb--hasTicks\")\n }}\n aria-valuemin={{@min}}\n aria-valuemax={{@max}}\n aria-valuenow={{castTo @value to=\"number\"}}\n aria-diabled={{@disabled}}\n tabindex={{if @disabled -1 (if @tabIndex @tabIndex 0)}}\n ...attributes\n >\n <div\n role=\"slider\"\n aria-valuemin={{@min}}\n aria-valuemax={{@max}}\n aria-valuenow={{castTo @value to=\"number\"}}\n aria-diabled={{@disabled}}\n tabindex={{if @disabled -1 (if @tabIndex 0)}}\n ></div>\n </button>\n {{! template-lint-enable }}\n</template>;\n\nexport default EuiRangeThumb;\n"],"names":["EuiRangeThumb","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","castTo","templateOnly"],"mappings":";;;;;;AAiBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAyBrE,0kBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
|
|
@@ -11,17 +11,17 @@ import { setComponentTemplate } from '@ember/component';
|
|
|
11
11
|
class EuiRangeTicksComponent extends Component {
|
|
12
12
|
get percentageWidth() {
|
|
13
13
|
const {
|
|
14
|
-
max
|
|
15
|
-
min
|
|
16
|
-
interval
|
|
14
|
+
max,
|
|
15
|
+
min,
|
|
16
|
+
interval = 1
|
|
17
17
|
} = this.args;
|
|
18
|
-
return
|
|
18
|
+
return interval / (max - min + interval) * 100;
|
|
19
19
|
}
|
|
20
20
|
get ticksStyle() {
|
|
21
21
|
const {
|
|
22
|
-
ticks
|
|
22
|
+
ticks
|
|
23
23
|
} = this.args;
|
|
24
|
-
return !
|
|
24
|
+
return !ticks ? undefined : htmlSafe(`margin: 0 ${this.percentageWidth / -2}%; left: 0; right: 0;`);
|
|
25
25
|
}
|
|
26
26
|
static {
|
|
27
27
|
setComponentTemplate(precompileTemplate("\n <div class=\"euiRangeTicks {{if @compressed \"euiRangeTicks--compressed\"}}\" style={{this.ticksStyle}} ...attributes>\n {{#each @tickSequence key=\"value\" as |tickValue|}}\n {{#let (getRangeTick @ticks tickValue @min @max this.percentageWidth @trackWidth) as |derivedState|}}\n <button type=\"button\" class={{classNames (if (eq @value tickValue) \"euiRangeTick--selected\") (if derivedState.customTick \"euiRangeTick--isCustom\") \"euiRangeTick\"}} value={{tickValue}} disabled={{@disabled}} style={{derivedState.style}} tabindex=\"-1\" {{on \"click\" (optional @onChange)}}>\n {{!--@glint-expect-error--}}\n {{derivedState.label}}\n </button>\n {{/let}}\n {{/each}}\n </div>\n ", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-range-ticks.js","sources":["../../src/components/eui-range-ticks.gts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"eui-range-ticks.js","sources":["../../src/components/eui-range-ticks.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { htmlSafe } from '@ember/template';\n\nimport optional from 'ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\nimport getRangeTick from '../helpers/get-range-tick.ts';\n\nexport interface EuiRangeTick {\n value: number;\n label: Component;\n}\n\ntype Value = string | number;\n\nexport type EuiRangeTicksArgs = {\n ticks: EuiRangeTick[];\n tickSequence: number[];\n value?: Value | Value[];\n min: number;\n max: number;\n compressed?: boolean;\n interval?: number;\n disabled?: boolean;\n onChange?: (e: MouseEvent) => void;\n trackWidth: number;\n};\n\nexport interface EuiRangeTicksSignature {\n Element: HTMLDivElement;\n Args: EuiRangeTicksArgs;\n}\n\nexport default class EuiRangeTicksComponent extends Component<EuiRangeTicksSignature> {\n get percentageWidth(): number {\n const { max, min, interval = 1 } = this.args;\n\n return (interval / (max - min + interval)) * 100;\n }\n\n get ticksStyle(): ReturnType<typeof htmlSafe> | undefined {\n const { ticks } = this.args;\n\n return !ticks\n ? undefined\n : htmlSafe(`margin: 0 ${this.percentageWidth / -2}%; left: 0; right: 0;`);\n }\n\n <template>\n <div\n class=\"euiRangeTicks {{if @compressed 'euiRangeTicks--compressed'}}\"\n style={{this.ticksStyle}}\n ...attributes\n >\n {{#each @tickSequence key=\"value\" as |tickValue|}}\n {{#let\n (getRangeTick\n @ticks tickValue @min @max this.percentageWidth @trackWidth\n )\n as |derivedState|\n }}\n <button\n type=\"button\"\n class={{classNames\n (if (eq @value tickValue) \"euiRangeTick--selected\")\n (if derivedState.customTick \"euiRangeTick--isCustom\")\n \"euiRangeTick\"\n }}\n value={{tickValue}}\n disabled={{@disabled}}\n style={{derivedState.style}}\n tabindex=\"-1\"\n {{on \"click\" (optional @onChange)}}\n >\n {{!@glint-expect-error}}\n {{derivedState.label}}\n </button>\n {{/let}}\n {{/each}}\n </div>\n </template>\n}\n"],"names":["EuiRangeTicksComponent","Component","percentageWidth","max","min","interval","args","ticksStyle","ticks","undefined","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","getRangeTick","classNames","eq","on","optional"],"mappings":";;;;;;;;;;AAmCe,MAAMA,+BAA+BC,SAAU,CAAA;EAC5D,IAAIC,eAAAA,GAA0B;IAC5B,MAAM;MAAEC,GAAG;MAAEC,GAAG;AAAEC,MAAAA,QAAW,GAAA;KAAG,GAAG,IAAI,CAACC,IAAI;IAE5C,OAAQD,QAAW,IAACF,MAAMC,GAAM,GAAAC,QAAQ,CAAC,GAAI,GAAA;AAC/C;EAEA,IAAIE,UAAcA,GAAwC;IACxD,MAAM;AAAEC,MAAAA;KAAO,GAAG,IAAI,CAACF,IAAI;AAE3B,IAAA,OAAO,CAACE,KAAA,GACJC,SACA,GAAAC,QAAA,CAAS,CAAa,UAAA,EAAA,IAAI,CAACR,eAAe,GAAG,EAAC,uBAAwB,CAAA;AAC5E;AAEA,EAAA;IAAAS,oBAAA,CAAAC,kBAAA,CAgCA,qvBAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
|
|
@@ -8,32 +8,32 @@ import { setComponentTemplate } from '@ember/component';
|
|
|
8
8
|
class EuiRangeToolipComponent extends Component {
|
|
9
9
|
get styling() {
|
|
10
10
|
const {
|
|
11
|
-
value
|
|
12
|
-
max
|
|
13
|
-
min
|
|
11
|
+
value,
|
|
12
|
+
max,
|
|
13
|
+
min
|
|
14
14
|
} = this.args;
|
|
15
|
-
let
|
|
16
|
-
if (typeof
|
|
17
|
-
|
|
18
|
-
} else if (typeof
|
|
19
|
-
|
|
15
|
+
let val = 0;
|
|
16
|
+
if (typeof value === 'number') {
|
|
17
|
+
val = value;
|
|
18
|
+
} else if (typeof value === 'string') {
|
|
19
|
+
val = parseFloat(value);
|
|
20
20
|
}
|
|
21
|
-
const
|
|
21
|
+
const decimal = (val - min) / (max - min);
|
|
22
22
|
// Must be between 0-100%
|
|
23
|
-
let
|
|
24
|
-
|
|
25
|
-
let
|
|
26
|
-
let
|
|
27
|
-
if (
|
|
28
|
-
|
|
29
|
-
|
|
23
|
+
let valuePosition = decimal <= 1 ? decimal : 1;
|
|
24
|
+
valuePosition = valuePosition >= 0 ? valuePosition : 0;
|
|
25
|
+
let valuePositionSide;
|
|
26
|
+
let valuePositionStyleStr;
|
|
27
|
+
if (valuePosition > 0.5) {
|
|
28
|
+
valuePositionSide = 'left';
|
|
29
|
+
valuePositionStyleStr = `right: ${(1 - valuePosition) * 100}%;`;
|
|
30
30
|
} else {
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
valuePositionSide = 'right';
|
|
32
|
+
valuePositionStyleStr = `left: ${valuePosition * 100}%;`;
|
|
33
33
|
}
|
|
34
34
|
return {
|
|
35
|
-
side:
|
|
36
|
-
style: htmlSafe(
|
|
35
|
+
side: valuePositionSide,
|
|
36
|
+
style: htmlSafe(valuePositionStyleStr)
|
|
37
37
|
};
|
|
38
38
|
}
|
|
39
39
|
static {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-range-tooltip.js","sources":["../../src/components/eui-range-tooltip.gts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"eui-range-tooltip.js","sources":["../../src/components/eui-range-tooltip.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { concat } from '@ember/helper';\nimport { htmlSafe } from '@ember/template';\n\nimport classNames from '../helpers/class-names.ts';\n\nexport interface EuiRangeTick {\n value: number;\n label: Component;\n}\n\nexport type EuiRangeTooltipArgs = {\n value?: number | string;\n valueAppend?: Component;\n valuePrepend?: Component;\n max: number;\n min: number;\n name?: string;\n showTicks?: boolean;\n compressed?: boolean;\n};\n\ntype Styling = {\n side: string;\n style: ReturnType<typeof htmlSafe>;\n};\n\nexport interface EuiRangeTooltipSignature {\n Args: EuiRangeTooltipArgs;\n Blocks: {\n valuePrepend: [];\n value: [];\n valueAppend: [];\n };\n}\n\nexport default class EuiRangeToolipComponent extends Component<EuiRangeTooltipSignature> {\n get styling(): Styling {\n const { value, max, min } = this.args;\n let val = 0;\n\n if (typeof value === 'number') {\n val = value;\n } else if (typeof value === 'string') {\n val = parseFloat(value);\n }\n\n const decimal = (val - min) / (max - min);\n // Must be between 0-100%\n let valuePosition = decimal <= 1 ? decimal : 1;\n\n valuePosition = valuePosition >= 0 ? valuePosition : 0;\n\n let valuePositionSide;\n let valuePositionStyleStr;\n\n if (valuePosition > 0.5) {\n valuePositionSide = 'left';\n valuePositionStyleStr = `right: ${(1 - valuePosition) * 100}%;`;\n } else {\n valuePositionSide = 'right';\n valuePositionStyleStr = `left: ${valuePosition * 100}%;`;\n }\n\n return {\n side: valuePositionSide,\n style: htmlSafe(valuePositionStyleStr)\n };\n }\n\n <template>\n <div\n class=\"euiRangeTooltip {{if @compressed 'euiRangeTooltip--compressed'}}\"\n >\n <output\n class={{classNames\n \"euiRangeTooltip__value\"\n (concat \"euiRangeTooltip__value--\" this.styling.side)\n (if @showTicks \"euiRangeTooltip__value--hasTicks\")\n }}\n for={{@name}}\n style={{this.styling.style}}\n >\n {{yield to=\"valuePrepend\"}}\n {{yield to=\"value\"}}\n {{yield to=\"valueAppend\"}}\n </output>\n </div>\n </template>\n}\n"],"names":["EuiRangeToolipComponent","Component","styling","value","max","min","args","val","parseFloat","decimal","valuePosition","valuePositionSide","valuePositionStyleStr","side","style","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","concat"],"mappings":";;;;;;;AAoCe,MAAMA,gCAAgCC,SAAU,CAAA;EAC7D,IAAIC,UAAmB;IACrB,MAAM;MAAEC,KAAK;MAAEC,GAAG;AAAEC,MAAAA;KAAK,GAAG,IAAI,CAACC,IAAI;IACrC,IAAIC,GAAM,GAAA,CAAA;AAEV,IAAA,IAAI,OAAOJ,UAAU,QAAU,EAAA;AAC7BI,MAAAA,GAAM,GAAAJ,KAAA;AACR,KAAO,MAAA,IAAI,OAAOA,KAAA,KAAU,QAAU,EAAA;AACpCI,MAAAA,GAAA,GAAMC,UAAW,CAAAL,KAAA,CAAA;AACnB;IAEA,MAAMM,UAAU,CAACF,GAAA,GAAMF,GAAG,KAAKD,MAAMC,GAAG,CAAA;AACxC;IACA,IAAIK,aAAA,GAAgBD,OAAW,IAAA,CAAA,GAAIA,OAAU,GAAA,CAAA;AAE7CC,IAAAA,aAAgB,GAAAA,aAAA,IAAiB,IAAIA,aAAgB,GAAA,CAAA;AAErD,IAAA,IAAIC,iBAAA;AACJ,IAAA,IAAIC,qBAAA;IAEJ,IAAIF,gBAAgB,GAAK,EAAA;AACvBC,MAAAA,iBAAoB,GAAA,MAAA;MACpBC,qBAAwB,GAAA,UAAU,CAAC,IAAIF,aAAa,IAAI,GAAI,CAAG,EAAA,CAAA;AACjE,KAAO,MAAA;AACLC,MAAAA,iBAAoB,GAAA,OAAA;AACpBC,MAAAA,qBAAA,GAAwB,CAAA,MAAA,EAASF,aAAgB,GAAA,GAAA,CAAO,EAAA,CAAA;AAC1D;IAEA,OAAO;AACLG,MAAAA,IAAM,EAAAF,iBAAA;MACNG,KAAA,EAAOC,QAAS,CAAAH,qBAAA;KAClB;AACF;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAkBA,gcAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
|
|
@@ -6,7 +6,7 @@ import { action } from '@ember/object';
|
|
|
6
6
|
import didInsert from '@ember/render-modifiers/modifiers/did-insert';
|
|
7
7
|
import didUpdate from '@ember/render-modifiers/modifiers/did-update';
|
|
8
8
|
import { htmlSafe } from '@ember/template';
|
|
9
|
-
import {
|
|
9
|
+
import { or, gt, and } from 'ember-truth-helpers';
|
|
10
10
|
import { range } from 'lodash-es';
|
|
11
11
|
import classNames from '../helpers/class-names.js';
|
|
12
12
|
import { isEvenlyDivisibleBy } from '../utils/number/number.js';
|
|
@@ -21,92 +21,92 @@ class EuiRangeTrackComponent extends Component {
|
|
|
21
21
|
static {
|
|
22
22
|
g(this.prototype, "trackEl", [tracked]);
|
|
23
23
|
}
|
|
24
|
-
#trackEl = (i(this, "trackEl"),
|
|
25
|
-
registerTrack(
|
|
26
|
-
this.trackEl =
|
|
24
|
+
#trackEl = (i(this, "trackEl"), undefined);
|
|
25
|
+
registerTrack(el) {
|
|
26
|
+
this.trackEl = el;
|
|
27
27
|
}
|
|
28
28
|
static {
|
|
29
29
|
n(this.prototype, "registerTrack", [action]);
|
|
30
30
|
}
|
|
31
|
-
validateValueIsInStep(
|
|
31
|
+
validateValueIsInStep(value) {
|
|
32
32
|
const {
|
|
33
|
-
min
|
|
34
|
-
max
|
|
35
|
-
step
|
|
33
|
+
min,
|
|
34
|
+
max,
|
|
35
|
+
step
|
|
36
36
|
} = this.args;
|
|
37
|
-
if (
|
|
38
|
-
assert(`The value of ${
|
|
37
|
+
if (value < min) {
|
|
38
|
+
assert(`The value of ${value} is lower than the min value of ${min}.`, false);
|
|
39
39
|
}
|
|
40
|
-
if (
|
|
41
|
-
assert(`The value of ${
|
|
40
|
+
if (value > max) {
|
|
41
|
+
assert(`The value of ${value} is higher than the max value of ${max}.`, false);
|
|
42
42
|
}
|
|
43
43
|
// Error out if the value doesn't line up with the sequence of steps
|
|
44
|
-
if (!isEvenlyDivisibleBy(
|
|
45
|
-
assert(`The value of ${
|
|
44
|
+
if (!isEvenlyDivisibleBy(value - min, step !== undefined ? step : 1)) {
|
|
45
|
+
assert(`The value of ${value} is not included in the possible sequence provided by the step of ${step}.`, false);
|
|
46
46
|
}
|
|
47
47
|
// Return the value if nothing fails
|
|
48
|
-
return
|
|
48
|
+
return value;
|
|
49
49
|
}
|
|
50
50
|
static {
|
|
51
51
|
n(this.prototype, "validateValueIsInStep", [action]);
|
|
52
52
|
}
|
|
53
|
-
calculateSequence(
|
|
53
|
+
calculateSequence(min, max, interval) {
|
|
54
54
|
// Loop from min to max, creating adding values at each interval
|
|
55
55
|
// (adds a very small number to the max since `range` is not inclusive of the max value)
|
|
56
|
-
const
|
|
57
|
-
return range(
|
|
56
|
+
const toBeInclusive = 0.000000001;
|
|
57
|
+
return range(min, max + toBeInclusive, interval);
|
|
58
58
|
}
|
|
59
|
-
calculateTicks(
|
|
60
|
-
let
|
|
61
|
-
if (
|
|
59
|
+
calculateTicks(min, max, step, tickInterval, customTicks) {
|
|
60
|
+
let ticks;
|
|
61
|
+
if (customTicks) {
|
|
62
62
|
// If custom values were passed, use those for the sequence
|
|
63
63
|
// But make sure they align with the possible sequence
|
|
64
|
-
|
|
65
|
-
return this.validateValueIsInStep(
|
|
64
|
+
ticks = customTicks.map(tick => {
|
|
65
|
+
return this.validateValueIsInStep(tick.value);
|
|
66
66
|
});
|
|
67
67
|
} else {
|
|
68
68
|
// If a custom interval was passed, use those for the sequence
|
|
69
69
|
// But make sure they align with the possible sequence
|
|
70
|
-
const
|
|
71
|
-
const
|
|
72
|
-
|
|
73
|
-
return this.validateValueIsInStep(
|
|
70
|
+
const interval = tickInterval || step;
|
|
71
|
+
const tickSequence = this.calculateSequence(min, max, interval);
|
|
72
|
+
ticks = tickSequence.map(tick => {
|
|
73
|
+
return this.validateValueIsInStep(tick);
|
|
74
74
|
});
|
|
75
75
|
}
|
|
76
76
|
// Error out if there are too many ticks to render
|
|
77
|
-
if (
|
|
78
|
-
assert(`The number of ticks to render is too high (${
|
|
77
|
+
if (ticks.length > 20) {
|
|
78
|
+
assert(`The number of ticks to render is too high (${ticks.length}), increase the interval.`, true);
|
|
79
79
|
}
|
|
80
|
-
return
|
|
80
|
+
return ticks;
|
|
81
81
|
}
|
|
82
82
|
get derivedState() {
|
|
83
|
-
let
|
|
84
|
-
let
|
|
83
|
+
let tickSequence;
|
|
84
|
+
let styles = '';
|
|
85
85
|
const {
|
|
86
|
-
showTicks
|
|
87
|
-
min
|
|
88
|
-
max
|
|
89
|
-
step
|
|
90
|
-
tickInterval
|
|
91
|
-
ticks
|
|
86
|
+
showTicks,
|
|
87
|
+
min,
|
|
88
|
+
max,
|
|
89
|
+
step,
|
|
90
|
+
tickInterval,
|
|
91
|
+
ticks
|
|
92
92
|
} = this.args;
|
|
93
|
-
if (
|
|
94
|
-
|
|
93
|
+
if (showTicks) {
|
|
94
|
+
tickSequence = this.calculateTicks(min, max, step, tickInterval, ticks);
|
|
95
95
|
// Calculate if any extra margin should be added to the inputWrapper
|
|
96
96
|
// because of longer tick labels on the ends
|
|
97
|
-
const
|
|
98
|
-
const
|
|
99
|
-
const
|
|
100
|
-
if (
|
|
101
|
-
|
|
97
|
+
const lengthOfMinLabel = String(tickSequence[0]).length;
|
|
98
|
+
const lenghtOfMaxLabel = String(tickSequence[tickSequence.length - 1]).length;
|
|
99
|
+
const isLastTickTheMax = tickSequence[tickSequence.length - 1] === max;
|
|
100
|
+
if (lengthOfMinLabel > 2) {
|
|
101
|
+
styles = `margin-left: ${lengthOfMinLabel / 5}em`;
|
|
102
102
|
}
|
|
103
|
-
if (
|
|
104
|
-
|
|
103
|
+
if (isLastTickTheMax && lenghtOfMaxLabel > 2) {
|
|
104
|
+
styles = `margin-right: ${lenghtOfMaxLabel / 5}em`;
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
107
|
return {
|
|
108
|
-
tickSequence
|
|
109
|
-
styles: htmlSafe(
|
|
108
|
+
tickSequence,
|
|
109
|
+
styles: htmlSafe(styles)
|
|
110
110
|
};
|
|
111
111
|
}
|
|
112
112
|
static {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-range-track.js","sources":["../../src/components/eui-range-track.gts"],"sourcesContent":["import { template } from \"@ember/template-compiler\";\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\nimport { fn } from '@ember/helper';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { htmlSafe } from '@ember/template';\nimport { and, gt, or } from 'ember-truth-helpers';\nimport { range } from 'lodash-es';\nimport classNames from '../helpers/class-names.ts';\nimport { isEvenlyDivisibleBy } from '../utils/number/index.ts';\nimport { LEVEL_COLORS } from './eui-range-levels.gts';\nimport EuiRangeLevels from './eui-range-levels.gts';\nimport EuiRangeTicks from './eui-range-ticks.gts';\nimport type { EuiRangeLevel } from './eui-range-levels';\nexport { LEVEL_COLORS };\nexport interface EuiRangeTick {\n value: number;\n label: Component;\n}\ntype Value = number | string;\nexport type EuiRangeTrackArgs = {\n min: number;\n max: number;\n step?: number;\n value?: Value | Value[];\n compressed?: boolean;\n disabled?: boolean;\n showTicks?: boolean;\n tickInterval?: number;\n ticks?: EuiRangeTick[];\n onChange?: (e: MouseEvent) => void;\n levels?: EuiRangeLevel[];\n};\ntype Styling = {\n tickSequence?: number[];\n styles: ReturnType<typeof htmlSafe>;\n};\nexport interface EuiRangeTrackSignature {\n Element: HTMLElement;\n Args: EuiRangeTrackArgs;\n Blocks: {\n default: [];\n };\n}\nexport default class EuiRangeTrackComponent extends Component<EuiRangeTrackSignature> {\n @tracked\n trackEl: HTMLElement;\n @action\n registerTrack(el1: HTMLElement) {\n this.trackEl = el1;\n }\n @action\n validateValueIsInStep(value1: number): number {\n const { min: min1, max: max1, step: step1 } = this.args;\n if (value1 < min1) {\n assert(`The value of ${value1} is lower than the min value of ${min1}.`, false);\n }\n if (value1 > max1) {\n assert(`The value of ${value1} is higher than the max value of ${max1}.`, false);\n }\n // Error out if the value doesn't line up with the sequence of steps\n if (!isEvenlyDivisibleBy(value1 - min1, step1 !== undefined ? step1 : 1)) {\n assert(`The value of ${value1} is not included in the possible sequence provided by the step of ${step1}.`, false);\n }\n // Return the value if nothing fails\n return value1;\n }\n calculateSequence(min1: EuiRangeTrackArgs['min'], max1: EuiRangeTrackArgs['max'], interval1?: EuiRangeTrackArgs['tickInterval']): number[] {\n // Loop from min to max, creating adding values at each interval\n // (adds a very small number to the max since `range` is not inclusive of the max value)\n const toBeInclusive1 = 0.000000001;\n return range(min1, max1 + toBeInclusive1, interval1);\n }\n calculateTicks(min1: EuiRangeTrackArgs['min'], max1: EuiRangeTrackArgs['max'], step1?: EuiRangeTrackArgs['step'], tickInterval1?: EuiRangeTrackArgs['tickInterval'], customTicks1?: EuiRangeTick[]): number[] {\n let ticks1;\n if (customTicks1) {\n // If custom values were passed, use those for the sequence\n // But make sure they align with the possible sequence\n ticks1 = customTicks1.map((tick1)=>{\n return this.validateValueIsInStep(tick1.value);\n });\n } else {\n // If a custom interval was passed, use those for the sequence\n // But make sure they align with the possible sequence\n const interval1 = tickInterval1 || step1;\n const tickSequence1 = this.calculateSequence(min1, max1, interval1);\n ticks1 = tickSequence1.map((tick1)=>{\n return this.validateValueIsInStep(tick1);\n });\n }\n // Error out if there are too many ticks to render\n if (ticks1.length > 20) {\n assert(`The number of ticks to render is too high (${ticks1.length}), increase the interval.`, true);\n }\n return ticks1;\n }\n get derivedState(): Styling {\n let tickSequence1;\n let styles1 = '';\n const { showTicks: showTicks1, min: min1, max: max1, step: step1, tickInterval: tickInterval1, ticks: ticks1 } = this.args;\n if (showTicks1) {\n tickSequence1 = this.calculateTicks(min1, max1, step1, tickInterval1, ticks1);\n // Calculate if any extra margin should be added to the inputWrapper\n // because of longer tick labels on the ends\n const lengthOfMinLabel1 = String(tickSequence1[0]).length;\n const lenghtOfMaxLabel1 = String(tickSequence1[tickSequence1.length - 1]).length;\n const isLastTickTheMax1 = tickSequence1[tickSequence1.length - 1] === max1;\n if (lengthOfMinLabel1 > 2) {\n styles1 = `margin-left: ${lengthOfMinLabel1 / 5}em`;\n }\n if (isLastTickTheMax1 && lenghtOfMaxLabel1 > 2) {\n styles1 = `margin-right: ${lenghtOfMaxLabel1 / 5}em`;\n }\n }\n return {\n tickSequence: tickSequence1,\n styles: htmlSafe(styles1)\n };\n }\n static{\n template(`\n <div\n class={{classNames\n \"euiRangeTrack\"\n (if @disabled \"euiRangeTrack--disabled\")\n (if @showTicks \"euiRangeTrack--hasTicks\")\n (if (and @levels (gt @levels.length 0)) \"euiRangeTrack--hasLevels\")\n }}\n style={{if this.derivedState.styles this.derivedState.styles}}\n ...attributes\n {{didInsert (fn this.validateValueIsInStep @max)}}\n {{didInsert this.registerTrack}}\n {{didUpdate (fn this.validateValueIsInStep @max) @max}}\n {{didUpdate (fn this.validateValueIsInStep @max) @min}}\n {{didUpdate (fn this.validateValueIsInStep @max) @step}}\n >\n {{#if (gt @levels.length 0)}}\n <EuiRangeLevels\n @compressed={{@compressed}}\n @levels={{@levels}}\n @max={{@max}}\n @min={{@min}}\n @showTicks={{@showTicks}}\n @trackWidth={{this.trackEl.clientWidth}}\n />\n {{/if}}\n {{#if this.derivedState.tickSequence}}\n {{#if @ticks}}\n <EuiRangeTicks\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @ticks={{@ticks}}\n @tickSequence={{this.derivedState.tickSequence}}\n @value={{@value}}\n @min={{@min}}\n @max={{@max}}\n @interval={{or @tickInterval @step}}\n @onChange={{@onChange}}\n @trackWidth={{this.trackEl.clientWidth}}\n />\n {{/if}}\n {{/if}}\n {{yield}}\n </div>\n `, {\n component: this,\n eval () {\n return eval(arguments[0]);\n }\n });\n }\n}\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9iZXRvY2FudHU5My9wcnlzbWV4L2VtYmVyLWV1aS9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL2V1aS1yYW5nZS10cmFjay5ndHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IENvbXBvbmVudCBmcm9tICdAZ2xpbW1lci9jb21wb25lbnQnO1xuaW1wb3J0IHsgdHJhY2tlZCB9IGZyb20gJ0BnbGltbWVyL3RyYWNraW5nJztcbmltcG9ydCB7IGFzc2VydCB9IGZyb20gJ0BlbWJlci9kZWJ1Zyc7XG5pbXBvcnQgeyBmbiB9IGZyb20gJ0BlbWJlci9oZWxwZXInO1xuaW1wb3J0IHsgYWN0aW9uIH0gZnJvbSAnQGVtYmVyL29iamVjdCc7XG5pbXBvcnQgZGlkSW5zZXJ0IGZyb20gJ0BlbWJlci9yZW5kZXItbW9kaWZpZXJzL21vZGlmaWVycy9kaWQtaW5zZXJ0JztcbmltcG9ydCBkaWRVcGRhdGUgZnJvbSAnQGVtYmVyL3JlbmRlci1tb2RpZmllcnMvbW9kaWZpZXJzL2RpZC11cGRhdGUnO1xuaW1wb3J0IHsgaHRtbFNhZmUgfSBmcm9tICdAZW1iZXIvdGVtcGxhdGUnO1xuXG5pbXBvcnQgeyBhbmQsIGd0LG9yIH0gZnJvbSAnZW1iZXItdHJ1dGgtaGVscGVycyc7XG5pbXBvcnQgeyByYW5nZSB9IGZyb20gJ2xvZGFzaC1lcyc7XG5cbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJy4uL2hlbHBlcnMvY2xhc3MtbmFtZXMudHMnO1xuaW1wb3J0IHsgaXNFdmVubHlEaXZpc2libGVCeSB9IGZyb20gJy4uL3V0aWxzL251bWJlci9pbmRleC50cyc7XG5pbXBvcnQgeyBMRVZFTF9DT0xPUlMgfSBmcm9tICcuL2V1aS1yYW5nZS1sZXZlbHMuZ3RzJztcbmltcG9ydCBFdWlSYW5nZUxldmVscyBmcm9tICcuL2V1aS1yYW5nZS1sZXZlbHMuZ3RzJztcbmltcG9ydCBFdWlSYW5nZVRpY2tzIGZyb20gJy4vZXVpLXJhbmdlLXRpY2tzLmd0cyc7XG5cbmltcG9ydCB0eXBlIHsgRXVpUmFuZ2VMZXZlbCB9IGZyb20gJy4vZXVpLXJhbmdlLWxldmVscyc7XG5cbmV4cG9ydCB7IExFVkVMX0NPTE9SUyB9O1xuXG5leHBvcnQgaW50ZXJmYWNlIEV1aVJhbmdlVGljayB7XG4gIHZhbHVlOiBudW1iZXI7XG4gIGxhYmVsOiBDb21wb25lbnQ7XG59XG5cbnR5cGUgVmFsdWUgPSBudW1iZXIgfCBzdHJpbmc7XG5cbmV4cG9ydCB0eXBlIEV1aVJhbmdlVHJhY2tBcmdzID0ge1xuICBtaW46IG51bWJlcjtcbiAgbWF4OiBudW1iZXI7XG4gIHN0ZXA_OiBudW1iZXI7XG4gIHZhbHVlPzogVmFsdWUgfCBWYWx1ZVtdO1xuICBjb21wcmVzc2VkPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ_OiBib29sZWFuO1xuICBzaG93VGlja3M_OiBib29sZWFuO1xuICB0aWNrSW50ZXJ2YWw_OiBudW1iZXI7XG4gIHRpY2tzPzogRXVpUmFuZ2VUaWNrW107XG4gIG9uQ2hhbmdlPzogKGU6IE1vdXNlRXZlbnQpID0-IHZvaWQ7XG4gIGxldmVscz86IEV1aVJhbmdlTGV2ZWxbXTtcbn07XG5cbnR5cGUgU3R5bGluZyA9IHtcbiAgdGlja1NlcXVlbmNlPzogbnVtYmVyW107XG4gIHN0eWxlczogUmV0dXJuVHlwZTx0eXBlb2YgaHRtbFNhZmU-O1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBFdWlSYW5nZVRyYWNrU2lnbmF0dXJlIHtcbiAgRWxlbWVudDogSFRNTEVsZW1lbnQ7XG4gIEFyZ3M6IEV1aVJhbmdlVHJhY2tBcmdzO1xuICBCbG9ja3M6IHtcbiAgICBkZWZhdWx0OiBbXTtcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgRXVpUmFuZ2VUcmFja0NvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudDxFdWlSYW5nZVRyYWNrU2lnbmF0dXJlPiB7XG4gIEB0cmFja2VkIGRlY2xhcmUgdHJhY2tFbDogSFRNTEVsZW1lbnQ7XG5cbiAgQGFjdGlvblxuICByZWdpc3RlclRyYWNrKGVsOiBIVE1MRWxlbWVudCkge1xuICAgIHRoaXMudHJhY2tFbCA9IGVsO1xuICB9XG5cbiAgQGFjdGlvblxuICB2YWxpZGF0ZVZhbHVlSXNJblN0ZXAodmFsdWU6IG51bWJlcik6IG51bWJlciB7XG4gICAgY29uc3QgeyBtaW4sIG1heCwgc3RlcCB9ID0gdGhpcy5hcmdzO1xuXG4gICAgaWYgKHZhbHVlIDwgbWluKSB7XG4gICAgICBhc3NlcnQoXG4gICAgICAgIGBUaGUgdmFsdWUgb2YgJHt2YWx1ZX0gaXMgbG93ZXIgdGhhbiB0aGUgbWluIHZhbHVlIG9mICR7bWlufS5gLFxuICAgICAgICBmYWxzZVxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAodmFsdWUgPiBtYXgpIHtcbiAgICAgIGFzc2VydChcbiAgICAgICAgYFRoZSB2YWx1ZSBvZiAke3ZhbHVlfSBpcyBoaWdoZXIgdGhhbiB0aGUgbWF4IHZhbHVlIG9mICR7bWF4fS5gLFxuICAgICAgICBmYWxzZVxuICAgICAgKTtcbiAgICB9XG5cbiAgICAvLyBFcnJvciBvdXQgaWYgdGhlIHZhbHVlIGRvZXNuJ3QgbGluZSB1cCB3aXRoIHRoZSBzZXF1ZW5jZSBvZiBzdGVwc1xuICAgIGlmICghaXNFdmVubHlEaXZpc2libGVCeSh2YWx1ZSAtIG1pbiwgc3RlcCAhPT0gdW5kZWZpbmVkID8gc3RlcCA6IDEpKSB7XG4gICAgICBhc3NlcnQoXG4gICAgICAgIGBUaGUgdmFsdWUgb2YgJHt2YWx1ZX0gaXMgbm90IGluY2x1ZGVkIGluIHRoZSBwb3NzaWJsZSBzZXF1ZW5jZSBwcm92aWRlZCBieSB0aGUgc3RlcCBvZiAke3N0ZXB9LmAsXG4gICAgICAgIGZhbHNlXG4gICAgICApO1xuICAgIH1cblxuICAgIC8vIFJldHVybiB0aGUgdmFsdWUgaWYgbm90aGluZyBmYWlsc1xuICAgIHJldHVybiB2YWx1ZTtcbiAgfVxuXG4gIGNhbGN1bGF0ZVNlcXVlbmNlKFxuICAgIG1pbjogRXVpUmFuZ2VUcmFja0FyZ3NbJ21pbiddLFxuICAgIG1heDogRXVpUmFuZ2VUcmFja0FyZ3NbJ21heCddLFxuICAgIGludGVydmFsPzogRXVpUmFuZ2VUcmFja0FyZ3NbJ3RpY2tJbnRlcnZhbCddXG4gICk6IG51bWJlcltdIHtcbiAgICAvLyBMb29wIGZyb20gbWluIHRvIG1heCwgY3JlYXRpbmcgYWRkaW5nIHZhbHVlcyBhdCBlYWNoIGludGVydmFsXG4gICAgLy8gKGFkZHMgYSB2ZXJ5IHNtYWxsIG51bWJlciB0byB0aGUgbWF4IHNpbmNlIGByYW5nZWAgaXMgbm90IGluY2x1c2l2ZSBvZiB0aGUgbWF4IHZhbHVlKVxuICAgIGNvbnN0IHRvQmVJbmNsdXNpdmUgPSAwLjAwMDAwMDAwMTtcblxuICAgIHJldHVybiByYW5nZShtaW4sIG1heCArIHRvQmVJbmNsdXNpdmUsIGludGVydmFsKTtcbiAgfVxuXG4gIGNhbGN1bGF0ZVRpY2tzKFxuICAgIG1pbjogRXVpUmFuZ2VUcmFja0FyZ3NbJ21pbiddLFxuICAgIG1heDogRXVpUmFuZ2VUcmFja0FyZ3NbJ21heCddLFxuICAgIHN0ZXA_OiBFdWlSYW5nZVRyYWNrQXJnc1snc3RlcCddLFxuICAgIHRpY2tJbnRlcnZhbD86IEV1aVJhbmdlVHJhY2tBcmdzWyd0aWNrSW50ZXJ2YWwnXSxcbiAgICBjdXN0b21UaWNrcz86IEV1aVJhbmdlVGlja1tdXG4gICk6IG51bWJlcltdIHtcbiAgICBsZXQgdGlja3M7XG5cbiAgICBpZiAoY3VzdG9tVGlja3MpIHtcbiAgICAgIC8vIElmIGN1c3RvbSB2YWx1ZXMgd2VyZSBwYXNzZWQsIHVzZSB0aG9zZSBmb3IgdGhlIHNlcXVlbmNlXG4gICAgICAvLyBCdXQgbWFrZSBzdXJlIHRoZXkgYWxpZ24gd2l0aCB0aGUgcG9zc2libGUgc2VxdWVuY2VcbiAgICAgIHRpY2tzID0gY3VzdG9tVGlja3MubWFwKCh0aWNrKSA9PiB7XG4gICAgICAgIHJldHVybiB0aGlzLnZhbGlkYXRlVmFsdWVJc0luU3RlcCh0aWNrLnZhbHVlKTtcbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBJZiBhIGN1c3RvbSBpbnRlcnZhbCB3YXMgcGFzc2VkLCB1c2UgdGhvc2UgZm9yIHRoZSBzZXF1ZW5jZVxuICAgICAgLy8gQnV0IG1ha2Ugc3VyZSB0aGV5IGFsaWduIHdpdGggdGhlIHBvc3NpYmxlIHNlcXVlbmNlXG4gICAgICBjb25zdCBpbnRlcnZhbCA9IHRpY2tJbnRlcnZhbCB8fCBzdGVwO1xuICAgICAgY29uc3QgdGlja1NlcXVlbmNlID0gdGhpcy5jYWxjdWxhdGVTZXF1ZW5jZShtaW4sIG1heCwgaW50ZXJ2YWwpO1xuXG4gICAgICB0aWNrcyA9IHRpY2tTZXF1ZW5jZS5tYXAoKHRpY2spID0-IHtcbiAgICAgICAgcmV0dXJuIHRoaXMudmFsaWRhdGVWYWx1ZUlzSW5TdGVwKHRpY2spO1xuICAgICAgfSk7XG4gICAgfVxuXG4gICAgLy8gRXJyb3Igb3V0IGlmIHRoZXJlIGFyZSB0b28gbWFueSB0aWNrcyB0byByZW5kZXJcbiAgICBpZiAodGlja3MubGVuZ3RoID4gMjApIHtcbiAgICAgIGFzc2VydChcbiAgICAgICAgYFRoZSBudW1iZXIgb2YgdGlja3MgdG8gcmVuZGVyIGlzIHRvbyBoaWdoICgke3RpY2tzLmxlbmd0aH0pLCBpbmNyZWFzZSB0aGUgaW50ZXJ2YWwuYCxcbiAgICAgICAgdHJ1ZVxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gdGlja3M7XG4gIH1cblxuICBnZXQgZGVyaXZlZFN0YXRlKCk6IFN0eWxpbmcge1xuICAgIGxldCB0aWNrU2VxdWVuY2U7XG4gICAgbGV0IHN0eWxlcyA9ICcnO1xuICAgIGNvbnN0IHsgc2hvd1RpY2tzLCBtaW4sIG1heCwgc3RlcCwgdGlja0ludGVydmFsLCB0aWNrcyB9ID0gdGhpcy5hcmdzO1xuXG4gICAgaWYgKHNob3dUaWNrcykge1xuICAgICAgdGlja1NlcXVlbmNlID0gdGhpcy5jYWxjdWxhdGVUaWNrcyhtaW4sIG1heCwgc3RlcCwgdGlja0ludGVydmFsLCB0aWNrcyk7XG5cbiAgICAgIC8vIENhbGN1bGF0ZSBpZiBhbnkgZXh0cmEgbWFyZ2luIHNob3VsZCBiZSBhZGRlZCB0byB0aGUgaW5wdXRXcmFwcGVyXG4gICAgICAvLyBiZWNhdXNlIG9mIGxvbmdlciB0aWNrIGxhYmVscyBvbiB0aGUgZW5kc1xuICAgICAgY29uc3QgbGVuZ3RoT2ZNaW5MYWJlbCA9IFN0cmluZyh0aWNrU2VxdWVuY2VbMF0pLmxlbmd0aDtcbiAgICAgIGNvbnN0IGxlbmdodE9mTWF4TGFiZWwgPSBTdHJpbmcoXG4gICAgICAgIHRpY2tTZXF1ZW5jZVt0aWNrU2VxdWVuY2UubGVuZ3RoIC0gMV1cbiAgICAgICkubGVuZ3RoO1xuICAgICAgY29uc3QgaXNMYXN0VGlja1RoZU1heCA9IHRpY2tTZXF1ZW5jZVt0aWNrU2VxdWVuY2UubGVuZ3RoIC0gMV0gPT09IG1heDtcblxuICAgICAgaWYgKGxlbmd0aE9mTWluTGFiZWwgPiAyKSB7XG4gICAgICAgIHN0eWxlcyA9IGBtYXJnaW4tbGVmdDogJHtsZW5ndGhPZk1pbkxhYmVsIC8gNX1lbWA7XG4gICAgICB9XG5cbiAgICAgIGlmIChpc0xhc3RUaWNrVGhlTWF4ICYmIGxlbmdodE9mTWF4TGFiZWwgPiAyKSB7XG4gICAgICAgIHN0eWxlcyA9IGBtYXJnaW4tcmlnaHQ6ICR7bGVuZ2h0T2ZNYXhMYWJlbCAvIDV9ZW1gO1xuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICB0aWNrU2VxdWVuY2UsXG4gICAgICBzdHlsZXM6IGh0bWxTYWZlKHN0eWxlcylcbiAgICB9O1xuICB9XG5cbiAgPHRlbXBsYXRlPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPXt7Y2xhc3NOYW1lc1xuICAgICAgICBcImV1aVJhbmdlVHJhY2tcIlxuICAgICAgICAoaWYgQGRpc2FibGVkIFwiZXVpUmFuZ2VUcmFjay0tZGlzYWJsZWRcIilcbiAgICAgICAgKGlmIEBzaG93VGlja3MgXCJldWlSYW5nZVRyYWNrLS1oYXNUaWNrc1wiKVxuICAgICAgICAoaWYgKGFuZCBAbGV2ZWxzIChndCBAbGV2ZWxzLmxlbmd0aCAwKSkgXCJldWlSYW5nZVRyYWNrLS1oYXNMZXZlbHNcIilcbiAgICAgIH19XG4gICAgICBzdHlsZT17e2lmIHRoaXMuZGVyaXZlZFN0YXRlLnN0eWxlcyB0aGlzLmRlcml2ZWRTdGF0ZS5zdHlsZXN9fVxuICAgICAgLi4uYXR0cmlidXRlc1xuICAgICAge3tkaWRJbnNlcnQgKGZuIHRoaXMudmFsaWRhdGVWYWx1ZUlzSW5TdGVwIEBtYXgpfX1cbiAgICAgIHt7ZGlkSW5zZXJ0IHRoaXMucmVnaXN0ZXJUcmFja319XG4gICAgICB7e2RpZFVwZGF0ZSAoZm4gdGhpcy52YWxpZGF0ZVZhbHVlSXNJblN0ZXAgQG1heCkgQG1heH19XG4gICAgICB7e2RpZFVwZGF0ZSAoZm4gdGhpcy52YWxpZGF0ZVZhbHVlSXNJblN0ZXAgQG1heCkgQG1pbn19XG4gICAgICB7e2RpZFVwZGF0ZSAoZm4gdGhpcy52YWxpZGF0ZVZhbHVlSXNJblN0ZXAgQG1heCkgQHN0ZXB9fVxuICAgID5cbiAgICAgIHt7I2lmIChndCBAbGV2ZWxzLmxlbmd0aCAwKX19XG4gICAgICAgIDxFdWlSYW5nZUxldmVsc1xuICAgICAgICAgIEBjb21wcmVzc2VkPXt7QGNvbXByZXNzZWR9fVxuICAgICAgICAgIEBsZXZlbHM9e3tAbGV2ZWxzfX1cbiAgICAgICAgICBAbWF4PXt7QG1heH19XG4gICAgICAgICAgQG1pbj17e0BtaW59fVxuICAgICAgICAgIEBzaG93VGlja3M9e3tAc2hvd1RpY2tzfX1cbiAgICAgICAgICBAdHJhY2tXaWR0aD17e3RoaXMudHJhY2tFbC5jbGllbnRXaWR0aH19XG4gICAgICAgIC8-XG4gICAgICB7ey9pZn19XG4gICAgICB7eyNpZiB0aGlzLmRlcml2ZWRTdGF0ZS50aWNrU2VxdWVuY2V9fVxuICAgICAgICB7eyNpZiBAdGlja3N9fVxuICAgICAgICAgIDxFdWlSYW5nZVRpY2tzXG4gICAgICAgICAgICBAZGlzYWJsZWQ9e3tAZGlzYWJsZWR9fVxuICAgICAgICAgICAgQGNvbXByZXNzZWQ9e3tAY29tcHJlc3NlZH19XG4gICAgICAgICAgICBAdGlja3M9e3tAdGlja3N9fVxuICAgICAgICAgICAgQHRpY2tTZXF1ZW5jZT17e3RoaXMuZGVyaXZlZFN0YXRlLnRpY2tTZXF1ZW5jZX19XG4gICAgICAgICAgICBAdmFsdWU9e3tAdmFsdWV9fVxuICAgICAgICAgICAgQG1pbj17e0BtaW59fVxuICAgICAgICAgICAgQG1heD17e0BtYXh9fVxuICAgICAgICAgICAgQGludGVydmFsPXt7b3IgQHRpY2tJbnRlcnZhbCBAc3RlcH19XG4gICAgICAgICAgICBAb25DaGFuZ2U9e3tAb25DaGFuZ2V9fVxuICAgICAgICAgICAgQHRyYWNrV2lkdGg9e3t0aGlzLnRyYWNrRWwuY2xpZW50V2lkdGh9fVxuICAgICAgICAgIC8-XG4gICAgICAgIHt7L2lmfX1cbiAgICAgIHt7L2lmfX1cbiAgICAgIHt7eWllbGR9fVxuICAgIDwvZGl2PlxuICA8L3RlbXBsYXRlPlxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLGVBQWUscUJBQXFCO0FBQzNDLFNBQVMsT0FBTyxRQUFRLG9CQUFvQjtBQUM1QyxTQUFTLE1BQU0sUUFBUSxlQUFlO0FBQ3RDLFNBQVMsRUFBRSxRQUFRLGdCQUFnQjtBQUNuQyxTQUFTLE1BQU0sUUFBUSxnQkFBZ0I7QUFDdkMsT0FBTyxlQUFlLCtDQUErQztBQUNyRSxPQUFPLGVBQWUsK0NBQStDO0FBQ3JFLFNBQVMsUUFBUSxRQUFRLGtCQUFrQjtBQUUzQyxTQUFTLEdBQUcsRUFBRSxFQUFFLEVBQUMsRUFBRSxRQUFRLHNCQUFzQjtBQUNqRCxTQUFTLEtBQUssUUFBUSxZQUFZO0FBRWxDLE9BQU8sZ0JBQWdCLDRCQUE0QjtBQUNuRCxTQUFTLG1CQUFtQixRQUFRLDJCQUEyQjtBQUMvRCxTQUFTLFlBQVksUUFBUSx5QkFBeUI7QUFDdEQsT0FBTyxvQkFBb0IseUJBQXlCO0FBQ3BELE9BQU8sbUJBQW1CLHdCQUF3QjtBQUVsRCxjQUFjLGFBQWEsUUFBUSxxQkFBcUI7QUFFeEQsU0FBUyxZQUFZLEdBQUc7QUFFeEIsaUJBQWlCO0lBQ2YsT0FBTyxNQUFNO0lBQ2IsT0FBTzs7S0FHSixRQUFRLE1BQU0sR0FBRyxNQUFNO0FBRTVCLFlBQVk7SUFDVixLQUFLLE1BQU07SUFDWCxLQUFLLE1BQU07SUFDWCxPQUFPLE1BQU07SUFDYixRQUFRLFFBQVE7SUFDaEIsYUFBYSxPQUFPO0lBQ3BCLFdBQVcsT0FBTztJQUNsQixZQUFZLE9BQU87SUFDbkIsZUFBZSxNQUFNO0lBQ3JCLFFBQVE7SUFDUixZQUFZLEdBQUcsZUFBZSxJQUFJO0lBQ2xDLFNBQVM7O0tBR047SUFDSCxlQUFlLE1BQU07SUFDckIsUUFBUSxrQkFBa0I7O0FBRzVCLGlCQUFpQjtJQUNmLFNBQVM7SUFDVCxNQUFNO0lBQ047UUFDRTs7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"],"names":["EuiRangeTrackComponent","Component","g","this","prototype","tracked","i","void 0","registerTrack","el1","trackEl","n","action","validateValueIsInStep","value1","min","min1","max","max1","step","step1","args","assert","isEvenlyDivisibleBy","undefined","calculateSequence","interval1","toBeInclusive1","range","calculateTicks","tickInterval1","customTicks1","ticks1","map","tick1","value","tickSequence1","length","derivedState","styles1","showTicks","showTicks1","tickInterval","ticks","lengthOfMinLabel1","String","lenghtOfMaxLabel1","isLastTickTheMax1","tickSequence","styles","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","gt","didInsert","fn","didUpdate","EuiRangeLevels","EuiRangeTicks","or"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"eui-range-track.js","sources":["../../src/components/eui-range-track.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\nimport { fn } from '@ember/helper';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { htmlSafe } from '@ember/template';\n\nimport { and, gt,or } from 'ember-truth-helpers';\nimport { range } from 'lodash-es';\n\nimport classNames from '../helpers/class-names.ts';\nimport { isEvenlyDivisibleBy } from '../utils/number/index.ts';\nimport { LEVEL_COLORS } from './eui-range-levels.gts';\nimport EuiRangeLevels from './eui-range-levels.gts';\nimport EuiRangeTicks from './eui-range-ticks.gts';\n\nimport type { EuiRangeLevel } from './eui-range-levels';\n\nexport { LEVEL_COLORS };\n\nexport interface EuiRangeTick {\n value: number;\n label: Component;\n}\n\ntype Value = number | string;\n\nexport type EuiRangeTrackArgs = {\n min: number;\n max: number;\n step?: number;\n value?: Value | Value[];\n compressed?: boolean;\n disabled?: boolean;\n showTicks?: boolean;\n tickInterval?: number;\n ticks?: EuiRangeTick[];\n onChange?: (e: MouseEvent) => void;\n levels?: EuiRangeLevel[];\n};\n\ntype Styling = {\n tickSequence?: number[];\n styles: ReturnType<typeof htmlSafe>;\n};\n\nexport interface EuiRangeTrackSignature {\n Element: HTMLElement;\n Args: EuiRangeTrackArgs;\n Blocks: {\n default: [];\n };\n}\n\nexport default class EuiRangeTrackComponent extends Component<EuiRangeTrackSignature> {\n @tracked declare trackEl: HTMLElement;\n\n @action\n registerTrack(el: HTMLElement) {\n this.trackEl = el;\n }\n\n @action\n validateValueIsInStep(value: number): number {\n const { min, max, step } = this.args;\n\n if (value < min) {\n assert(\n `The value of ${value} is lower than the min value of ${min}.`,\n false\n );\n }\n\n if (value > max) {\n assert(\n `The value of ${value} is higher than the max value of ${max}.`,\n false\n );\n }\n\n // Error out if the value doesn't line up with the sequence of steps\n if (!isEvenlyDivisibleBy(value - min, step !== undefined ? step : 1)) {\n assert(\n `The value of ${value} is not included in the possible sequence provided by the step of ${step}.`,\n false\n );\n }\n\n // Return the value if nothing fails\n return value;\n }\n\n calculateSequence(\n min: EuiRangeTrackArgs['min'],\n max: EuiRangeTrackArgs['max'],\n interval?: EuiRangeTrackArgs['tickInterval']\n ): number[] {\n // Loop from min to max, creating adding values at each interval\n // (adds a very small number to the max since `range` is not inclusive of the max value)\n const toBeInclusive = 0.000000001;\n\n return range(min, max + toBeInclusive, interval);\n }\n\n calculateTicks(\n min: EuiRangeTrackArgs['min'],\n max: EuiRangeTrackArgs['max'],\n step?: EuiRangeTrackArgs['step'],\n tickInterval?: EuiRangeTrackArgs['tickInterval'],\n customTicks?: EuiRangeTick[]\n ): number[] {\n let ticks;\n\n if (customTicks) {\n // If custom values were passed, use those for the sequence\n // But make sure they align with the possible sequence\n ticks = customTicks.map((tick) => {\n return this.validateValueIsInStep(tick.value);\n });\n } else {\n // If a custom interval was passed, use those for the sequence\n // But make sure they align with the possible sequence\n const interval = tickInterval || step;\n const tickSequence = this.calculateSequence(min, max, interval);\n\n ticks = tickSequence.map((tick) => {\n return this.validateValueIsInStep(tick);\n });\n }\n\n // Error out if there are too many ticks to render\n if (ticks.length > 20) {\n assert(\n `The number of ticks to render is too high (${ticks.length}), increase the interval.`,\n true\n );\n }\n\n return ticks;\n }\n\n get derivedState(): Styling {\n let tickSequence;\n let styles = '';\n const { showTicks, min, max, step, tickInterval, ticks } = this.args;\n\n if (showTicks) {\n tickSequence = this.calculateTicks(min, max, step, tickInterval, ticks);\n\n // Calculate if any extra margin should be added to the inputWrapper\n // because of longer tick labels on the ends\n const lengthOfMinLabel = String(tickSequence[0]).length;\n const lenghtOfMaxLabel = String(\n tickSequence[tickSequence.length - 1]\n ).length;\n const isLastTickTheMax = tickSequence[tickSequence.length - 1] === max;\n\n if (lengthOfMinLabel > 2) {\n styles = `margin-left: ${lengthOfMinLabel / 5}em`;\n }\n\n if (isLastTickTheMax && lenghtOfMaxLabel > 2) {\n styles = `margin-right: ${lenghtOfMaxLabel / 5}em`;\n }\n }\n\n return {\n tickSequence,\n styles: htmlSafe(styles)\n };\n }\n\n <template>\n <div\n class={{classNames\n \"euiRangeTrack\"\n (if @disabled \"euiRangeTrack--disabled\")\n (if @showTicks \"euiRangeTrack--hasTicks\")\n (if (and @levels (gt @levels.length 0)) \"euiRangeTrack--hasLevels\")\n }}\n style={{if this.derivedState.styles this.derivedState.styles}}\n ...attributes\n {{didInsert (fn this.validateValueIsInStep @max)}}\n {{didInsert this.registerTrack}}\n {{didUpdate (fn this.validateValueIsInStep @max) @max}}\n {{didUpdate (fn this.validateValueIsInStep @max) @min}}\n {{didUpdate (fn this.validateValueIsInStep @max) @step}}\n >\n {{#if (gt @levels.length 0)}}\n <EuiRangeLevels\n @compressed={{@compressed}}\n @levels={{@levels}}\n @max={{@max}}\n @min={{@min}}\n @showTicks={{@showTicks}}\n @trackWidth={{this.trackEl.clientWidth}}\n />\n {{/if}}\n {{#if this.derivedState.tickSequence}}\n {{#if @ticks}}\n <EuiRangeTicks\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @ticks={{@ticks}}\n @tickSequence={{this.derivedState.tickSequence}}\n @value={{@value}}\n @min={{@min}}\n @max={{@max}}\n @interval={{or @tickInterval @step}}\n @onChange={{@onChange}}\n @trackWidth={{this.trackEl.clientWidth}}\n />\n {{/if}}\n {{/if}}\n {{yield}}\n </div>\n </template>\n}\n"],"names":["EuiRangeTrackComponent","Component","g","prototype","tracked","i","void 0","registerTrack","el","trackEl","n","action","validateValueIsInStep","value","min","max","step","args","assert","isEvenlyDivisibleBy","undefined","calculateSequence","interval","toBeInclusive","range","calculateTicks","tickInterval","customTicks","ticks","map","tick","tickSequence","length","derivedState","styles","showTicks","lengthOfMinLabel","String","lenghtOfMaxLabel","isLastTickTheMax","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","gt","didInsert","fn","didUpdate","EuiRangeLevels","EuiRangeTicks","or"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-range-wrapper.js","sources":["../../src/components/eui-range-wrapper.gts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"eui-range-wrapper.js","sources":["../../src/components/eui-range-wrapper.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiRangeWrapperSignature {\n Element: HTMLDivElement;\n Args: {\n fullWidth?: boolean;\n compressed?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiRangeWrapper: TemplateOnlyComponent<EuiRangeWrapperSignature> =\n <template>\n <div\n class={{classNames\n \"euiRangeWrapper\"\n (if @fullWidth \"euiRangeWrapper--fullWidth\")\n (if @compressed \"euiRangeWrapper--compressed\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiRangeWrapper;\n"],"names":["EuiRangeWrapper","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAeA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAWA,qMAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
|