@ember-eui/core 14.1.4 → 15.0.0

package/dist/components/eui-suggest-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-suggest-item.js","sources":["../../src/components/eui-suggest-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { element } from 'ember-element-helper';\n\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst TINTS = [\n  'tint0',\n  'tint1',\n  'tint2',\n  'tint3',\n  'tint4',\n  'tint5',\n  'tint6',\n  'tint7',\n  'tint8',\n  'tint9',\n  'tint10'\n];\n\nexport interface EuiSuggestItemType {\n  /** Icon of the suggestion's type, e.g. `'kqlField'` or `'search'`. */\n  iconType: EuiIconSignature['Args']['type'];\n  /** `'tint0'` to `'tint10'`, the color behind the icon. */\n  color?: string;\n}\n\n/**\n * One suggestion of an `EuiSuggest`: a colored type icon, a label and an\n * optional description. With `@onClick` it is a button.\n */\nexport interface EuiSuggestItemSignature {\n  Element: HTMLButtonElement | HTMLDivElement;\n  Args: {\n    /** The suggestion's type: its icon and color. */\n    type: EuiSuggestItemType;\n    /** The suggestion. */\n    label: string;\n    /** More about it, after the label. */\n    description?: string;\n    /**\n     * `'fixed'` keeps the label at `@labelWidth`; `'expand'` lets it take\n     * the space it needs. Defaults to `'fixed'` (`'expand'` without a\n     * description).\n     */\n    labelDisplay?: 'fixed' | 'expand';\n    /** Width of the label in percent, `'20'` to `'90'` by tens. Defaults to `'50'`. */\n    labelWidth?: '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90';\n    /** `'truncate'` or `'wrap'` a long description. Defaults to `'truncate'`. */\n    descriptionDisplay?: 'truncate' | 'wrap';\n    /** Makes it a button. */\n    onClick?: (event: MouseEvent) => void;\n  };\n}\n\nfunction typeClass(type: EuiSuggestItemType): string {\n  return type.color && TINTS.includes(type.color)\n    ? `euiSuggestItem__type euiSuggestItem__type--${type.color}`\n    : 'euiSuggestItem__type';\n}\n\nfunction labelClass(labelDisplay = 'fixed', labelWidth = '50', description?: string): string {\n  const display = description ? labelDisplay : 'expand';\n\n  return [\n    'euiSuggestItem__label',\n    `euiSuggestItem__labelDisplay--${display}`,\n    labelDisplay === 'fixed' && `euiSuggestItem__label--width${labelWidth}`\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nfunction noop(): void {}\n\nconst EuiSuggestItem: TemplateOnlyComponent<EuiSuggestItemSignature> = <template>\n  {{#let (element (if @onClick \"button\" \"div\")) as |Tag|}}\n    <Tag\n      class=\"euiSuggestItem {{if @onClick 'euiSuggestItem-isClickable'}}\"\n      type={{if @onClick \"button\"}}\n      {{on \"click\" (if @onClick @onClick noop)}}\n      ...attributes\n    >\n      <span class={{typeClass @type}}>\n        <EuiIcon @type={{@type.iconType}} @color=\"inherit\" />\n      </span>\n      <span class={{labelClass @labelDisplay @labelWidth @description}}>{{@label}}</span>\n      {{#if @description}}\n        <span\n          class=\"euiSuggestItem__description euiSuggestItem__description--{{if\n            @descriptionDisplay\n            @descriptionDisplay\n            'truncate'\n          }}\"\n        >{{@description}}</span>\n      {{/if}}\n    </Tag>\n  {{/let}}\n</template>;\n\nexport default EuiSuggestItem;\n"],"names":["TINTS","typeClass","type","color","includes","labelClass","labelDisplay","labelWidth","description","display","filter","Boolean","join","noop","EuiSuggestItem","setComponentTemplate","precompileTemplate","strictMode","scope","element","on","EuiIcon","templateOnly"],"mappings":";;;;;;;AASA,MAAMA,KAAA,GAAQ,CACZ,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,QAAA,CACD;;AASD;;;AAGC;;AAyBD,SAASC,SAAAA,CAAUC,IAAwB,EAAS;AAClD,EAAA,OAAOA,IAAA,CAAKC,KAAK,IAAIH,KAAA,CAAMI,QAAQ,CAACF,IAAA,CAAKC,KAAK,CAAA,GAC1C,CAAA,2CAAA,EAA8CD,IAAA,CAAKC,KAAK,CAAA,CAAE,GAC1D,sBAAA;AACN;AAEA,SAASE,UAAAA,CAAWC,YAAA,GAAe,OAAO,EAAEC,UAAA,GAAa,IAAI,EAAEC,WAAoB,EAAS;AAC1F,EAAA,MAAMC,OAAA,GAAUD,cAAcF,YAAA,GAAe,QAAA;EAE7C,OAAO,CACL,uBAAA,EACA,CAAA,8BAAA,EAAiCG,OAAA,EAAS,EAC1CH,YAAA,KAAiB,OAAA,IAAW,CAAA,4BAAA,EAA+BC,UAAA,CAAA,CAAY,CACxE,CACEG,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASC,IAAAA,GAAY,CAAE;AAEvB,MAAMC,cAAsC,GAAAC,oBAAA,CAA2BC,kBAAA,CAAA,opBAAA,EAuBvE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;IAAAC,EAAA;IAAAP,IAAA;IAAAZ,SAAA;IAAAoB,OAAA;AAAAhB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAiB,YAAA,EAAA;;"}
+{"version":3,"file":"eui-suggest-item.js","sources":["../../src/components/eui-suggest-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\n\nimport EuiIcon from './eui-icon.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst TINTS = [\n  'tint0',\n  'tint1',\n  'tint2',\n  'tint3',\n  'tint4',\n  'tint5',\n  'tint6',\n  'tint7',\n  'tint8',\n  'tint9',\n  'tint10'\n];\n\nexport interface EuiSuggestItemType {\n  /** Icon of the suggestion's type, e.g. `'kqlField'` or `'search'`. */\n  iconType: EuiIconSignature['Args']['type'];\n  /** `'tint0'` to `'tint10'`, the color behind the icon. */\n  color?: string;\n}\n\n/**\n * One suggestion of an `EuiSuggest`: a colored type icon, a label and an\n * optional description. With `@onClick` it is a button.\n */\nexport interface EuiSuggestItemSignature {\n  Element: HTMLButtonElement | HTMLDivElement;\n  Args: {\n    /** The suggestion's type: its icon and color. */\n    type: EuiSuggestItemType;\n    /** The suggestion. */\n    label: string;\n    /** More about it, after the label. */\n    description?: string;\n    /**\n     * `'fixed'` keeps the label at `@labelWidth`; `'expand'` lets it take\n     * the space it needs. Defaults to `'fixed'` (`'expand'` without a\n     * description).\n     */\n    labelDisplay?: 'fixed' | 'expand';\n    /** Width of the label in percent, `'20'` to `'90'` by tens. Defaults to `'50'`. */\n    labelWidth?: '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90';\n    /** `'truncate'` or `'wrap'` a long description. Defaults to `'truncate'`. */\n    descriptionDisplay?: 'truncate' | 'wrap';\n    /** Makes it a button. */\n    onClick?: (event: MouseEvent) => void;\n  };\n}\n\nfunction typeClass(type: EuiSuggestItemType): string {\n  return type.color && TINTS.includes(type.color)\n    ? `euiSuggestItem__type euiSuggestItem__type--${type.color}`\n    : 'euiSuggestItem__type';\n}\n\nfunction labelClass(labelDisplay = 'fixed', labelWidth = '50', description?: string): string {\n  const display = description ? labelDisplay : 'expand';\n\n  return [\n    'euiSuggestItem__label',\n    `euiSuggestItem__labelDisplay--${display}`,\n    labelDisplay === 'fixed' && `euiSuggestItem__label--width${labelWidth}`\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nfunction noop(): void {}\n\nconst EuiSuggestItem: TemplateOnlyComponent<EuiSuggestItemSignature> = <template>\n  {{#let (element (if @onClick \"button\" \"div\")) as |Tag|}}\n    <Tag\n      class=\"euiSuggestItem {{if @onClick 'euiSuggestItem-isClickable'}}\"\n      type={{if @onClick \"button\"}}\n      {{on \"click\" (if @onClick @onClick noop)}}\n      ...attributes\n    >\n      <span class={{typeClass @type}}>\n        <EuiIcon @type={{@type.iconType}} @color=\"inherit\" />\n      </span>\n      <span class={{labelClass @labelDisplay @labelWidth @description}}>{{@label}}</span>\n      {{#if @description}}\n        <span\n          class=\"euiSuggestItem__description euiSuggestItem__description--{{if\n            @descriptionDisplay\n            @descriptionDisplay\n            'truncate'\n          }}\"\n        >{{@description}}</span>\n      {{/if}}\n    </Tag>\n  {{/let}}\n</template>;\n\nexport default EuiSuggestItem;\n"],"names":["TINTS","typeClass","type","color","includes","labelClass","labelDisplay","labelWidth","description","display","filter","Boolean","join","noop","EuiSuggestItem","setComponentTemplate","precompileTemplate","strictMode","scope","on","EuiIcon","templateOnly"],"mappings":";;;;;;AAQA,MAAMA,KAAA,GAAQ,CACZ,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,OAAA,EACA,QAAA,CACD;;AASD;;;AAGC;;AAyBD,SAASC,SAAAA,CAAUC,IAAwB,EAAS;AAClD,EAAA,OAAOA,IAAA,CAAKC,KAAK,IAAIH,KAAA,CAAMI,QAAQ,CAACF,IAAA,CAAKC,KAAK,CAAA,GAC1C,CAAA,2CAAA,EAA8CD,IAAA,CAAKC,KAAK,CAAA,CAAE,GAC1D,sBAAA;AACN;AAEA,SAASE,UAAAA,CAAWC,YAAA,GAAe,OAAO,EAAEC,UAAA,GAAa,IAAI,EAAEC,WAAoB,EAAS;AAC1F,EAAA,MAAMC,OAAA,GAAUD,cAAcF,YAAA,GAAe,QAAA;EAE7C,OAAO,CACL,uBAAA,EACA,CAAA,8BAAA,EAAiCG,OAAA,EAAS,EAC1CH,YAAA,KAAiB,OAAA,IAAW,CAAA,4BAAA,EAA+BC,UAAA,CAAA,CAAY,CACxE,CACEG,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASC,IAAAA,GAAY,CAAE;AAEvB,MAAMC,cAAsC,GAAAC,oBAAA,CAA2BC,kBAAA,CAAA,opBAAA,EAuBvE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAN,IAAA;IAAAZ,SAAA;IAAAmB,OAAA;AAAAf,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAgB,YAAA,EAAA;;"}

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;\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":";;;;;;;;;;;;;;;;;;;;;AA0Ie,MAAMA,2BAA2BC,SAAA,CAAU;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CACvDC,qBAAA,CAAsB,4BAAA,CAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CACtBC,qBAAA,CAAsB,OAAA,CAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,mBAAA,EAAA,CAGtBC,qBAAA,CAAsB,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,kBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,mBAAA,CAAA,EAAA,MAAA,EAAA;AADvB;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CAECC,qBAAA,CAAsB,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,UAAA,EAAA,CACtBC,qBAAA,CAAsB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,kBAAA,EAAA,CACtBC,qBAAA,CAAsB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,iBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,OAAA,EAAA,CACtBC,qBAAA,CAAsB,YAAA,CAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,iBAAA,EAAA,CAEtBC,qBAAA,CAAsB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,gBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,iBAAA,CAAA,EAAA,MAAA,EAAA;AADvB,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAGCG,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAQAI,OAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA;AAND;;;;;AAKC;EASD,IAAYG,YAAAA,GAAe;IACzB,MAAM;AAAEC,MAAAA;AAAK,KAAE,GAAG,IAAI;IAEtB,OAAOA,SACLA,KAAA,CAAMC,QAAQ,KAAK,IAAI,CAACC,IAAI,CAACC,KAAK,IAClCH,KAAA,CAAMI,MAAM,KAAK,IAAI,CAACF,IAAI,CAACG,GAAG,GAC5BL,KAAA,GACAM,SAAA;AACN,EAAA;EAEA,IAAIH,QAAmB;AACrB,IAAA,OAAO,IAAI,CAACJ,YAAY,EAAEI,KAAA,IAAS,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,SAAA;AACxD,EAAA;EAEA,IAAIE,MAAiB;AACnB,IAAA,OAAO,IAAI,CAACN,YAAY,EAAEM,GAAA,IAAO,IAAI,CAACH,IAAI,CAACG,GAAG,IAAI,KAAA;AACpD,EAAA;EAEA,IAAIE,SAAAA,GAAqB;IACvB,OAAOC,eAAe,IAAI,CAACL,KAAK,EAAE,IAAI,CAACE,GAAG,CAAA;AAC5C,EAAA;EAEA,IAAII,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACV,YAAY,EAAEU,UAAA,IAAc,KAAA;AAC1C,EAAA;AAEQC,EAAAA,QAAAA,CAASP,KAAgB,EAAEE,GAAc,EAAEI,UAAmB,EAAE;IACtE,IAAI,CAACT,KAAK,GAAG;MACXG,KAAA;MACAE,GAAA;MACAI,UAAA;AACAR,MAAAA,QAAA,EAAU,IAAI,CAACC,IAAI,CAACC,KAAK;AACzBC,MAAAA,MAAA,EAAQ,IAAI,CAACF,IAAI,CAACG;KACpB;AACF,EAAA;EAEA,IAAIM,WAAAA,GAAc;AAChB,IAAA,OAAOC,kBAAA,CAAmB,IAAI,CAACC,OAAO,CAAA;AACxC,EAAA;AAEAC,EAAAA,OAAAA,CAAQ;IAAEX,KAAK;AAAEE,IAAAA;GAAoB,EAAE;IACrC,IAAI,CAACK,QAAQ,CAACP,KAAA,EAAOE,GAAA,EAAK,EAAE,IAAI,CAACF,KAAK,KAAKA,KAAA,IAAS,IAAI,CAACE,GAAG,KAAKA,GAAG,CAAA,CAAA;AAEpE,IAAA,IAAI,CAAC,IAAI,CAACU,gBAAgB,EAAE;AAC1B,MAAA,IAAI,CAACb,IAAI,CAACc,YAAY,CAAC;QACrBb,KAAA;QACAE,GAAA;AACAY,QAAAA,gBAAA,EAAkB,KAAA;AAClBV,QAAAA,SAAA,EAAWC,eAAeL,KAAA,EAAOE,GAAA;AACnC,OAAA,CAAA;AACF,IAAA;AACF,EAAA;AAEAa,EAAAA,SAAAA,GAAY;AACV,IAAA,IAAI,CAAChB,IAAI,CAACc,YAAY,CAAC;MACrBb,KAAA,EAAO,IAAI,CAACA,KAAK;MACjBE,GAAA,EAAK,IAAI,CAACA,GAAG;AACbY,MAAAA,gBAAA,EAAkB,KAAA;AAClBV,MAAAA,SAAA,EAAW;AACb,KAAA,CAAA;AACF,EAAA;AAGAY,EAAAA,cAAAA,CAAe;IAAEhB,KAAK;AAAEE,IAAAA;GAAoB,EAAE;IAC5C,IAAI,CAACK,QAAQ,CAACP,KAAA,EAAOE,GAAA,EAAK,KAAA,CAAA;AAE1B,IAAA,IAAI,CAACH,IAAI,CAACc,YAAY,CAAC;MACrBb,KAAA;MACAE,GAAA;AACAY,MAAAA,gBAAA,EAAkB,IAAA;AAClBV,MAAAA,SAAA,EAAW;AACb,KAAA,CAAA;AACF,EAAA;AAAA,EAAA;IAAAa,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,gBAAA,EAAA,CAVC2B,MAAA,CAAA,CAAA;AAAA;EAaDC,QAAAA,CAASnB,KAAgB,EAAE;IACzB,IAAI,CAACW,OAAO,CAAC;MAAEX,KAAA;MAAOE,GAAA,EAAK,IAAI,CAACA;AAAI,KAAA,CAAA;AACtC,EAAA;AAAA,EAAA;IAAAe,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,UAAA,EAAA,CAHC2B,MAAA,CAAA,CAAA;AAAA;EAMDE,MAAAA,CAAOlB,GAAc,EAAE;IACrB,IAAI,CAACS,OAAO,CAAC;MAAEX,KAAA,EAAO,IAAI,CAACA,KAAK;AAAEE,MAAAA;AAAI,KAAA,CAAA;AACxC,EAAA;AAAA,EAAA;IAAAe,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,QAAA,EAAA,CAHC2B,MAAA,CAAA,CAAA;AAAA;AAMDG,EAAAA,uBAAAA,GAA0B;IACxB,IAAI,CAAC,IAAI,CAACf,UAAU,IAAI,IAAI,CAACP,IAAI,CAACuB,SAAS,EAAE;AAC3C,MAAA,KAAK,IAAI,CAACvB,IAAI,CAACuB,SAAS,CAAC;QACvBtB,KAAA,EAAO,IAAI,CAACA,KAAK;QACjBE,GAAA,EAAK,IAAI,CAACA,GAAG;QACbqB,eAAA,EAAiB,IAAI,CAACA;AACxB,OAAA,CAAA;AACF,IAAA,CAAA,MAAO;MACL,IAAI,CAACR,SAAS,EAAA;AAChB,IAAA;IAEA,IAAI,IAAI,CAACnB,YAAY,EAAE;MACrB,IAAI,CAACC,KAAK,GAAG;QAAE,GAAG,IAAI,CAACD,YAAY;AAAEU,QAAAA,UAAA,EAAY;OAAM;AACzD,IAAA;AACF,EAAA;AAEA;;;;AAIC;AAJD,EAAA;IAAAW,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,yBAAA,EAAA,CAjBC2B,MAAA,CAAA,CAAA;AAAA;AAsBDM,EAAAA,WAAA,GAAcC,QAAA,CACZ,CACEC,UACA,CAACJ,SAAA,EAAWK,QAAA,EAAUJ,eAAA,CAIrB,KAAA;IAED,IAAI,CAACD,SAAA,IAAaK,QAAA,IAAY,EAAEJ,eAAA,GAAkB,CAAC,CAAA,EAAG;IAEtD,IAAIK,OAAA,GAAU,KAAA;AACd,IAAA,IAAIC,KAAyB;AAE7B,IAAA,MAAMC,IAAA,GAAO,YAAA;MACX,IAAI;AACF,QAAA,MAAMR,SAAA,CAAU;UAAEtB,KAAA,EAAO,IAAI,CAACA,KAAK;UAAEE,GAAA,EAAK,IAAI,CAACA,GAAG;AAAEqB,UAAAA;AAAgB,SAAA,CAAA;AACtE,MAAA,CAAA,CAAE,MAAM;AACNK,QAAAA,OAAA,GAAU,IAAA;AACZ,MAAA;AAEA,MAAA,IAAI,CAACA,OAAA,EAASC,KAAA,GAAQE,UAAA,CAAW,MAAM,KAAKD,IAAA,EAAA,EAAQP,eAAA,CAAA;IACtD,CAAA;IAEAM,KAAA,GAAQE,UAAA,CAAW,MAAM,KAAKD,IAAA,EAAA,EAAQP,eAAA,CAAA;AAEtC,IAAA,OAAO,MAAA;AACLK,MAAAA,OAAA,GAAU,IAAA;MACVI,YAAA,CAAaH,KAAA,CAAA;IACf,CAAA;AACF,EAAA,CAAA,CAAA;AAGF,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,smFAAA,EAwGA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,WAAA;QAAAC,oBAAA;QAAAC,qBAAA;QAAAC,YAAA;QAAAC,kBAAA;QAAAC,oBAAA;QAAAC,oBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"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":";;;;;;;;;;;;;;;;;;;;;AA0Ie,MAAMA,2BAA2BC,SAAA,CAAU;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CACvDC,qBAAA,CAAsB,4BAAA,CAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CACtBC,qBAAA,CAAsB,OAAA,CAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,mBAAA,EAAA,CAGtBC,qBAAA,CAAsB,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,kBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,mBAAA,CAAA,EAAA,MAAA,EAAA;AADvB;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,YAAA,EAAA,CAECC,qBAAA,CAAsB,KAAA,CAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,UAAA,EAAA,CACtBC,qBAAA,CAAsB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,kBAAA,EAAA,CACtBC,qBAAA,CAAsB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,iBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,OAAA,EAAA,CACtBC,qBAAA,CAAsB,YAAA,CAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA;AAAA,EAAA;AAAAH,IAAAA,CAAA,MAAAC,SAAA,EAAA,iBAAA,EAAA,CAEtBC,qBAAA,CAAsB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,gBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,iBAAA,CAAA,EAAA,MAAA,EAAA;AADvB,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAGCG,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAQAI,OAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA;AAND;;;;;AAKC;EASD,IAAYG,YAAAA,GAAe;IACzB,MAAM;AAAEC,MAAAA;AAAK,KAAE,GAAG,IAAI;IAEtB,OAAOA,SACLA,KAAA,CAAMC,QAAQ,KAAK,IAAI,CAACC,IAAI,CAACC,KAAK,IAClCH,KAAA,CAAMI,MAAM,KAAK,IAAI,CAACF,IAAI,CAACG,GAAG,GAC5BL,KAAA,GACAM,SAAA;AACN,EAAA;EAEA,IAAIH,QAAmB;AACrB,IAAA,OAAO,IAAI,CAACJ,YAAY,EAAEI,KAAA,IAAS,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,SAAA;AACxD,EAAA;EAEA,IAAIE,MAAiB;AACnB,IAAA,OAAO,IAAI,CAACN,YAAY,EAAEM,GAAA,IAAO,IAAI,CAACH,IAAI,CAACG,GAAG,IAAI,KAAA;AACpD,EAAA;EAEA,IAAIE,SAAAA,GAAqB;IACvB,OAAOC,eAAe,IAAI,CAACL,KAAK,EAAE,IAAI,CAACE,GAAG,CAAA;AAC5C,EAAA;EAEA,IAAII,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACV,YAAY,EAAEU,UAAA,IAAc,KAAA;AAC1C,EAAA;AAEQC,EAAAA,QAAAA,CAASP,KAAgB,EAAEE,GAAc,EAAEI,UAAmB,EAAE;IACtE,IAAI,CAACT,KAAK,GAAG;MACXG,KAAA;MACAE,GAAA;MACAI,UAAA;AACAR,MAAAA,QAAA,EAAU,IAAI,CAACC,IAAI,CAACC,KAAK;AACzBC,MAAAA,MAAA,EAAQ,IAAI,CAACF,IAAI,CAACG;KACpB;AACF,EAAA;EAEA,IAAIM,WAAAA,GAAc;AAChB,IAAA,OAAOC,kBAAA,CAAmB,IAAI,CAACC,OAAO,CAAA;AACxC,EAAA;AAEAC,EAAAA,OAAAA,CAAQ;IAAEX,KAAK;AAAEE,IAAAA;GAAoB,EAAE;IACrC,IAAI,CAACK,QAAQ,CAACP,KAAA,EAAOE,GAAA,EAAK,EAAE,IAAI,CAACF,KAAK,KAAKA,KAAA,IAAS,IAAI,CAACE,GAAG,KAAKA,GAAG,CAAA,CAAA;AAEpE,IAAA,IAAI,CAAC,IAAI,CAACU,gBAAgB,EAAE;AAC1B,MAAA,IAAI,CAACb,IAAI,CAACc,YAAY,CAAC;QACrBb,KAAA;QACAE,GAAA;AACAY,QAAAA,gBAAA,EAAkB,KAAA;AAClBV,QAAAA,SAAA,EAAWC,eAAeL,KAAA,EAAOE,GAAA;AACnC,OAAA,CAAA;AACF,IAAA;AACF,EAAA;AAEAa,EAAAA,SAAAA,GAAY;AACV,IAAA,IAAI,CAAChB,IAAI,CAACc,YAAY,CAAC;MACrBb,KAAA,EAAO,IAAI,CAACA,KAAK;MACjBE,GAAA,EAAK,IAAI,CAACA,GAAG;AACbY,MAAAA,gBAAA,EAAkB,KAAA;AAClBV,MAAAA,SAAA,EAAW;AACb,KAAA,CAAA;AACF,EAAA;AAGAY,EAAAA,cAAAA,CAAe;IAAEhB,KAAK;AAAEE,IAAAA;GAAoB,EAAE;IAC5C,IAAI,CAACK,QAAQ,CAACP,KAAA,EAAOE,GAAA,EAAK,KAAA,CAAA;AAE1B,IAAA,IAAI,CAACH,IAAI,CAACc,YAAY,CAAC;MACrBb,KAAA;MACAE,GAAA;AACAY,MAAAA,gBAAA,EAAkB,IAAA;AAClBV,MAAAA,SAAA,EAAW;AACb,KAAA,CAAA;AACF,EAAA;AAAA,EAAA;IAAAa,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,gBAAA,EAAA,CAVC2B,MAAA,CAAA,CAAA;AAAA;EAaDC,QAAAA,CAASnB,KAAgB,EAAE;IACzB,IAAI,CAACW,OAAO,CAAC;MAAEX,KAAA;MAAOE,GAAA,EAAK,IAAI,CAACA;AAAI,KAAA,CAAA;AACtC,EAAA;AAAA,EAAA;IAAAe,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,UAAA,EAAA,CAHC2B,MAAA,CAAA,CAAA;AAAA;EAMDE,MAAAA,CAAOlB,GAAc,EAAE;IACrB,IAAI,CAACS,OAAO,CAAC;MAAEX,KAAA,EAAO,IAAI,CAACA,KAAK;AAAEE,MAAAA;AAAI,KAAA,CAAA;AACxC,EAAA;AAAA,EAAA;IAAAe,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,QAAA,EAAA,CAHC2B,MAAA,CAAA,CAAA;AAAA;AAMDG,EAAAA,uBAAAA,GAA0B;IACxB,IAAI,CAAC,IAAI,CAACf,UAAU,IAAI,IAAI,CAACP,IAAI,CAACuB,SAAS,EAAE;AAC3C,MAAA,KAAK,IAAI,CAACvB,IAAI,CAACuB,SAAS,CAAC;QACvBtB,KAAA,EAAO,IAAI,CAACA,KAAK;QACjBE,GAAA,EAAK,IAAI,CAACA,GAAG;QACbqB,eAAA,EAAiB,IAAI,CAACA;AACxB,OAAA,CAAA;AACF,IAAA,CAAA,MAAO;MACL,IAAI,CAACR,SAAS,EAAA;AAChB,IAAA;IAEA,IAAI,IAAI,CAACnB,YAAY,EAAE;MACrB,IAAI,CAACC,KAAK,GAAG;QAAE,GAAG,IAAI,CAACD,YAAY;AAAEU,QAAAA,UAAA,EAAY;OAAM;AACzD,IAAA;AACF,EAAA;AAEA;;;;AAIC;AAJD,EAAA;IAAAW,CAAA,CAAA,IAAA,CAAA1B,SAAA,EAAA,yBAAA,EAAA,CAjBC2B,MAAA,CAAA,CAAA;AAAA;AAsBDM,EAAAA,WAAA,GAAcC,QAAA,CACZ,CACEC,UACA,CAACJ,SAAA,EAAWK,QAAA,EAAUJ,eAAA,CAIrB,KAAA;IAED,IAAI,CAACD,SAAA,IAAaK,QAAA,IAAY,EAAEJ,eAAA,GAAkB,CAAC,CAAA,EAAG;IAEtD,IAAIK,OAAA,GAAU,KAAA;AACd,IAAA,IAAIC,KAAyB;AAE7B,IAAA,MAAMC,IAAA,GAAO,YAAA;MACX,IAAI;AACF,QAAA,MAAMR,SAAA,CAAU;UAAEtB,KAAA,EAAO,IAAI,CAACA,KAAK;UAAEE,GAAA,EAAK,IAAI,CAACA,GAAG;AAAEqB,UAAAA;AAAgB,SAAA,CAAA;AACtE,MAAA,CAAA,CAAE,MAAM;AACNK,QAAAA,OAAA,GAAU,IAAA;AACZ,MAAA;AAEA,MAAA,IAAI,CAACA,OAAA,EAASC,KAAA,GAAQE,UAAA,CAAW,MAAM,KAAKD,IAAA,EAAA,EAAQP,eAAA,CAAA;IACtD,CAAA;IAEAM,KAAA,GAAQE,UAAA,CAAW,MAAM,KAAKD,IAAA,EAAA,EAAQP,eAAA,CAAA;AAEtC,IAAA,OAAO,MAAA;AACLK,MAAAA,OAAA,GAAU,IAAA;MACVI,YAAA,CAAaH,KAAA,CAAA;IACf,CAAA;AACF,EAAA,CAAA,CAAA;AAGF,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,smFAAA,EAwGA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,WAAA;QAAAC,oBAAA;QAAAC,qBAAA;QAAAC,YAAA;QAAAC,kBAAA;QAAAC,oBAAA;QAAAC,oBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -2,7 +2,6 @@ import Component from '@glimmer/component';
 import didInsert from '@ember/render-modifiers/modifiers/did-insert';
 import { on } from '@ember/modifier';
 import { service } from '@ember/service';
-import { element } from 'ember-element-helper';
 import { alignClasses, widthStyle } from '../-private/table.js';
 import EuiIcon from './eui-icon.js';
 import EuiImage from './eui-inner-text.js';
@@ -39,7 +38,6 @@ class EuiTableHeaderCell extends Component {
     setComponentTemplate(precompileTemplate("{{#let (element (if (has-block) \"th\" \"td\")) as |Cell|}}\n  <Cell class={{this.classes}} scope={{if (has-block) (if @scope @scope \"col\")}} role=\"columnheader\" aria-sort={{this.ariaSort}} aria-live={{if this.isSortable \"polite\"}} style={{widthStyle @width}} ...attributes>\n    {{#if (and2 @onSort (not2 @readOnly))}}\n      <button type=\"button\" class=\"euiTableHeaderButton {{if @isSorted \"euiTableHeaderButton-isSorted\"}}\" data-test-subj=\"tableHeaderSortButton\" {{on \"click\" (sortHandler @onSort)}}>\n        <span class={{this.contentClasses}}>\n          <EuiInnerText as |ref innerText|>\n            <span class=\"euiTableCellContent__text\" title={{this.title innerText}} {{didInsert ref}}>{{yield}}</span>\n          </EuiInnerText>\n          {{#if @description}}\n            <EuiScreenReaderOnly>{{@description}}</EuiScreenReaderOnly>\n          {{/if}}\n          {{#if @isSorted}}\n            <EuiIcon class=\"euiTableSortIcon\" @type={{if @isSortAscending \"sortUp\" \"sortDown\"}} @size=\"m\" />\n          {{/if}}\n        </span>\n      </button>\n    {{else}}\n      <span class={{this.contentClasses}}>\n        <EuiInnerText as |ref innerText|>\n          <span class=\"euiTableCellContent__text\" title={{this.title innerText}} {{didInsert ref}}>{{yield}}</span>\n        </EuiInnerText>\n        {{#if @description}}\n          <EuiScreenReaderOnly>{{@description}}</EuiScreenReaderOnly>\n        {{/if}}\n        {{#if (and2 this.isSortable @isSorted)}}\n          <EuiIcon class=\"euiTableSortIcon\" @type={{if @isSortAscending \"sortUp\" \"sortDown\"}} @size=\"m\" />\n        {{/if}}\n      </span>\n    {{/if}}\n  </Cell>\n{{/let}}", {
       strictMode: true,
       scope: () => ({
-        element,
         widthStyle,
         and2,
         not2,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-table-header-cell.js","sources":["../../src/components/eui-table-header-cell.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport { element } from 'ember-element-helper';\n\nimport { alignClasses, widthStyle } from '../-private/table.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { TableAlignment, TableMobileOptions } from '../-private/table.ts';\n\n/**\n * A column header of an `EuiTable`. With `@onSort` it is a button that\n * shows the sort direction (`@isSorted`, `@isSortAscending`).\n */\nexport interface EuiTableHeaderCellSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    /** `'left'`, `'right'` (numbers) or `'center'`. Defaults to `'left'`. */\n    align?: TableAlignment;\n    /** Makes the header a button sorting the column. */\n    onSort?: (event: MouseEvent) => void;\n    /** The table is sorted by this column: shows the direction. */\n    isSorted?: boolean;\n    /** Ascending order (arrow up); descending otherwise. */\n    isSortAscending?: boolean;\n    /** Shows the sort state without the button. */\n    readOnly?: boolean;\n    /** Width, e.g. `100` (px) or `'20%'`. */\n    width?: number | string;\n    /** More about the column, in its title and for screen readers. */\n    description?: string;\n    /** `scope` of the `<th>`. Defaults to `'col'`. */\n    scope?: string;\n    /** `{ show, only }` on small screens. */\n    mobileOptions?: TableMobileOptions;\n  };\n  Blocks: {\n    /** The column's name. */\n    default: [];\n  };\n}\n\nexport default class EuiTableHeaderCell extends Component<EuiTableHeaderCellSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get classes(): string {\n    const mobile = this.args.mobileOptions ?? {};\n\n    return [\n      'euiTableHeaderCell',\n      mobile.only && 'euiTableHeaderCell--hideForDesktop',\n      mobile.show === false && 'euiTableHeaderCell--hideForMobile'\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get contentClasses(): string {\n    return ['euiTableCellContent', alignClasses(this.args.align)].filter(Boolean).join(' ');\n  }\n\n  get isSortable(): boolean {\n    return Boolean(this.args.onSort || this.args.isSorted);\n  }\n\n  get ariaSort(): string | undefined {\n    if (!this.isSortable) return undefined;\n    if (!this.args.isSorted) return 'none';\n\n    return this.args.isSortAscending ? 'ascending' : 'descending';\n  }\n\n  title = (innerText: string): string =>\n    this.args.description\n      ? this.euiI18n.lookupToken('euiTableHeaderCell.titleTextWithDesc', '{innerText}; {description}', {\n          innerText,\n          description: this.args.description\n        })\n      : innerText;\n\n  <template>\n    {{#let (element (if (has-block) \"th\" \"td\")) as |Cell|}}\n      <Cell\n        class={{this.classes}}\n        scope={{if (has-block) (if @scope @scope \"col\")}}\n        role=\"columnheader\"\n        aria-sort={{this.ariaSort}}\n        aria-live={{if this.isSortable \"polite\"}}\n        style={{widthStyle @width}}\n        ...attributes\n      >\n        {{#if (and2 @onSort (not2 @readOnly))}}\n          <button\n            type=\"button\"\n            class=\"euiTableHeaderButton {{if @isSorted 'euiTableHeaderButton-isSorted'}}\"\n            data-test-subj=\"tableHeaderSortButton\"\n            {{on \"click\" (sortHandler @onSort)}}\n          >\n            <span class={{this.contentClasses}}>\n              <EuiInnerText as |ref innerText|>\n                <span\n                  class=\"euiTableCellContent__text\"\n                  title={{this.title innerText}}\n                  {{didInsert ref}}\n                >{{yield}}</span>\n              </EuiInnerText>\n              {{#if @description}}\n                <EuiScreenReaderOnly>{{@description}}</EuiScreenReaderOnly>\n              {{/if}}\n              {{#if @isSorted}}\n                <EuiIcon\n                  class=\"euiTableSortIcon\"\n                  @type={{if @isSortAscending \"sortUp\" \"sortDown\"}}\n                  @size=\"m\"\n                />\n              {{/if}}\n            </span>\n          </button>\n        {{else}}\n          <span class={{this.contentClasses}}>\n            <EuiInnerText as |ref innerText|>\n              <span\n                class=\"euiTableCellContent__text\"\n                title={{this.title innerText}}\n                {{didInsert ref}}\n              >{{yield}}</span>\n            </EuiInnerText>\n            {{#if @description}}\n              <EuiScreenReaderOnly>{{@description}}</EuiScreenReaderOnly>\n            {{/if}}\n            {{#if (and2 this.isSortable @isSorted)}}\n              <EuiIcon\n                class=\"euiTableSortIcon\"\n                @type={{if @isSortAscending \"sortUp\" \"sortDown\"}}\n                @size=\"m\"\n              />\n            {{/if}}\n          </span>\n        {{/if}}\n      </Cell>\n    {{/let}}\n  </template>\n}\n\nfunction sortHandler(onSort?: (event: MouseEvent) => void): (event: MouseEvent) => void {\n  return (event) => onSort?.(event);\n}\n\nfunction and2(a: unknown, b: unknown): boolean {\n  return Boolean(a && b);\n}\n\nfunction not2(a: unknown): boolean {\n  return !a;\n}\n"],"names":["EuiTableHeaderCell","Component","g","prototype","service","i","classes","mobile","args","mobileOptions","only","show","filter","Boolean","join","contentClasses","alignClasses","align","isSortable","onSort","isSorted","ariaSort","undefined","isSortAscending","title","innerText","description","euiI18n","lookupToken","setComponentTemplate","precompileTemplate","strictMode","scope","element","widthStyle","and2","not2","on","sortHandler","EuiInnerText","didInsert","EuiScreenReaderOnly","EuiIcon","event","a","b"],"mappings":";;;;;;;;;;;;;AA+Ce,MAAMA,2BAA2BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACvDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,OAAAA,GAAkB;IACpB,MAAMC,SAAS,IAAI,CAACC,IAAI,CAACC,aAAa,IAAI,EAAC;IAE3C,OAAO,CACL,oBAAA,EACAF,MAAA,CAAOG,IAAI,IAAI,oCAAA,EACfH,MAAA,CAAOI,IAAI,KAAK,KAAA,IAAS,mCAAA,CAC1B,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV,EAAA;EAEA,IAAIC,cAAAA,GAAyB;IAC3B,OAAO,CAAC,qBAAA,EAAuBC,YAAA,CAAa,IAAI,CAACR,IAAI,CAACS,KAAK,CAAA,CAAE,CAACL,MAAM,CAACC,OAAA,CAAA,CAASC,IAAI,CAAC,GAAA,CAAA;AACrF,EAAA;EAEA,IAAII,UAAAA,GAAsB;AACxB,IAAA,OAAOL,OAAA,CAAQ,IAAI,CAACL,IAAI,CAACW,MAAM,IAAI,IAAI,CAACX,IAAI,CAACY,QAAQ,CAAA;AACvD,EAAA;EAEA,IAAIC,QAAAA,GAA+B;AACjC,IAAA,IAAI,CAAC,IAAI,CAACH,UAAU,EAAE,OAAOI,SAAA;IAC7B,IAAI,CAAC,IAAI,CAACd,IAAI,CAACY,QAAQ,EAAE,OAAO,MAAA;IAEhC,OAAO,IAAI,CAACZ,IAAI,CAACe,eAAe,GAAG,WAAA,GAAc,YAAA;AACnD,EAAA;AAEAC,EAAAA,KAAA,GAASC,SAAiB,IACxB,IAAI,CAACjB,IAAI,CAACkB,WAAW,GACjB,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,wCAAwC,4BAAA,EAA8B;IAC7FH,SAAA;AACAC,IAAAA,WAAA,EAAa,IAAI,CAAClB,IAAI,CAACkB;GACzB,CAAA,GACAD,SAAA;AAEN,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,+oDAAA,EA6DA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;QAAAC,UAAA;QAAAC,IAAA;QAAAC,IAAA;QAAAC,EAAA;QAAAC,WAAA;sBAAAC,QAAA;QAAAC,SAAA;QAAAC,mBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAEA,SAASJ,WAAAA,CAAYnB,MAAoC,EAA8B;AACrF,EAAA,OAAQwB,SAAUxB,MAAA,GAASwB,KAAA,CAAA;AAC7B;AAEA,SAASR,KAAKS,CAAU,EAAEC,CAAU,EAAU;AAC5C,EAAA,OAAOhC,QAAQ+B,CAAA,IAAKC,CAAA,CAAA;AACtB;AAEA,SAAST,IAAAA,CAAKQ,CAAU,EAAU;AAChC,EAAA,OAAO,CAACA,CAAA;AACV;;"}
+{"version":3,"file":"eui-table-header-cell.js","sources":["../../src/components/eui-table-header-cell.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\n\nimport { alignClasses, widthStyle } from '../-private/table.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { TableAlignment, TableMobileOptions } from '../-private/table.ts';\n\n/**\n * A column header of an `EuiTable`. With `@onSort` it is a button that\n * shows the sort direction (`@isSorted`, `@isSortAscending`).\n */\nexport interface EuiTableHeaderCellSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    /** `'left'`, `'right'` (numbers) or `'center'`. Defaults to `'left'`. */\n    align?: TableAlignment;\n    /** Makes the header a button sorting the column. */\n    onSort?: (event: MouseEvent) => void;\n    /** The table is sorted by this column: shows the direction. */\n    isSorted?: boolean;\n    /** Ascending order (arrow up); descending otherwise. */\n    isSortAscending?: boolean;\n    /** Shows the sort state without the button. */\n    readOnly?: boolean;\n    /** Width, e.g. `100` (px) or `'20%'`. */\n    width?: number | string;\n    /** More about the column, in its title and for screen readers. */\n    description?: string;\n    /** `scope` of the `<th>`. Defaults to `'col'`. */\n    scope?: string;\n    /** `{ show, only }` on small screens. */\n    mobileOptions?: TableMobileOptions;\n  };\n  Blocks: {\n    /** The column's name. */\n    default: [];\n  };\n}\n\nexport default class EuiTableHeaderCell extends Component<EuiTableHeaderCellSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get classes(): string {\n    const mobile = this.args.mobileOptions ?? {};\n\n    return [\n      'euiTableHeaderCell',\n      mobile.only && 'euiTableHeaderCell--hideForDesktop',\n      mobile.show === false && 'euiTableHeaderCell--hideForMobile'\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get contentClasses(): string {\n    return ['euiTableCellContent', alignClasses(this.args.align)].filter(Boolean).join(' ');\n  }\n\n  get isSortable(): boolean {\n    return Boolean(this.args.onSort || this.args.isSorted);\n  }\n\n  get ariaSort(): string | undefined {\n    if (!this.isSortable) return undefined;\n    if (!this.args.isSorted) return 'none';\n\n    return this.args.isSortAscending ? 'ascending' : 'descending';\n  }\n\n  title = (innerText: string): string =>\n    this.args.description\n      ? this.euiI18n.lookupToken('euiTableHeaderCell.titleTextWithDesc', '{innerText}; {description}', {\n          innerText,\n          description: this.args.description\n        })\n      : innerText;\n\n  <template>\n    {{#let (element (if (has-block) \"th\" \"td\")) as |Cell|}}\n      <Cell\n        class={{this.classes}}\n        scope={{if (has-block) (if @scope @scope \"col\")}}\n        role=\"columnheader\"\n        aria-sort={{this.ariaSort}}\n        aria-live={{if this.isSortable \"polite\"}}\n        style={{widthStyle @width}}\n        ...attributes\n      >\n        {{#if (and2 @onSort (not2 @readOnly))}}\n          <button\n            type=\"button\"\n            class=\"euiTableHeaderButton {{if @isSorted 'euiTableHeaderButton-isSorted'}}\"\n            data-test-subj=\"tableHeaderSortButton\"\n            {{on \"click\" (sortHandler @onSort)}}\n          >\n            <span class={{this.contentClasses}}>\n              <EuiInnerText as |ref innerText|>\n                <span\n                  class=\"euiTableCellContent__text\"\n                  title={{this.title innerText}}\n                  {{didInsert ref}}\n                >{{yield}}</span>\n              </EuiInnerText>\n              {{#if @description}}\n                <EuiScreenReaderOnly>{{@description}}</EuiScreenReaderOnly>\n              {{/if}}\n              {{#if @isSorted}}\n                <EuiIcon\n                  class=\"euiTableSortIcon\"\n                  @type={{if @isSortAscending \"sortUp\" \"sortDown\"}}\n                  @size=\"m\"\n                />\n              {{/if}}\n            </span>\n          </button>\n        {{else}}\n          <span class={{this.contentClasses}}>\n            <EuiInnerText as |ref innerText|>\n              <span\n                class=\"euiTableCellContent__text\"\n                title={{this.title innerText}}\n                {{didInsert ref}}\n              >{{yield}}</span>\n            </EuiInnerText>\n            {{#if @description}}\n              <EuiScreenReaderOnly>{{@description}}</EuiScreenReaderOnly>\n            {{/if}}\n            {{#if (and2 this.isSortable @isSorted)}}\n              <EuiIcon\n                class=\"euiTableSortIcon\"\n                @type={{if @isSortAscending \"sortUp\" \"sortDown\"}}\n                @size=\"m\"\n              />\n            {{/if}}\n          </span>\n        {{/if}}\n      </Cell>\n    {{/let}}\n  </template>\n}\n\nfunction sortHandler(onSort?: (event: MouseEvent) => void): (event: MouseEvent) => void {\n  return (event) => onSort?.(event);\n}\n\nfunction and2(a: unknown, b: unknown): boolean {\n  return Boolean(a && b);\n}\n\nfunction not2(a: unknown): boolean {\n  return !a;\n}\n"],"names":["EuiTableHeaderCell","Component","g","prototype","service","i","classes","mobile","args","mobileOptions","only","show","filter","Boolean","join","contentClasses","alignClasses","align","isSortable","onSort","isSorted","ariaSort","undefined","isSortAscending","title","innerText","description","euiI18n","lookupToken","setComponentTemplate","precompileTemplate","strictMode","scope","widthStyle","and2","not2","on","sortHandler","EuiInnerText","didInsert","EuiScreenReaderOnly","EuiIcon","event","a","b"],"mappings":";;;;;;;;;;;;AA8Ce,MAAMA,2BAA2BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACvDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,OAAAA,GAAkB;IACpB,MAAMC,SAAS,IAAI,CAACC,IAAI,CAACC,aAAa,IAAI,EAAC;IAE3C,OAAO,CACL,oBAAA,EACAF,MAAA,CAAOG,IAAI,IAAI,oCAAA,EACfH,MAAA,CAAOI,IAAI,KAAK,KAAA,IAAS,mCAAA,CAC1B,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV,EAAA;EAEA,IAAIC,cAAAA,GAAyB;IAC3B,OAAO,CAAC,qBAAA,EAAuBC,YAAA,CAAa,IAAI,CAACR,IAAI,CAACS,KAAK,CAAA,CAAE,CAACL,MAAM,CAACC,OAAA,CAAA,CAASC,IAAI,CAAC,GAAA,CAAA;AACrF,EAAA;EAEA,IAAII,UAAAA,GAAsB;AACxB,IAAA,OAAOL,OAAA,CAAQ,IAAI,CAACL,IAAI,CAACW,MAAM,IAAI,IAAI,CAACX,IAAI,CAACY,QAAQ,CAAA;AACvD,EAAA;EAEA,IAAIC,QAAAA,GAA+B;AACjC,IAAA,IAAI,CAAC,IAAI,CAACH,UAAU,EAAE,OAAOI,SAAA;IAC7B,IAAI,CAAC,IAAI,CAACd,IAAI,CAACY,QAAQ,EAAE,OAAO,MAAA;IAEhC,OAAO,IAAI,CAACZ,IAAI,CAACe,eAAe,GAAG,WAAA,GAAc,YAAA;AACnD,EAAA;AAEAC,EAAAA,KAAA,GAASC,SAAiB,IACxB,IAAI,CAACjB,IAAI,CAACkB,WAAW,GACjB,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,wCAAwC,4BAAA,EAA8B;IAC7FH,SAAA;AACAC,IAAAA,WAAA,EAAa,IAAI,CAAClB,IAAI,CAACkB;GACzB,CAAA,GACAD,SAAA;AAEN,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,+oDAAA,EA6DA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,IAAA;QAAAC,IAAA;QAAAC,EAAA;QAAAC,WAAA;sBAAAC,QAAA;QAAAC,SAAA;QAAAC,mBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAEA,SAASJ,WAAAA,CAAYlB,MAAoC,EAA8B;AACrF,EAAA,OAAQuB,SAAUvB,MAAA,GAASuB,KAAA,CAAA;AAC7B;AAEA,SAASR,KAAKS,CAAU,EAAEC,CAAU,EAAU;AAC5C,EAAA,OAAO/B,QAAQ8B,CAAA,IAAKC,CAAA,CAAA;AACtB;AAEA,SAAST,IAAAA,CAAKQ,CAAU,EAAU;AAChC,EAAA,OAAO,CAACA,CAAA;AACV;;"}