@ember-eui/core 16.0.4 → 16.0.5

package/dist/components/eui-super-date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-super-date-picker.js","sources":["../../src/components/eui-super-date-picker.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport dateMath from '@elastic/datemath';\nimport { modifier } from 'ember-modifier';\nimport { eq, or } from 'ember-truth-helpers';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiSuperDatePickerStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiDatePopoverButton from './eui-super-date-picker/date-popover/eui-date-popover-button.gts';\nimport EuiDatePickerRange from './eui-super-date-picker/eui-date-picker-range.gts';\nimport EuiQuickSelectPopover from './eui-super-date-picker/eui-quick-select-popover.gts';\nimport EuiSuperUpdateButton from './eui-super-date-picker/eui-super-update-button.gts';\nimport EuiTimeWindowButtons from './eui-super-date-picker/eui-time-window-buttons.gts';\nimport EuiAutoRefresh from './eui-auto-refresh.gts';\nimport EuiAutoRefreshButton from './eui-auto-refresh-button.gts';\nimport EuiFormControlButton from './eui-form-control-button.gts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\nimport { isRangeInvalid } from './eui-super-date-picker/utils/index.ts';\nimport {\n  prettyDuration,\n  showPrettyDuration\n} from './eui-super-date-picker/utils/pretty-duration.ts';\nimport { useI18nTimeOptions } from './eui-super-date-picker/utils/time-options.ts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiTimeZoneDisplayProps } from './eui-super-date-picker/date-popover/eui-time-zone-display.gts';\nimport type {\n  CustomQuickSelectRenderOptions,\n  EuiQuickSelectButtonProps\n} from './eui-super-date-picker/eui-quick-select-popover.gts';\nimport type { EuiSuperUpdateButtonProps } from './eui-super-date-picker/eui-super-update-button.gts';\nimport type { EuiTimeWindowButtonsConfig } from './eui-super-date-picker/eui-time-window-buttons.gts';\nimport type {\n  ApplyRefreshInterval,\n  ApplyTime,\n  DurationRange,\n  Milliseconds,\n  QuickSelectPanel,\n  RefreshUnitsOptions,\n  ShortDate\n} from './eui-super-date-picker/types/global';\nimport type { ComponentLike } from '@glint/template';\nimport type { LocaleSpecifier, Moment } from 'moment';\n\nexport type {\n  ApplyRefreshInterval,\n  ApplyTime,\n  CustomQuickSelectRenderOptions,\n  DurationRange,\n  EuiQuickSelectButtonProps,\n  EuiSuperUpdateButtonProps,\n  EuiTimeWindowButtonsConfig,\n  EuiTimeZoneDisplayProps,\n  Milliseconds,\n  QuickSelectPanel,\n  RefreshUnitsOptions,\n  ShortDate\n};\n\n/**\n * EuiSuperDatePicker picks a time range (absolute dates, relative like\n * \"last 15 minutes\", or \"now\") with a quick select popover and optional\n * auto refresh, as in Kibana. `@onTimeChange` receives date math strings.\n */\nexport interface EuiSuperDatePickerArgs {\n  /**\n   * Ranges listed as \"Commonly used\" in the quick select popover:\n   * `[{ start: 'now/d', end: 'now/d', label: 'Today' }, …]`. Defaults to\n   * EUI's list (Today, This week, Last 15 minutes, …).\n   */\n  commonlyUsedRanges?: DurationRange[];\n  /**\n   * Extra panels at the end of the quick select popover:\n   * `[{ title: 'My panel', content: MyPanel }]`. `content` is a component,\n   * rendered with `@applyTime`; call it with `{ start, end }` to apply a\n   * range (as a quick selection) and close the popover.\n   */\n  customQuickSelectPanels?: QuickSelectPanel[];\n  /**\n   * moment format for absolute dates. Defaults to\n   * `'MMM D, YYYY @ HH:mm:ss.SSS'`.\n   */\n  dateFormat?: string;\n  /**\n   * Set isAutoRefreshOnly to true to limit the component to only display\n   * auto refresh content. Defaults to `false`.\n   */\n  isAutoRefreshOnly?: boolean;\n  /**\n   * Disables the picker. Defaults to `false`. Pass `{ display }` to also\n   * replace the dates with your own content, e.g. `{ display: 'All time' }`\n   * (a string or a component), in a disabled button.\n   */\n  isDisabled?: boolean | { display: string | ComponentLike };\n  /**\n   * Shows a commonly used or relative range (\"Last 15 minutes\") as one\n   * summary button until it is clicked. Upstream always does this; in Ember\n   * EUI it is opt-in. Defaults to `false`.\n   */\n  showPrettyDuration?: boolean;\n  /** Shows the update button's loading state, e.g. while data refreshes. */\n  isLoading?: boolean;\n  /**\n   * Whether auto refresh is paused (with `@onRefreshChange`).\n   * Defaults to `true`.\n   */\n  isPaused?: boolean;\n  /**\n   * Sets the overall width by adding sensible min and max widths.\n   * - `auto`: fits width to internal content / time string.\n   * - `restricted`: static width that fits the longest possible time string\n   *   (600px with the update button, 480px without).\n   * - `full`: expands to 100% of the container.\n   * Defaults to `'restricted'`. `@isQuickSelectOnly` forces `'auto'`.\n   */\n  width?: 'restricted' | 'full' | 'auto';\n  /**\n   * Reduces overall height to compressed form size\n   */\n  compressed?: boolean;\n  /**\n   * Used to localize e.g. month names, passed to `moment`\n   */\n  locale?: LocaleSpecifier;\n  /**\n   * Called every `@refreshInterval` ms while not `@isPaused` (and by the\n   * update button when the range has not changed), with `{ start, end,\n   * refreshInterval }`. If it returns a promise, the next call waits for\n   * it; if the promise rejects, refreshing stops.\n   */\n  onRefresh?: (props: {\n    start: string;\n    end: string;\n    refreshInterval: number;\n  }) => void | Promise<unknown>;\n  /**\n   * Adds the \"Refresh every\" section to the quick select popover; called\n   * with `{ refreshInterval, isPaused }` when the user changes them.\n   */\n  onRefreshChange?: ApplyRefreshInterval;\n  /**\n   * Callback for when the time changes.\n   */\n  onTimeChange: (props: {\n    start: string;\n    end: string;\n    isQuickSelection: boolean;\n    isInvalid: boolean;\n  }) => void;\n  /**\n   * Ranges listed as \"Recently used\" in the quick select popover (their\n   * `label`, or \"start → end\").\n   */\n  recentlyUsedRanges?: DurationRange[];\n  /**\n   * Refresh interval in milliseconds. Defaults to `1000`.\n   */\n  refreshInterval?: Milliseconds;\n  /**\n   * Minimum refresh interval in milliseconds: the refresh interval fields\n   * don't go below it. Defaults to `0`.\n   */\n  refreshMinInterval?: Milliseconds;\n  /**\n   * The refresh interval's unit (`'s'`, `'m'` or `'h'`). By default it is\n   * rounded up to the largest unit that fits (90 seconds become 2 minutes).\n   * To keep the user's unit, store the `intervalUnits` `@onRefreshChange`\n   * receives and pass it back here.\n   */\n  refreshIntervalUnits?: RefreshUnitsOptions;\n  /**\n   * Start of the range, as date math (`'now-15m'`, `'now/d'`) or an ISO\n   * date. Defaults to `'now-15m'`.\n   */\n  start?: ShortDate;\n  /** End of the range, like `@start`. Defaults to `'now'`. */\n  end?: ShortDate;\n  /**\n   * Earliest selectable date (a moment): earlier days are disabled in the\n   * calendar and a start before it makes the range invalid.\n   */\n  minDate?: Moment;\n  /**\n   * Latest selectable date (a moment): later days are disabled in the\n   * calendar and an end after it makes the range invalid.\n   */\n  maxDate?: Moment;\n  /**\n   * moment format for times in the date picker. Defaults to `'HH:mm'`.\n   */\n  timeFormat?: string;\n  /** UTC offset in minutes for absolute dates, e.g. `-300`. */\n  utcOffset?: number;\n  /**\n   * Set showUpdateButton to false to immediately invoke onTimeChange for\n   * all start and end changes; `'iconOnly'` shows a compact button.\n   * Defaults to `true`.\n   */\n  showUpdateButton?: boolean | 'iconOnly';\n  /**\n   * Hides the actual input reducing to just the quick select button.\n   */\n  isQuickSelectOnly?: boolean;\n  /**\n   * Arguments for the update button: `{ fill, color, size, iconType,\n   * iconOnly, className, children, minWidth, showTooltip, toolTipProps,\n   * responsive, 'data-test-subj' }` (`children` is a custom label;\n   * `responsive` lists the screen sizes where it collapses to its icon,\n   * `['xs', 's']` by default, or `false`). They win over the picker's own,\n   * e.g. `{ fill: false }`.\n   */\n  updateButtonProps?: EuiSuperUpdateButtonProps;\n  /**\n   * Props for the quick select button, spread over its defaults:\n   * `{ 'aria-label', 'data-test-subj', onClick, onMouseDown, label,\n   * iconLeft, iconRight, className, … }`. `on*` functions become event\n   * listeners (`onClick` runs after the popover toggles); other unknown\n   * keys are set as attributes.\n   */\n  quickSelectButtonProps?: EuiQuickSelectButtonProps;\n  /**\n   * Shows a button group next to the control to shift the time window back\n   * and forward and to zoom it out. `true`, or a configuration\n   * `{ showZoomOut, showZoomIn, showShiftArrows, zoomFactor }` (zoom in is\n   * off by default; `zoomFactor` defaults to `0.5`, also as `'50%'`).\n   */\n  showTimeWindowButtons?: boolean | EuiTimeWindowButtonsConfig;\n  /**\n   * Shows time zone information in the start/end popovers:\n   * `{ timeZone: 'America/Los_Angeles' }` (any IANA name, `'Browser'` or\n   * `'UTC'`), plus an optional reference `date` and a `customRender`\n   * component (`@nameDisplay`, `@utcOffset`, `@timeZoneName`).\n   * Informational only: dates are not converted.\n   */\n  timeZoneDisplayProps?: EuiTimeZoneDisplayProps;\n  /**\n   * By default relative values are rounded to the largest unit that fits\n   * (90 minutes show as \"~ 2 hours ago\"). `false` keeps the user's units.\n   * Defaults to `true`.\n   */\n  canRoundRelativeUnits?: boolean;\n  /** Called when the start or end date button gets focus. */\n  onFocus?: (event: FocusEvent) => void;\n}\n\nexport interface EuiSuperDatePickerSignature {\n  Element: HTMLDivElement;\n  Args: EuiSuperDatePickerArgs;\n  Blocks: {\n    /**\n     * Replaces the quick select popover's content (upstream\n     * `customQuickSelectRender`). Yields the default panels as components\n     * (`quickSelect`, `commonlyUsedRanges`, `recentlyUsedRanges`,\n     * `refreshInterval`, `customQuickSelectPanels`) to re-order, omit or\n     * mix with your own content.\n     */\n    customQuickSelectRender: [CustomQuickSelectRenderOptions];\n  };\n}\n\nexport default class EuiSuperDatePicker extends Component<EuiSuperDatePickerSignature> {\n  @argOrDefaultDecorator('MMM D, YYYY @ HH:mm:ss.SSS') dateFormat!: string;\n  @argOrDefaultDecorator('HH:mm') timeFormat!: string;\n  // @argOrDefaultDecorator('now-15m') start!: ShortDate;\n  // @argOrDefaultDecorator('now') end!: ShortDate;\n  @argOrDefaultDecorator(false) isAutoRefreshOnly!: boolean;\n  @argOrDefaultDecorator(true) isPaused!: boolean;\n  @argOrDefaultDecorator(true) showUpdateButton!: boolean | 'iconOnly';\n  @argOrDefaultDecorator('restricted') width!: string;\n  // recentlyUsedRanges: [],\n  @argOrDefaultDecorator(1000) refreshInterval!: Milliseconds;\n\n  @service declare euiI18n: EuiI18n;\n\n  /** Whether the start / end date popovers are open (upstream state). */\n  @tracked isStartDatePopoverOpen = false;\n  @tracked isEndDatePopoverOpen = false;\n\n  /**\n   * Upstream `showPrettyDuration` state, set for the @start/@end it was\n   * set for (like the draft below): new arguments recompute it.\n   */\n  @tracked private prettyDurationOverride?: {\n    show: boolean;\n    forStart: ShortDate | undefined;\n    forEnd: ShortDate | undefined;\n  };\n\n  /**\n   * The range the user is editing, before it is applied with the update\n   * button. It remembers the @start/@end it was based on: when the parent\n   * passes a different range, the draft no longer applies and the picker\n   * shows the new arguments (like EUI React's getDerivedStateFromProps).\n   */\n  @tracked private draft?: {\n    start: ShortDate;\n    end: ShortDate;\n    hasChanged: boolean;\n    forStart: ShortDate | undefined;\n    forEnd: ShortDate | undefined;\n  };\n\n  private get currentDraft() {\n    const { draft } = this;\n\n    return draft &&\n      draft.forStart === this.args.start &&\n      draft.forEnd === this.args.end\n      ? draft\n      : undefined;\n  }\n\n  /** The applied range (upstream's props, not the draft). */\n  get appliedStart(): ShortDate {\n    return this.args.start ?? 'now-15m';\n  }\n\n  get appliedEnd(): ShortDate {\n    return this.args.end ?? 'now';\n  }\n\n  get start(): ShortDate {\n    return this.currentDraft?.start ?? this.args.start ?? 'now-15m';\n  }\n\n  get end(): ShortDate {\n    return this.currentDraft?.end ?? this.args.end ?? 'now';\n  }\n\n  get isInvalid(): boolean {\n    return isRangeInvalid(\n      this.start,\n      this.end,\n      this.args.minDate,\n      this.args.maxDate\n    );\n  }\n\n  get hasChanged(): boolean {\n    return this.currentDraft?.hasChanged ?? false;\n  }\n\n  get isDisabled(): boolean {\n    return Boolean(this.args.isDisabled);\n  }\n\n  /** Upstream `isDisabled.display`. */\n  get disabledDisplay(): string | ComponentLike | undefined {\n    const { isDisabled } = this.args;\n    return typeof isDisabled === 'object' && isDisabled !== null\n      ? isDisabled.display || undefined\n      : undefined;\n  }\n\n  get disabledDisplayText(): string | undefined {\n    const display = this.disabledDisplay;\n    return typeof display === 'string' ? display : undefined;\n  }\n\n  get commonlyUsedRanges(): DurationRange[] {\n    return (\n      this.args.commonlyUsedRanges ?? this.timeOptions.commonDurationRanges\n    );\n  }\n\n  /**\n   * Upstream: a commonly used range or a range relative to now (\"Last 15\n   * minutes\") shows as one pretty duration button until it is clicked.\n   */\n  get showPrettyDurationState(): boolean {\n    // Ember EUI: opt-in (upstream always shows it)\n    if (!this.args.showPrettyDuration) return false;\n\n    const override = this.prettyDurationOverride;\n\n    if (\n      override &&\n      override.forStart === this.args.start &&\n      override.forEnd === this.args.end\n    ) {\n      return override.show;\n    }\n\n    return showPrettyDuration(\n      this.appliedStart,\n      this.appliedEnd,\n      this.commonlyUsedRanges\n    );\n  }\n\n  private setPrettyDuration(show: boolean) {\n    this.prettyDurationOverride = {\n      show,\n      forStart: this.args.start,\n      forEnd: this.args.end\n    };\n  }\n\n  /** The pretty duration (or `isDisabled.display`) button replaces the range. */\n  get showPrettyDurationButton(): boolean {\n    return Boolean(\n      this.disabledDisplay ||\n        (this.showPrettyDurationState &&\n          !this.isStartDatePopoverOpen &&\n          !this.isEndDatePopoverOpen)\n    );\n  }\n\n  get prettyDurationText(): string {\n    return prettyDuration(this.euiI18n, {\n      timeFrom: this.start,\n      timeTo: this.end,\n      quickRanges: this.commonlyUsedRanges,\n      dateFormat: this.dateFormat\n    });\n  }\n\n  /** The pretty duration button's tooltip: the full range (upstream). */\n  get formattedFullRange(): string {\n    if (this.isInvalid) return '';\n\n    const startMoment = dateMath.parse(this.start);\n    const endMoment = dateMath.parse(this.end, { roundUp: true });\n\n    return `${startMoment?.format(this.dateFormat)} – ${endMoment?.format(\n      this.dateFormat\n    )}`;\n  }\n\n  /** Upstream `offset={euiTheme.base * 0.5}`. */\n  get prettyDurationTooltipOffset(): number {\n    return this.context.upstream.euiTheme.base * 0.5;\n  }\n\n  @cached\n  get prettyDurationTextClass(): string {\n    return euiClass(this.context, euiTextTruncate());\n  }\n\n  /** Upstream `hidePrettyDuration`: show the range with the start popover open. */\n  @action\n  hidePrettyDuration() {\n    this.setPrettyDuration(false);\n    this.isStartDatePopoverOpen = true;\n  }\n\n  @action\n  onPrettyDurationFocus(event: FocusEvent) {\n    this.args.onFocus?.(event);\n  }\n\n  @action\n  onStartDatePopoverToggle() {\n    this.isStartDatePopoverOpen = !this.isStartDatePopoverOpen;\n  }\n\n  @action\n  onStartDatePopoverClose() {\n    this.isStartDatePopoverOpen = false;\n  }\n\n  @action\n  onEndDatePopoverToggle() {\n    this.isEndDatePopoverOpen = !this.isEndDatePopoverOpen;\n  }\n\n  @action\n  onEndDatePopoverClose() {\n    this.isEndDatePopoverOpen = false;\n  }\n\n  /** Upstream shows the auto refresh button in the field while refreshing. */\n  get showAutoRefreshAppend(): boolean {\n    return !this.isPaused;\n  }\n\n  /** Upstream: the `checkCircle` icon on the right while an update is pending. */\n  get hasChangedIcon(): boolean {\n    return this.hasChanged && !this.isInvalid;\n  }\n\n  /** Upstream spreads `updateButtonProps.showTooltip` over its own. */\n  get updateButtonShowTooltip(): boolean {\n    return (\n      this.updateButtonProps.showTooltip ??\n      (!this.isStartDatePopoverOpen && !this.isEndDatePopoverOpen)\n    );\n  }\n\n  private setDraft(start: ShortDate, end: ShortDate, hasChanged: boolean) {\n    this.draft = {\n      start,\n      end,\n      hasChanged,\n      forStart: this.args.start,\n      forEnd: this.args.end\n    };\n  }\n\n  get timeOptions() {\n    return useI18nTimeOptions(this.euiI18n);\n  }\n\n  setTime({ start, end }: DurationRange) {\n    this.setDraft(\n      start,\n      end,\n      !(this.appliedStart === start && this.appliedEnd === end)\n    );\n\n    if (!this.showUpdateButton) {\n      this.args.onTimeChange({\n        start,\n        end,\n        isQuickSelection: false,\n        isInvalid: isRangeInvalid(\n          start,\n          end,\n          this.args.minDate,\n          this.args.maxDate\n        )\n      });\n    }\n  }\n\n  applyTime() {\n    this.args.onTimeChange({\n      start: this.start,\n      end: this.end,\n      isQuickSelection: false,\n      isInvalid: false\n    });\n  }\n\n  @action\n  applyQuickTime({ start, end }: DurationRange) {\n    this.setDraft(start, end, false);\n    this.setPrettyDuration(\n      showPrettyDuration(start, end, this.commonlyUsedRanges)\n    );\n\n    this.args.onTimeChange({\n      start,\n      end,\n      isQuickSelection: true,\n      isInvalid: false\n    });\n  }\n\n  @action\n  setStart(start: ShortDate) {\n    this.setTime({ start, end: this.end });\n  }\n\n  @action\n  setEnd(end: ShortDate) {\n    this.setTime({ start: this.start, end });\n  }\n\n  @action\n  handleClickUpdateButton() {\n    if (!this.hasChanged && this.args.onRefresh) {\n      void this.args.onRefresh({\n        start: this.start,\n        end: this.end,\n        refreshInterval: this.refreshInterval\n      });\n    } else {\n      this.applyTime();\n    }\n\n    if (this.currentDraft) {\n      this.draft = { ...this.currentDraft, hasChanged: false };\n    }\n  }\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  /** Upstream `renderTimeWindowButtons`: not with `@isAutoRefreshOnly`. */\n  get timeWindowConfig(): EuiTimeWindowButtonsConfig | undefined {\n    const { showTimeWindowButtons } = this.args;\n    if (!showTimeWindowButtons || this.isAutoRefreshOnly) return undefined;\n    return typeof showTimeWindowButtons === 'boolean'\n      ? {}\n      : showTimeWindowButtons;\n  }\n\n  /** Upstream renders `EuiAutoRefresh` instead of the range. */\n  get showAutoRefreshOnly() {\n    return Boolean(this.isAutoRefreshOnly && this.args.onRefreshChange);\n  }\n\n  /** Upstream spreads `updateButtonProps` last over its own props. */\n  get updateButtonProps(): EuiSuperUpdateButtonProps {\n    return this.args.updateButtonProps ?? {};\n  }\n\n  get updateButtonIconOnly() {\n    return (\n      this.updateButtonProps.iconOnly ?? this.showUpdateButton === 'iconOnly'\n    );\n  }\n\n  get updateButtonSize() {\n    return this.updateButtonProps.size ?? (this.args.compressed ? 's' : 'm');\n  }\n\n  get updateButtonTestSubj() {\n    return (\n      this.updateButtonProps['data-test-subj'] ??\n      'superDatePickerApplyTimeButton'\n    );\n  }\n\n  /** EuiAutoRefresh reports the picked units too (upstream). */\n  onAutoRefreshChange = (change: {\n    refreshInterval: number;\n    isPaused: boolean;\n    intervalUnits: RefreshUnitsOptions;\n  }) => {\n    const { refreshInterval, isPaused, intervalUnits } = change;\n    this.args.onRefreshChange?.({ refreshInterval, isPaused, intervalUnits });\n  };\n\n  /** Upstream forces `auto` width when only the quick select shows. */\n  get resolvedWidth(): 'restricted' | 'full' | 'auto' {\n    if (this.args.isQuickSelectOnly) return 'auto';\n    const width = this.width;\n    return width === 'full' || width === 'auto' ? width : 'restricted';\n  }\n\n  @cached\n  get styles() {\n    return useEuiBorealisStyles(this.context, euiSuperDatePickerStyles);\n  }\n\n  /** Root: flex row with the gap, the width and the special cases. */\n  @cached\n  get classes() {\n    const styles = this.styles;\n    const width = this.resolvedWidth;\n    const needsUpdating =\n      this.hasChanged && !this.isDisabled && !this.isInvalid;\n    return [\n      'euiSuperDatePicker',\n      needsUpdating && 'euiSuperDatePicker--needsUpdating',\n      euiClass(\n        this.context,\n        { boxSizing: 'border-box' },\n        styles.euiSuperDatePicker,\n        styles.widths[width],\n        !this.showUpdateButton && styles.noUpdateButton[width],\n        this.isAutoRefreshOnly && styles.isAutoRefreshOnly[width],\n        this.args.isQuickSelectOnly && styles.isQuickSelectOnly\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  /**\n   * The range wrapper: grows, and carries the form state (disabled, then\n   * invalid, then needs updating, else default) for the layout inside.\n   */\n  @cached\n  get layoutCss() {\n    const { states } = this.styles;\n    const state = this.isDisabled\n      ? states.disabled\n      : this.isInvalid\n        ? states.invalid\n        : this.hasChanged\n          ? states.needsUpdating\n          : states.default;\n    return [states.euiSuperDatePicker__formControlLayout, state];\n  }\n\n  @cached\n  get rangeCss() {\n    return [this.styles.euiSuperDatePicker__range, ...this.layoutCss];\n  }\n\n  get prettyDurationTooltipCss() {\n    return this.styles.euiSuperDatePicker__prettyDurationTooltip;\n  }\n\n  /** Start/end popovers grow to share the range (upstream `rangeInput`). */\n  get rangeInputCss() {\n    return this.styles.euiSuperDatePicker__rangeInput;\n  }\n\n  /** Upstream shows the layout spinner only without the update button. */\n  get isLayoutLoading() {\n    return Boolean(this.args.isLoading && !this.showUpdateButton);\n  }\n\n  /**\n   * Calls `@onRefresh` every `@refreshInterval` ms while not `@isPaused`.\n   * A returned promise delays the next call until it settles; a rejected\n   * one stops the refreshing.\n   */\n  autoRefresh = modifier(\n    (\n      _element: Element,\n      [onRefresh, isPaused, refreshInterval]: [\n        EuiSuperDatePickerArgs['onRefresh'],\n        boolean,\n        number\n      ]\n    ) => {\n      if (!onRefresh || isPaused || !(refreshInterval > 0)) return;\n\n      let stopped = false;\n      let timer: ReturnType<typeof setTimeout>;\n\n      const tick = async () => {\n        try {\n          await onRefresh({ start: this.start, end: this.end, refreshInterval });\n        } catch {\n          stopped = true;\n        }\n\n        if (!stopped) timer = setTimeout(() => void tick(), refreshInterval);\n      };\n\n      timer = setTimeout(() => void tick(), refreshInterval);\n\n      return () => {\n        stopped = true;\n        clearTimeout(timer);\n      };\n    }\n  );\n\n  <template>\n    <div\n      class={{this.classes}}\n      {{this.autoRefresh @onRefresh this.isPaused this.refreshInterval}}\n      ...attributes\n    >\n      {{#if this.showAutoRefreshOnly}}\n        <EuiAutoRefresh\n          @isPaused={{this.isPaused}}\n          @refreshInterval={{this.refreshInterval}}\n          @minInterval={{@refreshMinInterval}}\n          @intervalUnits={{@refreshIntervalUnits}}\n          @onRefreshChange={{this.onAutoRefreshChange}}\n          @fullWidth={{eq this.resolvedWidth \"full\"}}\n          @compressed={{@compressed}}\n          @isDisabled={{this.isDisabled}}\n        />\n      {{else}}\n        {{#let\n          (component\n            EuiQuickSelectPopover\n            start=this.start\n            end=this.end\n            applyTime=this.applyQuickTime\n            timeOptions=this.timeOptions\n            isDisabled=this.isDisabled\n            compressed=@compressed\n            commonlyUsedRanges=this.commonlyUsedRanges\n            recentlyUsedRanges=@recentlyUsedRanges\n            dateFormat=this.dateFormat\n            onRefreshChange=@onRefreshChange\n            isPaused=this.isPaused\n            refreshInterval=this.refreshInterval\n            refreshMinInterval=@refreshMinInterval\n            intervalUnits=@refreshIntervalUnits\n            customQuickSelectPanels=@customQuickSelectPanels\n            hasCustomQuickSelectRender=(has-block \"customQuickSelectRender\")\n            buttonProps=@quickSelectButtonProps\n          )\n          (component\n            EuiAutoRefreshButton\n            refreshInterval=this.refreshInterval\n            minInterval=@refreshMinInterval\n            intervalUnits=@refreshIntervalUnits\n            isDisabled=this.isDisabled\n            isPaused=this.isPaused\n            onRefreshChange=this.onAutoRefreshChange\n            shortHand=true\n          )\n          as |QuickSelect AutoRefreshButton|\n        }}\n          {{#if this.showPrettyDurationButton}}\n            <EuiFormControlLayout\n              @compressed={{@compressed}}\n              @isInvalid={{this.isInvalid}}\n              @isLoading={{this.isLayoutLoading}}\n              @isDisabled={{this.isDisabled}}\n              @fullWidth={{true}}\n              @css={{this.layoutCss}}\n              @isAppendProvided={{this.showAutoRefreshAppend}}\n            >\n              <:prepend>\n                <QuickSelect>\n                  <:customQuickSelectRender as |panels|>\n                    {{yield panels to=\"customQuickSelectRender\"}}\n                  </:customQuickSelectRender>\n                </QuickSelect>\n              </:prepend>\n              <:field>\n                {{#unless @isQuickSelectOnly}}\n                  <EuiToolTip\n                    @css={{this.prettyDurationTooltipCss}}\n                    @content={{this.formattedFullRange}}\n                    @display=\"block\"\n                    @offset={{this.prettyDurationTooltipOffset}}\n                  >\n                    <EuiFormControlButton\n                      class=\"euiSuperDatePicker__prettyFormat\n                        {{if\n                          this.isDisabled\n                          'euiSuperDatePicker__prettyFormat--disabled'\n                        }}\"\n                      @compressed={{@compressed}}\n                      @isDisabled={{this.isDisabled}}\n                      data-test-subj=\"superDatePickerShowDatesButton\"\n                      {{on \"click\" this.hidePrettyDuration}}\n                      {{on \"focus\" this.onPrettyDurationFocus}}\n                    >\n                      {{#if this.disabledDisplay}}\n                        {{#if this.disabledDisplayText}}\n                          {{this.disabledDisplayText}}\n                        {{else}}\n                          {{#let this.disabledDisplay as |Display|}}\n                            {{! @glint-expect-error: a string is handled above }}\n                            <Display />\n                          {{/let}}\n                        {{/if}}\n                      {{else}}\n                        <span\n                          class={{this.prettyDurationTextClass}}\n                        >{{this.prettyDurationText}}</span>\n                      {{/if}}\n                    </EuiFormControlButton>\n                  </EuiToolTip>\n                {{/unless}}\n              </:field>\n              <:append>\n                <AutoRefreshButton />\n              </:append>\n            </EuiFormControlLayout>\n          {{else}}\n            <EuiDatePickerRange\n              @css={{this.rangeCss}}\n              @fullWidth={{true}}\n              @compressed={{@compressed}}\n              @isInvalid={{this.isInvalid}}\n              @isLoading={{this.isLayoutLoading}}\n              @disabled={{this.isDisabled}}\n              @delimiter={{if @isQuickSelectOnly \"\"}}\n              @icon={{if this.hasChangedIcon \"checkCircle\"}}\n              @iconSide={{if this.hasChangedIcon \"right\"}}\n              @isAppendProvided={{this.showAutoRefreshAppend}}\n            >\n              <:prepend>\n                <QuickSelect>\n                  <:customQuickSelectRender as |panels|>\n                    {{yield panels to=\"customQuickSelectRender\"}}\n                  </:customQuickSelectRender>\n                </QuickSelect>\n              </:prepend>\n\n              <:startDateControl>\n                {{#unless @isQuickSelectOnly}}\n                  <EuiDatePopoverButton\n                    @className=\"euiSuperDatePicker__startPopoverButton\"\n                    @css={{this.rangeInputCss}}\n                    @value={{this.start}}\n                    @compressed={{@compressed}}\n                    @position=\"start\"\n                    @isDisabled={{this.isDisabled}}\n                    @dateFormat={{this.dateFormat}}\n                    @timeFormat={{this.timeFormat}}\n                    @utcOffset={{@utcOffset}}\n                    @onChange={{this.setStart}}\n                    @isInvalid={{this.isInvalid}}\n                    @timeOptions={{this.timeOptions}}\n                    @needsUpdating={{this.hasChanged}}\n                    @locale={{@locale}}\n                    @minDate={{@minDate}}\n                    @maxDate={{@maxDate}}\n                    @canRoundRelativeUnits={{@canRoundRelativeUnits}}\n                    @timeZoneDisplayProps={{@timeZoneDisplayProps}}\n                    @onFocus={{@onFocus}}\n                    @isOpen={{this.isStartDatePopoverOpen}}\n                    @onPopoverToggle={{this.onStartDatePopoverToggle}}\n                    @onPopoverClose={{this.onStartDatePopoverClose}}\n                  />\n                {{/unless}}\n              </:startDateControl>\n\n              <:endDateControl>\n                {{#unless @isQuickSelectOnly}}\n                  <EuiDatePopoverButton\n                    @className=\"euiSuperDatePicker__endPopoverButton\"\n                    @css={{this.rangeInputCss}}\n                    @value={{this.end}}\n                    @compressed={{@compressed}}\n                    @position=\"end\"\n                    @isDisabled={{this.isDisabled}}\n                    @dateFormat={{this.dateFormat}}\n                    @timeFormat={{this.timeFormat}}\n                    @utcOffset={{@utcOffset}}\n                    @onChange={{this.setEnd}}\n                    @isInvalid={{this.isInvalid}}\n                    @timeOptions={{this.timeOptions}}\n                    @roundUp={{true}}\n                    @needsUpdating={{this.hasChanged}}\n                    @locale={{@locale}}\n                    @minDate={{@minDate}}\n                    @maxDate={{@maxDate}}\n                    @canRoundRelativeUnits={{@canRoundRelativeUnits}}\n                    @timeZoneDisplayProps={{@timeZoneDisplayProps}}\n                    @onFocus={{@onFocus}}\n                    @isOpen={{this.isEndDatePopoverOpen}}\n                    @onPopoverToggle={{this.onEndDatePopoverToggle}}\n                    @onPopoverClose={{this.onEndDatePopoverClose}}\n                  />\n                {{/unless}}\n              </:endDateControl>\n\n              <:append>\n                <AutoRefreshButton />\n              </:append>\n            </EuiDatePickerRange>\n          {{/if}}\n        {{/let}}\n\n        {{#if this.timeWindowConfig}}\n          <EuiTimeWindowButtons\n            @applyTime={{this.applyQuickTime}}\n            @start={{this.appliedStart}}\n            @end={{this.appliedEnd}}\n            @compressed={{@compressed}}\n            @isDisabled={{or this.isDisabled this.isInvalid}}\n            @showZoomOut={{this.timeWindowConfig.showZoomOut}}\n            @showZoomIn={{this.timeWindowConfig.showZoomIn}}\n            @showShiftArrows={{this.timeWindowConfig.showShiftArrows}}\n            @zoomFactor={{this.timeWindowConfig.zoomFactor}}\n          />\n        {{/if}}\n\n        {{#if this.showUpdateButton}}\n          <EuiSuperUpdateButton\n            @size={{this.updateButtonSize}}\n            @onClick={{this.handleClickUpdateButton}}\n            @isLoading={{@isLoading}}\n            @isDisabled={{or this.isDisabled this.isInvalid}}\n            @needsUpdate={{this.hasChanged}}\n            @showTooltip={{this.updateButtonShowTooltip}}\n            @fill={{this.updateButtonProps.fill}}\n            @iconOnly={{this.updateButtonIconOnly}}\n            @color={{this.updateButtonProps.color}}\n            @iconType={{this.updateButtonProps.iconType}}\n            @label={{this.updateButtonProps.children}}\n            @minWidth={{this.updateButtonProps.minWidth}}\n            @className={{this.updateButtonProps.className}}\n            @toolTipProps={{this.updateButtonProps.toolTipProps}}\n            @responsive={{this.updateButtonProps.responsive}}\n            @element={{this.updateButtonProps.element}}\n            @fullWidth={{this.updateButtonProps.fullWidth}}\n            @hasAriaDisabled={{this.updateButtonProps.hasAriaDisabled}}\n            @iconSide={{this.updateButtonProps.iconSide}}\n            @iconSize={{this.updateButtonProps.iconSize}}\n            @isSelected={{this.updateButtonProps.isSelected}}\n            data-test-subj={{this.updateButtonTestSubj}}\n          />\n        {{/if}}\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["EuiSuperDatePicker","Component","g","prototype","argOrDefaultDecorator","i","service","tracked","currentDraft","draft","forStart","args","start","forEnd","end","undefined","appliedStart","appliedEnd","isInvalid","isRangeInvalid","minDate","maxDate","hasChanged","isDisabled","Boolean","disabledDisplay","display","disabledDisplayText","commonlyUsedRanges","timeOptions","commonDurationRanges","showPrettyDurationState","showPrettyDuration","override","prettyDurationOverride","show","setPrettyDuration","showPrettyDurationButton","isStartDatePopoverOpen","isEndDatePopoverOpen","prettyDurationText","prettyDuration","euiI18n","timeFrom","timeTo","quickRanges","dateFormat","formattedFullRange","startMoment","dateMath","parse","endMoment","roundUp","format","prettyDurationTooltipOffset","context","upstream","euiTheme","base","prettyDurationTextClass","euiClass","euiTextTruncate","n","cached","hidePrettyDuration","action","onPrettyDurationFocus","event","onFocus","onStartDatePopoverToggle","onStartDatePopoverClose","onEndDatePopoverToggle","onEndDatePopoverClose","showAutoRefreshAppend","isPaused","hasChangedIcon","updateButtonShowTooltip","updateButtonProps","showTooltip","setDraft","useI18nTimeOptions","setTime","showUpdateButton","onTimeChange","isQuickSelection","applyTime","applyQuickTime","setStart","setEnd","handleClickUpdateButton","onRefresh","refreshInterval","getEuiThemeContext","timeWindowConfig","showTimeWindowButtons","isAutoRefreshOnly","showAutoRefreshOnly","onRefreshChange","updateButtonIconOnly","iconOnly","updateButtonSize","size","compressed","updateButtonTestSubj","onAutoRefreshChange","change","intervalUnits","resolvedWidth","isQuickSelectOnly","width","styles","useEuiBorealisStyles","euiSuperDatePickerStyles","classes","needsUpdating","boxSizing","euiSuperDatePicker","widths","noUpdateButton","filter","join","layoutCss","states","state","disabled","invalid","default","euiSuperDatePicker__formControlLayout","rangeCss","euiSuperDatePicker__range","prettyDurationTooltipCss","euiSuperDatePicker__prettyDurationTooltip","rangeInputCss","euiSuperDatePicker__rangeInput","isLayoutLoading","isLoading","autoRefresh","modifier","_element","stopped","timer","tick","setTimeout","clearTimeout","setComponentTemplate","precompileTemplate","strictMode","scope","EuiAutoRefresh","eq","EuiQuickSelectPopover","EuiAutoRefreshButton","EuiFormControlLayout","EuiToolTip","EuiFormControlButton","on","EuiDatePickerRange","EuiDatePopoverButton","EuiTimeWindowButtons","or","EuiSuperUpdateButton"],"mappings":"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"}
+{"version":3,"file":"eui-super-date-picker.js","sources":["../../src/components/eui-super-date-picker.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport dateMath from '@elastic/datemath';\nimport { modifier } from 'ember-modifier';\nimport { eq, or } from 'ember-truth-helpers';\n\nimport { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiSuperDatePickerStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiDatePopoverButton from './eui-super-date-picker/date-popover/eui-date-popover-button.gts';\nimport EuiDatePickerRange from './eui-super-date-picker/eui-date-picker-range.gts';\nimport EuiQuickSelectPopover from './eui-super-date-picker/eui-quick-select-popover.gts';\nimport EuiSuperUpdateButton from './eui-super-date-picker/eui-super-update-button.gts';\nimport EuiTimeWindowButtons from './eui-super-date-picker/eui-time-window-buttons.gts';\nimport EuiAutoRefresh from './eui-auto-refresh.gts';\nimport EuiAutoRefreshButton from './eui-auto-refresh-button.gts';\nimport EuiFormControlButton from './eui-form-control-button.gts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\nimport { isRangeInvalid } from './eui-super-date-picker/utils/index.ts';\nimport {\n  prettyDuration,\n  showPrettyDuration\n} from './eui-super-date-picker/utils/pretty-duration.ts';\nimport { useI18nTimeOptions } from './eui-super-date-picker/utils/time-options.ts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiTimeZoneDisplayProps } from './eui-super-date-picker/date-popover/eui-time-zone-display.gts';\nimport type {\n  CustomQuickSelectRenderOptions,\n  EuiQuickSelectButtonProps\n} from './eui-super-date-picker/eui-quick-select-popover.gts';\nimport type { EuiSuperUpdateButtonProps } from './eui-super-date-picker/eui-super-update-button.gts';\nimport type { EuiTimeWindowButtonsConfig } from './eui-super-date-picker/eui-time-window-buttons.gts';\nimport type {\n  ApplyRefreshInterval,\n  ApplyTime,\n  DurationRange,\n  Milliseconds,\n  QuickSelectPanel,\n  RefreshUnitsOptions,\n  ShortDate\n} from './eui-super-date-picker/types/global';\nimport type { ComponentLike } from '@glint/template';\nimport type { LocaleSpecifier, Moment } from 'moment';\n\nexport type {\n  ApplyRefreshInterval,\n  ApplyTime,\n  CustomQuickSelectRenderOptions,\n  DurationRange,\n  EuiQuickSelectButtonProps,\n  EuiSuperUpdateButtonProps,\n  EuiTimeWindowButtonsConfig,\n  EuiTimeZoneDisplayProps,\n  Milliseconds,\n  QuickSelectPanel,\n  RefreshUnitsOptions,\n  ShortDate\n};\n\n/**\n * EuiSuperDatePicker picks a time range (absolute dates, relative like\n * \"last 15 minutes\", or \"now\") with a quick select popover and optional\n * auto refresh, as in Kibana. `@onTimeChange` receives date math strings.\n */\nexport interface EuiSuperDatePickerArgs {\n  /**\n   * Ranges listed as \"Commonly used\" in the quick select popover:\n   * `[{ start: 'now/d', end: 'now/d', label: 'Today' }, …]`. Defaults to\n   * EUI's list (Today, This week, Last 15 minutes, …).\n   */\n  commonlyUsedRanges?: DurationRange[];\n  /**\n   * Extra panels at the end of the quick select popover:\n   * `[{ title: 'My panel', content: MyPanel }]`. `content` is a component,\n   * rendered with `@applyTime`; call it with `{ start, end }` to apply a\n   * range (as a quick selection) and close the popover.\n   */\n  customQuickSelectPanels?: QuickSelectPanel[];\n  /**\n   * moment format for absolute dates. Defaults to\n   * `'MMM D, YYYY @ HH:mm:ss.SSS'`.\n   */\n  dateFormat?: string;\n  /**\n   * Set isAutoRefreshOnly to true to limit the component to only display\n   * auto refresh content. Defaults to `false`.\n   */\n  isAutoRefreshOnly?: boolean;\n  /**\n   * Disables the picker. Defaults to `false`. Pass `{ display }` to also\n   * replace the dates with your own content, e.g. `{ display: 'All time' }`\n   * (a string or a component), in a disabled button.\n   */\n  isDisabled?: boolean | { display: string | ComponentLike };\n  /**\n   * Shows a commonly used or relative range (\"Last 15 minutes\") as one\n   * summary button until it is clicked. Upstream always does this; in Ember\n   * EUI it is opt-in. Defaults to `false`.\n   */\n  showPrettyDuration?: boolean;\n  /** Shows the update button's loading state, e.g. while data refreshes. */\n  isLoading?: boolean;\n  /**\n   * Whether auto refresh is paused (with `@onRefreshChange`).\n   * Defaults to `true`.\n   */\n  isPaused?: boolean;\n  /**\n   * Sets the overall width by adding sensible min and max widths.\n   * - `auto`: fits width to internal content / time string.\n   * - `restricted`: static width that fits the longest possible time string\n   *   (600px with the update button, 480px without).\n   * - `full`: expands to 100% of the container.\n   * Defaults to `'restricted'`. `@isQuickSelectOnly` forces `'auto'`.\n   */\n  width?: 'restricted' | 'full' | 'auto';\n  /**\n   * Reduces overall height to compressed form size\n   */\n  compressed?: boolean;\n  /**\n   * Used to localize e.g. month names, passed to `moment`\n   */\n  locale?: LocaleSpecifier;\n  /**\n   * Called every `@refreshInterval` ms while not `@isPaused` (and by the\n   * update button when the range has not changed), with `{ start, end,\n   * refreshInterval }`. If it returns a promise, the next call waits for\n   * it; if the promise rejects, refreshing stops.\n   */\n  onRefresh?: (props: {\n    start: string;\n    end: string;\n    refreshInterval: number;\n  }) => void | Promise<unknown>;\n  /**\n   * Adds the \"Refresh every\" section to the quick select popover; called\n   * with `{ refreshInterval, isPaused }` when the user changes them.\n   */\n  onRefreshChange?: ApplyRefreshInterval;\n  /**\n   * Callback for when the time changes.\n   */\n  onTimeChange: (props: {\n    start: string;\n    end: string;\n    isQuickSelection: boolean;\n    isInvalid: boolean;\n  }) => void;\n  /**\n   * Ranges listed as \"Recently used\" in the quick select popover (their\n   * `label`, or \"start → end\").\n   */\n  recentlyUsedRanges?: DurationRange[];\n  /**\n   * Refresh interval in milliseconds. Defaults to `1000`.\n   */\n  refreshInterval?: Milliseconds;\n  /**\n   * Minimum refresh interval in milliseconds: the refresh interval fields\n   * don't go below it. Defaults to `0`.\n   */\n  refreshMinInterval?: Milliseconds;\n  /**\n   * The refresh interval's unit (`'s'`, `'m'` or `'h'`). By default it is\n   * rounded up to the largest unit that fits (90 seconds become 2 minutes).\n   * To keep the user's unit, store the `intervalUnits` `@onRefreshChange`\n   * receives and pass it back here.\n   */\n  refreshIntervalUnits?: RefreshUnitsOptions;\n  /**\n   * Start of the range, as date math (`'now-15m'`, `'now/d'`) or an ISO\n   * date. Defaults to `'now-15m'`.\n   */\n  start?: ShortDate;\n  /** End of the range, like `@start`. Defaults to `'now'`. */\n  end?: ShortDate;\n  /**\n   * Earliest selectable date (a moment): earlier days are disabled in the\n   * calendar and a start before it makes the range invalid.\n   */\n  minDate?: Moment;\n  /**\n   * Latest selectable date (a moment): later days are disabled in the\n   * calendar and an end after it makes the range invalid.\n   */\n  maxDate?: Moment;\n  /**\n   * moment format for times in the date picker. Defaults to `'HH:mm'`.\n   */\n  timeFormat?: string;\n  /** UTC offset in minutes for absolute dates, e.g. `-300`. */\n  utcOffset?: number;\n  /**\n   * Set showUpdateButton to false to immediately invoke onTimeChange for\n   * all start and end changes; `'iconOnly'` shows a compact button.\n   * Defaults to `true`.\n   */\n  showUpdateButton?: boolean | 'iconOnly';\n  /**\n   * Hides the actual input reducing to just the quick select button.\n   */\n  isQuickSelectOnly?: boolean;\n  /**\n   * Arguments for the update button: `{ fill, color, size, iconType,\n   * iconOnly, className, children, minWidth, showTooltip, toolTipProps,\n   * responsive, 'data-test-subj' }` (`children` is a custom label;\n   * `responsive` lists the screen sizes where it collapses to its icon,\n   * `['xs', 's']` by default, or `false`). They win over the picker's own,\n   * e.g. `{ fill: false }`.\n   */\n  updateButtonProps?: EuiSuperUpdateButtonProps;\n  /**\n   * Props for the quick select button, spread over its defaults:\n   * `{ 'aria-label', 'data-test-subj', onClick, onMouseDown, label,\n   * iconLeft, iconRight, className, … }`. `on*` functions become event\n   * listeners (`onClick` runs after the popover toggles); other unknown\n   * keys are set as attributes.\n   */\n  quickSelectButtonProps?: EuiQuickSelectButtonProps;\n  /**\n   * Shows a button group next to the control to shift the time window back\n   * and forward and to zoom it out. `true`, or a configuration\n   * `{ showZoomOut, showZoomIn, showShiftArrows, zoomFactor }` (zoom in is\n   * off by default; `zoomFactor` defaults to `0.5`, also as `'50%'`).\n   */\n  showTimeWindowButtons?: boolean | EuiTimeWindowButtonsConfig;\n  /**\n   * Shows time zone information in the start/end popovers:\n   * `{ timeZone: 'America/Los_Angeles' }` (any IANA name, `'Browser'` or\n   * `'UTC'`), plus an optional reference `date` and a `customRender`\n   * component (`@nameDisplay`, `@utcOffset`, `@timeZoneName`).\n   * Informational only: dates are not converted.\n   */\n  timeZoneDisplayProps?: EuiTimeZoneDisplayProps;\n  /**\n   * By default relative values are rounded to the largest unit that fits\n   * (90 minutes show as \"~ 2 hours ago\"). `false` keeps the user's units.\n   * Defaults to `true`.\n   */\n  canRoundRelativeUnits?: boolean;\n  /** Called when the start or end date button gets focus. */\n  onFocus?: (event: FocusEvent) => void;\n}\n\nexport interface EuiSuperDatePickerSignature {\n  Element: HTMLDivElement;\n  Args: EuiSuperDatePickerArgs;\n  Blocks: {\n    /**\n     * Replaces the quick select popover's content (upstream\n     * `customQuickSelectRender`). Yields the default panels as components\n     * (`quickSelect`, `commonlyUsedRanges`, `recentlyUsedRanges`,\n     * `refreshInterval`, `customQuickSelectPanels`) to re-order, omit or\n     * mix with your own content.\n     */\n    customQuickSelectRender: [CustomQuickSelectRenderOptions];\n  };\n}\n\nexport default class EuiSuperDatePicker extends Component<EuiSuperDatePickerSignature> {\n  @argOrDefaultDecorator('MMM D, YYYY @ HH:mm:ss.SSS') dateFormat!: string;\n  @argOrDefaultDecorator('HH:mm') timeFormat!: string;\n  // @argOrDefaultDecorator('now-15m') start!: ShortDate;\n  // @argOrDefaultDecorator('now') end!: ShortDate;\n  @argOrDefaultDecorator(false) isAutoRefreshOnly!: boolean;\n  @argOrDefaultDecorator(true) isPaused!: boolean;\n  @argOrDefaultDecorator(true) showUpdateButton!: boolean | 'iconOnly';\n  @argOrDefaultDecorator('restricted') width!: string;\n  // recentlyUsedRanges: [],\n  @argOrDefaultDecorator(1000) refreshInterval!: Milliseconds;\n\n  @service declare euiI18n: EuiI18n;\n\n  /** Whether the start / end date popovers are open (upstream state). */\n  @tracked isStartDatePopoverOpen = false;\n  @tracked isEndDatePopoverOpen = false;\n\n  /**\n   * Upstream `showPrettyDuration` state, set for the @start/@end it was\n   * set for (like the draft below): new arguments recompute it.\n   */\n  @tracked private prettyDurationOverride?: {\n    show: boolean;\n    forStart: ShortDate | undefined;\n    forEnd: ShortDate | undefined;\n  };\n\n  /**\n   * The range the user is editing, before it is applied with the update\n   * button. It remembers the @start/@end it was based on: when the parent\n   * passes a different range, the draft no longer applies and the picker\n   * shows the new arguments (like EUI React's getDerivedStateFromProps).\n   */\n  @tracked private draft?: {\n    start: ShortDate;\n    end: ShortDate;\n    hasChanged: boolean;\n    forStart: ShortDate | undefined;\n    forEnd: ShortDate | undefined;\n  };\n\n  private get currentDraft() {\n    const { draft } = this;\n\n    return draft &&\n      draft.forStart === this.args.start &&\n      draft.forEnd === this.args.end\n      ? draft\n      : undefined;\n  }\n\n  /** The applied range (upstream's props, not the draft). */\n  get appliedStart(): ShortDate {\n    return this.args.start ?? 'now-15m';\n  }\n\n  get appliedEnd(): ShortDate {\n    return this.args.end ?? 'now';\n  }\n\n  get start(): ShortDate {\n    return this.currentDraft?.start ?? this.args.start ?? 'now-15m';\n  }\n\n  get end(): ShortDate {\n    return this.currentDraft?.end ?? this.args.end ?? 'now';\n  }\n\n  get isInvalid(): boolean {\n    return isRangeInvalid(\n      this.start,\n      this.end,\n      this.args.minDate,\n      this.args.maxDate\n    );\n  }\n\n  get hasChanged(): boolean {\n    return this.currentDraft?.hasChanged ?? false;\n  }\n\n  get isDisabled(): boolean {\n    return Boolean(this.args.isDisabled);\n  }\n\n  /** Upstream `isDisabled.display`. */\n  get disabledDisplay(): string | ComponentLike | undefined {\n    const { isDisabled } = this.args;\n    return typeof isDisabled === 'object' && isDisabled !== null\n      ? isDisabled.display || undefined\n      : undefined;\n  }\n\n  get disabledDisplayText(): string | undefined {\n    const display = this.disabledDisplay;\n    return typeof display === 'string' ? display : undefined;\n  }\n\n  get commonlyUsedRanges(): DurationRange[] {\n    return (\n      this.args.commonlyUsedRanges ?? this.timeOptions.commonDurationRanges\n    );\n  }\n\n  /**\n   * Upstream: a commonly used range or a range relative to now (\"Last 15\n   * minutes\") shows as one pretty duration button until it is clicked.\n   */\n  get showPrettyDurationState(): boolean {\n    // Ember EUI: opt-in (upstream always shows it)\n    if (!this.args.showPrettyDuration) return false;\n\n    const override = this.prettyDurationOverride;\n\n    if (\n      override &&\n      override.forStart === this.args.start &&\n      override.forEnd === this.args.end\n    ) {\n      return override.show;\n    }\n\n    return showPrettyDuration(\n      this.appliedStart,\n      this.appliedEnd,\n      this.commonlyUsedRanges\n    );\n  }\n\n  private setPrettyDuration(show: boolean) {\n    this.prettyDurationOverride = {\n      show,\n      forStart: this.args.start,\n      forEnd: this.args.end\n    };\n  }\n\n  /** The pretty duration (or `isDisabled.display`) button replaces the range. */\n  get showPrettyDurationButton(): boolean {\n    return Boolean(\n      this.disabledDisplay ||\n        (this.showPrettyDurationState &&\n          !this.isStartDatePopoverOpen &&\n          !this.isEndDatePopoverOpen)\n    );\n  }\n\n  get prettyDurationText(): string {\n    return prettyDuration(this.euiI18n, {\n      timeFrom: this.start,\n      timeTo: this.end,\n      quickRanges: this.commonlyUsedRanges,\n      dateFormat: this.dateFormat\n    });\n  }\n\n  /** The pretty duration button's tooltip: the full range (upstream). */\n  get formattedFullRange(): string {\n    if (this.isInvalid) return '';\n\n    const startMoment = dateMath.parse(this.start);\n    const endMoment = dateMath.parse(this.end, { roundUp: true });\n\n    return `${startMoment?.format(this.dateFormat)} – ${endMoment?.format(\n      this.dateFormat\n    )}`;\n  }\n\n  /** Upstream `offset={euiTheme.base * 0.5}`. */\n  get prettyDurationTooltipOffset(): number {\n    return this.context.upstream.euiTheme.base * 0.5;\n  }\n\n  @cached\n  get prettyDurationTextClass(): string {\n    return euiClass(this.context, euiTextTruncate());\n  }\n\n  /** Upstream `hidePrettyDuration`: show the range with the start popover open. */\n  @action\n  hidePrettyDuration() {\n    this.setPrettyDuration(false);\n    this.isStartDatePopoverOpen = true;\n  }\n\n  @action\n  onPrettyDurationFocus(event: FocusEvent) {\n    this.args.onFocus?.(event);\n  }\n\n  @action\n  onStartDatePopoverToggle() {\n    this.isStartDatePopoverOpen = !this.isStartDatePopoverOpen;\n  }\n\n  @action\n  onStartDatePopoverClose() {\n    this.isStartDatePopoverOpen = false;\n  }\n\n  @action\n  onEndDatePopoverToggle() {\n    this.isEndDatePopoverOpen = !this.isEndDatePopoverOpen;\n  }\n\n  @action\n  onEndDatePopoverClose() {\n    this.isEndDatePopoverOpen = false;\n  }\n\n  /** Upstream shows the auto refresh button in the field while refreshing. */\n  get showAutoRefreshAppend(): boolean {\n    return !this.isPaused;\n  }\n\n  /** Upstream: the `checkCircle` icon on the right while an update is pending. */\n  get hasChangedIcon(): boolean {\n    return this.hasChanged && !this.isInvalid;\n  }\n\n  /** Upstream spreads `updateButtonProps.showTooltip` over its own. */\n  get updateButtonShowTooltip(): boolean {\n    return (\n      this.updateButtonProps.showTooltip ??\n      (!this.isStartDatePopoverOpen && !this.isEndDatePopoverOpen)\n    );\n  }\n\n  private setDraft(start: ShortDate, end: ShortDate, hasChanged: boolean) {\n    this.draft = {\n      start,\n      end,\n      hasChanged,\n      forStart: this.args.start,\n      forEnd: this.args.end\n    };\n  }\n\n  get timeOptions() {\n    return useI18nTimeOptions(this.euiI18n);\n  }\n\n  setTime({ start, end }: DurationRange) {\n    this.setDraft(\n      start,\n      end,\n      !(this.appliedStart === start && this.appliedEnd === end)\n    );\n\n    if (!this.showUpdateButton) {\n      this.args.onTimeChange({\n        start,\n        end,\n        isQuickSelection: false,\n        isInvalid: isRangeInvalid(\n          start,\n          end,\n          this.args.minDate,\n          this.args.maxDate\n        )\n      });\n    }\n  }\n\n  applyTime() {\n    this.args.onTimeChange({\n      start: this.start,\n      end: this.end,\n      isQuickSelection: false,\n      isInvalid: false\n    });\n  }\n\n  @action\n  applyQuickTime({ start, end }: DurationRange) {\n    this.setDraft(start, end, false);\n    this.setPrettyDuration(\n      showPrettyDuration(start, end, this.commonlyUsedRanges)\n    );\n\n    this.args.onTimeChange({\n      start,\n      end,\n      isQuickSelection: true,\n      isInvalid: false\n    });\n  }\n\n  @action\n  setStart(start: ShortDate) {\n    this.setTime({ start, end: this.end });\n  }\n\n  @action\n  setEnd(end: ShortDate) {\n    this.setTime({ start: this.start, end });\n  }\n\n  @action\n  handleClickUpdateButton() {\n    if (!this.hasChanged && this.args.onRefresh) {\n      void this.args.onRefresh({\n        start: this.start,\n        end: this.end,\n        refreshInterval: this.refreshInterval\n      });\n    } else {\n      this.applyTime();\n    }\n\n    if (this.currentDraft) {\n      this.draft = { ...this.currentDraft, hasChanged: false };\n    }\n  }\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  /** Upstream `renderTimeWindowButtons`: not with `@isAutoRefreshOnly`. */\n  get timeWindowConfig(): EuiTimeWindowButtonsConfig | undefined {\n    const { showTimeWindowButtons } = this.args;\n    if (!showTimeWindowButtons || this.isAutoRefreshOnly) return undefined;\n    return typeof showTimeWindowButtons === 'boolean'\n      ? {}\n      : showTimeWindowButtons;\n  }\n\n  /** Upstream renders `EuiAutoRefresh` instead of the range. */\n  get showAutoRefreshOnly() {\n    return Boolean(this.isAutoRefreshOnly && this.args.onRefreshChange);\n  }\n\n  /** Upstream spreads `updateButtonProps` last over its own props. */\n  get updateButtonProps(): EuiSuperUpdateButtonProps {\n    return this.args.updateButtonProps ?? {};\n  }\n\n  get updateButtonIconOnly() {\n    return (\n      this.updateButtonProps.iconOnly ?? this.showUpdateButton === 'iconOnly'\n    );\n  }\n\n  get updateButtonSize() {\n    return this.updateButtonProps.size ?? (this.args.compressed ? 's' : 'm');\n  }\n\n  get updateButtonTestSubj() {\n    return (\n      this.updateButtonProps['data-test-subj'] ??\n      'superDatePickerApplyTimeButton'\n    );\n  }\n\n  /** EuiAutoRefresh reports the picked units too (upstream). */\n  onAutoRefreshChange = (change: {\n    refreshInterval: number;\n    isPaused: boolean;\n    intervalUnits: RefreshUnitsOptions;\n  }) => {\n    const { refreshInterval, isPaused, intervalUnits } = change;\n    this.args.onRefreshChange?.({ refreshInterval, isPaused, intervalUnits });\n  };\n\n  /** Upstream forces `auto` width when only the quick select shows. */\n  get resolvedWidth(): 'restricted' | 'full' | 'auto' {\n    if (this.args.isQuickSelectOnly) return 'auto';\n    const width = this.width;\n    return width === 'full' || width === 'auto' ? width : 'restricted';\n  }\n\n  @cached\n  get styles() {\n    return useEuiBorealisStyles(this.context, euiSuperDatePickerStyles);\n  }\n\n  /** Root: flex row with the gap, the width and the special cases. */\n  @cached\n  get classes() {\n    const styles = this.styles;\n    const width = this.resolvedWidth;\n    const needsUpdating =\n      this.hasChanged && !this.isDisabled && !this.isInvalid;\n    return [\n      'euiSuperDatePicker',\n      needsUpdating && 'euiSuperDatePicker--needsUpdating',\n      euiClass(\n        this.context,\n        { boxSizing: 'border-box' },\n        styles.euiSuperDatePicker,\n        styles.widths[width],\n        !this.showUpdateButton && styles.noUpdateButton[width],\n        this.isAutoRefreshOnly && styles.isAutoRefreshOnly[width],\n        this.args.isQuickSelectOnly && styles.isQuickSelectOnly\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  /**\n   * The range wrapper: grows, and carries the form state (disabled, then\n   * invalid, then needs updating, else default) for the layout inside.\n   */\n  @cached\n  get layoutCss() {\n    const { states } = this.styles;\n    const state = this.isDisabled\n      ? states.disabled\n      : this.isInvalid\n        ? states.invalid\n        : this.hasChanged\n          ? states.needsUpdating\n          : states.default;\n    return [states.euiSuperDatePicker__formControlLayout, state];\n  }\n\n  @cached\n  get rangeCss() {\n    return [this.styles.euiSuperDatePicker__range, ...this.layoutCss];\n  }\n\n  get prettyDurationTooltipCss() {\n    return this.styles.euiSuperDatePicker__prettyDurationTooltip;\n  }\n\n  /** Start/end popovers grow to share the range (upstream `rangeInput`). */\n  get rangeInputCss() {\n    return this.styles.euiSuperDatePicker__rangeInput;\n  }\n\n  /** Upstream shows the layout spinner only without the update button. */\n  get isLayoutLoading() {\n    return Boolean(this.args.isLoading && !this.showUpdateButton);\n  }\n\n  /**\n   * Calls `@onRefresh` every `@refreshInterval` ms while not `@isPaused`.\n   * A returned promise delays the next call until it settles; a rejected\n   * one stops the refreshing.\n   */\n  autoRefresh = modifier(\n    (\n      _element: Element,\n      [onRefresh, isPaused, refreshInterval]: [\n        EuiSuperDatePickerArgs['onRefresh'],\n        boolean,\n        number\n      ]\n    ) => {\n      if (!onRefresh || isPaused || !(refreshInterval > 0)) return;\n\n      let stopped = false;\n      let timer: ReturnType<typeof setTimeout>;\n\n      const tick = async () => {\n        try {\n          await onRefresh({ start: this.start, end: this.end, refreshInterval });\n        } catch {\n          stopped = true;\n        }\n\n        if (!stopped) timer = setTimeout(() => void tick(), refreshInterval);\n      };\n\n      timer = setTimeout(() => void tick(), refreshInterval);\n\n      return () => {\n        stopped = true;\n        clearTimeout(timer);\n      };\n    }\n  );\n\n  <template>\n    <div\n      class={{this.classes}}\n      {{this.autoRefresh @onRefresh this.isPaused this.refreshInterval}}\n      ...attributes\n    >\n      {{#if this.showAutoRefreshOnly}}\n        <EuiAutoRefresh\n          @isPaused={{this.isPaused}}\n          @refreshInterval={{this.refreshInterval}}\n          @minInterval={{@refreshMinInterval}}\n          @intervalUnits={{@refreshIntervalUnits}}\n          @onRefreshChange={{this.onAutoRefreshChange}}\n          @fullWidth={{eq this.resolvedWidth \"full\"}}\n          @compressed={{@compressed}}\n          @isDisabled={{this.isDisabled}}\n        />\n      {{else}}\n        {{#let\n          (component\n            EuiQuickSelectPopover\n            start=this.start\n            end=this.end\n            applyTime=this.applyQuickTime\n            timeOptions=this.timeOptions\n            isDisabled=this.isDisabled\n            compressed=@compressed\n            commonlyUsedRanges=this.commonlyUsedRanges\n            recentlyUsedRanges=@recentlyUsedRanges\n            dateFormat=this.dateFormat\n            onRefreshChange=@onRefreshChange\n            isPaused=this.isPaused\n            refreshInterval=this.refreshInterval\n            refreshMinInterval=@refreshMinInterval\n            intervalUnits=@refreshIntervalUnits\n            customQuickSelectPanels=@customQuickSelectPanels\n            hasCustomQuickSelectRender=(has-block \"customQuickSelectRender\")\n            buttonProps=@quickSelectButtonProps\n          )\n          (component\n            EuiAutoRefreshButton\n            refreshInterval=this.refreshInterval\n            minInterval=@refreshMinInterval\n            intervalUnits=@refreshIntervalUnits\n            isDisabled=this.isDisabled\n            isPaused=this.isPaused\n            onRefreshChange=this.onAutoRefreshChange\n            shortHand=true\n          )\n          as |QuickSelect AutoRefreshButton|\n        }}\n          {{#if this.showPrettyDurationButton}}\n            <EuiFormControlLayout\n              @compressed={{@compressed}}\n              @isInvalid={{this.isInvalid}}\n              @isLoading={{this.isLayoutLoading}}\n              @isDisabled={{this.isDisabled}}\n              @fullWidth={{true}}\n              @css={{this.layoutCss}}\n              @isAppendProvided={{this.showAutoRefreshAppend}}\n            >\n              <:prepend>\n                <QuickSelect>\n                  <:customQuickSelectRender as |panels|>\n                    {{yield panels to=\"customQuickSelectRender\"}}\n                  </:customQuickSelectRender>\n                </QuickSelect>\n              </:prepend>\n              <:field>\n                {{#unless @isQuickSelectOnly}}\n                  <EuiToolTip\n                    @css={{this.prettyDurationTooltipCss}}\n                    @content={{this.formattedFullRange}}\n                    @display=\"block\"\n                    @offset={{this.prettyDurationTooltipOffset}}\n                  >\n                    <EuiFormControlButton\n                      class=\"euiSuperDatePicker__prettyFormat\n                        {{if\n                          this.isDisabled\n                          'euiSuperDatePicker__prettyFormat--disabled'\n                        }}\"\n                      @compressed={{@compressed}}\n                      @isDisabled={{this.isDisabled}}\n                      data-test-subj=\"superDatePickerShowDatesButton\"\n                      {{on \"click\" this.hidePrettyDuration}}\n                      {{on \"focus\" this.onPrettyDurationFocus}}\n                    >\n                      {{#if this.disabledDisplay}}\n                        {{#if this.disabledDisplayText}}\n                          {{this.disabledDisplayText}}\n                        {{else}}\n                          {{#let this.disabledDisplay as |Display|}}\n                            {{! @glint-expect-error: a string is handled above }}\n                            <Display />\n                          {{/let}}\n                        {{/if}}\n                      {{else}}\n                        <span\n                          class={{this.prettyDurationTextClass}}\n                        >{{this.prettyDurationText}}</span>\n                      {{/if}}\n                    </EuiFormControlButton>\n                  </EuiToolTip>\n                {{/unless}}\n              </:field>\n              <:append>\n                <AutoRefreshButton />\n              </:append>\n            </EuiFormControlLayout>\n          {{else}}\n            <EuiDatePickerRange\n              @css={{this.rangeCss}}\n              @fullWidth={{true}}\n              @compressed={{@compressed}}\n              @isInvalid={{this.isInvalid}}\n              @isLoading={{this.isLayoutLoading}}\n              @disabled={{this.isDisabled}}\n              @delimiter={{if @isQuickSelectOnly \"\"}}\n              @icon={{if this.hasChangedIcon \"checkCircle\"}}\n              @iconSide={{if this.hasChangedIcon \"right\"}}\n              @isAppendProvided={{this.showAutoRefreshAppend}}\n            >\n              <:prepend>\n                <QuickSelect>\n                  <:customQuickSelectRender as |panels|>\n                    {{yield panels to=\"customQuickSelectRender\"}}\n                  </:customQuickSelectRender>\n                </QuickSelect>\n              </:prepend>\n\n              <:startDateControl>\n                {{#unless @isQuickSelectOnly}}\n                  <EuiDatePopoverButton\n                    @className=\"euiSuperDatePicker__startPopoverButton\"\n                    @css={{this.rangeInputCss}}\n                    @value={{this.start}}\n                    @compressed={{@compressed}}\n                    @position=\"start\"\n                    @isDisabled={{this.isDisabled}}\n                    @dateFormat={{this.dateFormat}}\n                    @timeFormat={{this.timeFormat}}\n                    @utcOffset={{@utcOffset}}\n                    @onChange={{this.setStart}}\n                    @isInvalid={{this.isInvalid}}\n                    @timeOptions={{this.timeOptions}}\n                    @needsUpdating={{this.hasChanged}}\n                    @locale={{@locale}}\n                    @minDate={{@minDate}}\n                    @maxDate={{@maxDate}}\n                    @canRoundRelativeUnits={{@canRoundRelativeUnits}}\n                    @timeZoneDisplayProps={{@timeZoneDisplayProps}}\n                    @onFocus={{@onFocus}}\n                    @isOpen={{this.isStartDatePopoverOpen}}\n                    @onPopoverToggle={{this.onStartDatePopoverToggle}}\n                    @onPopoverClose={{this.onStartDatePopoverClose}}\n                  />\n                {{/unless}}\n              </:startDateControl>\n\n              <:endDateControl>\n                {{#unless @isQuickSelectOnly}}\n                  <EuiDatePopoverButton\n                    @className=\"euiSuperDatePicker__endPopoverButton\"\n                    @css={{this.rangeInputCss}}\n                    @value={{this.end}}\n                    @compressed={{@compressed}}\n                    @position=\"end\"\n                    @isDisabled={{this.isDisabled}}\n                    @dateFormat={{this.dateFormat}}\n                    @timeFormat={{this.timeFormat}}\n                    @utcOffset={{@utcOffset}}\n                    @onChange={{this.setEnd}}\n                    @isInvalid={{this.isInvalid}}\n                    @timeOptions={{this.timeOptions}}\n                    @roundUp={{true}}\n                    @needsUpdating={{this.hasChanged}}\n                    @locale={{@locale}}\n                    @minDate={{@minDate}}\n                    @maxDate={{@maxDate}}\n                    @canRoundRelativeUnits={{@canRoundRelativeUnits}}\n                    @timeZoneDisplayProps={{@timeZoneDisplayProps}}\n                    @onFocus={{@onFocus}}\n                    @isOpen={{this.isEndDatePopoverOpen}}\n                    @onPopoverToggle={{this.onEndDatePopoverToggle}}\n                    @onPopoverClose={{this.onEndDatePopoverClose}}\n                  />\n                {{/unless}}\n              </:endDateControl>\n\n              <:append>\n                <AutoRefreshButton />\n              </:append>\n            </EuiDatePickerRange>\n          {{/if}}\n        {{/let}}\n\n        {{#if this.timeWindowConfig}}\n          <EuiTimeWindowButtons\n            @applyTime={{this.applyQuickTime}}\n            @start={{this.appliedStart}}\n            @end={{this.appliedEnd}}\n            @compressed={{@compressed}}\n            @isDisabled={{or this.isDisabled this.isInvalid}}\n            @showZoomOut={{this.timeWindowConfig.showZoomOut}}\n            @showZoomIn={{this.timeWindowConfig.showZoomIn}}\n            @showShiftArrows={{this.timeWindowConfig.showShiftArrows}}\n            @zoomFactor={{this.timeWindowConfig.zoomFactor}}\n          />\n        {{/if}}\n\n        {{#if this.showUpdateButton}}\n          <EuiSuperUpdateButton\n            @size={{this.updateButtonSize}}\n            @onClick={{this.handleClickUpdateButton}}\n            @isLoading={{@isLoading}}\n            @isDisabled={{or this.isDisabled this.isInvalid}}\n            @needsUpdate={{this.hasChanged}}\n            @showTooltip={{this.updateButtonShowTooltip}}\n            @fill={{this.updateButtonProps.fill}}\n            @iconOnly={{this.updateButtonIconOnly}}\n            @color={{this.updateButtonProps.color}}\n            @iconType={{this.updateButtonProps.iconType}}\n            @label={{this.updateButtonProps.children}}\n            @minWidth={{this.updateButtonProps.minWidth}}\n            @className={{this.updateButtonProps.className}}\n            @toolTipProps={{this.updateButtonProps.toolTipProps}}\n            @responsive={{this.updateButtonProps.responsive}}\n            @element={{this.updateButtonProps.element}}\n            @fullWidth={{this.updateButtonProps.fullWidth}}\n            @hasAriaDisabled={{this.updateButtonProps.hasAriaDisabled}}\n            @iconSide={{this.updateButtonProps.iconSide}}\n            @iconSize={{this.updateButtonProps.iconSize}}\n            @isSelected={{this.updateButtonProps.isSelected}}\n            data-test-subj={{this.updateButtonTestSubj}}\n          />\n        {{/if}}\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["EuiSuperDatePicker","Component","g","prototype","argOrDefaultDecorator","i","service","tracked","currentDraft","draft","forStart","args","start","forEnd","end","undefined","appliedStart","appliedEnd","isInvalid","isRangeInvalid","minDate","maxDate","hasChanged","isDisabled","Boolean","disabledDisplay","display","disabledDisplayText","commonlyUsedRanges","timeOptions","commonDurationRanges","showPrettyDurationState","showPrettyDuration","override","prettyDurationOverride","show","setPrettyDuration","showPrettyDurationButton","isStartDatePopoverOpen","isEndDatePopoverOpen","prettyDurationText","prettyDuration","euiI18n","timeFrom","timeTo","quickRanges","dateFormat","formattedFullRange","startMoment","dateMath","parse","endMoment","roundUp","format","prettyDurationTooltipOffset","context","upstream","euiTheme","base","prettyDurationTextClass","euiClass","euiTextTruncate","n","cached","hidePrettyDuration","action","onPrettyDurationFocus","event","onFocus","onStartDatePopoverToggle","onStartDatePopoverClose","onEndDatePopoverToggle","onEndDatePopoverClose","showAutoRefreshAppend","isPaused","hasChangedIcon","updateButtonShowTooltip","updateButtonProps","showTooltip","setDraft","useI18nTimeOptions","setTime","showUpdateButton","onTimeChange","isQuickSelection","applyTime","applyQuickTime","setStart","setEnd","handleClickUpdateButton","onRefresh","refreshInterval","getEuiThemeContext","timeWindowConfig","showTimeWindowButtons","isAutoRefreshOnly","showAutoRefreshOnly","onRefreshChange","updateButtonIconOnly","iconOnly","updateButtonSize","size","compressed","updateButtonTestSubj","onAutoRefreshChange","change","intervalUnits","resolvedWidth","isQuickSelectOnly","width","styles","useEuiBorealisStyles","euiSuperDatePickerStyles","classes","needsUpdating","boxSizing","euiSuperDatePicker","widths","noUpdateButton","filter","join","layoutCss","states","state","disabled","invalid","default","euiSuperDatePicker__formControlLayout","rangeCss","euiSuperDatePicker__range","prettyDurationTooltipCss","euiSuperDatePicker__prettyDurationTooltip","rangeInputCss","euiSuperDatePicker__rangeInput","isLayoutLoading","isLoading","autoRefresh","modifier","_element","stopped","timer","tick","setTimeout","clearTimeout","setComponentTemplate","precompileTemplate","strictMode","scope","EuiAutoRefresh","eq","EuiQuickSelectPopover","EuiAutoRefreshButton","EuiFormControlLayout","EuiToolTip","EuiFormControlButton","on","EuiDatePickerRange","EuiDatePopoverButton","EuiTimeWindowButtons","or","EuiSuperUpdateButton"],"mappings":"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"}

package/dist/components/eui-super-select-control.js

@@ -3,13 +3,13 @@ import { cached } from '@glimmer/tracking';
 import { modifier } from 'ember-modifier';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { buttonReset } from '../utils/eui/form-controls.js';
-import { dk as euiSuperSelectControlStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import argOrDefault from '../helpers/arg-or-default.js';
 import EuiFormControlLayout from './eui-form-control-layout.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiSuperSelectControlStyles } from '../utils/eui/styles.generated/components/form/super_select/super_select.styles.js';
 
 /**
  * Upstream labels the button with itself and the form row label

package/dist/components/eui-super-select.js

@@ -8,7 +8,6 @@ import { modifier } from 'ember-modifier';
 import argOrDefault from '../helpers/arg-or-default.js';
 import { randomId } from '../-private/random-id.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
-import { di as euiSuperSelectStyles, p as euiListItemLayoutStyles, dj as euiScrollBarStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiIcon from './eui-icon.js';
 import EuiInputPopoverComponent from './eui-input-popover.js';
@@ -17,6 +16,9 @@ import EuiSuperSelectControl from './eui-super-select-control.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiSuperSelectStyles } from '../utils/eui/styles.generated/components/form/super_select/super_select.styles.js';
+import { euiListItemLayoutStyles } from '../utils/eui/styles.generated/shared/ISD4LC5N.js';
+import { euiScrollBarStyles } from '../utils/eui/styles.generated/shared/2KP7ZYVN.js';
 
 /** Scoped button reset for the options (no React global reset). */const ITEM_RESET = {
   boxSizing: 'border-box',

package/dist/components/eui-super-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-super-select.js","sources":["../../src/components/eui-super-select.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\n\nimport { modifier } from 'ember-modifier';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport { randomId } from '../-private/random-id.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiListItemLayoutStyles,\n  euiScrollBarStyles,\n  euiSuperSelectStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInputPopover from './eui-input-popover.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\nimport EuiSuperSelectControl from './eui-super-select-control.gts';\n\nimport type { EuiInputPopoverArgs } from './eui-input-popover';\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { EuiBorealisContext } from '../utils/eui/theme.ts';\nimport type { EuiSuperSelectOption } from './eui-super-select-control';\n\nexport type { EuiSuperSelectOption };\n\n/** Scoped button reset for the options (no React global reset). */\nconst ITEM_RESET = {\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  border: 'none',\n  background: 'none',\n  font: 'inherit',\n  textAlign: 'start'\n} as const;\n\n/**\n * `@itemLayoutAlign` (Ember extension; upstream removed it): where the\n * check mark sits relative to multi-line options.\n */\nconst LAYOUT_ALIGN = {\n  center: undefined,\n  top: { alignItems: 'flex-start' },\n  bottom: { alignItems: 'flex-end' }\n} as const;\n\n/** Upstream's `eui-scrollBar` utility class (`euiScrollBarStyles` defaults). */\nconst listboxScrollBar = (context: EuiBorealisContext): string =>\n  (euiScrollBarStyles as (c: EuiBorealisContext) => string)(context);\n\n/** `@hasDividers` (Ember extension; upstream removed it). */\nconst dividerStyles = (context: EuiBorealisContext) =>\n  `&:not(:last-child){border-block-end:${context.euiTheme.border.thin};};label:hasDividers;`;\n\n/**\n * A select whose options can show more than text: a title with a\n * description, an icon, a color. Pick it over `EuiSelect` when options\n * need that; for plain text options `EuiSelect` is simpler and native.\n */\nexport interface EuiSuperSelectSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /**\n     * The options: `{ value, inputDisplay, dropdownDisplay, disabled }`.\n     * Use the `<:inputDisplay>` / `<:dropdownDisplay>` blocks for markup.\n     */\n    options: EuiSuperSelectOption<any>[];\n    /** Value of the selected option. */\n    valueOfSelected?: unknown;\n    /** Shown in the control while no option is selected. */\n    placeholder?: string;\n    /** Called with the chosen option's value. */\n    onChange?: (value: any) => void;\n    /** Opens the list (e.g. on first render). */\n    isOpen?: boolean;\n    /** Invalid look and the warning icon. */\n    isInvalid?: boolean;\n    /** Shows a spinner. */\n    isLoading?: boolean;\n    /** Disables the control. */\n    disabled?: boolean;\n    /** Read-only: shows the value, the list cannot be opened. */\n    readOnly?: boolean;\n    /**\n     * Lines between the options, for options with several lines. Ember\n     * extension: latest EUI removed it.\n     */\n    hasDividers?: boolean;\n    /** Takes the container's full width. */\n    fullWidth?: boolean;\n    /** Smaller, for dense forms. */\n    compressed?: boolean;\n    /**\n     * @deprecated Removed upstream. Aligns the check mark with the\n     * `'center'` (default), the `'top'` or the `'bottom'` of each option.\n     */\n    itemLayoutAlign?: 'center' | 'top' | 'bottom';\n    /** Extra classes for each option. */\n    itemClassName?: string;\n    /** `name` of the hidden input, for forms. */\n    name?: string;\n    /**\n     * `id` of the hidden input. Pass the same `@id` to the `EuiFormRow`\n     * so its label also labels the control.\n     */\n    id?: string;\n    /**\n     * Props of the underlying `EuiInputPopover` (upstream `popoverProps`),\n     * e.g. `repositionOnScroll` inside scrollable containers, `panelStyle`\n     * or `panelClassName`. `isOpen` is not accepted (use the top level\n     * `@isOpen`); `fullWidth` and `disableFocusTrap` are managed by the\n     * select. Its `className` is added to `euiSuperSelect`.\n     */\n    popoverProps?: Partial<Omit<EuiInputPopoverArgs, 'isOpen'>> & {\n      className?: string;\n    };\n    /** @private Whether the `<:prepend>` block has content. Defaults to `has-block`; for wrappers that always forward the blocks. */\n    isPrependProvided?: boolean;\n    /** @private Whether the `<:append>` block has content. Defaults to `has-block`. */\n    isAppendProvided?: boolean;\n    /** Called when the list opens. */\n    onFocus?: () => void;\n    /** Called when the list closes. */\n    onBlur?: () => void;\n  };\n  Blocks: {\n    /** Renders the selected option in the control; yields it. */\n    inputDisplay: [option: EuiSuperSelectOption<any>];\n    /** Renders an option in the list; yields it. */\n    dropdownDisplay: [option: EuiSuperSelectOption<any>];\n    /** Content before the control; yields the class to put on it. */\n    prepend: [className: string];\n    /** Content after the control; yields the class to put on it. */\n    append: [className: string];\n  };\n}\n\nexport default class EuiSuperSelect extends Component<EuiSuperSelectSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked isPopoverOpen = false;\n  /** Upstream `currentIndex`: the option highlighted and focused. */\n  @tracked currentIndex = -1;\n\n  idPrefix = `euiSuperSelect_${randomId()}`;\n  describedById = `${this.idPrefix}_screenreaderDescribeId`;\n\n  itemNodes: (HTMLButtonElement | undefined)[] = [];\n  controlButton: HTMLButtonElement | null = null;\n\n  get isOpen(): boolean {\n    return Boolean(this.args.isOpen) || this.isPopoverOpen;\n  }\n\n  get announcement(): string {\n    return this.euiI18n.lookupToken(\n      'euiSuperSelect.screenReaderAnnouncement',\n      'You are in a form selector and must select a single option. Use the Up and Down arrow keys to navigate or Escape to close.'\n    );\n  }\n\n  get listboxLabel(): string {\n    return this.euiI18n.lookupToken('euiSuperSelect.ariaLabel', 'Select listbox');\n  }\n\n  @cached\n  get listboxClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiSuperSelectStyles);\n\n    return `euiSuperSelect__listbox eui-scrollBar ${euiClass(\n      context,\n      useEuiBorealisStyles(context, listboxScrollBar),\n      styles.euiSuperSelect__listbox\n    )}`;\n  }\n\n  /**\n   * Option classes per state (upstream `EuiListItemLayout`: a button,\n   * single selection, wrapping text). Only four combinations exist, so\n   * they are composed once per theme/args, not per option.\n   */\n  @cached\n  get itemStyles(): {\n    item: (selected: boolean, focused: boolean, disabled: boolean) => string;\n    content: string;\n    text: string;\n    icon: EuiCss;\n  } {\n    const context = getEuiThemeContext(this);\n    const layout = useEuiBorealisStyles(context, euiListItemLayoutStyles);\n    const dividers = this.args.hasDividers\n      ? useEuiBorealisStyles(context, dividerStyles)\n      : undefined;\n    const extra = [\n      'euiSuperSelect__item',\n      dividers && 'euiSuperSelect__item--hasDividers',\n      this.args.itemClassName\n    ]\n      .filter(Boolean)\n      .join(' ');\n    const cache = new Map<string, string>();\n\n    return {\n      item: (selected, focused, disabled) => {\n        const key = `${+selected}${+focused}${+disabled}`;\n        let value = cache.get(key);\n\n        if (value === undefined) {\n          value = `euiListItemLayout ${extra} ${euiClass(\n            context,\n            ITEM_RESET,\n            layout.euiListItemLayout,\n            !disabled && layout.isInteractive,\n            !disabled && focused && layout.isFocused,\n            !disabled && selected && layout.isSelected,\n            !disabled && selected && focused && layout.isSelectedFocused,\n            dividers,\n            disabled && layout.isDisabled\n          )}`;\n          cache.set(key, value);\n        }\n\n        return value;\n      },\n      content: `euiListItemLayout__content ${euiClass(\n        context,\n        layout.euiListItemLayout__content,\n        LAYOUT_ALIGN[this.args.itemLayoutAlign ?? 'center']\n      )}`,\n      text: `euiListItemLayout__text ${euiClass(\n        context,\n        layout.euiListItemLayout__text,\n        layout.textWrap.wrap\n      )}`,\n      icon: layout.euiListItemLayout__icon\n    };\n  }\n\n  itemClass = (index: number, option: EuiSuperSelectOption<unknown>): string =>\n    this.itemStyles.item(\n      this.isSelected(option),\n      index === this.currentIndex,\n      Boolean(option.disabled)\n    );\n\n  /** Upstream `resolveIconAndColor`: a check on the selected option. */\n  iconColor = (option: EuiSuperSelectOption<unknown>): string =>\n    option.disabled ? 'subdued' : this.isSelected(option) ? 'primary' : 'text';\n\n  isSelected = (option: EuiSuperSelectOption<unknown>): boolean =>\n    option.value === this.args.valueOfSelected;\n\n  optionId = (index: number): string => `${this.idPrefix}_option-${index}`;\n\n  get activeDescendant(): string | undefined {\n    const option = this.args.options[this.currentIndex];\n\n    return option?.value != null ? this.optionId(this.currentIndex) : undefined;\n  }\n\n  /**\n   * Upstream: the selected option, else the first; disabled ones are\n   * skipped forward (back to the candidate when every later one is\n   * disabled).\n   */\n  get initialIndex(): number {\n    const { options, valueOfSelected } = this.args;\n    const selected = options.findIndex((option) => option?.value === valueOfSelected);\n    const candidate = valueOfSelected != null && selected >= 0 ? selected : 0;\n    let index = candidate;\n\n    while (index < options.length && options[index]?.disabled) index++;\n\n    return index >= options.length ? candidate : index;\n  }\n\n  /** What the popover focuses once it is positioned. */\n  initialFocus = (): HTMLElement | null => {\n    const index = this.initialIndex;\n\n    this.currentIndex = index;\n\n    return this.itemNodes[index] ?? document.getElementById(this.optionId(index));\n  };\n\n  @action\n  openPopover(): void {\n    if (this.args.disabled || this.args.readOnly) return;\n    this.isPopoverOpen = this.args.options.length > 0;\n    this.currentIndex = this.initialIndex;\n    this.args.onFocus?.();\n  }\n\n  @action\n  closePopover(): void {\n    const panelHadFocus = this.itemNodes.some(\n      (node) => node?.isConnected && node.contains(document.activeElement)\n    );\n\n    this.isPopoverOpen = false;\n    this.currentIndex = -1;\n\n    // Upstream returns focus to the control. Only when focus was in the\n    // list (or lost), so an outside click keeps its own target focused.\n    requestAnimationFrame(() => {\n      const active = document.activeElement;\n\n      if (panelHadFocus || !active || active === document.body) {\n        this.controlButton?.focus();\n      }\n    });\n\n    this.args.onBlur?.();\n  }\n\n  @action\n  toggle(): void {\n    if (this.isPopoverOpen) this.closePopover();\n    else this.openPopover();\n  }\n\n  @action\n  itemClicked(value: unknown): void {\n    this.closePopover();\n    this.args.onChange?.(value);\n  }\n\n  @action\n  onSelectKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === ' ') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.openPopover();\n    }\n  }\n\n  @action\n  onItemKeyDown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case 'Escape':\n        event.preventDefault();\n        event.stopPropagation();\n        this.closePopover();\n        break;\n      case 'Tab':\n        // upstream: Tab picks the focused option\n        event.preventDefault();\n        event.stopPropagation();\n        (event.target as HTMLElement).click();\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        event.stopPropagation();\n        this.shiftFocus(-1);\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        event.stopPropagation();\n        this.shiftFocus(1);\n        break;\n    }\n  }\n\n  /** Upstream `shiftFocus`: no wrapping, disabled options are skipped. */\n  shiftFocus(step: 1 | -1): void {\n    const { options } = this.args;\n\n    if (this.currentIndex === -1) {\n      this.focusItemAt(0);\n      return;\n    }\n\n    for (\n      let next = this.currentIndex + step;\n      next >= 0 && next < options.length;\n      next += step\n    ) {\n      if (!options[next]?.disabled) {\n        this.focusItemAt(next);\n        return;\n      }\n    }\n  }\n\n  focusItemAt(index: number): void {\n    this.currentIndex = index;\n    this.itemNodes[index]?.focus();\n  }\n\n  @action\n  onItemFocus(index: number): void {\n    if (this.currentIndex !== index) this.currentIndex = index;\n  }\n\n  registerItem = modifier((element: HTMLButtonElement, [index]: [number]) => {\n    this.itemNodes[index] = element;\n\n    return () => {\n      if (this.itemNodes[index] === element) this.itemNodes[index] = undefined;\n    };\n  });\n\n  registerControl = modifier((element: HTMLButtonElement) => {\n    this.controlButton = element;\n\n    return () => {\n      if (this.controlButton === element) this.controlButton = null;\n    };\n  });\n\n  <template>\n    <EuiInputPopover\n      class=\"euiSuperSelect {{@popoverProps.className}}\"\n      @isOpen={{this.isOpen}}\n      @closePopover={{this.closePopover}}\n      @panelPaddingSize={{argOrDefault @popoverProps.panelPaddingSize \"none\"}}\n      @anchorPosition={{@popoverProps.anchorPosition}}\n      @attachToAnchor={{@popoverProps.attachToAnchor}}\n      @display={{@popoverProps.display}}\n      @offset={{@popoverProps.offset}}\n      @repositionToCrossAxis={{@popoverProps.repositionToCrossAxis}}\n      @closeOnScroll={{@popoverProps.closeOnScroll}}\n      @panelMinWidth={{@popoverProps.panelMinWidth}}\n      @onPanelResize={{@popoverProps.onPanelResize}}\n      @css={{@popoverProps.css}}\n      @panelCss={{@popoverProps.panelCss}}\n      @repositionOnScroll={{@popoverProps.repositionOnScroll}}\n      @panelClassName={{@popoverProps.panelClassName}}\n      @panelStyle={{@popoverProps.panelStyle}}\n      @anchorClassName={{@popoverProps.anchorClassName}}\n      @zIndex={{@popoverProps.zIndex}}\n      @container={{@popoverProps.container}}\n      @buffer={{@popoverProps.buffer}}\n      @insert={{@popoverProps.insert}}\n      @hasArrow={{@popoverProps.hasArrow}}\n      @popoverScreenReaderText={{@popoverProps.popoverScreenReaderText}}\n      @ariaLabel={{@popoverProps.ariaLabel}}\n      @ariaLabelledBy={{@popoverProps.ariaLabelledBy}}\n      @popoverRef={{@popoverProps.popoverRef}}\n      @portalRef={{@popoverProps.portalRef}}\n      @onTrapDeactivation={{@popoverProps.onTrapDeactivation}}\n      @shouldAccountForOtherPopovers={{@popoverProps.shouldAccountForOtherPopovers}}\n      @fullWidth={{@fullWidth}}\n      @disableFocusTrap={{true}}\n      @initialFocus={{this.initialFocus}}\n    >\n      <:input>\n        <EuiSuperSelectControl\n          @options={{@options}}\n          @value={{@valueOfSelected}}\n          @placeholder={{@placeholder}}\n          @id={{@id}}\n          @name={{@name}}\n          @fullWidth={{@fullWidth}}\n          @compressed={{@compressed}}\n          @isLoading={{@isLoading}}\n          @isInvalid={{@isInvalid}}\n          @disabled={{@disabled}}\n          @readOnly={{@readOnly}}\n          @isDropdownOpen={{this.isPopoverOpen}}\n          @isPrependProvided={{argOrDefault @isPrependProvided (has-block \"prepend\")}}\n          @isAppendProvided={{argOrDefault @isAppendProvided (has-block \"append\")}}\n          {{on \"click\" this.toggle}}\n          {{on \"keydown\" this.onSelectKeyDown}}\n          {{this.registerControl}}\n          ...attributes\n        >\n          <:inputDisplay as |option|>\n            {{#if (has-block \"inputDisplay\")}}\n              {{yield option to=\"inputDisplay\"}}\n            {{else}}\n              {{option.inputDisplay}}\n            {{/if}}\n          </:inputDisplay>\n          <:prepend as |className|>{{yield className to=\"prepend\"}}</:prepend>\n          <:append as |className|>{{yield className to=\"append\"}}</:append>\n        </EuiSuperSelectControl>\n      </:input>\n      <:content>\n        <EuiScreenReaderOnly>\n          <p id={{this.describedById}}>{{this.announcement}}</p>\n        </EuiScreenReaderOnly>\n        <div\n          class={{this.listboxClass}}\n          role=\"listbox\"\n          aria-label={{this.listboxLabel}}\n          aria-describedby={{this.describedById}}\n          aria-activedescendant={{this.activeDescendant}}\n          tabindex=\"0\"\n        >\n          {{#each @options as |option index|}}\n            {{#if (hasValue option)}}\n              <button\n                type=\"button\"\n                class={{this.itemClass index option}}\n                id={{this.optionId index}}\n                role=\"option\"\n                aria-selected={{if (this.isSelected option) \"true\" \"false\"}}\n                disabled={{option.disabled}}\n                data-test-subj=\"euiListItemLayout\"\n                {{on \"click\" (fn this.itemClicked option.value)}}\n                {{on \"keydown\" this.onItemKeyDown}}\n                {{on \"focus\" (fn this.onItemFocus index)}}\n                {{this.registerItem index}}\n              >\n                <span class={{this.itemStyles.content}}>\n                  <EuiIcon\n                    class=\"euiListItemLayout__icon\"\n                    @css={{this.itemStyles.icon}}\n                    @type={{if (this.isSelected option) \"check\" \"empty\"}}\n                    @color={{this.iconColor option}}\n                  />\n                  <span class={{this.itemStyles.text}}>\n                    {{#if (has-block \"dropdownDisplay\")}}\n                      {{yield option to=\"dropdownDisplay\"}}\n                    {{else if option.dropdownDisplay}}\n                      {{option.dropdownDisplay}}\n                    {{else}}\n                      {{option.inputDisplay}}\n                    {{/if}}\n                  </span>\n                </span>\n              </button>\n            {{/if}}\n          {{/each}}\n        </div>\n      </:content>\n    </EuiInputPopover>\n  </template>\n}\n\n/** Upstream skips options without a value. */\nfunction hasValue(option: EuiSuperSelectOption<unknown>): boolean {\n  return option.value != null;\n}\n"],"names":["ITEM_RESET","boxSizing","margin","padding","border","background","font","textAlign","LAYOUT_ALIGN","center","undefined","top","alignItems","bottom","listboxScrollBar","context","euiScrollBarStyles","dividerStyles","euiTheme","thin","EuiSuperSelect","Component","g","prototype","service","i","tracked","idPrefix","randomId","describedById","itemNodes","controlButton","isOpen","Boolean","args","isPopoverOpen","announcement","euiI18n","lookupToken","listboxLabel","listboxClass","getEuiThemeContext","styles","useEuiBorealisStyles","euiSuperSelectStyles","euiClass","euiSuperSelect__listbox","n","cached","itemStyles","layout","euiListItemLayoutStyles","dividers","hasDividers","extra","itemClassName","filter","join","cache","Map","item","selected","focused","disabled","key","value","get","euiListItemLayout","isInteractive","isFocused","isSelected","isSelectedFocused","isDisabled","set","content","euiListItemLayout__content","itemLayoutAlign","text","euiListItemLayout__text","textWrap","wrap","icon","euiListItemLayout__icon","itemClass","index","option","currentIndex","iconColor","valueOfSelected","optionId","activeDescendant","options","initialIndex","findIndex","candidate","length","initialFocus","document","getElementById","openPopover","readOnly","onFocus","action","closePopover","panelHadFocus","some","node","isConnected","contains","activeElement","requestAnimationFrame","active","body","focus","onBlur","toggle","itemClicked","onChange","onSelectKeyDown","event","preventDefault","stopPropagation","onItemKeyDown","target","click","shiftFocus","step","focusItemAt","next","onItemFocus","registerItem","modifier","element","registerControl","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInputPopover","argOrDefault","EuiSuperSelectControl","on","EuiScreenReaderOnly","hasValue","fn","EuiIcon"],"mappings":"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"}
+{"version":3,"file":"eui-super-select.js","sources":["../../src/components/eui-super-select.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\n\nimport { modifier } from 'ember-modifier';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport { randomId } from '../-private/random-id.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport {\n  euiListItemLayoutStyles,\n  euiScrollBarStyles,\n  euiSuperSelectStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInputPopover from './eui-input-popover.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\nimport EuiSuperSelectControl from './eui-super-select-control.gts';\n\nimport type { EuiInputPopoverArgs } from './eui-input-popover';\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { EuiBorealisContext } from '../utils/eui/theme.ts';\nimport type { EuiSuperSelectOption } from './eui-super-select-control';\n\nexport type { EuiSuperSelectOption };\n\n/** Scoped button reset for the options (no React global reset). */\nconst ITEM_RESET = {\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  border: 'none',\n  background: 'none',\n  font: 'inherit',\n  textAlign: 'start'\n} as const;\n\n/**\n * `@itemLayoutAlign` (Ember extension; upstream removed it): where the\n * check mark sits relative to multi-line options.\n */\nconst LAYOUT_ALIGN = {\n  center: undefined,\n  top: { alignItems: 'flex-start' },\n  bottom: { alignItems: 'flex-end' }\n} as const;\n\n/** Upstream's `eui-scrollBar` utility class (`euiScrollBarStyles` defaults). */\nconst listboxScrollBar = (context: EuiBorealisContext): string =>\n  (euiScrollBarStyles as (c: EuiBorealisContext) => string)(context);\n\n/** `@hasDividers` (Ember extension; upstream removed it). */\nconst dividerStyles = (context: EuiBorealisContext) =>\n  `&:not(:last-child){border-block-end:${context.euiTheme.border.thin};};label:hasDividers;`;\n\n/**\n * A select whose options can show more than text: a title with a\n * description, an icon, a color. Pick it over `EuiSelect` when options\n * need that; for plain text options `EuiSelect` is simpler and native.\n */\nexport interface EuiSuperSelectSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /**\n     * The options: `{ value, inputDisplay, dropdownDisplay, disabled }`.\n     * Use the `<:inputDisplay>` / `<:dropdownDisplay>` blocks for markup.\n     */\n    options: EuiSuperSelectOption<any>[];\n    /** Value of the selected option. */\n    valueOfSelected?: unknown;\n    /** Shown in the control while no option is selected. */\n    placeholder?: string;\n    /** Called with the chosen option's value. */\n    onChange?: (value: any) => void;\n    /** Opens the list (e.g. on first render). */\n    isOpen?: boolean;\n    /** Invalid look and the warning icon. */\n    isInvalid?: boolean;\n    /** Shows a spinner. */\n    isLoading?: boolean;\n    /** Disables the control. */\n    disabled?: boolean;\n    /** Read-only: shows the value, the list cannot be opened. */\n    readOnly?: boolean;\n    /**\n     * Lines between the options, for options with several lines. Ember\n     * extension: latest EUI removed it.\n     */\n    hasDividers?: boolean;\n    /** Takes the container's full width. */\n    fullWidth?: boolean;\n    /** Smaller, for dense forms. */\n    compressed?: boolean;\n    /**\n     * @deprecated Removed upstream. Aligns the check mark with the\n     * `'center'` (default), the `'top'` or the `'bottom'` of each option.\n     */\n    itemLayoutAlign?: 'center' | 'top' | 'bottom';\n    /** Extra classes for each option. */\n    itemClassName?: string;\n    /** `name` of the hidden input, for forms. */\n    name?: string;\n    /**\n     * `id` of the hidden input. Pass the same `@id` to the `EuiFormRow`\n     * so its label also labels the control.\n     */\n    id?: string;\n    /**\n     * Props of the underlying `EuiInputPopover` (upstream `popoverProps`),\n     * e.g. `repositionOnScroll` inside scrollable containers, `panelStyle`\n     * or `panelClassName`. `isOpen` is not accepted (use the top level\n     * `@isOpen`); `fullWidth` and `disableFocusTrap` are managed by the\n     * select. Its `className` is added to `euiSuperSelect`.\n     */\n    popoverProps?: Partial<Omit<EuiInputPopoverArgs, 'isOpen'>> & {\n      className?: string;\n    };\n    /** @private Whether the `<:prepend>` block has content. Defaults to `has-block`; for wrappers that always forward the blocks. */\n    isPrependProvided?: boolean;\n    /** @private Whether the `<:append>` block has content. Defaults to `has-block`. */\n    isAppendProvided?: boolean;\n    /** Called when the list opens. */\n    onFocus?: () => void;\n    /** Called when the list closes. */\n    onBlur?: () => void;\n  };\n  Blocks: {\n    /** Renders the selected option in the control; yields it. */\n    inputDisplay: [option: EuiSuperSelectOption<any>];\n    /** Renders an option in the list; yields it. */\n    dropdownDisplay: [option: EuiSuperSelectOption<any>];\n    /** Content before the control; yields the class to put on it. */\n    prepend: [className: string];\n    /** Content after the control; yields the class to put on it. */\n    append: [className: string];\n  };\n}\n\nexport default class EuiSuperSelect extends Component<EuiSuperSelectSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked isPopoverOpen = false;\n  /** Upstream `currentIndex`: the option highlighted and focused. */\n  @tracked currentIndex = -1;\n\n  idPrefix = `euiSuperSelect_${randomId()}`;\n  describedById = `${this.idPrefix}_screenreaderDescribeId`;\n\n  itemNodes: (HTMLButtonElement | undefined)[] = [];\n  controlButton: HTMLButtonElement | null = null;\n\n  get isOpen(): boolean {\n    return Boolean(this.args.isOpen) || this.isPopoverOpen;\n  }\n\n  get announcement(): string {\n    return this.euiI18n.lookupToken(\n      'euiSuperSelect.screenReaderAnnouncement',\n      'You are in a form selector and must select a single option. Use the Up and Down arrow keys to navigate or Escape to close.'\n    );\n  }\n\n  get listboxLabel(): string {\n    return this.euiI18n.lookupToken('euiSuperSelect.ariaLabel', 'Select listbox');\n  }\n\n  @cached\n  get listboxClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiSuperSelectStyles);\n\n    return `euiSuperSelect__listbox eui-scrollBar ${euiClass(\n      context,\n      useEuiBorealisStyles(context, listboxScrollBar),\n      styles.euiSuperSelect__listbox\n    )}`;\n  }\n\n  /**\n   * Option classes per state (upstream `EuiListItemLayout`: a button,\n   * single selection, wrapping text). Only four combinations exist, so\n   * they are composed once per theme/args, not per option.\n   */\n  @cached\n  get itemStyles(): {\n    item: (selected: boolean, focused: boolean, disabled: boolean) => string;\n    content: string;\n    text: string;\n    icon: EuiCss;\n  } {\n    const context = getEuiThemeContext(this);\n    const layout = useEuiBorealisStyles(context, euiListItemLayoutStyles);\n    const dividers = this.args.hasDividers\n      ? useEuiBorealisStyles(context, dividerStyles)\n      : undefined;\n    const extra = [\n      'euiSuperSelect__item',\n      dividers && 'euiSuperSelect__item--hasDividers',\n      this.args.itemClassName\n    ]\n      .filter(Boolean)\n      .join(' ');\n    const cache = new Map<string, string>();\n\n    return {\n      item: (selected, focused, disabled) => {\n        const key = `${+selected}${+focused}${+disabled}`;\n        let value = cache.get(key);\n\n        if (value === undefined) {\n          value = `euiListItemLayout ${extra} ${euiClass(\n            context,\n            ITEM_RESET,\n            layout.euiListItemLayout,\n            !disabled && layout.isInteractive,\n            !disabled && focused && layout.isFocused,\n            !disabled && selected && layout.isSelected,\n            !disabled && selected && focused && layout.isSelectedFocused,\n            dividers,\n            disabled && layout.isDisabled\n          )}`;\n          cache.set(key, value);\n        }\n\n        return value;\n      },\n      content: `euiListItemLayout__content ${euiClass(\n        context,\n        layout.euiListItemLayout__content,\n        LAYOUT_ALIGN[this.args.itemLayoutAlign ?? 'center']\n      )}`,\n      text: `euiListItemLayout__text ${euiClass(\n        context,\n        layout.euiListItemLayout__text,\n        layout.textWrap.wrap\n      )}`,\n      icon: layout.euiListItemLayout__icon\n    };\n  }\n\n  itemClass = (index: number, option: EuiSuperSelectOption<unknown>): string =>\n    this.itemStyles.item(\n      this.isSelected(option),\n      index === this.currentIndex,\n      Boolean(option.disabled)\n    );\n\n  /** Upstream `resolveIconAndColor`: a check on the selected option. */\n  iconColor = (option: EuiSuperSelectOption<unknown>): string =>\n    option.disabled ? 'subdued' : this.isSelected(option) ? 'primary' : 'text';\n\n  isSelected = (option: EuiSuperSelectOption<unknown>): boolean =>\n    option.value === this.args.valueOfSelected;\n\n  optionId = (index: number): string => `${this.idPrefix}_option-${index}`;\n\n  get activeDescendant(): string | undefined {\n    const option = this.args.options[this.currentIndex];\n\n    return option?.value != null ? this.optionId(this.currentIndex) : undefined;\n  }\n\n  /**\n   * Upstream: the selected option, else the first; disabled ones are\n   * skipped forward (back to the candidate when every later one is\n   * disabled).\n   */\n  get initialIndex(): number {\n    const { options, valueOfSelected } = this.args;\n    const selected = options.findIndex((option) => option?.value === valueOfSelected);\n    const candidate = valueOfSelected != null && selected >= 0 ? selected : 0;\n    let index = candidate;\n\n    while (index < options.length && options[index]?.disabled) index++;\n\n    return index >= options.length ? candidate : index;\n  }\n\n  /** What the popover focuses once it is positioned. */\n  initialFocus = (): HTMLElement | null => {\n    const index = this.initialIndex;\n\n    this.currentIndex = index;\n\n    return this.itemNodes[index] ?? document.getElementById(this.optionId(index));\n  };\n\n  @action\n  openPopover(): void {\n    if (this.args.disabled || this.args.readOnly) return;\n    this.isPopoverOpen = this.args.options.length > 0;\n    this.currentIndex = this.initialIndex;\n    this.args.onFocus?.();\n  }\n\n  @action\n  closePopover(): void {\n    const panelHadFocus = this.itemNodes.some(\n      (node) => node?.isConnected && node.contains(document.activeElement)\n    );\n\n    this.isPopoverOpen = false;\n    this.currentIndex = -1;\n\n    // Upstream returns focus to the control. Only when focus was in the\n    // list (or lost), so an outside click keeps its own target focused.\n    requestAnimationFrame(() => {\n      const active = document.activeElement;\n\n      if (panelHadFocus || !active || active === document.body) {\n        this.controlButton?.focus();\n      }\n    });\n\n    this.args.onBlur?.();\n  }\n\n  @action\n  toggle(): void {\n    if (this.isPopoverOpen) this.closePopover();\n    else this.openPopover();\n  }\n\n  @action\n  itemClicked(value: unknown): void {\n    this.closePopover();\n    this.args.onChange?.(value);\n  }\n\n  @action\n  onSelectKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === ' ') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.openPopover();\n    }\n  }\n\n  @action\n  onItemKeyDown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case 'Escape':\n        event.preventDefault();\n        event.stopPropagation();\n        this.closePopover();\n        break;\n      case 'Tab':\n        // upstream: Tab picks the focused option\n        event.preventDefault();\n        event.stopPropagation();\n        (event.target as HTMLElement).click();\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        event.stopPropagation();\n        this.shiftFocus(-1);\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        event.stopPropagation();\n        this.shiftFocus(1);\n        break;\n    }\n  }\n\n  /** Upstream `shiftFocus`: no wrapping, disabled options are skipped. */\n  shiftFocus(step: 1 | -1): void {\n    const { options } = this.args;\n\n    if (this.currentIndex === -1) {\n      this.focusItemAt(0);\n      return;\n    }\n\n    for (\n      let next = this.currentIndex + step;\n      next >= 0 && next < options.length;\n      next += step\n    ) {\n      if (!options[next]?.disabled) {\n        this.focusItemAt(next);\n        return;\n      }\n    }\n  }\n\n  focusItemAt(index: number): void {\n    this.currentIndex = index;\n    this.itemNodes[index]?.focus();\n  }\n\n  @action\n  onItemFocus(index: number): void {\n    if (this.currentIndex !== index) this.currentIndex = index;\n  }\n\n  registerItem = modifier((element: HTMLButtonElement, [index]: [number]) => {\n    this.itemNodes[index] = element;\n\n    return () => {\n      if (this.itemNodes[index] === element) this.itemNodes[index] = undefined;\n    };\n  });\n\n  registerControl = modifier((element: HTMLButtonElement) => {\n    this.controlButton = element;\n\n    return () => {\n      if (this.controlButton === element) this.controlButton = null;\n    };\n  });\n\n  <template>\n    <EuiInputPopover\n      class=\"euiSuperSelect {{@popoverProps.className}}\"\n      @isOpen={{this.isOpen}}\n      @closePopover={{this.closePopover}}\n      @panelPaddingSize={{argOrDefault @popoverProps.panelPaddingSize \"none\"}}\n      @anchorPosition={{@popoverProps.anchorPosition}}\n      @attachToAnchor={{@popoverProps.attachToAnchor}}\n      @display={{@popoverProps.display}}\n      @offset={{@popoverProps.offset}}\n      @repositionToCrossAxis={{@popoverProps.repositionToCrossAxis}}\n      @closeOnScroll={{@popoverProps.closeOnScroll}}\n      @panelMinWidth={{@popoverProps.panelMinWidth}}\n      @onPanelResize={{@popoverProps.onPanelResize}}\n      @css={{@popoverProps.css}}\n      @panelCss={{@popoverProps.panelCss}}\n      @repositionOnScroll={{@popoverProps.repositionOnScroll}}\n      @panelClassName={{@popoverProps.panelClassName}}\n      @panelStyle={{@popoverProps.panelStyle}}\n      @anchorClassName={{@popoverProps.anchorClassName}}\n      @zIndex={{@popoverProps.zIndex}}\n      @container={{@popoverProps.container}}\n      @buffer={{@popoverProps.buffer}}\n      @insert={{@popoverProps.insert}}\n      @hasArrow={{@popoverProps.hasArrow}}\n      @popoverScreenReaderText={{@popoverProps.popoverScreenReaderText}}\n      @ariaLabel={{@popoverProps.ariaLabel}}\n      @ariaLabelledBy={{@popoverProps.ariaLabelledBy}}\n      @popoverRef={{@popoverProps.popoverRef}}\n      @portalRef={{@popoverProps.portalRef}}\n      @onTrapDeactivation={{@popoverProps.onTrapDeactivation}}\n      @shouldAccountForOtherPopovers={{@popoverProps.shouldAccountForOtherPopovers}}\n      @fullWidth={{@fullWidth}}\n      @disableFocusTrap={{true}}\n      @initialFocus={{this.initialFocus}}\n    >\n      <:input>\n        <EuiSuperSelectControl\n          @options={{@options}}\n          @value={{@valueOfSelected}}\n          @placeholder={{@placeholder}}\n          @id={{@id}}\n          @name={{@name}}\n          @fullWidth={{@fullWidth}}\n          @compressed={{@compressed}}\n          @isLoading={{@isLoading}}\n          @isInvalid={{@isInvalid}}\n          @disabled={{@disabled}}\n          @readOnly={{@readOnly}}\n          @isDropdownOpen={{this.isPopoverOpen}}\n          @isPrependProvided={{argOrDefault @isPrependProvided (has-block \"prepend\")}}\n          @isAppendProvided={{argOrDefault @isAppendProvided (has-block \"append\")}}\n          {{on \"click\" this.toggle}}\n          {{on \"keydown\" this.onSelectKeyDown}}\n          {{this.registerControl}}\n          ...attributes\n        >\n          <:inputDisplay as |option|>\n            {{#if (has-block \"inputDisplay\")}}\n              {{yield option to=\"inputDisplay\"}}\n            {{else}}\n              {{option.inputDisplay}}\n            {{/if}}\n          </:inputDisplay>\n          <:prepend as |className|>{{yield className to=\"prepend\"}}</:prepend>\n          <:append as |className|>{{yield className to=\"append\"}}</:append>\n        </EuiSuperSelectControl>\n      </:input>\n      <:content>\n        <EuiScreenReaderOnly>\n          <p id={{this.describedById}}>{{this.announcement}}</p>\n        </EuiScreenReaderOnly>\n        <div\n          class={{this.listboxClass}}\n          role=\"listbox\"\n          aria-label={{this.listboxLabel}}\n          aria-describedby={{this.describedById}}\n          aria-activedescendant={{this.activeDescendant}}\n          tabindex=\"0\"\n        >\n          {{#each @options as |option index|}}\n            {{#if (hasValue option)}}\n              <button\n                type=\"button\"\n                class={{this.itemClass index option}}\n                id={{this.optionId index}}\n                role=\"option\"\n                aria-selected={{if (this.isSelected option) \"true\" \"false\"}}\n                disabled={{option.disabled}}\n                data-test-subj=\"euiListItemLayout\"\n                {{on \"click\" (fn this.itemClicked option.value)}}\n                {{on \"keydown\" this.onItemKeyDown}}\n                {{on \"focus\" (fn this.onItemFocus index)}}\n                {{this.registerItem index}}\n              >\n                <span class={{this.itemStyles.content}}>\n                  <EuiIcon\n                    class=\"euiListItemLayout__icon\"\n                    @css={{this.itemStyles.icon}}\n                    @type={{if (this.isSelected option) \"check\" \"empty\"}}\n                    @color={{this.iconColor option}}\n                  />\n                  <span class={{this.itemStyles.text}}>\n                    {{#if (has-block \"dropdownDisplay\")}}\n                      {{yield option to=\"dropdownDisplay\"}}\n                    {{else if option.dropdownDisplay}}\n                      {{option.dropdownDisplay}}\n                    {{else}}\n                      {{option.inputDisplay}}\n                    {{/if}}\n                  </span>\n                </span>\n              </button>\n            {{/if}}\n          {{/each}}\n        </div>\n      </:content>\n    </EuiInputPopover>\n  </template>\n}\n\n/** Upstream skips options without a value. */\nfunction hasValue(option: EuiSuperSelectOption<unknown>): boolean {\n  return option.value != null;\n}\n"],"names":["ITEM_RESET","boxSizing","margin","padding","border","background","font","textAlign","LAYOUT_ALIGN","center","undefined","top","alignItems","bottom","listboxScrollBar","context","euiScrollBarStyles","dividerStyles","euiTheme","thin","EuiSuperSelect","Component","g","prototype","service","i","tracked","idPrefix","randomId","describedById","itemNodes","controlButton","isOpen","Boolean","args","isPopoverOpen","announcement","euiI18n","lookupToken","listboxLabel","listboxClass","getEuiThemeContext","styles","useEuiBorealisStyles","euiSuperSelectStyles","euiClass","euiSuperSelect__listbox","n","cached","itemStyles","layout","euiListItemLayoutStyles","dividers","hasDividers","extra","itemClassName","filter","join","cache","Map","item","selected","focused","disabled","key","value","get","euiListItemLayout","isInteractive","isFocused","isSelected","isSelectedFocused","isDisabled","set","content","euiListItemLayout__content","itemLayoutAlign","text","euiListItemLayout__text","textWrap","wrap","icon","euiListItemLayout__icon","itemClass","index","option","currentIndex","iconColor","valueOfSelected","optionId","activeDescendant","options","initialIndex","findIndex","candidate","length","initialFocus","document","getElementById","openPopover","readOnly","onFocus","action","closePopover","panelHadFocus","some","node","isConnected","contains","activeElement","requestAnimationFrame","active","body","focus","onBlur","toggle","itemClicked","onChange","onSelectKeyDown","event","preventDefault","stopPropagation","onItemKeyDown","target","click","shiftFocus","step","focusItemAt","next","onItemFocus","registerItem","modifier","element","registerControl","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInputPopover","argOrDefault","EuiSuperSelectControl","on","EuiScreenReaderOnly","hasValue","fn","EuiIcon"],"mappings":"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"}

package/dist/components/eui-switch.js

@@ -8,11 +8,11 @@ import argOrDefault from '../helpers/arg-or-default.js';
 import classNames from '../helpers/class-names.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { dl as euiSwitchStyles } from '../styles.generated-SYAxYhey.js';
 import EuiIcon from './eui-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiSwitchStyles } from '../utils/eui/styles.generated/components/form/switch/switch.styles.js';
 
 const buttonReset = {
   boxSizing: 'border-box',

package/dist/components/eui-tab.js

@@ -5,11 +5,12 @@ import { euiTabsContext } from '../-private/eui-tabs-context.js';
 import { randomId } from '../-private/random-id.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { az as euiTextTruncate, dm as euiTabStyles, dn as euiTabContentStyles } from '../styles.generated-SYAxYhey.js';
 import { isValidHref, getSecureRelForTarget } from './eui-link.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiTabStyles, euiTabContentStyles } from '../utils/eui/styles.generated/components/tabs/tab.styles.js';
 
 const TEXT_TRUNCATE = euiTextTruncate();
 

package/dist/components/eui-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-tab.js","sources":["../../src/components/eui-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport EuiNode from '../-private/eui-node.gts';\nimport { euiTabsContext } from '../-private/eui-tabs-context.ts';\nimport { randomId } from '../-private/random-id.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiTabContentStyles,\n  euiTabStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { getSecureRelForTarget, isValidHref } from './eui-link.gts';\n\nimport type { CSSObject } from '@emotion/css/create-instance';\nimport type { EuiNodeValue } from '../-private/eui-node.gts';\n\n// `eui-textTruncate` is a legacy utility class; upstream's mixin replaces it.\nconst TEXT_TRUNCATE = euiTextTruncate();\n\nexport type IEuiTab = {\n  /** Id of the tab. Defaults to a random id. */\n  id?: string;\n  /**\n   * Makes the tab a link, e.g. to a route. A `javascript:` URL disables the\n   * tab instead (upstream `validateHref`).\n   */\n  href?: string;\n  /** `target` of a link tab. */\n  target?: string;\n  /** `rel` of a link tab; `noreferrer` is always added (upstream). */\n  rel?: string;\n  /**\n   * Content before the label (text or a component), for when a block is not\n   * an option, e.g. in data. Otherwise use `<:prepend>`.\n   */\n  prepend?: EuiNodeValue;\n  /** Content after the label (text or a component). Otherwise use `<:append>`. */\n  append?: EuiNodeValue;\n  /** Marks the tab as selected (`aria-selected`, tab stop). */\n  isSelected?: boolean;\n  /** Disables the tab. */\n  disabled?: boolean;\n};\n\n/**\n * One tab of an EuiTabs. Add `{{on \"click\" …}}` to select it. Only the\n * selected tab is in the tab order (`tabindex=\"0\"`, others `-1`), as\n * upstream; EuiTabs moves focus between tabs with the arrow keys.\n */\nexport interface EuiTabSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    [K in keyof IEuiTab]: IEuiTab[K];\n  };\n  Blocks: {\n    /** Content before the label, e.g. an icon. */\n    prepend: [];\n    /** The tab's label. */\n    default: [];\n    /** Content after the label, e.g. a notification badge. */\n    append: [];\n  };\n}\n\nexport default class EuiTab extends Component<EuiTabSignature> {\n  fallbackId = randomId();\n\n  get id(): string {\n    return this.args.id ?? this.fallbackId;\n  }\n\n  get isDisabled(): boolean {\n    const { href } = this.args;\n    return Boolean(this.args.disabled || (href && !isValidHref(href)));\n  }\n\n  // `<a>` cannot be disabled, so a disabled link tab renders a button.\n  get isAnchor(): boolean {\n    return Boolean(this.args.href) && !this.isDisabled;\n  }\n\n  get rel(): string {\n    return getSecureRelForTarget(this.args.target, this.args.rel);\n  }\n\n  get tabIndex(): string {\n    return this.args.isSelected ? '0' : '-1';\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const theme = context.upstream.euiTheme;\n    const styles = useEuiBorealisStyles(context, euiTabStyles);\n    const { expand } = euiTabsContext(this);\n    const { isSelected } = this.args;\n    // Scoped stand-in for React's global reset; upstream styles come after.\n    const reset: CSSObject = {\n      boxSizing: 'border-box',\n      margin: 0,\n      border: 'none',\n      background: 'none',\n      fontFamily: theme.font.family,\n      fontSize: 'inherit',\n      textDecoration: 'none',\n      '&:disabled': { cursor: 'not-allowed' }\n    };\n    return [\n      'euiTab',\n      isSelected && 'euiTab-isSelected',\n      euiClass(\n        context,\n        reset,\n        styles.euiTab,\n        expand && styles.expanded,\n        this.isDisabled && styles.disabled.disabled,\n        isSelected &&\n          (this.isDisabled ? styles.disabled.selected : styles.selected)\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get contentClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTabContentStyles);\n    const { size } = euiTabsContext(this);\n    // `eui-textTruncate` is a legacy utility class; apply its upstream mixin.\n    return `euiTab__content ${euiClass(\n      context,\n      TEXT_TRUNCATE,\n      styles.euiTab__content,\n      styles[size]\n    )}`;\n  }\n\n  <template>\n    {{#if this.isAnchor}}\n      <a\n        id={{this.id}}\n        role=\"tab\"\n        aria-selected={{if @isSelected \"true\" \"false\"}}\n        tabindex={{this.tabIndex}}\n        class={{this.classes}}\n        href={{@href}}\n        target={{@target}}\n        rel={{this.rel}}\n        ...attributes\n      >\n        {{#if (has-block \"prepend\")}}\n          <span class=\"euiTab__prepend\">\n            {{yield to=\"prepend\"}}\n          </span>\n        {{else if @prepend}}\n          <span class=\"euiTab__prepend\">\n            <EuiNode @value={{@prepend}} />\n          </span>\n        {{/if}}\n\n        <span class={{this.contentClasses}}>\n          {{yield}}\n        </span>\n\n        {{#if (has-block \"append\")}}\n          <span class=\"euiTab__append\">\n            {{yield to=\"append\"}}\n          </span>\n        {{else if @append}}\n          <span class=\"euiTab__append\">\n            <EuiNode @value={{@append}} />\n          </span>\n        {{/if}}\n      </a>\n    {{else}}\n      <button\n        id={{this.id}}\n        role=\"tab\"\n        aria-selected={{if @isSelected \"true\" \"false\"}}\n        tabindex={{this.tabIndex}}\n        type=\"button\"\n        class={{this.classes}}\n        disabled={{this.isDisabled}}\n        ...attributes\n      >\n        {{#if (has-block \"prepend\")}}\n          <span class=\"euiTab__prepend\">\n            {{yield to=\"prepend\"}}\n          </span>\n        {{else if @prepend}}\n          <span class=\"euiTab__prepend\">\n            <EuiNode @value={{@prepend}} />\n          </span>\n        {{/if}}\n\n        <span class={{this.contentClasses}}>\n          {{yield}}\n        </span>\n\n        {{#if (has-block \"append\")}}\n          <span class=\"euiTab__append\">\n            {{yield to=\"append\"}}\n          </span>\n        {{else if @append}}\n          <span class=\"euiTab__append\">\n            <EuiNode @value={{@append}} />\n          </span>\n        {{/if}}\n      </button>\n    {{/if}}\n  </template>\n}\n"],"names":["TEXT_TRUNCATE","euiTextTruncate","EuiTab","Component","fallbackId","randomId","id","args","isDisabled","href","Boolean","disabled","isValidHref","isAnchor","rel","getSecureRelForTarget","target","tabIndex","isSelected","classes","context","getEuiThemeContext","theme","upstream","euiTheme","styles","useEuiBorealisStyles","euiTabStyles","expand","euiTabsContext","reset","boxSizing","margin","border","background","fontFamily","font","family","fontSize","textDecoration","cursor","euiClass","euiTab","expanded","selected","filter","join","n","prototype","cached","contentClasses","euiTabContentStyles","size","euiTab__content","setComponentTemplate","precompileTemplate","strictMode","scope","EuiNode"],"mappings":"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"}
+{"version":3,"file":"eui-tab.js","sources":["../../src/components/eui-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport EuiNode from '../-private/eui-node.gts';\nimport { euiTabsContext } from '../-private/eui-tabs-context.ts';\nimport { randomId } from '../-private/random-id.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiTabContentStyles,\n  euiTabStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { getSecureRelForTarget, isValidHref } from './eui-link.gts';\n\nimport type { CSSObject } from '@emotion/css/create-instance';\nimport type { EuiNodeValue } from '../-private/eui-node.gts';\n\n// `eui-textTruncate` is a legacy utility class; upstream's mixin replaces it.\nconst TEXT_TRUNCATE = euiTextTruncate();\n\nexport type IEuiTab = {\n  /** Id of the tab. Defaults to a random id. */\n  id?: string;\n  /**\n   * Makes the tab a link, e.g. to a route. A `javascript:` URL disables the\n   * tab instead (upstream `validateHref`).\n   */\n  href?: string;\n  /** `target` of a link tab. */\n  target?: string;\n  /** `rel` of a link tab; `noreferrer` is always added (upstream). */\n  rel?: string;\n  /**\n   * Content before the label (text or a component), for when a block is not\n   * an option, e.g. in data. Otherwise use `<:prepend>`.\n   */\n  prepend?: EuiNodeValue;\n  /** Content after the label (text or a component). Otherwise use `<:append>`. */\n  append?: EuiNodeValue;\n  /** Marks the tab as selected (`aria-selected`, tab stop). */\n  isSelected?: boolean;\n  /** Disables the tab. */\n  disabled?: boolean;\n};\n\n/**\n * One tab of an EuiTabs. Add `{{on \"click\" …}}` to select it. Only the\n * selected tab is in the tab order (`tabindex=\"0\"`, others `-1`), as\n * upstream; EuiTabs moves focus between tabs with the arrow keys.\n */\nexport interface EuiTabSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    [K in keyof IEuiTab]: IEuiTab[K];\n  };\n  Blocks: {\n    /** Content before the label, e.g. an icon. */\n    prepend: [];\n    /** The tab's label. */\n    default: [];\n    /** Content after the label, e.g. a notification badge. */\n    append: [];\n  };\n}\n\nexport default class EuiTab extends Component<EuiTabSignature> {\n  fallbackId = randomId();\n\n  get id(): string {\n    return this.args.id ?? this.fallbackId;\n  }\n\n  get isDisabled(): boolean {\n    const { href } = this.args;\n    return Boolean(this.args.disabled || (href && !isValidHref(href)));\n  }\n\n  // `<a>` cannot be disabled, so a disabled link tab renders a button.\n  get isAnchor(): boolean {\n    return Boolean(this.args.href) && !this.isDisabled;\n  }\n\n  get rel(): string {\n    return getSecureRelForTarget(this.args.target, this.args.rel);\n  }\n\n  get tabIndex(): string {\n    return this.args.isSelected ? '0' : '-1';\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const theme = context.upstream.euiTheme;\n    const styles = useEuiBorealisStyles(context, euiTabStyles);\n    const { expand } = euiTabsContext(this);\n    const { isSelected } = this.args;\n    // Scoped stand-in for React's global reset; upstream styles come after.\n    const reset: CSSObject = {\n      boxSizing: 'border-box',\n      margin: 0,\n      border: 'none',\n      background: 'none',\n      fontFamily: theme.font.family,\n      fontSize: 'inherit',\n      textDecoration: 'none',\n      '&:disabled': { cursor: 'not-allowed' }\n    };\n    return [\n      'euiTab',\n      isSelected && 'euiTab-isSelected',\n      euiClass(\n        context,\n        reset,\n        styles.euiTab,\n        expand && styles.expanded,\n        this.isDisabled && styles.disabled.disabled,\n        isSelected &&\n          (this.isDisabled ? styles.disabled.selected : styles.selected)\n      )\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get contentClasses(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTabContentStyles);\n    const { size } = euiTabsContext(this);\n    // `eui-textTruncate` is a legacy utility class; apply its upstream mixin.\n    return `euiTab__content ${euiClass(\n      context,\n      TEXT_TRUNCATE,\n      styles.euiTab__content,\n      styles[size]\n    )}`;\n  }\n\n  <template>\n    {{#if this.isAnchor}}\n      <a\n        id={{this.id}}\n        role=\"tab\"\n        aria-selected={{if @isSelected \"true\" \"false\"}}\n        tabindex={{this.tabIndex}}\n        class={{this.classes}}\n        href={{@href}}\n        target={{@target}}\n        rel={{this.rel}}\n        ...attributes\n      >\n        {{#if (has-block \"prepend\")}}\n          <span class=\"euiTab__prepend\">\n            {{yield to=\"prepend\"}}\n          </span>\n        {{else if @prepend}}\n          <span class=\"euiTab__prepend\">\n            <EuiNode @value={{@prepend}} />\n          </span>\n        {{/if}}\n\n        <span class={{this.contentClasses}}>\n          {{yield}}\n        </span>\n\n        {{#if (has-block \"append\")}}\n          <span class=\"euiTab__append\">\n            {{yield to=\"append\"}}\n          </span>\n        {{else if @append}}\n          <span class=\"euiTab__append\">\n            <EuiNode @value={{@append}} />\n          </span>\n        {{/if}}\n      </a>\n    {{else}}\n      <button\n        id={{this.id}}\n        role=\"tab\"\n        aria-selected={{if @isSelected \"true\" \"false\"}}\n        tabindex={{this.tabIndex}}\n        type=\"button\"\n        class={{this.classes}}\n        disabled={{this.isDisabled}}\n        ...attributes\n      >\n        {{#if (has-block \"prepend\")}}\n          <span class=\"euiTab__prepend\">\n            {{yield to=\"prepend\"}}\n          </span>\n        {{else if @prepend}}\n          <span class=\"euiTab__prepend\">\n            <EuiNode @value={{@prepend}} />\n          </span>\n        {{/if}}\n\n        <span class={{this.contentClasses}}>\n          {{yield}}\n        </span>\n\n        {{#if (has-block \"append\")}}\n          <span class=\"euiTab__append\">\n            {{yield to=\"append\"}}\n          </span>\n        {{else if @append}}\n          <span class=\"euiTab__append\">\n            <EuiNode @value={{@append}} />\n          </span>\n        {{/if}}\n      </button>\n    {{/if}}\n  </template>\n}\n"],"names":["TEXT_TRUNCATE","euiTextTruncate","EuiTab","Component","fallbackId","randomId","id","args","isDisabled","href","Boolean","disabled","isValidHref","isAnchor","rel","getSecureRelForTarget","target","tabIndex","isSelected","classes","context","getEuiThemeContext","theme","upstream","euiTheme","styles","useEuiBorealisStyles","euiTabStyles","expand","euiTabsContext","reset","boxSizing","margin","border","background","fontFamily","font","family","fontSize","textDecoration","cursor","euiClass","euiTab","expanded","selected","filter","join","n","prototype","cached","contentClasses","euiTabContentStyles","size","euiTab__content","setComponentTemplate","precompileTemplate","strictMode","scope","EuiNode"],"mappings":"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"}

package/dist/components/eui-table/sticky-header.js

@@ -4,10 +4,13 @@ import { modifier } from 'ember-modifier';
 import { TABLE_RESET, BOX_SIZING } from '../../-private/table.js';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
-import { dp as euiContainerCSS, dq as EUI_TABLE_CSS_CONTAINER_NAME, dr as euiTableStyles, eB as euiTableStickyHeaderStyles } from '../../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiContainerCSS } from '../../utils/eui/styles.generated/shared/ITO4GMBL.js';
+import { EUI_TABLE_CSS_CONTAINER_NAME } from '../../utils/eui/styles.generated/shared/UMXTDMKT.js';
+import { euiTableStyles } from '../../utils/eui/styles.generated/shared/AK7JHATO.js';
+import { euiTableStickyHeaderStyles } from '../../utils/eui/styles.generated/components/table/sticky_header/sticky_header.styles.js';
 
 const CONTAINER = euiContainerCSS('normal', EUI_TABLE_CSS_CONTAINER_NAME, true);
 /**

package/dist/components/eui-table/sticky-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"sticky-header.js","sources":["../../../src/components/eui-table/sticky-header.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { modifier } from 'ember-modifier';\n\nimport { BOX_SIZING, TABLE_RESET } from '../../-private/table.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport {\n  EUI_TABLE_CSS_CONTAINER_NAME,\n  euiContainerCSS,\n  euiTableStickyHeaderStyles,\n  euiTableStyles\n} from '../../utils/eui/styles.generated.ts';\n\n/** What the sticky header needs from its `EuiTable`. */\nexport interface StickyHeaderHost {\n  readonly stickyHeaderRow?: HTMLTableRowElement;\n  /** The sticky copy's scrolling container (synced with the table's wrapper). */\n  stickyContainer?: HTMLElement;\n  /** The sticky copy's `<table>` (its min width follows the table's). */\n  stickyTable?: HTMLTableElement;\n  /** The table's `<table>`. */\n  tableElement?: HTMLTableElement;\n}\n\nexport interface EuiTableStickyHeaderSignature {\n  Args: {\n    table: StickyHeaderHost;\n    compressed?: boolean;\n    scrollableInline?: boolean;\n  };\n}\n\nconst CONTAINER = euiContainerCSS('normal', EUI_TABLE_CSS_CONTAINER_NAME, true);\n\n/**\n * @private The sticky copy of an `EuiTable`'s header (upstream\n * `EuiTableStickyHeader`). Taken out of the document flow (zero height),\n * it sticks to the top of the viewport over the table's own header; the\n * header cells render their copies into its row. Hidden from assistive\n * technologies: the table's own header stays the accessible one.\n */\nexport default class EuiTableStickyHeader extends Component<EuiTableStickyHeaderSignature> {\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const original = useEuiBorealisStyles(context, euiTableStyles);\n    const styles = useEuiBorealisStyles(context, euiTableStickyHeaderStyles);\n    const { compressed, scrollableInline } = this.args;\n    return {\n      wrapper: euiClass(context, BOX_SIZING, styles.wrapper),\n      container: euiClass(context, BOX_SIZING, CONTAINER, styles.innerWrapper),\n      // Same order as upstream; the layout is always fixed since every\n      // column width comes from the table (the sticky header is not shown\n      // in the cards layout, so `isResponsive` is false here).\n      table: euiClass(\n        context,\n        TABLE_RESET,\n        original.euiTable,\n        scrollableInline ? original.euiTableScrollableInline : undefined,\n        !compressed ? original.uncompressed : undefined,\n        compressed ? original.compressed : undefined,\n        original.layout.fixed,\n        original.hasBackground,\n        styles.table\n      ),\n      header: euiClass(context, styles.header)\n    };\n  }\n\n  captureContainer = modifier((element: HTMLElement) => {\n    const { table } = this.args;\n    table.stickyContainer = element;\n    const scroller = table.tableElement?.parentElement;\n    if (scroller) element.scrollLeft = scroller.scrollLeft;\n    return () => {\n      if (table.stickyContainer === element) table.stickyContainer = undefined;\n    };\n  });\n\n  captureTable = modifier(\n    (element: HTMLTableElement, [scrollableInline]: [boolean | undefined]) => {\n      const { table } = this.args;\n      table.stickyTable = element;\n      // upstream's initial width sync (inline scrolling only)\n      if (scrollableInline && table.tableElement) {\n        element.style.minWidth = `${table.tableElement.getBoundingClientRect().width}px`;\n      } else {\n        element.style.removeProperty('min-width');\n      }\n      return () => {\n        if (table.stickyTable === element) table.stickyTable = undefined;\n      };\n    }\n  );\n\n  /** Puts the row the header cells render their copies into. */\n  attachRow = modifier(\n    (element: HTMLElement, [row]: [HTMLTableRowElement | undefined]) => {\n      if (!row) return;\n      element.appendChild(row);\n      return () => {\n        if (row.parentNode === element) row.remove();\n      };\n    }\n  );\n\n  <template>\n    <div class={{this.classes.wrapper}} aria-hidden=\"true\">\n      <div\n        class=\"euiTableStickyHeader__container {{this.classes.container}}\"\n        {{this.captureContainer}}\n      >\n        <table\n          class=\"euiTableStickyHeader {{this.classes.table}}\"\n          {{this.captureTable @scrollableInline}}\n        >\n          <thead\n            class={{this.classes.header}}\n            {{this.attachRow @table.stickyHeaderRow}}\n          ></thead>\n        </table>\n      </div>\n    </div>\n  </template>\n}\n"],"names":["CONTAINER","euiContainerCSS","EUI_TABLE_CSS_CONTAINER_NAME","EuiTableStickyHeader","Component","classes","context","getEuiThemeContext","original","useEuiBorealisStyles","euiTableStyles","styles","euiTableStickyHeaderStyles","compressed","scrollableInline","args","wrapper","euiClass","BOX_SIZING","container","innerWrapper","table","TABLE_RESET","euiTable","euiTableScrollableInline","undefined","uncompressed","layout","fixed","hasBackground","header","n","prototype","cached","captureContainer","modifier","element","stickyContainer","scroller","tableElement","parentElement","scrollLeft","captureTable","stickyTable","style","minWidth","getBoundingClientRect","width","removeProperty","attachRow","row","appendChild","parentNode","remove","setComponentTemplate","precompileTemplate","strictMode"],"mappings":"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"}
+{"version":3,"file":"sticky-header.js","sources":["../../../src/components/eui-table/sticky-header.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { modifier } from 'ember-modifier';\n\nimport { BOX_SIZING, TABLE_RESET } from '../../-private/table.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport {\n  EUI_TABLE_CSS_CONTAINER_NAME,\n  euiContainerCSS,\n  euiTableStickyHeaderStyles,\n  euiTableStyles\n} from '../../utils/eui/styles.generated.ts';\n\n/** What the sticky header needs from its `EuiTable`. */\nexport interface StickyHeaderHost {\n  readonly stickyHeaderRow?: HTMLTableRowElement;\n  /** The sticky copy's scrolling container (synced with the table's wrapper). */\n  stickyContainer?: HTMLElement;\n  /** The sticky copy's `<table>` (its min width follows the table's). */\n  stickyTable?: HTMLTableElement;\n  /** The table's `<table>`. */\n  tableElement?: HTMLTableElement;\n}\n\nexport interface EuiTableStickyHeaderSignature {\n  Args: {\n    table: StickyHeaderHost;\n    compressed?: boolean;\n    scrollableInline?: boolean;\n  };\n}\n\nconst CONTAINER = euiContainerCSS('normal', EUI_TABLE_CSS_CONTAINER_NAME, true);\n\n/**\n * @private The sticky copy of an `EuiTable`'s header (upstream\n * `EuiTableStickyHeader`). Taken out of the document flow (zero height),\n * it sticks to the top of the viewport over the table's own header; the\n * header cells render their copies into its row. Hidden from assistive\n * technologies: the table's own header stays the accessible one.\n */\nexport default class EuiTableStickyHeader extends Component<EuiTableStickyHeaderSignature> {\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const original = useEuiBorealisStyles(context, euiTableStyles);\n    const styles = useEuiBorealisStyles(context, euiTableStickyHeaderStyles);\n    const { compressed, scrollableInline } = this.args;\n    return {\n      wrapper: euiClass(context, BOX_SIZING, styles.wrapper),\n      container: euiClass(context, BOX_SIZING, CONTAINER, styles.innerWrapper),\n      // Same order as upstream; the layout is always fixed since every\n      // column width comes from the table (the sticky header is not shown\n      // in the cards layout, so `isResponsive` is false here).\n      table: euiClass(\n        context,\n        TABLE_RESET,\n        original.euiTable,\n        scrollableInline ? original.euiTableScrollableInline : undefined,\n        !compressed ? original.uncompressed : undefined,\n        compressed ? original.compressed : undefined,\n        original.layout.fixed,\n        original.hasBackground,\n        styles.table\n      ),\n      header: euiClass(context, styles.header)\n    };\n  }\n\n  captureContainer = modifier((element: HTMLElement) => {\n    const { table } = this.args;\n    table.stickyContainer = element;\n    const scroller = table.tableElement?.parentElement;\n    if (scroller) element.scrollLeft = scroller.scrollLeft;\n    return () => {\n      if (table.stickyContainer === element) table.stickyContainer = undefined;\n    };\n  });\n\n  captureTable = modifier(\n    (element: HTMLTableElement, [scrollableInline]: [boolean | undefined]) => {\n      const { table } = this.args;\n      table.stickyTable = element;\n      // upstream's initial width sync (inline scrolling only)\n      if (scrollableInline && table.tableElement) {\n        element.style.minWidth = `${table.tableElement.getBoundingClientRect().width}px`;\n      } else {\n        element.style.removeProperty('min-width');\n      }\n      return () => {\n        if (table.stickyTable === element) table.stickyTable = undefined;\n      };\n    }\n  );\n\n  /** Puts the row the header cells render their copies into. */\n  attachRow = modifier(\n    (element: HTMLElement, [row]: [HTMLTableRowElement | undefined]) => {\n      if (!row) return;\n      element.appendChild(row);\n      return () => {\n        if (row.parentNode === element) row.remove();\n      };\n    }\n  );\n\n  <template>\n    <div class={{this.classes.wrapper}} aria-hidden=\"true\">\n      <div\n        class=\"euiTableStickyHeader__container {{this.classes.container}}\"\n        {{this.captureContainer}}\n      >\n        <table\n          class=\"euiTableStickyHeader {{this.classes.table}}\"\n          {{this.captureTable @scrollableInline}}\n        >\n          <thead\n            class={{this.classes.header}}\n            {{this.attachRow @table.stickyHeaderRow}}\n          ></thead>\n        </table>\n      </div>\n    </div>\n  </template>\n}\n"],"names":["CONTAINER","euiContainerCSS","EUI_TABLE_CSS_CONTAINER_NAME","EuiTableStickyHeader","Component","classes","context","getEuiThemeContext","original","useEuiBorealisStyles","euiTableStyles","styles","euiTableStickyHeaderStyles","compressed","scrollableInline","args","wrapper","euiClass","BOX_SIZING","container","innerWrapper","table","TABLE_RESET","euiTable","euiTableScrollableInline","undefined","uncompressed","layout","fixed","hasBackground","header","n","prototype","cached","captureContainer","modifier","element","stickyContainer","scroller","tableElement","parentElement","scrollLeft","captureTable","stickyTable","style","minWidth","getBoundingClientRect","width","removeProperty","attachRow","row","appendChild","parentNode","remove","setComponentTemplate","precompileTemplate","strictMode"],"mappings":"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"}