@ember-eui/core 15.0.0 → 16.0.1

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

@@ -1,19 +1,27 @@
 import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
+import { tracked, cached } from '@glimmer/tracking';
 import { action } from '@ember/object';
+import { on } from '@ember/modifier';
 import { service } from '@ember/service';
+import dateMath from '@elastic/datemath';
 import { modifier } from 'ember-modifier';
 import { or, eq } from 'ember-truth-helpers';
-import argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.js';
-import classNames from '../helpers/class-names.js';
-import EuiFlexGroup from './eui-flex-group.js';
-import EuiFlexItem from './eui-flex-item.js';
-import EuiFormControlLayout from './eui-form-control-layout.js';
+import { argOrDefaultDecorator } from '../helpers/arg-or-default.js';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { az as euiTextTruncate, dh as euiSuperDatePickerStyles } from '../styles.generated-SYAxYhey.js';
+import { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.js';
 import EuiDatePopoverButton from './eui-super-date-picker/date-popover/eui-date-popover-button.js';
 import EuiDatePickerRange from './eui-super-date-picker/eui-date-picker-range.js';
 import EuiQuickSelectPopover from './eui-super-date-picker/eui-quick-select-popover.js';
 import EuiSuperUpdateButton from './eui-super-date-picker/eui-super-update-button.js';
+import EuiTimeWindowButtons from './eui-super-date-picker/eui-time-window-buttons.js';
+import EuiAutoRefresh from './eui-auto-refresh.js';
+import EuiAutoRefreshButton from './eui-auto-refresh-button.js';
+import EuiFormControlButton from './eui-form-control-button.js';
+import EuiFormControlLayout from './eui-form-control-layout.js';
+import EuiToolTip from './eui-tool-tip.js';
 import { isRangeInvalid } from './eui-super-date-picker/utils/index.js';
+import { showPrettyDuration, prettyDuration } from './eui-super-date-picker/utils/pretty-duration.js';
 import useI18nTimeOptions from './eui-super-date-picker/utils/time-options.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
@@ -33,10 +41,6 @@ class EuiSuperDatePicker extends Component {
   }
   #isAutoRefreshOnly = (i(this, "isAutoRefreshOnly"), void 0); // @argOrDefaultDecorator('now-15m') start!: ShortDate;
   // @argOrDefaultDecorator('now') end!: ShortDate;
-  static {
-    g(this.prototype, "isDisabled", [argOrDefaultDecorator(false)]);
-  }
-  #isDisabled = (i(this, "isDisabled"), void 0);
   static {
     g(this.prototype, "isPaused", [argOrDefaultDecorator(true)]);
   }
@@ -57,6 +61,27 @@ class EuiSuperDatePicker extends Component {
     g(this.prototype, "euiI18n", [service]);
   }
   #euiI18n = (i(this, "euiI18n"), void 0);
+  static {
+    g(this.prototype, "isStartDatePopoverOpen", [tracked], function () {
+      return false;
+    });
+  }
+  #isStartDatePopoverOpen = (i(this, "isStartDatePopoverOpen"), void 0);
+  /** Whether the start / end date popovers are open (upstream state). */
+  static {
+    g(this.prototype, "isEndDatePopoverOpen", [tracked], function () {
+      return false;
+    });
+  }
+  #isEndDatePopoverOpen = (i(this, "isEndDatePopoverOpen"), void 0);
+  static {
+    g(this.prototype, "prettyDurationOverride", [tracked]);
+  }
+  #prettyDurationOverride = (i(this, "prettyDurationOverride"), void 0);
+  /**
+  * Upstream `showPrettyDuration` state, set for the @start/@end it was
+  * set for (like the draft below): new arguments recompute it.
+  */
   static {
     g(this.prototype, "draft", [tracked]);
   }
@@ -73,6 +98,13 @@ class EuiSuperDatePicker extends Component {
     } = this;
     return draft && draft.forStart === this.args.start && draft.forEnd === this.args.end ? draft : undefined;
   }
+  /** The applied range (upstream's props, not the draft). */
+  get appliedStart() {
+    return this.args.start ?? 'now-15m';
+  }
+  get appliedEnd() {
+    return this.args.end ?? 'now';
+  }
   get start() {
     return this.currentDraft?.start ?? this.args.start ?? 'now-15m';
   }
@@ -80,11 +112,129 @@ class EuiSuperDatePicker extends Component {
     return this.currentDraft?.end ?? this.args.end ?? 'now';
   }
   get isInvalid() {
-    return isRangeInvalid(this.start, this.end);
+    return isRangeInvalid(this.start, this.end, this.args.minDate, this.args.maxDate);
   }
   get hasChanged() {
     return this.currentDraft?.hasChanged ?? false;
   }
+  get isDisabled() {
+    return Boolean(this.args.isDisabled);
+  }
+  /** Upstream `isDisabled.display`. */
+  get disabledDisplay() {
+    const {
+      isDisabled
+    } = this.args;
+    return typeof isDisabled === 'object' && isDisabled !== null ? isDisabled.display || undefined : undefined;
+  }
+  get disabledDisplayText() {
+    const display = this.disabledDisplay;
+    return typeof display === 'string' ? display : undefined;
+  }
+  get commonlyUsedRanges() {
+    return this.args.commonlyUsedRanges ?? this.timeOptions.commonDurationRanges;
+  }
+  /**
+  * Upstream: a commonly used range or a range relative to now ("Last 15
+  * minutes") shows as one pretty duration button until it is clicked.
+  */
+  get showPrettyDurationState() {
+    // Ember EUI: opt-in (upstream always shows it)
+    if (!this.args.showPrettyDuration) return false;
+    const override = this.prettyDurationOverride;
+    if (override && override.forStart === this.args.start && override.forEnd === this.args.end) {
+      return override.show;
+    }
+    return showPrettyDuration(this.appliedStart, this.appliedEnd, this.commonlyUsedRanges);
+  }
+  setPrettyDuration(show) {
+    this.prettyDurationOverride = {
+      show,
+      forStart: this.args.start,
+      forEnd: this.args.end
+    };
+  }
+  /** The pretty duration (or `isDisabled.display`) button replaces the range. */
+  get showPrettyDurationButton() {
+    return Boolean(this.disabledDisplay || this.showPrettyDurationState && !this.isStartDatePopoverOpen && !this.isEndDatePopoverOpen);
+  }
+  get prettyDurationText() {
+    return prettyDuration(this.euiI18n, {
+      timeFrom: this.start,
+      timeTo: this.end,
+      quickRanges: this.commonlyUsedRanges,
+      dateFormat: this.dateFormat
+    });
+  }
+  /** The pretty duration button's tooltip: the full range (upstream). */
+  get formattedFullRange() {
+    if (this.isInvalid) return '';
+    const startMoment = dateMath.parse(this.start);
+    const endMoment = dateMath.parse(this.end, {
+      roundUp: true
+    });
+    return `${startMoment?.format(this.dateFormat)} – ${endMoment?.format(this.dateFormat)}`;
+  }
+  /** Upstream `offset={euiTheme.base * 0.5}`. */
+  get prettyDurationTooltipOffset() {
+    return this.context.upstream.euiTheme.base * 0.5;
+  }
+  get prettyDurationTextClass() {
+    return euiClass(this.context, euiTextTruncate());
+  }
+  /** Upstream `hidePrettyDuration`: show the range with the start popover open. */
+  static {
+    n(this.prototype, "prettyDurationTextClass", [cached]);
+  }
+  hidePrettyDuration() {
+    this.setPrettyDuration(false);
+    this.isStartDatePopoverOpen = true;
+  }
+  static {
+    n(this.prototype, "hidePrettyDuration", [action]);
+  }
+  onPrettyDurationFocus(event) {
+    this.args.onFocus?.(event);
+  }
+  static {
+    n(this.prototype, "onPrettyDurationFocus", [action]);
+  }
+  onStartDatePopoverToggle() {
+    this.isStartDatePopoverOpen = !this.isStartDatePopoverOpen;
+  }
+  static {
+    n(this.prototype, "onStartDatePopoverToggle", [action]);
+  }
+  onStartDatePopoverClose() {
+    this.isStartDatePopoverOpen = false;
+  }
+  static {
+    n(this.prototype, "onStartDatePopoverClose", [action]);
+  }
+  onEndDatePopoverToggle() {
+    this.isEndDatePopoverOpen = !this.isEndDatePopoverOpen;
+  }
+  static {
+    n(this.prototype, "onEndDatePopoverToggle", [action]);
+  }
+  onEndDatePopoverClose() {
+    this.isEndDatePopoverOpen = false;
+  }
+  /** Upstream shows the auto refresh button in the field while refreshing. */
+  static {
+    n(this.prototype, "onEndDatePopoverClose", [action]);
+  }
+  get showAutoRefreshAppend() {
+    return !this.isPaused;
+  }
+  /** Upstream: the `checkCircle` icon on the right while an update is pending. */
+  get hasChangedIcon() {
+    return this.hasChanged && !this.isInvalid;
+  }
+  /** Upstream spreads `updateButtonProps.showTooltip` over its own. */
+  get updateButtonShowTooltip() {
+    return this.updateButtonProps.showTooltip ?? (!this.isStartDatePopoverOpen && !this.isEndDatePopoverOpen);
+  }
   setDraft(start, end, hasChanged) {
     this.draft = {
       start,
@@ -101,13 +251,13 @@ class EuiSuperDatePicker extends Component {
     start,
     end
   }) {
-    this.setDraft(start, end, !(this.start === start && this.end === end));
+    this.setDraft(start, end, !(this.appliedStart === start && this.appliedEnd === end));
     if (!this.showUpdateButton) {
       this.args.onTimeChange({
         start,
         end,
         isQuickSelection: false,
-        isInvalid: isRangeInvalid(start, end)
+        isInvalid: isRangeInvalid(start, end, this.args.minDate, this.args.maxDate)
       });
     }
   }
@@ -124,6 +274,7 @@ class EuiSuperDatePicker extends Component {
     end
   }) {
     this.setDraft(start, end, false);
+    this.setPrettyDuration(showPrettyDuration(start, end, this.commonlyUsedRanges));
     this.args.onTimeChange({
       start,
       end,
@@ -169,14 +320,110 @@ class EuiSuperDatePicker extends Component {
       };
     }
   }
+  static {
+    n(this.prototype, "handleClickUpdateButton", [action]);
+  }
+  get context() {
+    return getEuiThemeContext(this);
+  }
+  /** Upstream `renderTimeWindowButtons`: not with `@isAutoRefreshOnly`. */
+  get timeWindowConfig() {
+    const {
+      showTimeWindowButtons
+    } = this.args;
+    if (!showTimeWindowButtons || this.isAutoRefreshOnly) return undefined;
+    return typeof showTimeWindowButtons === 'boolean' ? {} : showTimeWindowButtons;
+  }
+  /** Upstream renders `EuiAutoRefresh` instead of the range. */
+  get showAutoRefreshOnly() {
+    return Boolean(this.isAutoRefreshOnly && this.args.onRefreshChange);
+  }
+  /** Upstream spreads `updateButtonProps` last over its own props. */
+  get updateButtonProps() {
+    return this.args.updateButtonProps ?? {};
+  }
+  get updateButtonIconOnly() {
+    return this.updateButtonProps.iconOnly ?? this.showUpdateButton === 'iconOnly';
+  }
+  get updateButtonSize() {
+    return this.updateButtonProps.size ?? (this.args.compressed ? 's' : 'm');
+  }
+  get updateButtonTestSubj() {
+    return this.updateButtonProps['data-test-subj'] ?? 'superDatePickerApplyTimeButton';
+  }
+  /** EuiAutoRefresh reports the picked units too (upstream). */
+  onAutoRefreshChange = change => {
+    const {
+      refreshInterval,
+      isPaused,
+      intervalUnits
+    } = change;
+    this.args.onRefreshChange?.({
+      refreshInterval,
+      isPaused,
+      intervalUnits
+    });
+  };
+  /** Upstream forces `auto` width when only the quick select shows. */
+  get resolvedWidth() {
+    if (this.args.isQuickSelectOnly) return 'auto';
+    const width = this.width;
+    return width === 'full' || width === 'auto' ? width : 'restricted';
+  }
+  get styles() {
+    return useEuiBorealisStyles(this.context, euiSuperDatePickerStyles);
+  }
+  /** Root: flex row with the gap, the width and the special cases. */
+  static {
+    n(this.prototype, "styles", [cached]);
+  }
+  get classes() {
+    const styles = this.styles;
+    const width = this.resolvedWidth;
+    const needsUpdating = this.hasChanged && !this.isDisabled && !this.isInvalid;
+    return ['euiSuperDatePicker', needsUpdating && 'euiSuperDatePicker--needsUpdating', euiClass(this.context, {
+      boxSizing: 'border-box'
+    }, styles.euiSuperDatePicker, styles.widths[width], !this.showUpdateButton && styles.noUpdateButton[width], this.isAutoRefreshOnly && styles.isAutoRefreshOnly[width], this.args.isQuickSelectOnly && styles.isQuickSelectOnly)].filter(Boolean).join(' ');
+  }
+  /**
+  * The range wrapper: grows, and carries the form state (disabled, then
+  * invalid, then needs updating, else default) for the layout inside.
+  */
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  get layoutCss() {
+    const {
+      states
+    } = this.styles;
+    const state = this.isDisabled ? states.disabled : this.isInvalid ? states.invalid : this.hasChanged ? states.needsUpdating : states.default;
+    return [states.euiSuperDatePicker__formControlLayout, state];
+  }
+  static {
+    n(this.prototype, "layoutCss", [cached]);
+  }
+  get rangeCss() {
+    return [this.styles.euiSuperDatePicker__range, ...this.layoutCss];
+  }
+  static {
+    n(this.prototype, "rangeCss", [cached]);
+  }
+  get prettyDurationTooltipCss() {
+    return this.styles.euiSuperDatePicker__prettyDurationTooltip;
+  }
+  /** Start/end popovers grow to share the range (upstream `rangeInput`). */
+  get rangeInputCss() {
+    return this.styles.euiSuperDatePicker__rangeInput;
+  }
+  /** Upstream shows the layout spinner only without the update button. */
+  get isLayoutLoading() {
+    return Boolean(this.args.isLoading && !this.showUpdateButton);
+  }
   /**
   * Calls `@onRefresh` every `@refreshInterval` ms while not `@isPaused`.
   * A returned promise delays the next call until it settles; a rejected
   * one stops the refreshing.
   */
-  static {
-    n(this.prototype, "handleClickUpdateButton", [action]);
-  }
   autoRefresh = modifier((_element, [onRefresh, isPaused, refreshInterval]) => {
     if (!onRefresh || isPaused || !(refreshInterval > 0)) return;
     let stopped = false;
@@ -200,20 +447,22 @@ class EuiSuperDatePicker extends Component {
     };
   });
   static {
-    setComponentTemplate(precompileTemplate("<EuiFlexGroup {{this.autoRefresh @onRefresh this.isPaused this.refreshInterval}} @gutterSize=\"s\" @responsive={{false}} class={{classNames \"euiSuperDatePicker__flexWrapper\" (unless this.showUpdateButton \"euiSuperDatePicker__flexWrapper--noUpdateButton\") (if this.isAutoRefreshOnly \"euiSuperDatePicker__flexWrapper--isAutoRefreshOnly\") (if @isQuickSelectOnly \"euiSuperDatePicker__flexWrapper--isQuickSelectOnly\") (if (eq this.width \"full\") \"euiSuperDatePicker__flexWrapper--fullWidth\") (if (eq this.width \"auto\") \"euiSuperDatePicker__flexWrapper--autoWidth\")}}>\n  <EuiFlexItem>\n    <EuiFormControlLayout class=\"euiSuperDatePicker\" @compressed={{@compressed}} @isDisabled={{@isDisabled}} @useGroup={{true}}>\n      <:prepend>\n        <EuiQuickSelectPopover @start={{this.start}} @end={{this.end}} @applyTime={{this.applyQuickTime}} @timeOptions={{this.timeOptions}} @isDisabled={{@isDisabled}} @commonlyUsedRanges={{argOrDefault @commonlyUsedRanges this.timeOptions.commonDurationRanges}} @applyRefreshInterval={{@onRefreshChange}} @isPaused={{this.isPaused}} @refreshInterval={{this.refreshInterval}} />\n      </:prepend>\n\n      <:field>\n        <EuiDatePickerRange @className=\"euiDatePickerRange--inGroup\" @isInvalid={{this.isInvalid}} @disabled={{@isDisabled}}>\n          <:startDateControl>\n            <EuiDatePopoverButton @className=\"euiSuperDatePicker__startPopoverButton\" @value={{this.start}} @compressed={{@compressed}} @position=\"start\" @isDisabled={{@isDisabled}} @dateFormat={{this.dateFormat}} @onChange={{this.setStart}} @isInvalid={{this.isInvalid}} @timeOptions={{this.timeOptions}} @needsUpdating={{this.hasChanged}} @locale={{@locale}} />\n          </:startDateControl>\n\n          <:endDateControl>\n            <EuiDatePopoverButton @className=\"euiSuperDatePicker__startPopoverButton\" @value={{this.end}} @compressed={{@compressed}} @position=\"end\" @isDisabled={{@isDisabled}} @dateFormat={{this.dateFormat}} @onChange={{this.setEnd}} @isInvalid={{this.isInvalid}} @timeOptions={{this.timeOptions}} @roundUp={{true}} @needsUpdating={{this.hasChanged}} @locale={{@locale}} />\n          </:endDateControl>\n        </EuiDatePickerRange>\n      </:field>\n    </EuiFormControlLayout>\n  </EuiFlexItem>\n\n  {{#if this.showUpdateButton}}\n    <EuiFlexItem @grow={{false}}>\n      <EuiSuperUpdateButton @size={{if @compressed \"s\" \"m\"}} @onClick={{this.handleClickUpdateButton}} @isLoading={{@isLoading}} @isDisabled={{or @isDisabled this.isInvalid}} @needsUpdate={{this.hasChanged}} @fill={{true}} @iconOnly={{eq this.showUpdateButton \"iconOnly\"}} />\n    </EuiFlexItem>\n  {{/if}}\n</EuiFlexGroup>", {
+    setComponentTemplate(precompileTemplate("<div class={{this.classes}} {{this.autoRefresh @onRefresh this.isPaused this.refreshInterval}} ...attributes>\n  {{#if this.showAutoRefreshOnly}}\n    <EuiAutoRefresh @isPaused={{this.isPaused}} @refreshInterval={{this.refreshInterval}} @minInterval={{@refreshMinInterval}} @intervalUnits={{@refreshIntervalUnits}} @onRefreshChange={{this.onAutoRefreshChange}} @fullWidth={{eq this.resolvedWidth \"full\"}} @compressed={{@compressed}} @isDisabled={{this.isDisabled}} />\n  {{else}}\n    {{#let (component EuiQuickSelectPopover start=this.start end=this.end applyTime=this.applyQuickTime timeOptions=this.timeOptions isDisabled=this.isDisabled compressed=@compressed commonlyUsedRanges=this.commonlyUsedRanges recentlyUsedRanges=@recentlyUsedRanges dateFormat=this.dateFormat onRefreshChange=@onRefreshChange isPaused=this.isPaused refreshInterval=this.refreshInterval refreshMinInterval=@refreshMinInterval intervalUnits=@refreshIntervalUnits customQuickSelectPanels=@customQuickSelectPanels hasCustomQuickSelectRender=(has-block \"customQuickSelectRender\") buttonProps=@quickSelectButtonProps) (component EuiAutoRefreshButton refreshInterval=this.refreshInterval minInterval=@refreshMinInterval intervalUnits=@refreshIntervalUnits isDisabled=this.isDisabled isPaused=this.isPaused onRefreshChange=this.onAutoRefreshChange shortHand=true) as |QuickSelect AutoRefreshButton|}}\n      {{#if this.showPrettyDurationButton}}\n        <EuiFormControlLayout @compressed={{@compressed}} @isInvalid={{this.isInvalid}} @isLoading={{this.isLayoutLoading}} @isDisabled={{this.isDisabled}} @fullWidth={{true}} @css={{this.layoutCss}} @isAppendProvided={{this.showAutoRefreshAppend}}>\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 @css={{this.prettyDurationTooltipCss}} @content={{this.formattedFullRange}} @display=\"block\" @offset={{this.prettyDurationTooltipOffset}}>\n                <EuiFormControlButton class=\"euiSuperDatePicker__prettyFormat\n                    {{if this.isDisabled \"euiSuperDatePicker__prettyFormat--disabled\"}}\" @compressed={{@compressed}} @isDisabled={{this.isDisabled}} data-test-subj=\"superDatePickerShowDatesButton\" {{on \"click\" this.hidePrettyDuration}} {{on \"focus\" this.onPrettyDurationFocus}}>\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 class={{this.prettyDurationTextClass}}>{{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 @css={{this.rangeCss}} @fullWidth={{true}} @compressed={{@compressed}} @isInvalid={{this.isInvalid}} @isLoading={{this.isLayoutLoading}} @disabled={{this.isDisabled}} @delimiter={{if @isQuickSelectOnly \"\"}} @icon={{if this.hasChangedIcon \"checkCircle\"}} @iconSide={{if this.hasChangedIcon \"right\"}} @isAppendProvided={{this.showAutoRefreshAppend}}>\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 @className=\"euiSuperDatePicker__startPopoverButton\" @css={{this.rangeInputCss}} @value={{this.start}} @compressed={{@compressed}} @position=\"start\" @isDisabled={{this.isDisabled}} @dateFormat={{this.dateFormat}} @timeFormat={{this.timeFormat}} @utcOffset={{@utcOffset}} @onChange={{this.setStart}} @isInvalid={{this.isInvalid}} @timeOptions={{this.timeOptions}} @needsUpdating={{this.hasChanged}} @locale={{@locale}} @minDate={{@minDate}} @maxDate={{@maxDate}} @canRoundRelativeUnits={{@canRoundRelativeUnits}} @timeZoneDisplayProps={{@timeZoneDisplayProps}} @onFocus={{@onFocus}} @isOpen={{this.isStartDatePopoverOpen}} @onPopoverToggle={{this.onStartDatePopoverToggle}} @onPopoverClose={{this.onStartDatePopoverClose}} />\n            {{/unless}}\n          </:startDateControl>\n\n          <:endDateControl>\n            {{#unless @isQuickSelectOnly}}\n              <EuiDatePopoverButton @className=\"euiSuperDatePicker__endPopoverButton\" @css={{this.rangeInputCss}} @value={{this.end}} @compressed={{@compressed}} @position=\"end\" @isDisabled={{this.isDisabled}} @dateFormat={{this.dateFormat}} @timeFormat={{this.timeFormat}} @utcOffset={{@utcOffset}} @onChange={{this.setEnd}} @isInvalid={{this.isInvalid}} @timeOptions={{this.timeOptions}} @roundUp={{true}} @needsUpdating={{this.hasChanged}} @locale={{@locale}} @minDate={{@minDate}} @maxDate={{@maxDate}} @canRoundRelativeUnits={{@canRoundRelativeUnits}} @timeZoneDisplayProps={{@timeZoneDisplayProps}} @onFocus={{@onFocus}} @isOpen={{this.isEndDatePopoverOpen}} @onPopoverToggle={{this.onEndDatePopoverToggle}} @onPopoverClose={{this.onEndDatePopoverClose}} />\n            {{/unless}}\n          </:endDateControl>\n\n          <:append>\n            <AutoRefreshButton />\n          </:append>\n        </EuiDatePickerRange>\n      {{/if}}\n    {{/let}}\n\n    {{#if this.timeWindowConfig}}\n      <EuiTimeWindowButtons @applyTime={{this.applyQuickTime}} @start={{this.appliedStart}} @end={{this.appliedEnd}} @compressed={{@compressed}} @isDisabled={{or this.isDisabled this.isInvalid}} @showZoomOut={{this.timeWindowConfig.showZoomOut}} @showZoomIn={{this.timeWindowConfig.showZoomIn}} @showShiftArrows={{this.timeWindowConfig.showShiftArrows}} @zoomFactor={{this.timeWindowConfig.zoomFactor}} />\n    {{/if}}\n\n    {{#if this.showUpdateButton}}\n      <EuiSuperUpdateButton @size={{this.updateButtonSize}} @onClick={{this.handleClickUpdateButton}} @isLoading={{@isLoading}} @isDisabled={{or this.isDisabled this.isInvalid}} @needsUpdate={{this.hasChanged}} @showTooltip={{this.updateButtonShowTooltip}} @fill={{this.updateButtonProps.fill}} @iconOnly={{this.updateButtonIconOnly}} @color={{this.updateButtonProps.color}} @iconType={{this.updateButtonProps.iconType}} @label={{this.updateButtonProps.children}} @minWidth={{this.updateButtonProps.minWidth}} @className={{this.updateButtonProps.className}} @toolTipProps={{this.updateButtonProps.toolTipProps}} @responsive={{this.updateButtonProps.responsive}} @element={{this.updateButtonProps.element}} @fullWidth={{this.updateButtonProps.fullWidth}} @hasAriaDisabled={{this.updateButtonProps.hasAriaDisabled}} @iconSide={{this.updateButtonProps.iconSide}} @iconSize={{this.updateButtonProps.iconSize}} @isSelected={{this.updateButtonProps.isSelected}} data-test-subj={{this.updateButtonTestSubj}} />\n    {{/if}}\n  {{/if}}\n</div>", {
       strictMode: true,
       scope: () => ({
-        EuiFlexGroup,
-        classNames,
+        EuiAutoRefresh,
         eq,
-        EuiFlexItem,
-        EuiFormControlLayout,
         EuiQuickSelectPopover,
-        argOrDefault,
+        EuiAutoRefreshButton,
+        EuiFormControlLayout,
+        EuiToolTip,
+        EuiFormControlButton,
+        on,
         EuiDatePickerRange,
         EuiDatePopoverButton,
-        EuiSuperUpdateButton,
-        or
+        EuiTimeWindowButtons,
+        or,
+        EuiSuperUpdateButton
       })
     }), this);
   }

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 { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\n\nimport { modifier } from 'ember-modifier';\nimport { eq, or } from 'ember-truth-helpers';\n\nimport argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiFormControlLayout from './eui-form-control-layout.gts';\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 { isRangeInvalid } from './eui-super-date-picker/utils/index.ts';\nimport { useI18nTimeOptions } from './eui-super-date-picker/utils/time-options.ts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type {\n  ApplyRefreshInterval,\n  DurationRange,\n  Milliseconds,\n  ShortDate\n} from './eui-super-date-picker/types/global';\nimport type { LocaleSpecifier } from 'moment';\n\nexport type { ApplyRefreshInterval, DurationRange, Milliseconds, ShortDate };\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  // 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  /** Disables the picker. Defaults to `false`. */\n  isDisabled?: 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   * - `full`: expands to 100% of the container.\n   * Defaults to `'restricted'`.\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  // recentlyUsedRanges?: DurationRange[];\n  /**\n   * Refresh interval in milliseconds. Defaults to `1000`.\n   */\n  refreshInterval?: Milliseconds;\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   * 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   * Props passed to the update button #EuiSuperUpdateButtonProps\n   */\n  // updateButtonProps?: EuiSuperUpdateButtonProps;\n}\n\nexport default class EuiSuperDatePicker extends Component<EuiSuperDatePickerArgs> {\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(false) isDisabled!: 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  /**\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  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(this.start, this.end);\n  }\n\n  get hasChanged(): boolean {\n    return this.currentDraft?.hasChanged ?? false;\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(start, end, !(this.start === start && this.end === end));\n\n    if (!this.showUpdateButton) {\n      this.args.onTimeChange({\n        start,\n        end,\n        isQuickSelection: false,\n        isInvalid: isRangeInvalid(start, end)\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\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  /**\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    <EuiFlexGroup\n      {{this.autoRefresh @onRefresh this.isPaused this.refreshInterval}}\n      @gutterSize=\"s\"\n      @responsive={{false}}\n      class={{classNames\n        \"euiSuperDatePicker__flexWrapper\"\n        (unless\n          this.showUpdateButton\n          \"euiSuperDatePicker__flexWrapper--noUpdateButton\"\n        )\n        (if\n          this.isAutoRefreshOnly\n          \"euiSuperDatePicker__flexWrapper--isAutoRefreshOnly\"\n        )\n        (if\n          @isQuickSelectOnly\n          \"euiSuperDatePicker__flexWrapper--isQuickSelectOnly\"\n        )\n        (if (eq this.width \"full\") \"euiSuperDatePicker__flexWrapper--fullWidth\")\n        (if (eq this.width \"auto\") \"euiSuperDatePicker__flexWrapper--autoWidth\")\n      }}\n    >\n      <EuiFlexItem>\n        <EuiFormControlLayout\n          class=\"euiSuperDatePicker\"\n          @compressed={{@compressed}}\n          @isDisabled={{@isDisabled}}\n          @useGroup={{true}}\n        >\n          <:prepend>\n            <EuiQuickSelectPopover\n              @start={{this.start}}\n              @end={{this.end}}\n              @applyTime={{this.applyQuickTime}}\n              @timeOptions={{this.timeOptions}}\n              @isDisabled={{@isDisabled}}\n              @commonlyUsedRanges={{argOrDefault\n                @commonlyUsedRanges\n                this.timeOptions.commonDurationRanges\n              }}\n              @applyRefreshInterval={{@onRefreshChange}}\n              @isPaused={{this.isPaused}}\n              @refreshInterval={{this.refreshInterval}}\n            />\n          </:prepend>\n\n          <:field>\n            <EuiDatePickerRange\n              @className=\"euiDatePickerRange--inGroup\"\n              @isInvalid={{this.isInvalid}}\n              @disabled={{@isDisabled}}\n            >\n              <:startDateControl>\n                <EuiDatePopoverButton\n                  @className=\"euiSuperDatePicker__startPopoverButton\"\n                  @value={{this.start}}\n                  @compressed={{@compressed}}\n                  @position=\"start\"\n                  @isDisabled={{@isDisabled}}\n                  @dateFormat={{this.dateFormat}}\n                  @onChange={{this.setStart}}\n                  @isInvalid={{this.isInvalid}}\n                  @timeOptions={{this.timeOptions}}\n                  @needsUpdating={{this.hasChanged}}\n                  @locale={{@locale}}\n                />\n              </:startDateControl>\n\n              <:endDateControl>\n                <EuiDatePopoverButton\n                  @className=\"euiSuperDatePicker__startPopoverButton\"\n                  @value={{this.end}}\n                  @compressed={{@compressed}}\n                  @position=\"end\"\n                  @isDisabled={{@isDisabled}}\n                  @dateFormat={{this.dateFormat}}\n                  @onChange={{this.setEnd}}\n                  @isInvalid={{this.isInvalid}}\n                  @timeOptions={{this.timeOptions}}\n                  @roundUp={{true}}\n                  @needsUpdating={{this.hasChanged}}\n                  @locale={{@locale}}\n                />\n              </:endDateControl>\n            </EuiDatePickerRange>\n          </:field>\n        </EuiFormControlLayout>\n      </EuiFlexItem>\n\n      {{#if this.showUpdateButton}}\n        <EuiFlexItem @grow={{false}}>\n          <EuiSuperUpdateButton\n            @size={{if @compressed \"s\" \"m\"}}\n            @onClick={{this.handleClickUpdateButton}}\n            @isLoading={{@isLoading}}\n            @isDisabled={{or @isDisabled this.isInvalid}}\n            @needsUpdate={{this.hasChanged}}\n            @fill={{true}}\n            @iconOnly={{eq this.showUpdateButton \"iconOnly\"}}\n          />\n        </EuiFlexItem>\n      {{/if}}\n    </EuiFlexGroup>\n  </template>\n}\n"],"names":["EuiSuperDatePicker","Component","g","prototype","argOrDefaultDecorator","i","service","tracked","currentDraft","draft","forStart","args","start","forEnd","end","undefined","isInvalid","isRangeInvalid","hasChanged","setDraft","timeOptions","useI18nTimeOptions","euiI18n","setTime","showUpdateButton","onTimeChange","isQuickSelection","applyTime","applyQuickTime","n","action","setStart","setEnd","handleClickUpdateButton","onRefresh","refreshInterval","autoRefresh","modifier","_element","isPaused","stopped","timer","tick","setTimeout","clearTimeout","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFlexGroup","classNames","eq","EuiFlexItem","EuiFormControlLayout","EuiQuickSelectPopover","argOrDefault","EuiDatePickerRange","EuiDatePopoverButton","EuiSuperUpdateButton","or"],"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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"}