@ember-eui/core 16.1.2 → 16.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"eui-select.js","sources":["../../src/components/eui-select.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport EuiFormControlLayout from '../components/eui-form-control-layout.gts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { formControlReset } from '../utils/eui/form-controls.ts';\nimport { euiSelectStyles } from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\n\nimport type { EuiFormControlLayoutSignature } from '../components/eui-form-control-layout';\n\n/** A native `<select>` styled like EUI's inputs. For search or multiple values use EuiComboBox. */\nexport interface EuiSelectSignature {\n  Element: HTMLSelectElement;\n  Args: {\n    /** Id of the select. Defaults to a random id. */\n    id?: string;\n    /** The options: `[{ value: 'a', text: 'Option A', disabled? }]`. */\n    options: {\n      value: string | number;\n      text: string | number;\n      disabled?: boolean;\n    }[];\n    /** The selected option's `value`. Update it from `{{on \"change\" …}}`. */\n    value?: string | number;\n    /** Stretches the select to its container's width. */\n    fullWidth?: boolean;\n    /** Shorter select (32px instead of 40px), for dense forms. */\n    compressed?: boolean;\n    /** Shows a spinner. */\n    isLoading?: boolean;\n    /** Disables the select. */\n    disabled?: boolean;\n    /**\n     * Adds an empty first option, selected while `@value` is empty, so no\n     * option is preselected. Defaults to `false`.\n     */\n    hasNoInitialSelection?: boolean;\n    /**\n     * Shows the invalid state (danger border and warning icon), sets\n     * `aria-invalid` and marks it invalid for native form validation.\n     */\n    isInvalid?: boolean;\n    /** Shows a clear (\"x\") button calling this function. */\n    clear?: (v: any) => void;\n    /** Called with the `<select>` element once rendered. */\n    inputRef?: (element: HTMLSelectElement) => void;\n    /** @private Ignore the `<:prepend>` block. */\n    isFakePrependBlock?: boolean;\n    /** @private Ignore the `<:append>` block. */\n    isFakeAppendBlock?: boolean;\n  };\n  Blocks: {\n    /** Content before the select; yields the class to put on it and the id. */\n    prepend: [...EuiFormControlLayoutSignature['Blocks']['prepend'], string];\n    /** Content after the select; yields the class to put on it and the id. */\n    append: [...EuiFormControlLayoutSignature['Blocks']['append'], string];\n  };\n}\n\n/** A native `<select>` on the upstream EUI 123 / Borealis form control styles. */\nexport default class EuiSelect extends Component<EuiSelectSignature> {\n  selectClasses = (inGroup: boolean) => {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiSelectStyles);\n    const { compressed, fullWidth } = this.args;\n    const lineHeight = inGroup\n      ? compressed\n        ? styles.lineHeight.inGroup.compressed\n        : styles.lineHeight.inGroup.uncompressed\n      : compressed\n        ? styles.lineHeight.compressed\n        : styles.lineHeight.uncompressed;\n    return `euiSelect ${euiClass(\n      context,\n      formControlReset,\n      styles.euiSelect,\n      compressed ? styles.compressed : styles.uncompressed,\n      fullWidth ? styles.fullWidth : styles.formWidth,\n      inGroup && styles.inGroup,\n      styles.lineHeight.removePadding,\n      lineHeight\n    )}`;\n  };\n\n  <template>\n    {{#let\n      (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\"))\n      (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\"))\n      (argOrDefault @id (randomId))\n      as |hasPrepend hasAppend inputId|\n    }}\n      {{#let\n        (this.selectClasses (or hasPrepend hasAppend))\n        (argOrDefault @hasNoInitialSelection false)\n        as |classes hasNoInitialSelection|\n      }}\n        <EuiFormControlLayout\n          @inputId={{inputId}}\n          @clear={{@clear}}\n          @isDropdown={{true}}\n          @fullWidth={{@fullWidth}}\n          @isLoading={{@isLoading}}\n          @isInvalid={{@isInvalid}}\n          @compressed={{@compressed}}\n          @disabled={{@disabled}}\n          @isPrependProvided={{hasPrepend}}\n          @isAppendProvided={{hasAppend}}\n        >\n          <:prepend as |prependClasses|>\n            {{yield prependClasses inputId to=\"prepend\"}}\n          </:prepend>\n          <:field>\n            <select\n              id={{inputId}}\n              class={{classes}}\n              disabled={{@disabled}}\n              aria-invalid={{if @isInvalid \"true\"}}\n              {{validatableControl @isInvalid}}\n              {{didInsert (optional @inputRef)}}\n              ...attributes\n            >\n              {{#if hasNoInitialSelection}}\n                {{! template-lint-disable}}\n                <option\n                  value=\"\"\n                  disabled\n                  hidden\n                  style=\"display: none\"\n                  selected={{not @value}}\n                ></option>\n                {{! template-lint-enable}}\n              {{/if}}\n              {{#each @options as |opt|}}\n                <option\n                  value={{opt.value}}\n                  selected={{eq @value opt.value}}\n                  disabled={{eq opt.disabled true}}\n                >\n                  {{opt.text}}\n                </option>\n              {{/each}}\n            </select>\n          </:field>\n          <:append as |appendClasses|>\n            {{yield appendClasses inputId to=\"append\"}}\n          </:append>\n        </EuiFormControlLayout>\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiSelect","Component","selectClasses","inGroup","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiSelectStyles","compressed","fullWidth","args","lineHeight","uncompressed","euiClass","formControlReset","euiSelect","formWidth","removePadding","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","or","EuiFormControlLayout","validatableControl","didInsert","optional","eq"],"mappings":";;;;;;;;;;;;;;;AAkEA,kFACe,MAAMA,SAAA,SAAkBC,SAAA,CAAU;EAC/CC,aAAA,GAAiBC,OAAgB,IAAA;AAC/B,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,eAAA,CAAA;IAC7C,MAAM;MAAEC,UAAU;AAAEC,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAC3C,IAAA,MAAMC,UAAA,GAAaT,OAAA,GACfM,UAAA,GACEH,MAAA,CAAOM,UAAU,CAACT,OAAO,CAACM,UAAU,GACpCH,MAAA,CAAOM,UAAU,CAACT,OAAO,CAACU,YAAY,GACxCJ,UAAA,GACEH,MAAA,CAAOM,UAAU,CAACH,UAAU,GAC5BH,MAAA,CAAOM,UAAU,CAACC,YAAY;IACpC,OAAO,CAAA,UAAA,EAAaC,QAAA,CAClBV,SACAW,gBAAA,EACAT,MAAA,CAAOU,SAAS,EAChBP,UAAA,GAAaH,MAAA,CAAOG,UAAU,GAAGH,OAAOO,YAAY,EACpDH,SAAA,GAAYJ,MAAA,CAAOI,SAAS,GAAGJ,MAAA,CAAOW,SAAS,EAC/Cd,OAAA,IAAWG,MAAA,CAAOH,OAAO,EACzBG,MAAA,CAAOM,UAAU,CAACM,aAAa,EAC/BN,UAAA,CAAA,CAAA,CACC;EACL,CAAA;AAEA,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAAA,ymDAAA,EAiEA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,EAAA;QAAAC,oBAAA;QAAAC,kBAAA;QAAAC,SAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-select.js","sources":["../../src/components/eui-select.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport EuiFormControlLayout from '../components/eui-form-control-layout.gts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { formControlReset } from '../utils/eui/form-controls.ts';\nimport { euiSelectStyles } from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\n\nimport type { EuiFormControlLayoutSignature } from '../components/eui-form-control-layout';\n\n/** A native `<select>` styled like EUI's inputs. For search or multiple values use EuiComboBox. */\nexport interface EuiSelectSignature {\n  Element: HTMLSelectElement;\n  Args: {\n    /** Id of the select. Defaults to a random id. */\n    id?: string;\n    /** The options: `[{ value: 'a', text: 'Option A', disabled? }]`. */\n    options: {\n      value: string | number;\n      text: string | number;\n      disabled?: boolean;\n    }[];\n    /**\n     * The selected option's `value`. Update it from `{{on \"change\" …}}`.\n     * `null` selects nothing, like leaving it out.\n     */\n    value?: string | number | null;\n    /** Stretches the select to its container's width. */\n    fullWidth?: boolean;\n    /** Shorter select (32px instead of 40px), for dense forms. */\n    compressed?: boolean;\n    /** Shows a spinner. */\n    isLoading?: boolean;\n    /** Disables the select. */\n    disabled?: boolean;\n    /**\n     * Adds an empty first option, selected while `@value` is empty, so no\n     * option is preselected. Defaults to `false`.\n     */\n    hasNoInitialSelection?: boolean;\n    /**\n     * Shows the invalid state (danger border and warning icon), sets\n     * `aria-invalid` and marks it invalid for native form validation.\n     */\n    isInvalid?: boolean;\n    /** Shows a clear (\"x\") button calling this function. */\n    clear?: (v: any) => void;\n    /** Called with the `<select>` element once rendered. */\n    inputRef?: (element: HTMLSelectElement) => void;\n    /** @private Ignore the `<:prepend>` block. */\n    isFakePrependBlock?: boolean;\n    /** @private Ignore the `<:append>` block. */\n    isFakeAppendBlock?: boolean;\n  };\n  Blocks: {\n    /** Content before the select; yields the class to put on it and the id. */\n    prepend: [...EuiFormControlLayoutSignature['Blocks']['prepend'], string];\n    /** Content after the select; yields the class to put on it and the id. */\n    append: [...EuiFormControlLayoutSignature['Blocks']['append'], string];\n  };\n}\n\n/** A native `<select>` on the upstream EUI 123 / Borealis form control styles. */\nexport default class EuiSelect extends Component<EuiSelectSignature> {\n  selectClasses = (inGroup: boolean) => {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiSelectStyles);\n    const { compressed, fullWidth } = this.args;\n    const lineHeight = inGroup\n      ? compressed\n        ? styles.lineHeight.inGroup.compressed\n        : styles.lineHeight.inGroup.uncompressed\n      : compressed\n        ? styles.lineHeight.compressed\n        : styles.lineHeight.uncompressed;\n    return `euiSelect ${euiClass(\n      context,\n      formControlReset,\n      styles.euiSelect,\n      compressed ? styles.compressed : styles.uncompressed,\n      fullWidth ? styles.fullWidth : styles.formWidth,\n      inGroup && styles.inGroup,\n      styles.lineHeight.removePadding,\n      lineHeight\n    )}`;\n  };\n\n  <template>\n    {{#let\n      (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\"))\n      (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\"))\n      (argOrDefault @id (randomId))\n      as |hasPrepend hasAppend inputId|\n    }}\n      {{#let\n        (this.selectClasses (or hasPrepend hasAppend))\n        (argOrDefault @hasNoInitialSelection false)\n        as |classes hasNoInitialSelection|\n      }}\n        <EuiFormControlLayout\n          @inputId={{inputId}}\n          @clear={{@clear}}\n          @isDropdown={{true}}\n          @fullWidth={{@fullWidth}}\n          @isLoading={{@isLoading}}\n          @isInvalid={{@isInvalid}}\n          @compressed={{@compressed}}\n          @disabled={{@disabled}}\n          @isPrependProvided={{hasPrepend}}\n          @isAppendProvided={{hasAppend}}\n        >\n          <:prepend as |prependClasses|>\n            {{yield prependClasses inputId to=\"prepend\"}}\n          </:prepend>\n          <:field>\n            <select\n              id={{inputId}}\n              class={{classes}}\n              disabled={{@disabled}}\n              aria-invalid={{if @isInvalid \"true\"}}\n              {{validatableControl @isInvalid}}\n              {{didInsert (optional @inputRef)}}\n              ...attributes\n            >\n              {{#if hasNoInitialSelection}}\n                {{! template-lint-disable}}\n                <option\n                  value=\"\"\n                  disabled\n                  hidden\n                  style=\"display: none\"\n                  selected={{not @value}}\n                ></option>\n                {{! template-lint-enable}}\n              {{/if}}\n              {{#each @options as |opt|}}\n                <option\n                  value={{opt.value}}\n                  selected={{eq @value opt.value}}\n                  disabled={{eq opt.disabled true}}\n                >\n                  {{opt.text}}\n                </option>\n              {{/each}}\n            </select>\n          </:field>\n          <:append as |appendClasses|>\n            {{yield appendClasses inputId to=\"append\"}}\n          </:append>\n        </EuiFormControlLayout>\n      {{/let}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiSelect","Component","selectClasses","inGroup","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiSelectStyles","compressed","fullWidth","args","lineHeight","uncompressed","euiClass","formControlReset","euiSelect","formWidth","removePadding","setComponentTemplate","precompileTemplate","strictMode","scope","and","not","argOrDefault","randomId","or","EuiFormControlLayout","validatableControl","didInsert","optional","eq"],"mappings":";;;;;;;;;;;;;;;AAqEA,kFACe,MAAMA,SAAA,SAAkBC,SAAA,CAAU;EAC/CC,aAAA,GAAiBC,OAAgB,IAAA;AAC/B,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,eAAA,CAAA;IAC7C,MAAM;MAAEC,UAAU;AAAEC,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAC3C,IAAA,MAAMC,UAAA,GAAaT,OAAA,GACfM,UAAA,GACEH,MAAA,CAAOM,UAAU,CAACT,OAAO,CAACM,UAAU,GACpCH,MAAA,CAAOM,UAAU,CAACT,OAAO,CAACU,YAAY,GACxCJ,UAAA,GACEH,MAAA,CAAOM,UAAU,CAACH,UAAU,GAC5BH,MAAA,CAAOM,UAAU,CAACC,YAAY;IACpC,OAAO,CAAA,UAAA,EAAaC,QAAA,CAClBV,SACAW,gBAAA,EACAT,MAAA,CAAOU,SAAS,EAChBP,UAAA,GAAaH,MAAA,CAAOG,UAAU,GAAGH,OAAOO,YAAY,EACpDH,SAAA,GAAYJ,MAAA,CAAOI,SAAS,GAAGJ,MAAA,CAAOW,SAAS,EAC/Cd,OAAA,IAAWG,MAAA,CAAOH,OAAO,EACzBG,MAAA,CAAOM,UAAU,CAACM,aAAa,EAC/BN,UAAA,CAAA,CAAA,CACC;EACL,CAAA;AAEA,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAAA,ymDAAA,EAiEA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,YAAA;QAAAC,QAAA;QAAAC,EAAA;QAAAC,oBAAA;QAAAC,kBAAA;QAAAC,SAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-selectable-list-item.js

@@ -12,7 +12,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
-import { euiListItemLayoutStyles } from '../utils/eui/styles.generated/shared/ISD4LC5N.js';
+import { euiListItemLayoutStyles } from '../utils/eui/styles.generated/shared/3D6AVV45.js';
 import { euiCheckboxControlStyles } from '../utils/eui/styles.generated/components/form/checkbox/checkbox_control.styles.js';
 
 /** Roles that take `aria-checked` (upstream EuiListItemLayout). */const ROLES_THAT_CAN_USE_ARIA_CHECKED = ['option', 'checkbox', 'menuitemcheckbox', 'radio', 'menuitemradio', 'switch'];

package/dist/components/eui-side-nav-item.js

@@ -12,7 +12,7 @@ import { isValidHref, getSecureRelForTarget } from './eui-link.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
-import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/AOVHFF5R.js';
 import { euiSideNavItemStyles, euiSideNavItemButtonStyles } from '../utils/eui/styles.generated/components/side_nav/side_nav_item.styles.js';
 
 /** Upstream renders a section item below the root as an accordion. */function isChildrenOnly(item, depth) {

package/dist/components/eui-split-button.js

@@ -11,7 +11,7 @@ import EuiSplitButtonActionSecondary from './eui-split-button/eui-split-button-a
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
-import { getEuiButtonColorValues, getEuiFilledButtonColorValues } from '../utils/eui/styles.generated/shared/OMXYFSPG.js';
+import { getEuiButtonColorValues, getEuiFilledButtonColorValues } from '../utils/eui/styles.generated/shared/K32ONDGT.js';
 import { a as getTokenName } from '../eui-theme/utils-BRBkLo19.js';
 
 /**

package/dist/components/eui-split-panel/inner.js

@@ -8,7 +8,7 @@ import EuiPanel from '../eui-panel.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
-import { euiBreakpoint } from '../../utils/eui/styles.generated/shared/JZFLXET7.js';
+import { euiBreakpoint } from '../../utils/eui/styles.generated/shared/QJF5CPFU.js';
 import { euiSplitPanelInnerStyles } from '../../utils/eui/styles.generated/components/panel/split_panel/split_panel.styles.js';
 
 // Undoes the row divider where a responsive row has collapsed to a column.

package/dist/components/eui-split-panel/outer.js

@@ -9,7 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
 import { euiSplitPanelOuterStyles } from '../../utils/eui/styles.generated/components/panel/split_panel/split_panel.styles.js';
-import { euiBreakpoint } from '../../utils/eui/styles.generated/shared/JZFLXET7.js';
+import { euiBreakpoint } from '../../utils/eui/styles.generated/shared/QJF5CPFU.js';
 
 const DEFAULT_SIZES = ['xs', 's'];
 /**

package/dist/components/eui-stat/title.js

@@ -6,7 +6,7 @@ import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
-import { euiTitleStyles } from '../../utils/eui/styles.generated/shared/SORCSWXI.js';
+import { euiTitleStyles } from '../../utils/eui/styles.generated/shared/4GT53OH2.js';
 import { euiStatTitleStyles } from '../../utils/eui/styles.generated/components/stat/stat.styles.js';
 
 const STAT_TITLE_COLORS = ['default', 'subdued', 'primary', 'success', 'warning', 'danger', 'accent'];

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

@@ -1 +1 @@
-{"version":3,"file":"eui-stat.js","sources":["../../src/components/eui-stat.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport { euiStatStyles } from '../utils/eui/styles.generated.ts';\nimport EuiStatDescription from './eui-stat/description.gts';\nimport EuiStatTitle from './eui-stat/title.gts';\n\nimport type { EuiStatDescriptionSignature } from './eui-stat/description';\nimport type { EuiStatTitleColor, EuiStatTitleSignature } from './eui-stat/title';\n\nconst BOX_SIZING = { boxSizing: 'border-box' } as const;\n\nexport type EuiStatTextAlign = 'left' | 'center' | 'right';\n\n/** A key number with a description, e.g. on a dashboard. */\nexport interface EuiStatSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * `'left'`, `'center'` or `'right'` (logical, so left/right flip in RTL).\n     * Defaults to `'left'`.\n     */\n    textAlign?: EuiStatTextAlign;\n    /** The number or value, e.g. \"1,234\". Use the `<:title>` block for markup. */\n    title?: string;\n    /** What it measures, e.g. \"Total users\". Use the `<:description>` block for markup. */\n    description?: string;\n    /**\n     * Color of the title: `'default'`, `'subdued'`, `'primary'`,\n     * `'success'`, `'warning'`, `'danger'`, `'accent'`, or any CSS color.\n     * Defaults to `'default'`.\n     */\n    titleColor?: EuiStatTitleColor | string;\n    /** Size of the title, any `EuiTitle` size. Defaults to `'l'`. */\n    titleSize?: EuiStatTitleSignature['Args']['titleSize'];\n    /**\n     * Shows \"--\" instead of the title, pulses it (unless reduced motion is\n     * requested) and labels it \"Statistic is loading\" (i18n token\n     * `euiStat.loadingText`).\n     */\n    isLoading?: boolean;\n    /** Puts the title above the description. Defaults to `false`. */\n    reverse?: boolean;\n    /** @deprecated Has no effect. */\n    screenReader?: boolean;\n    /** Tag of the title. Defaults to `'p'`. */\n    titleElement?: string;\n    /** Tag of the description. Defaults to `'p'`. */\n    descriptionElement?: EuiStatDescriptionSignature['Args']['descriptionElement'];\n  };\n  Blocks: {\n    /** The title, instead of `@title`. */\n    title: [];\n    /** The description, instead of `@description`. */\n    description: [];\n    /** Extra content after the stat, e.g. a trend. */\n    default: [];\n  };\n}\n\n/** Native Ember stat on the upstream EUI 123 / Borealis factories. */\nexport default class EuiStat extends Component<EuiStatSignature> {\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiStatStyles);\n    return euiClass(\n      context,\n      BOX_SIZING,\n      styles.euiStat,\n      styles[this.args.textAlign ?? 'left']\n    );\n  }\n\n  <template>\n    <div class=\"euiStat {{this.classes}}\" ...attributes>\n      {{#unless @reverse}}\n        <EuiStatDescription @descriptionElement={{@descriptionElement}}>\n          {{#if (has-block \"description\")}}\n            {{yield to=\"description\"}}\n          {{else}}\n            {{@description}}\n          {{/if}}\n        </EuiStatDescription>\n      {{/unless}}\n      <EuiStatTitle\n        @titleElement={{@titleElement}}\n        @titleSize={{@titleSize}}\n        @titleColor={{@titleColor}}\n        @isLoading={{@isLoading}}\n      >\n        {{#if @isLoading}}\n          --\n        {{else if (has-block \"title\")}}\n          {{yield to=\"title\"}}\n        {{else}}\n          {{@title}}\n        {{/if}}\n      </EuiStatTitle>\n      {{#if @reverse}}\n        <EuiStatDescription @descriptionElement={{@descriptionElement}}>\n          {{#if (has-block \"description\")}}\n            {{yield to=\"description\"}}\n          {{else}}\n            {{@description}}\n          {{/if}}\n        </EuiStatDescription>\n      {{/if}}\n      {{yield}}\n    </div>\n  </template>\n}\n"],"names":["BOX_SIZING","boxSizing","EuiStat","Component","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiStatStyles","euiClass","euiStat","args","textAlign","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode","scope","EuiStatDescription","EuiStatTitle"],"mappings":";;;;;;;;;;;AAYA,MAAMA,UAAA,GAAa;AAAEC,EAAAA,SAAA,EAAW;AAAa,CAAA;;AAI7C;;AA8CA,sEACe,MAAMC,OAAA,SAAgBC,SAAA,CAAU;EAC7C,IACIC,OAAAA,GAAU;AACZ,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,aAAA,CAAA;IAC7C,OAAOC,QAAA,CACLL,OAAA,EACAL,UAAA,EACAO,MAAA,CAAOI,OAAO,EACdJ,MAAM,CAAC,IAAI,CAACK,IAAI,CAACC,SAAS,IAAI,MAAA,CAAO,CAAA;AAEzC,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAVCC,MAAA,CAAA,CAAA;AAAA;AAYD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,k5BAAA,EAoCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,kBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-stat.js","sources":["../../src/components/eui-stat.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport { euiStatStyles } from '../utils/eui/styles.generated.ts';\nimport EuiStatDescription from './eui-stat/description.gts';\nimport EuiStatTitle from './eui-stat/title.gts';\n\nimport type { EuiStatDescriptionSignature } from './eui-stat/description';\nimport type { EuiStatTitleColor, EuiStatTitleSignature } from './eui-stat/title';\n\nconst BOX_SIZING = { boxSizing: 'border-box' } as const;\n\nexport type EuiStatTextAlign = 'left' | 'center' | 'right';\n\n/** A key number with a description, e.g. on a dashboard. */\nexport interface EuiStatSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * `'left'`, `'center'` or `'right'` (logical, so left/right flip in RTL).\n     * Defaults to `'left'`.\n     */\n    textAlign?: EuiStatTextAlign;\n    /** The number or value, e.g. `1234` or \"1,234\". Use the `<:title>` block for markup. */\n    title?: string | number;\n    /** What it measures, e.g. \"Total users\". Use the `<:description>` block for markup. */\n    description?: string;\n    /**\n     * Color of the title: `'default'`, `'subdued'`, `'primary'`,\n     * `'success'`, `'warning'`, `'danger'`, `'accent'`, or any CSS color.\n     * Defaults to `'default'`.\n     */\n    titleColor?: EuiStatTitleColor | string;\n    /** Size of the title, any `EuiTitle` size. Defaults to `'l'`. */\n    titleSize?: EuiStatTitleSignature['Args']['titleSize'];\n    /**\n     * Shows \"--\" instead of the title, pulses it (unless reduced motion is\n     * requested) and labels it \"Statistic is loading\" (i18n token\n     * `euiStat.loadingText`).\n     */\n    isLoading?: boolean;\n    /** Puts the title above the description. Defaults to `false`. */\n    reverse?: boolean;\n    /** @deprecated Has no effect. */\n    screenReader?: boolean;\n    /** Tag of the title. Defaults to `'p'`. */\n    titleElement?: string;\n    /** Tag of the description. Defaults to `'p'`. */\n    descriptionElement?: EuiStatDescriptionSignature['Args']['descriptionElement'];\n  };\n  Blocks: {\n    /** The title, instead of `@title`. */\n    title: [];\n    /** The description, instead of `@description`. */\n    description: [];\n    /** Extra content after the stat, e.g. a trend. */\n    default: [];\n  };\n}\n\n/** Native Ember stat on the upstream EUI 123 / Borealis factories. */\nexport default class EuiStat extends Component<EuiStatSignature> {\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiStatStyles);\n    return euiClass(\n      context,\n      BOX_SIZING,\n      styles.euiStat,\n      styles[this.args.textAlign ?? 'left']\n    );\n  }\n\n  <template>\n    <div class=\"euiStat {{this.classes}}\" ...attributes>\n      {{#unless @reverse}}\n        <EuiStatDescription @descriptionElement={{@descriptionElement}}>\n          {{#if (has-block \"description\")}}\n            {{yield to=\"description\"}}\n          {{else}}\n            {{@description}}\n          {{/if}}\n        </EuiStatDescription>\n      {{/unless}}\n      <EuiStatTitle\n        @titleElement={{@titleElement}}\n        @titleSize={{@titleSize}}\n        @titleColor={{@titleColor}}\n        @isLoading={{@isLoading}}\n      >\n        {{#if @isLoading}}\n          --\n        {{else if (has-block \"title\")}}\n          {{yield to=\"title\"}}\n        {{else}}\n          {{@title}}\n        {{/if}}\n      </EuiStatTitle>\n      {{#if @reverse}}\n        <EuiStatDescription @descriptionElement={{@descriptionElement}}>\n          {{#if (has-block \"description\")}}\n            {{yield to=\"description\"}}\n          {{else}}\n            {{@description}}\n          {{/if}}\n        </EuiStatDescription>\n      {{/if}}\n      {{yield}}\n    </div>\n  </template>\n}\n"],"names":["BOX_SIZING","boxSizing","EuiStat","Component","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiStatStyles","euiClass","euiStat","args","textAlign","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode","scope","EuiStatDescription","EuiStatTitle"],"mappings":";;;;;;;;;;;AAYA,MAAMA,UAAA,GAAa;AAAEC,EAAAA,SAAA,EAAW;AAAa,CAAA;;AAI7C;;AA8CA,sEACe,MAAMC,OAAA,SAAgBC,SAAA,CAAU;EAC7C,IACIC,OAAAA,GAAU;AACZ,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,aAAA,CAAA;IAC7C,OAAOC,QAAA,CACLL,OAAA,EACAL,UAAA,EACAO,MAAA,CAAOI,OAAO,EACdJ,MAAM,CAAC,IAAI,CAACK,IAAI,CAACC,SAAS,IAAI,MAAA,CAAO,CAAA;AAEzC,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAVCC,MAAA,CAAA,CAAA;AAAA;AAYD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,k5BAAA,EAoCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,kBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-step.js

@@ -9,7 +9,7 @@ import EuiTitle from './eui-title.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
-import { euiStepStyles, euiStepTitleStyles, euiStepContentStyles } from '../utils/eui/styles.generated/shared/TXBWGYWM.js';
+import { euiStepStyles, euiStepTitleStyles, euiStepContentStyles } from '../utils/eui/styles.generated/shared/QLERZNOF.js';
 
 const BOX_SIZING = {
   boxSizing: 'border-box'

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

@@ -1 +1 @@
-{"version":3,"file":"absolute-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/absolute-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport dateMath from '@elastic/datemath';\nimport moment from 'moment';\n\nimport { randomId } from '../../../-private/random-id.ts';\nimport { getEuiThemeContext } from '../../../utils/emotion/consume.ts';\nimport { euiAbsoluteTabDateFormStyles } from '../../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../../utils/eui/styles.ts';\nimport EuiFieldText from '../../eui-field-text.gts';\nimport EuiFormLabel from '../../eui-form-label.gts';\nimport EuiFormRow from '../../eui-form-row.gts';\nimport EuiI18n from '../../eui-i18n.gts';\nimport DatetimePicker from './datetime-picker.gts';\nimport EuiTimeZoneDisplay from './eui-time-zone-display.gts';\n\nimport type { EuiTimeZoneDisplayProps } from './eui-time-zone-display.gts';\nimport type { LocaleSpecifier, Moment } from 'moment';\n\ninterface AbsoluteTabArgs {\n  /** moment format of absolute dates. */\n  dateFormat?: string;\n  /** moment format of times. */\n  timeFormat?: string;\n  /** moment locale. */\n  locale?: LocaleSpecifier;\n  /** The date (date math or ISO date). */\n  value: string;\n  /** Called with the new value. */\n  onChange: (value: string, event?: Event) => void;\n  /** Rounds relative dates up (for the end of a range). */\n  roundUp: boolean;\n  /** `'start'` or `'end'` of the range. */\n  position: 'start' | 'end';\n  /** Prefix of the input labels, e.g. \"Start date\". */\n  labelPrefix: string;\n  /** UTC offset in minutes. */\n  utcOffset?: number;\n  /** Earliest selectable day of the calendar. */\n  minDate?: Moment;\n  /** Latest selectable day of the calendar. */\n  maxDate?: Moment;\n  /** Shows the time zone under the form (see `EuiTimeZoneDisplay`). */\n  timeZoneDisplayProps?: EuiTimeZoneDisplayProps;\n}\n\n/** @private The \"Absolute\" tab of the date popover. */\nexport interface AbsoluteTabSignature {\n  Args: AbsoluteTabArgs;\n}\n\nexport default class AbsoluteTab extends Component<AbsoluteTabSignature> {\n  @tracked isTextInvalid: boolean;\n  @tracked textInputValue: string;\n  @tracked valueAsMoment: Moment | null;\n\n  constructor(owner: Owner, args: AbsoluteTabArgs) {\n    super(owner, args);\n\n    const parsedValue = dateMath.parse(this.args.value, {\n      roundUp: this.args.roundUp\n    });\n    const valueAsMoment =\n      parsedValue && parsedValue.isValid() ? parsedValue : moment();\n\n    const textInputValue = valueAsMoment\n      .locale(this.args.locale || 'en')\n      .format(this.args.dateFormat);\n\n    this.isTextInvalid = false;\n    this.textInputValue = textInputValue;\n    this.valueAsMoment = valueAsMoment;\n  }\n\n  labelId = randomId();\n  timeZoneDescriptionId = randomId();\n\n  /** Upstream `euiAbsoluteTabDateForm`: the text input under the calendar. */\n  @cached\n  get formClass() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiAbsoluteTabDateFormStyles);\n    return euiClass(\n      context,\n      { boxSizing: 'border-box', display: 'flex' },\n      styles.euiAbsoluteTabDateForm\n    );\n  }\n\n  @cached\n  get rowClass() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiAbsoluteTabDateFormStyles);\n    return euiClass(context, { minInlineSize: 0 }, styles.euiAbsoluteTabDateForm__row);\n  }\n\n  @action\n  handleChange(date: any, e: Event) {\n    if (date === null) {\n      return;\n    }\n\n    this.args.onChange(date.toISOString(), e);\n\n    const valueAsMoment = moment(date);\n\n    this.valueAsMoment = valueAsMoment;\n    this.textInputValue = valueAsMoment.format(this.args.dateFormat);\n    this.isTextInvalid = false;\n  }\n\n  @action\n  handleTextChange(e: Event) {\n    const valueAsMoment = moment(\n      (e.target as HTMLInputElement).value,\n      this.args.dateFormat,\n      true\n    );\n    const dateIsValid = valueAsMoment.isValid();\n\n    if (dateIsValid) {\n      this.args.onChange(valueAsMoment.toISOString(), e);\n    }\n\n    this.textInputValue = (e.target as HTMLInputElement).value;\n    this.isTextInvalid = !dateIsValid;\n    this.valueAsMoment = dateIsValid ? valueAsMoment : null;\n  }\n\n  // `change` event on an input gets called after a `blur`\n  // blur the input and focus again to trigger the change event\n  // and call `handleTextChange` with the updated value\n  // and keep the field focused\n  @action\n  triggerChange(e: Event) {\n    (e.target as HTMLInputElement).blur();\n    (e.target as HTMLInputElement).focus();\n  }\n\n  <template>\n    <div class=\"euiAbsoluteTab\">\n      <DatetimePicker\n        @onChange={{this.handleChange}}\n        @dateFormat={{@dateFormat}}\n        @selected={{this.valueAsMoment}}\n        @minDate={{@minDate}}\n        @maxDate={{@maxDate}}\n      />\n      <EuiI18n\n        @token=\"euiAbsoluteTab.dateFormatError\"\n        @default=\"Expected format: {dateFormat}\"\n        @values={{hash dateFormat=@dateFormat}}\n        as |Token|\n      >\n        <Token as |dateFormatError|>\n          <div class=\"euiAbsoluteTabDateForm {{this.formClass}}\">\n            <div class={{this.rowClass}}>\n              <EuiFormRow\n                class=\"euiSuperDatePicker__absoluteDateFormRow\"\n                @isInvalid={{this.isTextInvalid}}\n                @error={{if this.isTextInvalid dateFormatError}}\n              >\n                <EuiFieldText\n                  aria-labelledby={{this.labelId}}\n                  aria-describedby={{this.timeZoneDescriptionId}}\n                  data-test-subj=\"superDatePickerAbsoluteDateInput\"\n                  @isInvalid={{this.isTextInvalid}}\n                  @value={{this.textInputValue}}\n                  @compressed={{true}}\n                  {{on \"input\" this.triggerChange}}\n                  {{on \"change\" this.handleTextChange}}\n                >\n                  <:prepend as |classes|>\n                    <EuiFormLabel id={{this.labelId}} class={{classes}}>\n                      {{@labelPrefix}}\n                    </EuiFormLabel>\n                  </:prepend>\n                </EuiFieldText>\n              </EuiFormRow>\n            </div>\n          </div>\n        </Token>\n      </EuiI18n>\n      <EuiTimeZoneDisplay\n        @id={{this.timeZoneDescriptionId}}\n        @timeZone={{@timeZoneDisplayProps.timeZone}}\n        @date={{@timeZoneDisplayProps.date}}\n        @customRender={{@timeZoneDisplayProps.customRender}}\n      />\n    </div>\n  </template>\n}\n"],"names":["AbsoluteTab","Component","g","prototype","tracked","i","constructor","owner","args","parsedValue","dateMath","parse","value","roundUp","valueAsMoment","isValid","moment","textInputValue","locale","format","dateFormat","isTextInvalid","labelId","randomId","timeZoneDescriptionId","formClass","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiAbsoluteTabDateFormStyles","euiClass","boxSizing","display","euiAbsoluteTabDateForm","n","cached","rowClass","minInlineSize","euiAbsoluteTabDateForm__row","handleChange","date","e","onChange","toISOString","action","handleTextChange","target","dateIsValid","triggerChange","blur","focus","setComponentTemplate","precompileTemplate","strictMode","scope","DatetimePicker","EuiI18n","hash","EuiFormRow","EuiFieldText","on","EuiFormLabel","EuiTimeZoneDisplay"],"mappings":"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"}
+{"version":3,"file":"absolute-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/absolute-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport dateMath from '@elastic/datemath';\nimport moment from 'moment';\n\nimport { randomId } from '../../../-private/random-id.ts';\nimport { getEuiThemeContext } from '../../../utils/emotion/consume.ts';\nimport { euiAbsoluteTabDateFormStyles } from '../../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../../utils/eui/styles.ts';\nimport EuiFieldText from '../../eui-field-text.gts';\nimport EuiFormLabel from '../../eui-form-label.gts';\nimport EuiFormRow from '../../eui-form-row.gts';\nimport EuiI18n from '../../eui-i18n.gts';\nimport DatetimePicker from './datetime-picker.gts';\nimport EuiTimeZoneDisplay from './eui-time-zone-display.gts';\n\nimport type { EuiTimeZoneDisplayProps } from './eui-time-zone-display.gts';\nimport type { LocaleSpecifier, Moment } from 'moment';\n\ninterface AbsoluteTabArgs {\n  /** moment format of absolute dates. */\n  dateFormat?: string;\n  /** moment format of times. */\n  timeFormat?: string;\n  /** moment locale; `'en'` when unset or `null`. */\n  locale?: LocaleSpecifier | null;\n  /** The date (date math or ISO date). */\n  value: string;\n  /** Called with the new value. */\n  onChange: (value: string, event?: Event) => void;\n  /** Rounds relative dates up (for the end of a range). */\n  roundUp: boolean;\n  /** `'start'` or `'end'` of the range. */\n  position: 'start' | 'end';\n  /** Prefix of the input labels, e.g. \"Start date\". */\n  labelPrefix: string;\n  /** UTC offset in minutes. */\n  utcOffset?: number;\n  /** Earliest selectable day of the calendar. */\n  minDate?: Moment;\n  /** Latest selectable day of the calendar. */\n  maxDate?: Moment;\n  /** Shows the time zone under the form (see `EuiTimeZoneDisplay`). */\n  timeZoneDisplayProps?: EuiTimeZoneDisplayProps;\n}\n\n/** @private The \"Absolute\" tab of the date popover. */\nexport interface AbsoluteTabSignature {\n  Args: AbsoluteTabArgs;\n}\n\nexport default class AbsoluteTab extends Component<AbsoluteTabSignature> {\n  @tracked isTextInvalid: boolean;\n  @tracked textInputValue: string;\n  @tracked valueAsMoment: Moment | null;\n\n  constructor(owner: Owner, args: AbsoluteTabArgs) {\n    super(owner, args);\n\n    const parsedValue = dateMath.parse(this.args.value, {\n      roundUp: this.args.roundUp\n    });\n    const valueAsMoment =\n      parsedValue && parsedValue.isValid() ? parsedValue : moment();\n\n    const textInputValue = valueAsMoment\n      .locale(this.args.locale || 'en')\n      .format(this.args.dateFormat);\n\n    this.isTextInvalid = false;\n    this.textInputValue = textInputValue;\n    this.valueAsMoment = valueAsMoment;\n  }\n\n  labelId = randomId();\n  timeZoneDescriptionId = randomId();\n\n  /** Upstream `euiAbsoluteTabDateForm`: the text input under the calendar. */\n  @cached\n  get formClass() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiAbsoluteTabDateFormStyles);\n    return euiClass(\n      context,\n      { boxSizing: 'border-box', display: 'flex' },\n      styles.euiAbsoluteTabDateForm\n    );\n  }\n\n  @cached\n  get rowClass() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiAbsoluteTabDateFormStyles);\n    return euiClass(context, { minInlineSize: 0 }, styles.euiAbsoluteTabDateForm__row);\n  }\n\n  @action\n  handleChange(date: any, e: Event) {\n    if (date === null) {\n      return;\n    }\n\n    this.args.onChange(date.toISOString(), e);\n\n    const valueAsMoment = moment(date);\n\n    this.valueAsMoment = valueAsMoment;\n    this.textInputValue = valueAsMoment.format(this.args.dateFormat);\n    this.isTextInvalid = false;\n  }\n\n  @action\n  handleTextChange(e: Event) {\n    const valueAsMoment = moment(\n      (e.target as HTMLInputElement).value,\n      this.args.dateFormat,\n      true\n    );\n    const dateIsValid = valueAsMoment.isValid();\n\n    if (dateIsValid) {\n      this.args.onChange(valueAsMoment.toISOString(), e);\n    }\n\n    this.textInputValue = (e.target as HTMLInputElement).value;\n    this.isTextInvalid = !dateIsValid;\n    this.valueAsMoment = dateIsValid ? valueAsMoment : null;\n  }\n\n  // `change` event on an input gets called after a `blur`\n  // blur the input and focus again to trigger the change event\n  // and call `handleTextChange` with the updated value\n  // and keep the field focused\n  @action\n  triggerChange(e: Event) {\n    (e.target as HTMLInputElement).blur();\n    (e.target as HTMLInputElement).focus();\n  }\n\n  <template>\n    <div class=\"euiAbsoluteTab\">\n      <DatetimePicker\n        @onChange={{this.handleChange}}\n        @dateFormat={{@dateFormat}}\n        @selected={{this.valueAsMoment}}\n        @minDate={{@minDate}}\n        @maxDate={{@maxDate}}\n      />\n      <EuiI18n\n        @token=\"euiAbsoluteTab.dateFormatError\"\n        @default=\"Expected format: {dateFormat}\"\n        @values={{hash dateFormat=@dateFormat}}\n        as |Token|\n      >\n        <Token as |dateFormatError|>\n          <div class=\"euiAbsoluteTabDateForm {{this.formClass}}\">\n            <div class={{this.rowClass}}>\n              <EuiFormRow\n                class=\"euiSuperDatePicker__absoluteDateFormRow\"\n                @isInvalid={{this.isTextInvalid}}\n                @error={{if this.isTextInvalid dateFormatError}}\n              >\n                <EuiFieldText\n                  aria-labelledby={{this.labelId}}\n                  aria-describedby={{this.timeZoneDescriptionId}}\n                  data-test-subj=\"superDatePickerAbsoluteDateInput\"\n                  @isInvalid={{this.isTextInvalid}}\n                  @value={{this.textInputValue}}\n                  @compressed={{true}}\n                  {{on \"input\" this.triggerChange}}\n                  {{on \"change\" this.handleTextChange}}\n                >\n                  <:prepend as |classes|>\n                    <EuiFormLabel id={{this.labelId}} class={{classes}}>\n                      {{@labelPrefix}}\n                    </EuiFormLabel>\n                  </:prepend>\n                </EuiFieldText>\n              </EuiFormRow>\n            </div>\n          </div>\n        </Token>\n      </EuiI18n>\n      <EuiTimeZoneDisplay\n        @id={{this.timeZoneDescriptionId}}\n        @timeZone={{@timeZoneDisplayProps.timeZone}}\n        @date={{@timeZoneDisplayProps.date}}\n        @customRender={{@timeZoneDisplayProps.customRender}}\n      />\n    </div>\n  </template>\n}\n"],"names":["AbsoluteTab","Component","g","prototype","tracked","i","constructor","owner","args","parsedValue","dateMath","parse","value","roundUp","valueAsMoment","isValid","moment","textInputValue","locale","format","dateFormat","isTextInvalid","labelId","randomId","timeZoneDescriptionId","formClass","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiAbsoluteTabDateFormStyles","euiClass","boxSizing","display","euiAbsoluteTabDateForm","n","cached","rowClass","minInlineSize","euiAbsoluteTabDateForm__row","handleChange","date","e","onChange","toISOString","action","handleTextChange","target","dateIsValid","triggerChange","blur","focus","setComponentTemplate","precompileTemplate","strictMode","scope","DatetimePicker","EuiI18n","hash","EuiFormRow","EuiFieldText","on","EuiFormLabel","EuiTimeZoneDisplay"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-date-popover-content.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/eui-date-popover-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { service } from '@ember/service';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport { getEuiThemeContext } from '../../../utils/emotion/consume.ts';\nimport { euiDatePopoverContentStyles } from '../../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../../utils/eui/styles.ts';\nimport EuiTabbedContent from '../../eui-tabbed-content.gts';\nimport { getDateMode, toAbsoluteString } from '../utils/index.ts';\nimport { useI18nTimeOptions } from '../utils/time-options.ts';\nimport AbsoluteTab from './absolute-tab.gts';\nimport NowTab from './now-tab.gts';\nimport RelativeTab from './relative-tab.gts';\n\nimport type EuiI18n from '../../../services/eui-i18n';\nimport type { EuiTabbedContentTab } from '../../eui-tabbed-content';\nimport type { TimeOptions } from '../utils/time-options.ts';\nimport type { AbsoluteTabSignature } from './absolute-tab';\nimport type { NowTabSignature } from './now-tab';\nimport type { RelativeTabSignature } from './relative-tab';\nimport type { EuiTimeZoneDisplayProps } from './eui-time-zone-display.gts';\nimport type { LocaleSpecifier, Moment } from 'moment';\n\ninterface EuiDatePopoverContentArgs {\n  /** The date (date math or ISO date). */\n  value: string;\n  /** Called with the new value. */\n  onChange:\n    | RelativeTabSignature['Args']['onChange']\n    | NowTabSignature['Args']['onChange']\n    | AbsoluteTabSignature['Args']['onChange'];\n  /** Rounds relative dates up (for the end of a range). */\n  roundUp?: boolean;\n  /** moment format of absolute dates. */\n  dateFormat: string;\n  /** moment format of times. */\n  timeFormat?: string;\n  /** moment locale. */\n  locale?: LocaleSpecifier;\n  /** `'start'` or `'end'` of the range. */\n  position: 'start' | 'end';\n  /** UTC offset in minutes. */\n  utcOffset?: number;\n  /** Time units and tenses for the quick select. */\n  timeOptions: TimeOptions;\n  /** Earliest selectable day of the absolute tab's calendar. */\n  minDate?: Moment;\n  /** Latest selectable day of the absolute tab's calendar. */\n  maxDate?: Moment;\n  /**\n   * `false` keeps relative values as typed in the relative tab (upstream\n   * rounds them through an absolute date). Defaults to `true`.\n   */\n  canRoundRelativeUnits?: boolean;\n  /** Shows the time zone in the absolute and relative tabs. */\n  timeZoneDisplayProps?: EuiTimeZoneDisplayProps;\n}\n\nconst toAbsoluteStringHelper = helper(function ([\n  value,\n  roundUp,\n  canRoundRelativeUnits = true\n]: [string, boolean, boolean?]) {\n  return canRoundRelativeUnits ? toAbsoluteString(value, roundUp) : value;\n});\n\n/** @private The tabs (absolute, relative, now) of the date popover. */\nexport interface EuiDatePopoverContentSignature {\n  Element: HTMLDivElement;\n  Args: EuiDatePopoverContentArgs;\n  Blocks: {\n    selectedTabContent: [\n      {\n        id: string;\n        name: string;\n      }\n    ];\n  };\n}\n\nexport default class EuiDatePopoverContent extends Component<EuiDatePopoverContentSignature> {\n  @service declare euiI18n: EuiI18n;\n  @tracked selectedTab = 0;\n  toAbsoluteStringHelper = toAbsoluteStringHelper;\n\n  get labelPrefix() {\n    return this.args.position === 'start'\n      ? this.euiI18n.lookupToken(\n          'euiDatePopoverContent.startDateLabel',\n          'Start date'\n        )\n      : this.euiI18n.lookupToken(\n          'euiDatePopoverContent.endDateLabel',\n          'End date'\n        );\n  }\n\n  /** Upstream also labels each tab with the position and its test subject. */\n  get tabs(): EuiTabbedContentTab[] {\n    const tab = (id: string, token: string, label: string, testSubj: string) => {\n      const name = this.euiI18n.lookupToken(token, label);\n      return {\n        id,\n        name,\n        'data-test-subj': testSubj,\n        'aria-label': `${this.labelPrefix}: ${name}`\n      };\n    };\n    return [\n      tab('absolute', 'euiDatePopoverContent.absoluteTabLabel', 'Absolute', 'superDatePickerAbsoluteTab'),\n      tab('relative', 'euiDatePopoverContent.relativeTabLabel', 'Relative', 'superDatePickerRelativeTab'),\n      tab('now', 'euiDatePopoverContent.nowTabLabel', 'Now', 'superDatePickerNowTab')\n    ];\n  }\n\n  get initialSelectedTab() {\n    return this.tabs.find((tab) => tab.id === getDateMode(this.args.value));\n  }\n\n  /** Upstream: the form width (400px), narrower below the `s` breakpoint. */\n  @cached\n  get className() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiDatePopoverContentStyles);\n    return `euiDatePopoverContent ${euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      styles.euiDatePopoverContent\n    )}`;\n  }\n\n  get roundUp() {\n    return this.args.roundUp ?? false;\n  }\n\n  get canRoundRelativeUnits() {\n    return this.args.canRoundRelativeUnits ?? true;\n  }\n\n  get timeOptions() {\n    return this.args.timeOptions || useI18nTimeOptions(this.euiI18n);\n  }\n\n  <template>\n    <EuiTabbedContent\n      @className={{this.className}}\n      @tabs={{this.tabs}}\n      @initialSelectedTab={{this.initialSelectedTab}}\n      @autoFocus=\"selected\"\n      @expand={{true}}\n      @size=\"s\"\n    >\n      <:selectedTabContent as |selected|>\n        {{#if (eq selected.id \"relative\")}}\n          <RelativeTab\n            @value={{this.toAbsoluteStringHelper\n              @value\n              this.roundUp\n              this.canRoundRelativeUnits\n            }}\n            @onChange={{@onChange}}\n            @labelPrefix={{this.labelPrefix}}\n            @roundUp={{this.roundUp}}\n            @dateFormat={{@dateFormat}}\n            @locale={{@locale}}\n            @position={{@position}}\n            @timeOptions={{this.timeOptions}}\n            @timeZoneDisplayProps={{@timeZoneDisplayProps}}\n          />\n        {{else if (eq selected.id \"now\")}}\n          <NowTab @position={{@position}} @onChange={{@onChange}} />\n        {{else if (eq selected.id \"absolute\")}}\n          <AbsoluteTab\n            @value={{@value}}\n            @roundUp={{this.roundUp}}\n            @dateFormat={{@dateFormat}}\n            @locale={{@locale}}\n            @position={{@position}}\n            @onChange={{@onChange}}\n            @labelPrefix={{this.labelPrefix}}\n            @minDate={{@minDate}}\n            @maxDate={{@maxDate}}\n            @timeZoneDisplayProps={{@timeZoneDisplayProps}}\n          />\n        {{/if}}\n      </:selectedTabContent>\n    </EuiTabbedContent>\n  </template>\n}\n"],"names":["toAbsoluteStringHelper","helper","value","roundUp","canRoundRelativeUnits","toAbsoluteString","EuiDatePopoverContent","Component","g","prototype","service","i","tracked","labelPrefix","args","position","euiI18n","lookupToken","tabs","tab","id","token","label","testSubj","name","initialSelectedTab","find","getDateMode","className","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiDatePopoverContentStyles","euiClass","boxSizing","euiDatePopoverContent","n","cached","timeOptions","useI18nTimeOptions","setComponentTemplate","precompileTemplate","strictMode","scope","EuiTabbedContent","eq","RelativeTab","NowTab","AbsoluteTab"],"mappings":"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"}
+{"version":3,"file":"eui-date-popover-content.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/eui-date-popover-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { service } from '@ember/service';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport { getEuiThemeContext } from '../../../utils/emotion/consume.ts';\nimport { euiDatePopoverContentStyles } from '../../../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../../utils/eui/styles.ts';\nimport EuiTabbedContent from '../../eui-tabbed-content.gts';\nimport { getDateMode, toAbsoluteString } from '../utils/index.ts';\nimport { useI18nTimeOptions } from '../utils/time-options.ts';\nimport AbsoluteTab from './absolute-tab.gts';\nimport NowTab from './now-tab.gts';\nimport RelativeTab from './relative-tab.gts';\n\nimport type EuiI18n from '../../../services/eui-i18n';\nimport type { EuiTabbedContentTab } from '../../eui-tabbed-content';\nimport type { TimeOptions } from '../utils/time-options.ts';\nimport type { AbsoluteTabSignature } from './absolute-tab';\nimport type { NowTabSignature } from './now-tab';\nimport type { RelativeTabSignature } from './relative-tab';\nimport type { EuiTimeZoneDisplayProps } from './eui-time-zone-display.gts';\nimport type { LocaleSpecifier, Moment } from 'moment';\n\ninterface EuiDatePopoverContentArgs {\n  /** The date (date math or ISO date). */\n  value: string;\n  /** Called with the new value. */\n  onChange:\n    | RelativeTabSignature['Args']['onChange']\n    | NowTabSignature['Args']['onChange']\n    | AbsoluteTabSignature['Args']['onChange'];\n  /** Rounds relative dates up (for the end of a range). */\n  roundUp?: boolean;\n  /** moment format of absolute dates. */\n  dateFormat: string;\n  /** moment format of times. */\n  timeFormat?: string;\n  /** moment locale; `'en'` when unset or `null`. */\n  locale?: LocaleSpecifier | null;\n  /** `'start'` or `'end'` of the range. */\n  position: 'start' | 'end';\n  /** UTC offset in minutes. */\n  utcOffset?: number;\n  /** Time units and tenses for the quick select. */\n  timeOptions: TimeOptions;\n  /** Earliest selectable day of the absolute tab's calendar. */\n  minDate?: Moment;\n  /** Latest selectable day of the absolute tab's calendar. */\n  maxDate?: Moment;\n  /**\n   * `false` keeps relative values as typed in the relative tab (upstream\n   * rounds them through an absolute date). Defaults to `true`.\n   */\n  canRoundRelativeUnits?: boolean;\n  /** Shows the time zone in the absolute and relative tabs. */\n  timeZoneDisplayProps?: EuiTimeZoneDisplayProps;\n}\n\nconst toAbsoluteStringHelper = helper(function ([\n  value,\n  roundUp,\n  canRoundRelativeUnits = true\n]: [string, boolean, boolean?]) {\n  return canRoundRelativeUnits ? toAbsoluteString(value, roundUp) : value;\n});\n\n/** @private The tabs (absolute, relative, now) of the date popover. */\nexport interface EuiDatePopoverContentSignature {\n  Element: HTMLDivElement;\n  Args: EuiDatePopoverContentArgs;\n  Blocks: {\n    selectedTabContent: [\n      {\n        id: string;\n        name: string;\n      }\n    ];\n  };\n}\n\nexport default class EuiDatePopoverContent extends Component<EuiDatePopoverContentSignature> {\n  @service declare euiI18n: EuiI18n;\n  @tracked selectedTab = 0;\n  toAbsoluteStringHelper = toAbsoluteStringHelper;\n\n  get labelPrefix() {\n    return this.args.position === 'start'\n      ? this.euiI18n.lookupToken(\n          'euiDatePopoverContent.startDateLabel',\n          'Start date'\n        )\n      : this.euiI18n.lookupToken(\n          'euiDatePopoverContent.endDateLabel',\n          'End date'\n        );\n  }\n\n  /** Upstream also labels each tab with the position and its test subject. */\n  get tabs(): EuiTabbedContentTab[] {\n    const tab = (id: string, token: string, label: string, testSubj: string) => {\n      const name = this.euiI18n.lookupToken(token, label);\n      return {\n        id,\n        name,\n        'data-test-subj': testSubj,\n        'aria-label': `${this.labelPrefix}: ${name}`\n      };\n    };\n    return [\n      tab('absolute', 'euiDatePopoverContent.absoluteTabLabel', 'Absolute', 'superDatePickerAbsoluteTab'),\n      tab('relative', 'euiDatePopoverContent.relativeTabLabel', 'Relative', 'superDatePickerRelativeTab'),\n      tab('now', 'euiDatePopoverContent.nowTabLabel', 'Now', 'superDatePickerNowTab')\n    ];\n  }\n\n  get initialSelectedTab() {\n    return this.tabs.find((tab) => tab.id === getDateMode(this.args.value));\n  }\n\n  /** Upstream: the form width (400px), narrower below the `s` breakpoint. */\n  @cached\n  get className() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiDatePopoverContentStyles);\n    return `euiDatePopoverContent ${euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      styles.euiDatePopoverContent\n    )}`;\n  }\n\n  get roundUp() {\n    return this.args.roundUp ?? false;\n  }\n\n  get canRoundRelativeUnits() {\n    return this.args.canRoundRelativeUnits ?? true;\n  }\n\n  get timeOptions() {\n    return this.args.timeOptions || useI18nTimeOptions(this.euiI18n);\n  }\n\n  <template>\n    <EuiTabbedContent\n      @className={{this.className}}\n      @tabs={{this.tabs}}\n      @initialSelectedTab={{this.initialSelectedTab}}\n      @autoFocus=\"selected\"\n      @expand={{true}}\n      @size=\"s\"\n    >\n      <:selectedTabContent as |selected|>\n        {{#if (eq selected.id \"relative\")}}\n          <RelativeTab\n            @value={{this.toAbsoluteStringHelper\n              @value\n              this.roundUp\n              this.canRoundRelativeUnits\n            }}\n            @onChange={{@onChange}}\n            @labelPrefix={{this.labelPrefix}}\n            @roundUp={{this.roundUp}}\n            @dateFormat={{@dateFormat}}\n            @locale={{@locale}}\n            @position={{@position}}\n            @timeOptions={{this.timeOptions}}\n            @timeZoneDisplayProps={{@timeZoneDisplayProps}}\n          />\n        {{else if (eq selected.id \"now\")}}\n          <NowTab @position={{@position}} @onChange={{@onChange}} />\n        {{else if (eq selected.id \"absolute\")}}\n          <AbsoluteTab\n            @value={{@value}}\n            @roundUp={{this.roundUp}}\n            @dateFormat={{@dateFormat}}\n            @locale={{@locale}}\n            @position={{@position}}\n            @onChange={{@onChange}}\n            @labelPrefix={{this.labelPrefix}}\n            @minDate={{@minDate}}\n            @maxDate={{@maxDate}}\n            @timeZoneDisplayProps={{@timeZoneDisplayProps}}\n          />\n        {{/if}}\n      </:selectedTabContent>\n    </EuiTabbedContent>\n  </template>\n}\n"],"names":["toAbsoluteStringHelper","helper","value","roundUp","canRoundRelativeUnits","toAbsoluteString","EuiDatePopoverContent","Component","g","prototype","service","i","tracked","labelPrefix","args","position","euiI18n","lookupToken","tabs","tab","id","token","label","testSubj","name","initialSelectedTab","find","getDateMode","className","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiDatePopoverContentStyles","euiClass","boxSizing","euiDatePopoverContent","n","cached","timeOptions","useI18nTimeOptions","setComponentTemplate","precompileTemplate","strictMode","scope","EuiTabbedContent","eq","RelativeTab","NowTab","AbsoluteTab"],"mappings":"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"}

package/dist/components/eui-super-date-picker/date-popover/now-tab.js

@@ -10,7 +10,7 @@ import EuiText from '../../eui-text.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
-import { euiPaddingSize } from '../../../utils/eui/styles.generated/shared/OB4N5SEF.js';
+import { euiPaddingSize } from '../../../utils/eui/styles.generated/shared/ZZV4XTLA.js';
 
 class EuiSuperDatePickerDatePopoverNowTab extends Component {
   /** Upstream pads the text with `useEuiPaddingCSS().m` (EuiText `css`). */get paddingCss() {

package/dist/components/eui-super-date-picker/date-popover/relative-tab.js

@@ -25,7 +25,7 @@ import EuiTimeZoneDisplay from './eui-time-zone-display.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
-import { euiPaddingSize } from '../../../utils/eui/styles.generated/shared/OB4N5SEF.js';
+import { euiPaddingSize } from '../../../utils/eui/styles.generated/shared/ZZV4XTLA.js';
 
 class RelativeTab extends Component {
   static {

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

@@ -1 +1 @@
-{"version":3,"file":"relative-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/relative-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport dateMath from '@elastic/datemath';\nimport pick from '@nullvoxpopuli/ember-composable-helpers/helpers/pick';\nimport { service } from '@ember/service';\n\nimport { randomId } from '../../../-private/random-id.ts';\nimport { getEuiThemeContext } from '../../../utils/emotion/consume.ts';\nimport { euiPaddingSize } from '../../../utils/eui/styles.generated.ts';\nimport { euiClass } from '../../../utils/eui/styles.ts';\n\nimport EuiFieldNumber from '../../eui-field-number.gts';\nimport EuiFieldText from '../../eui-field-text.gts';\nimport EuiFlexGroup from '../../eui-flex-group.gts';\nimport EuiFlexItem from '../../eui-flex-item.gts';\nimport EuiForm from '../../eui-form.gts';\nimport EuiFormLabel from '../../eui-form-label.gts';\nimport EuiFormRow from '../../eui-form-row.gts';\nimport EuiPopoverFooter from '../../eui-popover-footer.gts';\nimport EuiScreenReaderOnly from '../../eui-screen-reader-only.gts';\nimport EuiSelect from '../../eui-select.gts';\nimport EuiSpacer from '../../eui-spacer.gts';\nimport EuiSwitch from '../../eui-switch.gts';\nimport { INVALID_DATE, toRelativeStringFromParts } from '../utils/index.ts';\nimport { parseRelativeParts } from '../utils/index.ts';\n\nimport EuiTimeZoneDisplay from './eui-time-zone-display.gts';\n\nimport type EuiI18n from '../../../services/eui-i18n';\nimport type { EuiTimeZoneDisplayProps } from './eui-time-zone-display.gts';\nimport type { TimeOptions } from '../utils/time-options.ts';\nimport type { LocaleSpecifier } from 'moment';\n\ninterface RelativeTabArgs {\n  /** moment format of absolute dates. */\n  dateFormat: string;\n  /** moment locale. */\n  locale?: LocaleSpecifier;\n  /** The date (date math or ISO date). */\n  value: string;\n  /** Called with the new value. */\n  onChange: (value: string, event?: Event) => void;\n  /** Rounds relative dates up (for the end of a range). */\n  roundUp?: boolean;\n  /** `'start'` or `'end'` of the range. */\n  position: 'start' | 'end';\n  /** Prefix of the input labels, e.g. \"Start date\". */\n  labelPrefix: string;\n  /** Time units and tenses for the quick select. */\n  timeOptions: TimeOptions;\n  /** Shows the time zone under the form (see `EuiTimeZoneDisplay`). */\n  timeZoneDisplayProps?: EuiTimeZoneDisplayProps;\n}\n\n/** @private The \"Relative\" tab of the date popover. */\nexport interface RelativeTabSignature {\n  Args: RelativeTabArgs;\n}\n\nexport default class RelativeTab extends Component<RelativeTabSignature> {\n  @tracked count?: number;\n  @tracked unit: any = 'm';\n  @tracked round = false;\n\n  roundUnit;\n\n  @service declare euiI18n: EuiI18n;\n\n  labelId = randomId();\n  descriptionId = randomId();\n  timeZoneDescriptionId = randomId();\n\n  /** Upstream pads the form with `useEuiPaddingCSS().s`. */\n  @cached\n  get paddingClass() {\n    const context = getEuiThemeContext(this);\n    return euiClass(context, {\n      boxSizing: 'border-box',\n      padding: euiPaddingSize(context.upstream, 's')\n    });\n  }\n\n  get isInvalid() {\n    return (\n      this.count === undefined ||\n      this.count < 0 ||\n      this.args.value === INVALID_DATE\n    );\n  }\n\n  get numberLabel() {\n    return this.euiI18n.lookupToken(\n      'euiRelativeTab.numberInputLabel',\n      'Time span amount'\n    );\n  }\n\n  get unitLabel() {\n    return this.euiI18n.lookupToken(\n      'euiRelativeTab.unitInputLabel',\n      'Relative time span'\n    );\n  }\n\n  get description() {\n    return this.euiI18n.lookupToken(\n      'euiRelativeTab.fullDescription',\n      'The unit is changeable. Currently set to {unit}.',\n      { unit: this.unit }\n    );\n  }\n\n  constructor(owner: Owner, args: RelativeTabArgs) {\n    super(owner, args);\n\n    const parsed = parseRelativeParts(this.args.value);\n\n    if (parsed) {\n      this.count = parsed.count;\n      this.unit = parsed.unit as any;\n      this.round = parsed.round;\n      this.roundUnit = parsed.roundUnit;\n    }\n  }\n\n  get formattedValue() {\n    const invalidDate = this.args.value === INVALID_DATE;\n    const invalidValue = this.count === undefined || this.count < 0;\n    const isInvalid = invalidValue || invalidDate;\n    const parsedValue = dateMath.parse(this.args.value, {\n      roundUp: this.args.roundUp\n    });\n    const invalid = isInvalid || !parsedValue || !parsedValue.isValid();\n\n    return invalid\n      ? ''\n      : parsedValue\n          .locale(this.args.locale || 'en')\n          .format(this.args.dateFormat);\n  }\n\n  get roundingLabel() {\n    //@ts-expect-error\n    return this.args.timeOptions.relativeRoundingLabels[this.unit[0]];\n  }\n\n  @action\n  onCountChange(e: Event) {\n    const sanitizedValue = parseInt((e.target as HTMLInputElement).value, 10);\n\n    this.count = isNaN(sanitizedValue) ? undefined : sanitizedValue;\n    this.handleChange();\n  }\n\n  @action\n  onUnitChange(unit: string) {\n    this.unit = unit as any;\n    this.handleChange();\n  }\n\n  @action\n  onRoundChange(checked: boolean) {\n    this.round = checked;\n    this.handleChange();\n  }\n\n  handleChange(e?: Event) {\n    if (this.count === undefined || this.count < 0) {\n      return;\n    }\n\n    const date = toRelativeStringFromParts({\n      count: this.count,\n      round: this.round,\n      roundUnit: this.roundUnit as any,\n      unit: this.unit\n    });\n\n    this.args.onChange(date, e);\n  }\n\n  <template>\n    <EuiForm class=\"euiDatePopoverContent__padded {{this.paddingClass}}\">\n      <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}}>\n        <EuiFlexItem>\n          <EuiFormRow @isInvalid={{this.isInvalid}}>\n            <EuiFieldNumber\n              @compressed={{true}}\n              @value={{this.count}}\n              @min=\"0\"\n              @isInvalid={{this.isInvalid}}\n              aria-label={{this.numberLabel}}\n              aria-describedby={{this.descriptionId}}\n              data-test-subj=\"superDatePickerRelativeDateInputNumber\"\n              {{on \"input\" this.onCountChange}}\n            />\n          </EuiFormRow>\n        </EuiFlexItem>\n        <EuiFlexItem>\n          <EuiSelect\n            @compressed={{true}}\n            @value={{this.unit}}\n            @options={{@timeOptions.relativeOptions}}\n            aria-label={{this.unitLabel}}\n            data-test-subj=\"superDatePickerRelativeDateInputUnitSelector\"\n            {{on \"change\" (pick \"target.value\" this.onUnitChange)}}\n          />\n        </EuiFlexItem>\n      </EuiFlexGroup>\n      <EuiSpacer @size=\"s\" />\n      <EuiFieldText\n        aria-labelledby={{this.labelId}}\n        @compressed={{true}}\n        @value={{this.formattedValue}}\n        @readOnly={{true}}\n        aria-describedby={{this.timeZoneDescriptionId}}\n      >\n        <:prepend as |classes|>\n          <EuiFormLabel id={{this.labelId}} class={{classes}}>\n            {{@labelPrefix}}\n          </EuiFormLabel>\n        </:prepend>\n      </EuiFieldText>\n      <EuiScreenReaderOnly>\n        <p id={{this.descriptionId}}>{{this.description}}</p>\n      </EuiScreenReaderOnly>\n    </EuiForm>\n    <EuiTimeZoneDisplay\n      @id={{this.timeZoneDescriptionId}}\n      @timeZone={{@timeZoneDisplayProps.timeZone}}\n      @date={{@timeZoneDisplayProps.date}}\n      @customRender={{@timeZoneDisplayProps.customRender}}\n    />\n    <EuiPopoverFooter @paddingSize=\"s\">\n      <EuiSwitch\n        data-test-subj=\"superDatePickerRelativeDateRoundSwitch\"\n        @label={{this.roundingLabel}}\n        @checked={{this.round}}\n        @onChange={{pick \"target.checked\" this.onRoundChange}}\n      />\n    </EuiPopoverFooter>\n  </template>\n}\n"],"names":["RelativeTab","Component","g","prototype","tracked","i","roundUnit","service","labelId","randomId","descriptionId","timeZoneDescriptionId","paddingClass","context","getEuiThemeContext","euiClass","boxSizing","padding","euiPaddingSize","upstream","n","cached","isInvalid","count","undefined","args","value","INVALID_DATE","numberLabel","euiI18n","lookupToken","unitLabel","description","unit","constructor","owner","parsed","parseRelativeParts","round","formattedValue","invalidDate","invalidValue","parsedValue","dateMath","parse","roundUp","invalid","isValid","locale","format","dateFormat","roundingLabel","timeOptions","relativeRoundingLabels","onCountChange","e","sanitizedValue","parseInt","target","isNaN","handleChange","action","onUnitChange","onRoundChange","checked","date","toRelativeStringFromParts","onChange","setComponentTemplate","precompileTemplate","strictMode","scope","EuiForm","EuiFlexGroup","EuiFlexItem","EuiFormRow","EuiFieldNumber","on","EuiSelect","pick","EuiSpacer","EuiFieldText","EuiFormLabel","EuiScreenReaderOnly","EuiTimeZoneDisplay","EuiPopoverFooter","EuiSwitch"],"mappings":"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"}
+{"version":3,"file":"relative-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/relative-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport dateMath from '@elastic/datemath';\nimport pick from '@nullvoxpopuli/ember-composable-helpers/helpers/pick';\nimport { service } from '@ember/service';\n\nimport { randomId } from '../../../-private/random-id.ts';\nimport { getEuiThemeContext } from '../../../utils/emotion/consume.ts';\nimport { euiPaddingSize } from '../../../utils/eui/styles.generated.ts';\nimport { euiClass } from '../../../utils/eui/styles.ts';\n\nimport EuiFieldNumber from '../../eui-field-number.gts';\nimport EuiFieldText from '../../eui-field-text.gts';\nimport EuiFlexGroup from '../../eui-flex-group.gts';\nimport EuiFlexItem from '../../eui-flex-item.gts';\nimport EuiForm from '../../eui-form.gts';\nimport EuiFormLabel from '../../eui-form-label.gts';\nimport EuiFormRow from '../../eui-form-row.gts';\nimport EuiPopoverFooter from '../../eui-popover-footer.gts';\nimport EuiScreenReaderOnly from '../../eui-screen-reader-only.gts';\nimport EuiSelect from '../../eui-select.gts';\nimport EuiSpacer from '../../eui-spacer.gts';\nimport EuiSwitch from '../../eui-switch.gts';\nimport { INVALID_DATE, toRelativeStringFromParts } from '../utils/index.ts';\nimport { parseRelativeParts } from '../utils/index.ts';\n\nimport EuiTimeZoneDisplay from './eui-time-zone-display.gts';\n\nimport type EuiI18n from '../../../services/eui-i18n';\nimport type { EuiTimeZoneDisplayProps } from './eui-time-zone-display.gts';\nimport type { TimeOptions } from '../utils/time-options.ts';\nimport type { LocaleSpecifier } from 'moment';\n\ninterface RelativeTabArgs {\n  /** moment format of absolute dates. */\n  dateFormat: string;\n  /** moment locale; `'en'` when unset or `null`. */\n  locale?: LocaleSpecifier | null;\n  /** The date (date math or ISO date). */\n  value: string;\n  /** Called with the new value. */\n  onChange: (value: string, event?: Event) => void;\n  /** Rounds relative dates up (for the end of a range). */\n  roundUp?: boolean;\n  /** `'start'` or `'end'` of the range. */\n  position: 'start' | 'end';\n  /** Prefix of the input labels, e.g. \"Start date\". */\n  labelPrefix: string;\n  /** Time units and tenses for the quick select. */\n  timeOptions: TimeOptions;\n  /** Shows the time zone under the form (see `EuiTimeZoneDisplay`). */\n  timeZoneDisplayProps?: EuiTimeZoneDisplayProps;\n}\n\n/** @private The \"Relative\" tab of the date popover. */\nexport interface RelativeTabSignature {\n  Args: RelativeTabArgs;\n}\n\nexport default class RelativeTab extends Component<RelativeTabSignature> {\n  @tracked count?: number;\n  @tracked unit: any = 'm';\n  @tracked round = false;\n\n  roundUnit;\n\n  @service declare euiI18n: EuiI18n;\n\n  labelId = randomId();\n  descriptionId = randomId();\n  timeZoneDescriptionId = randomId();\n\n  /** Upstream pads the form with `useEuiPaddingCSS().s`. */\n  @cached\n  get paddingClass() {\n    const context = getEuiThemeContext(this);\n    return euiClass(context, {\n      boxSizing: 'border-box',\n      padding: euiPaddingSize(context.upstream, 's')\n    });\n  }\n\n  get isInvalid() {\n    return (\n      this.count === undefined ||\n      this.count < 0 ||\n      this.args.value === INVALID_DATE\n    );\n  }\n\n  get numberLabel() {\n    return this.euiI18n.lookupToken(\n      'euiRelativeTab.numberInputLabel',\n      'Time span amount'\n    );\n  }\n\n  get unitLabel() {\n    return this.euiI18n.lookupToken(\n      'euiRelativeTab.unitInputLabel',\n      'Relative time span'\n    );\n  }\n\n  get description() {\n    return this.euiI18n.lookupToken(\n      'euiRelativeTab.fullDescription',\n      'The unit is changeable. Currently set to {unit}.',\n      { unit: this.unit }\n    );\n  }\n\n  constructor(owner: Owner, args: RelativeTabArgs) {\n    super(owner, args);\n\n    const parsed = parseRelativeParts(this.args.value);\n\n    if (parsed) {\n      this.count = parsed.count;\n      this.unit = parsed.unit as any;\n      this.round = parsed.round;\n      this.roundUnit = parsed.roundUnit;\n    }\n  }\n\n  get formattedValue() {\n    const invalidDate = this.args.value === INVALID_DATE;\n    const invalidValue = this.count === undefined || this.count < 0;\n    const isInvalid = invalidValue || invalidDate;\n    const parsedValue = dateMath.parse(this.args.value, {\n      roundUp: this.args.roundUp\n    });\n    const invalid = isInvalid || !parsedValue || !parsedValue.isValid();\n\n    return invalid\n      ? ''\n      : parsedValue\n          .locale(this.args.locale || 'en')\n          .format(this.args.dateFormat);\n  }\n\n  get roundingLabel() {\n    //@ts-expect-error\n    return this.args.timeOptions.relativeRoundingLabels[this.unit[0]];\n  }\n\n  @action\n  onCountChange(e: Event) {\n    const sanitizedValue = parseInt((e.target as HTMLInputElement).value, 10);\n\n    this.count = isNaN(sanitizedValue) ? undefined : sanitizedValue;\n    this.handleChange();\n  }\n\n  @action\n  onUnitChange(unit: string) {\n    this.unit = unit as any;\n    this.handleChange();\n  }\n\n  @action\n  onRoundChange(checked: boolean) {\n    this.round = checked;\n    this.handleChange();\n  }\n\n  handleChange(e?: Event) {\n    if (this.count === undefined || this.count < 0) {\n      return;\n    }\n\n    const date = toRelativeStringFromParts({\n      count: this.count,\n      round: this.round,\n      roundUnit: this.roundUnit as any,\n      unit: this.unit\n    });\n\n    this.args.onChange(date, e);\n  }\n\n  <template>\n    <EuiForm class=\"euiDatePopoverContent__padded {{this.paddingClass}}\">\n      <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}}>\n        <EuiFlexItem>\n          <EuiFormRow @isInvalid={{this.isInvalid}}>\n            <EuiFieldNumber\n              @compressed={{true}}\n              @value={{this.count}}\n              @min=\"0\"\n              @isInvalid={{this.isInvalid}}\n              aria-label={{this.numberLabel}}\n              aria-describedby={{this.descriptionId}}\n              data-test-subj=\"superDatePickerRelativeDateInputNumber\"\n              {{on \"input\" this.onCountChange}}\n            />\n          </EuiFormRow>\n        </EuiFlexItem>\n        <EuiFlexItem>\n          <EuiSelect\n            @compressed={{true}}\n            @value={{this.unit}}\n            @options={{@timeOptions.relativeOptions}}\n            aria-label={{this.unitLabel}}\n            data-test-subj=\"superDatePickerRelativeDateInputUnitSelector\"\n            {{on \"change\" (pick \"target.value\" this.onUnitChange)}}\n          />\n        </EuiFlexItem>\n      </EuiFlexGroup>\n      <EuiSpacer @size=\"s\" />\n      <EuiFieldText\n        aria-labelledby={{this.labelId}}\n        @compressed={{true}}\n        @value={{this.formattedValue}}\n        @readOnly={{true}}\n        aria-describedby={{this.timeZoneDescriptionId}}\n      >\n        <:prepend as |classes|>\n          <EuiFormLabel id={{this.labelId}} class={{classes}}>\n            {{@labelPrefix}}\n          </EuiFormLabel>\n        </:prepend>\n      </EuiFieldText>\n      <EuiScreenReaderOnly>\n        <p id={{this.descriptionId}}>{{this.description}}</p>\n      </EuiScreenReaderOnly>\n    </EuiForm>\n    <EuiTimeZoneDisplay\n      @id={{this.timeZoneDescriptionId}}\n      @timeZone={{@timeZoneDisplayProps.timeZone}}\n      @date={{@timeZoneDisplayProps.date}}\n      @customRender={{@timeZoneDisplayProps.customRender}}\n    />\n    <EuiPopoverFooter @paddingSize=\"s\">\n      <EuiSwitch\n        data-test-subj=\"superDatePickerRelativeDateRoundSwitch\"\n        @label={{this.roundingLabel}}\n        @checked={{this.round}}\n        @onChange={{pick \"target.checked\" this.onRoundChange}}\n      />\n    </EuiPopoverFooter>\n  </template>\n}\n"],"names":["RelativeTab","Component","g","prototype","tracked","i","roundUnit","service","labelId","randomId","descriptionId","timeZoneDescriptionId","paddingClass","context","getEuiThemeContext","euiClass","boxSizing","padding","euiPaddingSize","upstream","n","cached","isInvalid","count","undefined","args","value","INVALID_DATE","numberLabel","euiI18n","lookupToken","unitLabel","description","unit","constructor","owner","parsed","parseRelativeParts","round","formattedValue","invalidDate","invalidValue","parsedValue","dateMath","parse","roundUp","invalid","isValid","locale","format","dateFormat","roundingLabel","timeOptions","relativeRoundingLabels","onCountChange","e","sanitizedValue","parseInt","target","isNaN","handleChange","action","onUnitChange","onRoundChange","checked","date","toRelativeStringFromParts","onChange","setComponentTemplate","precompileTemplate","strictMode","scope","EuiForm","EuiFlexGroup","EuiFlexItem","EuiFormRow","EuiFieldNumber","on","EuiSelect","pick","EuiSpacer","EuiFieldText","EuiFormLabel","EuiScreenReaderOnly","EuiTimeZoneDisplay","EuiPopoverFooter","EuiSwitch"],"mappings":"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"}

package/dist/components/eui-super-date-picker/eui-quick-select-popover/eui-quick-select-panel.js

@@ -7,7 +7,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
 import { euiQuickSelectPanelStyles } from '../../../utils/eui/styles.generated/components/date_picker/super_date_picker/quick_select_popover/quick_select_panel.styles.js';
-import { euiTitleStyles } from '../../../utils/eui/styles.generated/shared/SORCSWXI.js';
+import { euiTitleStyles } from '../../../utils/eui/styles.generated/shared/4GT53OH2.js';
 
 class EuiQuickSelectPanel extends Component {
   get context() {

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

@@ -25,7 +25,7 @@ import useI18nTimeOptions from './eui-super-date-picker/utils/time-options.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
-import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/AOVHFF5R.js';
 import { euiSuperDatePickerStyles } from '../utils/eui/styles.generated/components/date_picker/super_date_picker/super_date_picker.styles.js';
 
 class EuiSuperDatePicker extends Component {