@ember-eui/core 16.0.4 → 16.0.6

package/dist/components/eui-range-levels.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-range-levels.js","sources":["../../src/components/eui-range-levels.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { levelPosition, logicalStyle } from '../utils/eui/range.ts';\nimport {\n  euiRangeLevelsStyles,\n  euiRangeLevelStyles,\n  isNamedLevelColor\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\n\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { SafeString } from '@ember/template';\n\nexport type EuiRangeLevelColor = 'primary' | 'success' | 'warning' | 'danger';\n\nexport const LEVEL_COLORS: EuiRangeLevelColor[] = [\n  'primary',\n  'success',\n  'warning',\n  'danger'\n];\n\n/**\n * A colored interval of EuiRange / EuiDualRange's track, e.g.\n * `{ min: 0, max: 20, color: 'danger' }`.\n */\nexport interface EuiRangeLevel {\n  /** Start of the interval. */\n  min: number;\n  /** End of the interval. */\n  max: number;\n  /**\n   * `'primary'`, `'success'`, `'warning'`, `'danger'` (theme colors) or any\n   * CSS color.\n   */\n  color: EuiRangeLevelColor | (string & {});\n  /** Extra classes for the level's `<span>`. */\n  className?: string;\n}\n\nexport type EuiRangeLevelsArgs = {\n  /** Colored intervals, see `EuiRangeLevel`. */\n  levels?: EuiRangeLevel[];\n  /** Highest value. */\n  max: number;\n  /** Lowest value. */\n  min: number;\n  /** Positions the levels on a thumb-height track (room for ticks). */\n  showTicks?: boolean;\n  /** Stripes the levels, so a highlighted range stands out. */\n  showRange?: boolean;\n  /** @deprecated Has no effect (upstream has no compressed levels). */\n  compressed?: boolean;\n  /** Width of the track in px. */\n  trackWidth?: number;\n  /** @private Styles composed last into the root's class (upstream `css`). */\n  css?: EuiCss;\n};\n\n/** @private Renders the `@levels` of EuiRange / EuiDualRange. */\nexport interface EuiRangeLevelsSignature {\n  Element: HTMLDivElement;\n  Args: EuiRangeLevelsArgs;\n  Blocks: { default: [] };\n}\n\ninterface RenderedLevel {\n  classes: string;\n  style: SafeString | undefined;\n}\n\nexport default class EuiRangeLevels extends Component<EuiRangeLevelsSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  @cached\n  get classes(): string {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiRangeLevelsStyles);\n    return `euiRangeLevels ${euiClass(\n      context,\n      styles.euiRangeLevels,\n      this.args.showTicks && styles.hasTicks,\n      this.args.showRange && styles.hasRange,\n      this.args.css\n    )}`;\n  }\n\n  @cached\n  get levels(): RenderedLevel[] {\n    const { min, max, trackWidth = 0 } = this.args;\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiRangeLevelStyles);\n    return (this.args.levels ?? []).map((level) => {\n      assert(\n        `The level min of ${level.min} is lower than the min value of ${min}.`,\n        !(level.min < min)\n      );\n      assert(\n        `The level max of ${level.max} is higher than the max value of ${max}.`,\n        !(level.max > max)\n      );\n      const named = isNamedLevelColor(level.color);\n      const position = levelPosition(level, min, max, trackWidth);\n      return {\n        classes: [\n          'euiRangeLevel',\n          level.className,\n          euiClass(\n            context,\n            styles.euiRangeLevel,\n            named\n              ? styles[level.color as EuiRangeLevelColor]\n              : styles.customColor\n          )\n        ]\n          .filter(Boolean)\n          .join(' '),\n        style: logicalStyle({\n          ...position,\n          backgroundColor: named ? undefined : level.color\n        })\n      };\n    });\n  }\n\n  <template>\n    <div class={{this.classes}} ...attributes>\n      {{#each this.levels as |level|}}\n        <span class={{level.classes}} style={{level.style}}></span>\n      {{/each}}\n    </div>\n  </template>\n}\n"],"names":["LEVEL_COLORS","EuiRangeLevels","Component","context","getEuiThemeContext","classes","styles","useEuiBorealisStyles","euiRangeLevelsStyles","euiClass","euiRangeLevels","args","showTicks","hasTicks","showRange","hasRange","css","n","prototype","cached","levels","min","max","trackWidth","euiRangeLevelStyles","map","level","assert","named","isNamedLevelColor","color","position","levelPosition","className","euiRangeLevel","customColor","filter","Boolean","join","style","logicalStyle","backgroundColor","undefined","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;;AAkBO,MAAMA,YAAc,GAAuB,CAChD,SAAA,EACA,SAAA,EACA,SAAA,EACA,QAAA;AAGF;;;AAGC;;AAkCD;;AAYe,MAAMC,uBAAuBC,SAAA,CAAU;EACpD,IAAIC,OAAAA,GAAU;IACZ,OAAOC,mBAAmB,IAAI,CAAA;AAChC,EAAA;EAEA,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMF,OAAA,GAAU,IAAI,CAACA,OAAO;AAC5B,IAAA,MAAMG,MAAA,GAASC,qBAAqBJ,OAAA,EAASK,oBAAA,CAAA;AAC7C,IAAA,OAAO,CAAA,eAAA,EAAkBC,QAAA,CACvBN,OAAA,EACAG,MAAA,CAAOI,cAAc,EACrB,IAAI,CAACC,IAAI,CAACC,SAAS,IAAIN,MAAA,CAAOO,QAAQ,EACtC,IAAI,CAACF,IAAI,CAACG,SAAS,IAAIR,MAAA,CAAOS,QAAQ,EACtC,IAAI,CAACJ,IAAI,CAACK,GAAG,CAAA,CAAA,CACZ;AACL,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAXCC,MAAA,CAAA,CAAA;AAAA;EAaD,IACIC,SAA0B;IAC5B,MAAM;MAAEC,GAAG;MAAEC,GAAG;AAAEC,MAAAA,UAAA,GAAa;KAAG,GAAG,IAAI,CAACZ,IAAI;AAC9C,IAAA,MAAMR,OAAA,GAAU,IAAI,CAACA,OAAO;AAC5B,IAAA,MAAMG,MAAA,GAASC,qBAAqBJ,OAAA,EAASqB,mBAAA,CAAA;AAC7C,IAAA,OAAO,CAAC,IAAI,CAACb,IAAI,CAACS,MAAM,IAAI,EAAE,EAAEK,GAAG,CAAEC,KAAA,IAAA;AACnCC,MAAAA,MAAA,CACE,CAAA,iBAAA,EAAoBD,KAAA,CAAML,GAAG,mCAAmCA,GAAA,CAAA,CAAA,CAAM,EACtE,EAAEK,KAAA,CAAML,GAAG,GAAGA,GAAG,CAAA,CAAA;AAEnBM,MAAAA,MAAA,CACE,CAAA,iBAAA,EAAoBD,KAAA,CAAMJ,GAAG,oCAAoCA,GAAA,CAAA,CAAA,CAAM,EACvE,EAAEI,KAAA,CAAMJ,GAAG,GAAGA,GAAG,CAAA,CAAA;AAEnB,MAAA,MAAMM,KAAA,GAAQC,iBAAA,CAAkBH,KAAA,CAAMI,KAAK,CAAA;MAC3C,MAAMC,QAAA,GAAWC,aAAA,CAAcN,KAAA,EAAOL,GAAA,EAAKC,GAAA,EAAKC,UAAA,CAAA;MAChD,OAAO;AACLlB,QAAAA,OAAA,EAAS,CACP,eAAA,EACAqB,KAAA,CAAMO,SAAS,EACfxB,QAAA,CACEN,OAAA,EACAG,MAAA,CAAO4B,aAAa,EACpBN,KAAA,GACItB,MAAM,CAACoB,KAAA,CAAMI,KAAK,CAAuB,GACzCxB,OAAO6B,WAAW,CAAA,CAEzB,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;QACRC,KAAA,EAAOC,YAAA,CAAa;AAClB,UAAA,GAAGT,QAAQ;AACXU,UAAAA,eAAA,EAAiBb,KAAA,GAAQc,SAAA,GAAYhB,KAAA,CAAMI;SAC7C;OACF;AACF,IAAA,CAAA,CAAA;AACF,EAAA;AAAA,EAAA;IAAAb,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CApCCC,MAAA,CAAA,CAAA;AAAA;AAsCD,EAAA;IAAAwB,oBAAA,CAAAC,kBAAA,CAAA,sKAAA,EAMA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-range-levels.js","sources":["../../src/components/eui-range-levels.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { levelPosition, logicalStyle } from '../utils/eui/range.ts';\nimport {\n  euiRangeLevelsStyles,\n  euiRangeLevelStyles,\n  isNamedLevelColor\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\n\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { SafeString } from '@ember/template';\n\nexport type EuiRangeLevelColor = 'primary' | 'success' | 'warning' | 'danger';\n\nexport const LEVEL_COLORS: EuiRangeLevelColor[] = [\n  'primary',\n  'success',\n  'warning',\n  'danger'\n];\n\n/**\n * A colored interval of EuiRange / EuiDualRange's track, e.g.\n * `{ min: 0, max: 20, color: 'danger' }`.\n */\nexport interface EuiRangeLevel {\n  /** Start of the interval. */\n  min: number;\n  /** End of the interval. */\n  max: number;\n  /**\n   * `'primary'`, `'success'`, `'warning'`, `'danger'` (theme colors) or any\n   * CSS color.\n   */\n  color: EuiRangeLevelColor | (string & {});\n  /** Extra classes for the level's `<span>`. */\n  className?: string;\n}\n\nexport type EuiRangeLevelsArgs = {\n  /** Colored intervals, see `EuiRangeLevel`. */\n  levels?: EuiRangeLevel[];\n  /** Highest value. */\n  max: number;\n  /** Lowest value. */\n  min: number;\n  /** Positions the levels on a thumb-height track (room for ticks). */\n  showTicks?: boolean;\n  /** Stripes the levels, so a highlighted range stands out. */\n  showRange?: boolean;\n  /** @deprecated Has no effect (upstream has no compressed levels). */\n  compressed?: boolean;\n  /** Width of the track in px. */\n  trackWidth?: number;\n  /** @private Styles composed last into the root's class (upstream `css`). */\n  css?: EuiCss;\n};\n\n/** @private Renders the `@levels` of EuiRange / EuiDualRange. */\nexport interface EuiRangeLevelsSignature {\n  Element: HTMLDivElement;\n  Args: EuiRangeLevelsArgs;\n  Blocks: { default: [] };\n}\n\ninterface RenderedLevel {\n  classes: string;\n  style: SafeString | undefined;\n}\n\nexport default class EuiRangeLevels extends Component<EuiRangeLevelsSignature> {\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  @cached\n  get classes(): string {\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiRangeLevelsStyles);\n    return `euiRangeLevels ${euiClass(\n      context,\n      styles.euiRangeLevels,\n      this.args.showTicks && styles.hasTicks,\n      this.args.showRange && styles.hasRange,\n      this.args.css\n    )}`;\n  }\n\n  @cached\n  get levels(): RenderedLevel[] {\n    const { min, max, trackWidth = 0 } = this.args;\n    const context = this.context;\n    const styles = useEuiBorealisStyles(context, euiRangeLevelStyles);\n    return (this.args.levels ?? []).map((level) => {\n      assert(\n        `The level min of ${level.min} is lower than the min value of ${min}.`,\n        !(level.min < min)\n      );\n      assert(\n        `The level max of ${level.max} is higher than the max value of ${max}.`,\n        !(level.max > max)\n      );\n      const named = isNamedLevelColor(level.color);\n      const position = levelPosition(level, min, max, trackWidth);\n      return {\n        classes: [\n          'euiRangeLevel',\n          level.className,\n          euiClass(\n            context,\n            styles.euiRangeLevel,\n            named\n              ? styles[level.color as EuiRangeLevelColor]\n              : styles.customColor\n          )\n        ]\n          .filter(Boolean)\n          .join(' '),\n        style: logicalStyle({\n          ...position,\n          backgroundColor: named ? undefined : level.color\n        })\n      };\n    });\n  }\n\n  <template>\n    <div class={{this.classes}} ...attributes>\n      {{#each this.levels as |level|}}\n        <span class={{level.classes}} style={{level.style}}></span>\n      {{/each}}\n    </div>\n  </template>\n}\n"],"names":["LEVEL_COLORS","EuiRangeLevels","Component","context","getEuiThemeContext","classes","styles","useEuiBorealisStyles","euiRangeLevelsStyles","euiClass","euiRangeLevels","args","showTicks","hasTicks","showRange","hasRange","css","n","prototype","cached","levels","min","max","trackWidth","euiRangeLevelStyles","map","level","assert","named","isNamedLevelColor","color","position","levelPosition","className","euiRangeLevel","customColor","filter","Boolean","join","style","logicalStyle","backgroundColor","undefined","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;;;AAkBO,MAAMA,YAAc,GAAuB,CAChD,SAAA,EACA,SAAA,EACA,SAAA,EACA,QAAA;AAGF;;;AAGC;;AAkCD;;AAYe,MAAMC,uBAAuBC,SAAA,CAAU;EACpD,IAAIC,OAAAA,GAAU;IACZ,OAAOC,mBAAmB,IAAI,CAAA;AAChC,EAAA;EAEA,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMF,OAAA,GAAU,IAAI,CAACA,OAAO;AAC5B,IAAA,MAAMG,MAAA,GAASC,qBAAqBJ,OAAA,EAASK,oBAAA,CAAA;AAC7C,IAAA,OAAO,CAAA,eAAA,EAAkBC,QAAA,CACvBN,OAAA,EACAG,MAAA,CAAOI,cAAc,EACrB,IAAI,CAACC,IAAI,CAACC,SAAS,IAAIN,MAAA,CAAOO,QAAQ,EACtC,IAAI,CAACF,IAAI,CAACG,SAAS,IAAIR,MAAA,CAAOS,QAAQ,EACtC,IAAI,CAACJ,IAAI,CAACK,GAAG,CAAA,CAAA,CACZ;AACL,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAXCC,MAAA,CAAA,CAAA;AAAA;EAaD,IACIC,SAA0B;IAC5B,MAAM;MAAEC,GAAG;MAAEC,GAAG;AAAEC,MAAAA,UAAA,GAAa;KAAG,GAAG,IAAI,CAACZ,IAAI;AAC9C,IAAA,MAAMR,OAAA,GAAU,IAAI,CAACA,OAAO;AAC5B,IAAA,MAAMG,MAAA,GAASC,qBAAqBJ,OAAA,EAASqB,mBAAA,CAAA;AAC7C,IAAA,OAAO,CAAC,IAAI,CAACb,IAAI,CAACS,MAAM,IAAI,EAAE,EAAEK,GAAG,CAAEC,KAAA,IAAA;AACnCC,MAAAA,MAAA,CACE,CAAA,iBAAA,EAAoBD,KAAA,CAAML,GAAG,mCAAmCA,GAAA,CAAA,CAAA,CAAM,EACtE,EAAEK,KAAA,CAAML,GAAG,GAAGA,GAAG,CAAA,CAAA;AAEnBM,MAAAA,MAAA,CACE,CAAA,iBAAA,EAAoBD,KAAA,CAAMJ,GAAG,oCAAoCA,GAAA,CAAA,CAAA,CAAM,EACvE,EAAEI,KAAA,CAAMJ,GAAG,GAAGA,GAAG,CAAA,CAAA;AAEnB,MAAA,MAAMM,KAAA,GAAQC,iBAAA,CAAkBH,KAAA,CAAMI,KAAK,CAAA;MAC3C,MAAMC,QAAA,GAAWC,aAAA,CAAcN,KAAA,EAAOL,GAAA,EAAKC,GAAA,EAAKC,UAAA,CAAA;MAChD,OAAO;AACLlB,QAAAA,OAAA,EAAS,CACP,eAAA,EACAqB,KAAA,CAAMO,SAAS,EACfxB,QAAA,CACEN,OAAA,EACAG,MAAA,CAAO4B,aAAa,EACpBN,KAAA,GACItB,MAAM,CAACoB,KAAA,CAAMI,KAAK,CAAuB,GACzCxB,OAAO6B,WAAW,CAAA,CAEzB,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;QACRC,KAAA,EAAOC,YAAA,CAAa;AAClB,UAAA,GAAGT,QAAQ;AACXU,UAAAA,eAAA,EAAiBb,KAAA,GAAQc,SAAA,GAAYhB,KAAA,CAAMI;SAC7C;OACF;AACF,IAAA,CAAA,CAAA;AACF,EAAA;AAAA,EAAA;IAAAb,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CApCCC,MAAA,CAAA,CAAA;AAAA;AAsCD,EAAA;IAAAwB,oBAAA,CAAAC,kBAAA,CAAA,sKAAA,EAMA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-range-slider.js

@@ -3,11 +3,12 @@ import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { formControlReset } from '../utils/eui/form-controls.js';
 import { logicalStyle } from '../utils/eui/range.js';
-import { aS as euiRangeLevelColor, cJ as euiRangeSliderStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiRangeLevelColor } from '../utils/eui/styles.generated/shared/FM74KBRW.js';
+import { euiRangeSliderStyles } from '../utils/eui/styles.generated/components/form/range/range_slider.styles.js';
 
 /**
  * Upstream `EuiRangeSlider`: a transparent native `input[type=range]` whose

package/dist/components/eui-range-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-range-slider.js","sources":["../../src/components/eui-range-slider.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { formControlReset } from '../utils/eui/form-controls.ts';\nimport { logicalStyle } from '../utils/eui/range.ts';\nimport {\n  euiRangeLevelColor,\n  euiRangeSliderStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\n\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { CommonArgs } from './common.ts';\n\nexport type EuiRangeSliderArgs = CommonArgs & {\n  /** Id of the input. */\n  id?: string;\n  /** `name` of the input. */\n  name?: string;\n  /** Lowest value. */\n  min: number;\n  /** Highest value. */\n  max: number;\n  /** Increment between values. */\n  step?: number;\n  /** The value. */\n  value?: number | string;\n  /** @deprecated Has no effect (upstream styles its sizes on the wrapper). */\n  compressed?: boolean;\n  /**\n   * @deprecated Has no effect: focus styling follows `:focus-visible` on the\n   * slider (or a thumb), as upstream.\n   */\n  hasFocus?: boolean;\n  /** Makes the native track transparent so the highlight shows through. */\n  showRange?: boolean;\n  /** Thumb-height slider, leaving room for ticks under the track. */\n  showTicks?: boolean;\n  /** Disabled styling. */\n  disabled?: boolean;\n  /** `tabindex` of the control. */\n  tabIndex?: number;\n  /** @deprecated Has no effect; listen to `input` events instead. */\n  onChange?: (e: InputEvent) => void;\n  /** Read-only. */\n  readonly?: boolean;\n  /**\n   * Thumb color: a level color name (`'primary'`, `'success'`, `'warning'`,\n   * `'danger'`) or any CSS color. EuiRange passes the matching level's color.\n   */\n  thumbColor?: string;\n  /** `aria-valuetext` of the slider. */\n  ariaValueText?: string;\n  /** @private Styles composed last into the slider's class (upstream `css`). */\n  css?: EuiCss;\n};\n\n/** @private The native range input of EuiRange / EuiDualRange. */\nexport interface EuiRangeSliderSignature {\n  Element: HTMLInputElement;\n  Args: EuiRangeSliderArgs;\n}\n\n/**\n * Upstream `EuiRangeSlider`: a transparent native `input[type=range]` whose\n * WebKit/Gecko thumb pseudo-elements get the Borealis thumb styles.\n */\nexport default class EuiRangeSlider extends Component<EuiRangeSliderSignature> {\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiRangeSliderStyles);\n    return `euiRangeSlider ${euiClass(\n      context,\n      formControlReset,\n      styles.euiRangeSlider,\n      this.args.showTicks && styles.hasTicks,\n      this.args.showRange && styles.hasRange,\n      this.args.css\n    )}`;\n  }\n\n  @cached\n  get style() {\n    const { thumbColor } = this.args;\n    if (!thumbColor) return undefined;\n    const context = getEuiThemeContext(this);\n    return logicalStyle({\n      '--euiRangeThumbColor': euiRangeLevelColor(thumbColor, context.upstream)\n    });\n  }\n\n  <template>\n    <input\n      type=\"range\"\n      id={{@id}}\n      name={{@name}}\n      class={{this.classes}}\n      style={{this.style}}\n      min={{@min}}\n      max={{@max}}\n      step={{@step}}\n      value={{@value}}\n      disabled={{@disabled}}\n      aria-valuetext={{@ariaValueText}}\n      ...attributes\n    />\n  </template>\n}\n"],"names":["EuiRangeSlider","Component","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiRangeSliderStyles","euiClass","formControlReset","euiRangeSlider","args","showTicks","hasTicks","showRange","hasRange","css","n","prototype","cached","style","thumbColor","undefined","logicalStyle","euiRangeLevelColor","upstream","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;;AAgEA;;;;AAIe,MAAMA,cAAA,SAAuBC,SAAA,CAAU;EACpD,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,oBAAA,CAAA;AAC7C,IAAA,OAAO,kBAAkBC,QAAA,CACvBL,SACAM,gBAAA,EACAJ,MAAA,CAAOK,cAAc,EACrB,IAAI,CAACC,IAAI,CAACC,SAAS,IAAIP,MAAA,CAAOQ,QAAQ,EACtC,IAAI,CAACF,IAAI,CAACG,SAAS,IAAIT,MAAA,CAAOU,QAAQ,EACtC,IAAI,CAACJ,IAAI,CAACK,GAAG,CAAA,CAAA,CACZ;AACL,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAZCC,MAAA,CAAA,CAAA;AAAA;EAcD,IACIC,KAAAA,GAAQ;IACV,MAAM;AAAEC,MAAAA;KAAY,GAAG,IAAI,CAACV,IAAI;AAChC,IAAA,IAAI,CAACU,YAAY,OAAOC,SAAA;AACxB,IAAA,MAAMnB,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,OAAOmB,YAAA,CAAa;AAClB,MAAA,sBAAA,EAAwBC,kBAAA,CAAmBH,UAAA,EAAYlB,OAAA,CAAQsB,QAAQ;AACzE,KAAA,CAAA;AACF,EAAA;AAAA,EAAA;IAAAR,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CARCC,MAAA,CAAA,CAAA;AAAA;AAUD,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAAA,iOAAA,EAeA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-range-slider.js","sources":["../../src/components/eui-range-slider.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { formControlReset } from '../utils/eui/form-controls.ts';\nimport { logicalStyle } from '../utils/eui/range.ts';\nimport {\n  euiRangeLevelColor,\n  euiRangeSliderStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\n\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { CommonArgs } from './common.ts';\n\nexport type EuiRangeSliderArgs = CommonArgs & {\n  /** Id of the input. */\n  id?: string;\n  /** `name` of the input. */\n  name?: string;\n  /** Lowest value. */\n  min: number;\n  /** Highest value. */\n  max: number;\n  /** Increment between values. */\n  step?: number;\n  /** The value. */\n  value?: number | string;\n  /** @deprecated Has no effect (upstream styles its sizes on the wrapper). */\n  compressed?: boolean;\n  /**\n   * @deprecated Has no effect: focus styling follows `:focus-visible` on the\n   * slider (or a thumb), as upstream.\n   */\n  hasFocus?: boolean;\n  /** Makes the native track transparent so the highlight shows through. */\n  showRange?: boolean;\n  /** Thumb-height slider, leaving room for ticks under the track. */\n  showTicks?: boolean;\n  /** Disabled styling. */\n  disabled?: boolean;\n  /** `tabindex` of the control. */\n  tabIndex?: number;\n  /** @deprecated Has no effect; listen to `input` events instead. */\n  onChange?: (e: InputEvent) => void;\n  /** Read-only. */\n  readonly?: boolean;\n  /**\n   * Thumb color: a level color name (`'primary'`, `'success'`, `'warning'`,\n   * `'danger'`) or any CSS color. EuiRange passes the matching level's color.\n   */\n  thumbColor?: string;\n  /** `aria-valuetext` of the slider. */\n  ariaValueText?: string;\n  /** @private Styles composed last into the slider's class (upstream `css`). */\n  css?: EuiCss;\n};\n\n/** @private The native range input of EuiRange / EuiDualRange. */\nexport interface EuiRangeSliderSignature {\n  Element: HTMLInputElement;\n  Args: EuiRangeSliderArgs;\n}\n\n/**\n * Upstream `EuiRangeSlider`: a transparent native `input[type=range]` whose\n * WebKit/Gecko thumb pseudo-elements get the Borealis thumb styles.\n */\nexport default class EuiRangeSlider extends Component<EuiRangeSliderSignature> {\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiRangeSliderStyles);\n    return `euiRangeSlider ${euiClass(\n      context,\n      formControlReset,\n      styles.euiRangeSlider,\n      this.args.showTicks && styles.hasTicks,\n      this.args.showRange && styles.hasRange,\n      this.args.css\n    )}`;\n  }\n\n  @cached\n  get style() {\n    const { thumbColor } = this.args;\n    if (!thumbColor) return undefined;\n    const context = getEuiThemeContext(this);\n    return logicalStyle({\n      '--euiRangeThumbColor': euiRangeLevelColor(thumbColor, context.upstream)\n    });\n  }\n\n  <template>\n    <input\n      type=\"range\"\n      id={{@id}}\n      name={{@name}}\n      class={{this.classes}}\n      style={{this.style}}\n      min={{@min}}\n      max={{@max}}\n      step={{@step}}\n      value={{@value}}\n      disabled={{@disabled}}\n      aria-valuetext={{@ariaValueText}}\n      ...attributes\n    />\n  </template>\n}\n"],"names":["EuiRangeSlider","Component","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiRangeSliderStyles","euiClass","formControlReset","euiRangeSlider","args","showTicks","hasTicks","showRange","hasRange","css","n","prototype","cached","style","thumbColor","undefined","logicalStyle","euiRangeLevelColor","upstream","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;;;AAgEA;;;;AAIe,MAAMA,cAAA,SAAuBC,SAAA,CAAU;EACpD,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,oBAAA,CAAA;AAC7C,IAAA,OAAO,kBAAkBC,QAAA,CACvBL,SACAM,gBAAA,EACAJ,MAAA,CAAOK,cAAc,EACrB,IAAI,CAACC,IAAI,CAACC,SAAS,IAAIP,MAAA,CAAOQ,QAAQ,EACtC,IAAI,CAACF,IAAI,CAACG,SAAS,IAAIT,MAAA,CAAOU,QAAQ,EACtC,IAAI,CAACJ,IAAI,CAACK,GAAG,CAAA,CAAA,CACZ;AACL,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAZCC,MAAA,CAAA,CAAA;AAAA;EAcD,IACIC,KAAAA,GAAQ;IACV,MAAM;AAAEC,MAAAA;KAAY,GAAG,IAAI,CAACV,IAAI;AAChC,IAAA,IAAI,CAACU,YAAY,OAAOC,SAAA;AACxB,IAAA,MAAMnB,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,OAAOmB,YAAA,CAAa;AAClB,MAAA,sBAAA,EAAwBC,kBAAA,CAAmBH,UAAA,EAAYlB,OAAA,CAAQsB,QAAQ;AACzE,KAAA,CAAA;AACF,EAAA;AAAA,EAAA;IAAAR,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CARCC,MAAA,CAAA,CAAA;AAAA;AAUD,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAAA,iOAAA,EAeA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-range-thumb.js

@@ -2,11 +2,11 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { buttonReset } from '../utils/eui/form-controls.js';
-import { cK as euiRangeThumbStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiRangeThumbStyles } from '../utils/eui/styles.generated/components/form/range/range_thumb.styles.js';
 
 /**
  * Upstream `EuiRangeThumb` (the button variant): an absolutely positioned

package/dist/components/eui-range-ticks.js

@@ -5,11 +5,11 @@ import optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { buttonReset } from '../utils/eui/form-controls.js';
 import { tickLabelShift, calculateThumbPosition, logicalStyle, EUI_THUMB_SIZE } from '../utils/eui/range.js';
-import { cL as euiRangeTicksStyles, cM as euiRangeTickStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiRangeTicksStyles, euiRangeTickStyles } from '../utils/eui/styles.generated/components/form/range/range_ticks.styles.js';
 
 /**
  * Upstream `EuiRangeTicks`: a `button.euiRangeTick` per value with a

package/dist/components/eui-range-tooltip.js

@@ -2,11 +2,11 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { logicalStyle } from '../utils/eui/range.js';
-import { cN as euiRangeTooltipStyles, cO as euiRangeTooltipValueStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiRangeTooltipStyles, euiRangeTooltipValueStyles } from '../utils/eui/styles.generated/components/form/range/range_tooltip.styles.js';
 
 /** React global reset for the `<output>` (upstream rules that follow win). */const outputReset = {
   boxSizing: 'border-box',

package/dist/components/eui-range-track.js

@@ -4,7 +4,6 @@ import { assert } from '@ember/debug';
 import { range } from 'lodash-es';
 import { modifier } from 'ember-modifier';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
-import { au as euiRangeTrackStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import { isEvenlyDivisibleBy } from '../utils/number/number.js';
 import EuiRangeLevels from './eui-range-levels.js';
@@ -13,6 +12,7 @@ import EuiRangeTicks from './eui-range-ticks.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiRangeTrackStyles } from '../utils/eui/styles.generated/components/form/range/range_track.styles.js';
 
 /**
  * @private The track (levels, ticks and the yielded slider/highlight/thumbs)

package/dist/components/eui-range-wrapper.js

@@ -2,11 +2,11 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { layoutBoxReset } from '../utils/eui/form-controls.js';
-import { at as euiRangeWrapperStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiRangeWrapperStyles } from '../utils/eui/styles.generated/components/form/range/range_wrapper.styles.js';
 
 /** Upstream `EuiRangeWrapper`: a flex row at the form control height. */class EuiRangeWrapper extends Component {
   get classes() {

package/dist/components/eui-range.js

@@ -11,7 +11,6 @@ import { eq, not, and } from 'ember-truth-helpers';
 import argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { rangeAriaValueText } from '../utils/eui/range.js';
-import { aR as getLevelColor, aU as euiRangeStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import { isWithinRange } from '../utils/number/number.js';
 import EuiInputPopoverComponent from './eui-input-popover.js';
@@ -25,6 +24,8 @@ import EuiRangeWrapper from './eui-range-wrapper.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { getLevelColor } from '../utils/eui/styles.generated/shared/FM74KBRW.js';
+import { euiRangeStyles } from '../utils/eui/styles.generated/shared/TWXYPCNK.js';
 
 class EuiRangeComponent extends Component {
   blurTimer;

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

@@ -1 +1 @@
-{"version":3,"file":"eui-range.js","sources":["../../src/components/eui-range.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { guidFor } from '@ember/object/internals';\nimport { cancel, later } from '@ember/runloop';\nimport { service } from '@ember/service';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { rangeAriaValueText } from '../utils/eui/range.ts';\nimport {\n  euiRangeStyles,\n  getLevelColor\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport { isWithinRange } from '../utils/number/index.ts';\nimport EuiInputPopover from './eui-input-popover.gts';\nimport EuiRangeHighlight from './eui-range-highlight.gts';\nimport EuiRangeInput from './eui-range-input.gts';\nimport EuiRangeLabel from './eui-range-label.gts';\nimport EuiRangeSlider from './eui-range-slider.gts';\nimport EuiRangeTooltip from './eui-range-tooltip.gts';\nimport EuiRangeTrack from './eui-range-track.gts';\nimport EuiRangeWrapper from './eui-range-wrapper.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiInputPopoverArgs } from './eui-input-popover';\nimport type { EuiRangeLevel } from './eui-range-levels';\nimport type { EuiRangeTick } from './eui-range-ticks';\n\n/** Upstream `inputPopoverProps` of EuiRange and EuiDualRange. */\nexport type EuiRangeInputPopoverProps = Partial<\n  Omit<\n    EuiInputPopoverArgs,\n    | 'input'\n    | 'isOpen'\n    | 'closePopover'\n    | 'disableFocusTrap'\n    | 'ownFocus'\n    | 'popoverScreenReaderText'\n    | 'fullWidth'\n  >\n> & { className?: string };\n\nexport interface EuiRangeArgs {\n  /**\n   * Props of the EuiInputPopover used with `@showInput=\"inputWithPopover\"`\n   * (upstream `inputPopoverProps`): EuiInputPopover args except `isOpen`,\n   * `closePopover`, `disableFocusTrap`, `ownFocus`,\n   * `popoverScreenReaderText` and `fullWidth`, which the range controls.\n   * Its `className` is added to the popover root.\n   */\n  inputPopoverProps?: EuiRangeInputPopoverProps;\n  /** Smaller slider, for dense forms. Defaults to `false`. */\n  compressed?: boolean;\n  /** Makes the number input read-only. */\n  readOnly?: boolean;\n  /** Stretches the slider to its container's width. Defaults to `false`. */\n  fullWidth?: boolean;\n  /** Id of the slider. Defaults to a generated id. */\n  id?: string;\n  /**\n   * Create colored indicators for certain intervals\n   */\n  levels?: EuiRangeLevel[];\n  /** Increment between values. Defaults to `1`. */\n  step?: number;\n  /**\n   * Pass `true` to displays an extra input control for direct manipulation.\n   * Pass `'inputWithPopover'` to only show the input but show the range in a dropdown.\n   */\n  showInput?: boolean | 'inputWithPopover';\n  /**\n   * Shows static min/max labels on the sides of the range slider.\n   * Defaults to `false`.\n   */\n  showLabels?: boolean;\n  /**\n   * Shows a thick line from min to value. Defaults to `false`.\n   */\n  showRange?: boolean;\n  /**\n   * Shows clickable tick marks and labels at the given interval\n   * (`step`/`tickInterval`). Defaults to `false`.\n   */\n  showTicks?: boolean;\n\n  /** Lowest selectable value. Defaults to `0`. */\n  min?: number;\n  /** Highest selectable value. Defaults to `100`. */\n  max?: number;\n  /**\n   * Shows the value in a tooltip above the thumb. Defaults to `false`.\n   */\n  showValue?: boolean;\n  /**\n   * Specified ticks at specified values\n   */\n  ticks?: EuiRangeTick[];\n  /**\n   * Modifies the number of tick marks and at what interval\n   */\n  tickInterval?: number;\n  /**\n   * Appends to the tooltip\n   */\n  valueAppend?: any;\n  /**\n   * Prepends to the tooltip\n   */\n  valuePrepend?: any;\n\n  /**\n   * Called with the event (read `event.target.value`, a string) and whether\n   * the value is within `@min`/`@max`. Update `@value` here.\n   */\n  onChange?: (event: Event, isValid: boolean) => void;\n  /** Called when the slider or input loses focus. */\n  onBlur?: (event: Event) => void;\n  /** Called when the slider or input gets focus. */\n  onFocus?: (event: Event) => void;\n\n  /** The value. */\n  value?: number;\n\n  /** Disables the slider and input. */\n  disabled?: boolean;\n\n  /** @private Show the `<:prepend>` block. Defaults to `true`. */\n  isPrependProvided?: boolean;\n  /** @private Show the `<:append>` block. Defaults to `true`. */\n  isAppendProvided?: boolean;\n  /** @private Ignore the `<:max>` block. */\n  isFakeMaxBlock?: boolean;\n  /** @private Ignore the `<:min>` block. */\n  isFakeMinBlock?: boolean;\n  /** @private Ignore the `<:value>` block. */\n  isFakeValueBlock?: boolean;\n  /** @private Ignore the `<:valueAppend>` block. */\n  isFakeValueAppendBlock?: boolean;\n  /** @private Ignore the `<:valuePrepend>` block. */\n  isFakeValuePrependBlock?: boolean;\n  /** Shows the invalid state. */\n  isInvalid?: boolean;\n  /** `name` of the inputs, for forms. */\n  name?: string;\n  /**\n   * Shows a spinner in the number input (`@showInput=\"inputWithPopover\"`).\n   * Defaults to `false`.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * A slider to pick a number, optionally with a number input, ticks,\n * levels and a value tooltip. For a range of two values use EuiDualRange.\n */\nexport interface EuiRangeSignature {\n  Element: HTMLInputElement;\n  Args: EuiRangeArgs;\n  Blocks: {\n    /** Custom min label (`@showLabels`); yields `@min`. */\n    min: [min: number];\n    /** Custom max label (`@showLabels`); yields `@max`. */\n    max: [max: number];\n    /** Custom value tooltip content (`@showValue`). */\n    value: [];\n    /** Content after the value in the tooltip, e.g. a unit. */\n    valueAppend: [];\n    /** Content before the value in the tooltip, e.g. a currency sign. */\n    valuePrepend: [];\n    /** Content before the number input (`@showInput`); yields its class. */\n    prepend: [classes: string];\n    /** Content after the number input (`@showInput`); yields its class. */\n    append: [classes: string];\n    /** Unused. */\n    input: [];\n    /** Unused. */\n    content: [];\n  };\n}\n\nexport default class EuiRangeComponent extends Component<EuiRangeSignature> {\n  blurTimer: ReturnType<typeof later> | undefined;\n\n  willDestroy(): void {\n    super.willDestroy();\n    cancel(this.blurTimer);\n  }\n\n  // Defaults\n  @argOrDefaultDecorator(0) min!: number;\n  @argOrDefaultDecorator(100) max!: number;\n  @argOrDefaultDecorator(1) step!: number;\n  @argOrDefaultDecorator(false) fullWidth!: boolean;\n  @argOrDefaultDecorator(false) compressed!: boolean;\n  @argOrDefaultDecorator(false) isLoading!: boolean;\n  @argOrDefaultDecorator(false) showLabels!: boolean;\n  @argOrDefaultDecorator(false) showInput!: boolean | string;\n  @argOrDefaultDecorator(false) showRange!: boolean;\n  @argOrDefaultDecorator(false) showTicks!: boolean;\n  @argOrDefaultDecorator(false) showValue!: boolean;\n  @argOrDefaultDecorator([]) levels!: EuiRangeLevel[];\n\n  @service declare euiI18n: EuiI18n;\n\n  preventPopoverClose = false;\n\n  //State\n  @tracked id: string = this.args.id || guidFor({});\n  @tracked isPopoverOpen = false;\n  ///\n\n  @action\n  handleOnChange(e: Event): void {\n    const isValid = isWithinRange(\n      this.min,\n      this.max,\n      (e.currentTarget as HTMLInputElement).value\n    );\n\n    if (this.args.onChange) {\n      this.args.onChange(e, isValid);\n    }\n  }\n\n  get isValid(): boolean {\n    return isWithinRange(this.min, this.max, this.args.value ?? '');\n  }\n\n  get digitTolerance(): number {\n    return Math.max(String(this.min).length, String(this.max).length);\n  }\n\n  get showInputOnly(): boolean {\n    return this.showInput === 'inputWithPopover';\n  }\n\n  get canShowDropdown(): boolean {\n    return this.showInputOnly && !this.args.readOnly && !this.args.disabled;\n  }\n\n  get numberValue(): number {\n    return Number(this.args.value);\n  }\n\n  get showRangeTooltip(): boolean {\n    return (\n      this.showValue &&\n      !!String(this.args.value).length &&\n      this.args.value !== undefined\n    );\n  }\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  /** Upstream root styles (`euiRange` + `hasInput`) composed into the wrapper. */\n  @cached\n  get rootCss() {\n    const styles = useEuiBorealisStyles(this.context, euiRangeStyles);\n    return [styles.euiRange, this.showInput && styles.hasInput];\n  }\n\n  /** `euiRange__slimHorizontalSpacer` with ticks, else `euiRange__horizontalSpacer`. */\n  @cached\n  get spacerClass(): string {\n    const styles = useEuiBorealisStyles(this.context, euiRangeStyles);\n    const slim = this.showTicks || !!this.args.ticks;\n    return slim\n      ? `euiRange__slimHorizontalSpacer ${euiClass(this.context, styles.euiRange__slimHorizontalSpacer)}`\n      : `euiRange__horizontalSpacer ${euiClass(this.context, styles.euiRange__horizontalSpacer)}`;\n  }\n\n  /** The level color the value falls into, for the thumb. */\n  get thumbColor(): string | undefined {\n    return getLevelColor(this.levels ?? [], Number(this.args.value));\n  }\n\n  get ariaValueText(): string | undefined {\n    return this.args.ticks\n      ? rangeAriaValueText(this.args.ticks, this.args.value)\n      : undefined;\n  }\n\n  get screenReaderInstructions(): string {\n    return this.euiI18n.lookupToken(\n      'euiRange.sliderScreenReaderInstructions',\n      'You are in a custom range slider. Use the Up and Down arrow keys to change the value.'\n    );\n  }\n\n  @action\n  onInputFocus(e: Event): void {\n    if (this.args.onFocus) {\n      this.args.onFocus(e);\n    }\n\n    this.isPopoverOpen = true;\n  }\n\n  @action\n  onInputBlur(e: Event): void {\n    cancel(this.blurTimer);\n    this.blurTimer = later(\n      this,\n      () => {\n        // Safari does not recognize any focus-related eventing for input[type=range]\n        // making it impossible to capture its state using active/focus/relatedTarget\n        // Instead, a prevention flag is set on mousedown, with a waiting period here.\n        // Mousedown is viable because in the popover case, it is inaccessible via keyboard (intentionally)\n        if (this.preventPopoverClose) {\n          this.preventPopoverClose = false;\n\n          return;\n        }\n\n        if (this.args.onBlur) {\n          this.args.onBlur(e);\n        }\n\n        this.closePopover();\n      },\n      200\n    );\n  }\n\n  @action\n  setPreventPopover(val: boolean): void {\n    this.preventPopoverClose = val;\n  }\n\n  @action\n  closePopover(): void {\n    this.preventPopoverClose = false;\n    this.isPopoverOpen = false;\n  }\n\n  @action\n  setPreventPopoverClose(bool: boolean): void {\n    this.preventPopoverClose = bool;\n  }\n\n  <template>\n    {{#let\n      (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n      (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n      (and (not (argOrDefault @isFakeMaxBlock false)) (has-block \"max\"))\n      (and (not (argOrDefault @isFakeMinBlock false)) (has-block \"min\"))\n      (and (not (argOrDefault @isFakeValueBlock false)) (has-block \"value\"))\n      (and\n        (not (argOrDefault @isFakeValueAppendBlock false))\n        (has-block \"valueAppend\")\n      )\n      (and\n        (not (argOrDefault @isFakeValuePrependBlock false))\n        (has-block \"valuePrepend\")\n      )\n      as |hasPrepend hasAppend hasMaxBlock hasMinBlock hasValueBlock hasValueAppendBlock hasValuePrependBlock|\n    }}\n      {{#if this.showInputOnly}}\n        <EuiInputPopover\n          class=\"euiRange__popover {{@inputPopoverProps.className}}\"\n          @panelPaddingSize={{@inputPopoverProps.panelPaddingSize}}\n          @anchorPosition={{@inputPopoverProps.anchorPosition}}\n          @attachToAnchor={{@inputPopoverProps.attachToAnchor}}\n          @display={{@inputPopoverProps.display}}\n          @offset={{@inputPopoverProps.offset}}\n          @repositionToCrossAxis={{@inputPopoverProps.repositionToCrossAxis}}\n          @closeOnScroll={{@inputPopoverProps.closeOnScroll}}\n          @panelMinWidth={{@inputPopoverProps.panelMinWidth}}\n          @onPanelResize={{@inputPopoverProps.onPanelResize}}\n          @css={{@inputPopoverProps.css}}\n          @panelCss={{@inputPopoverProps.panelCss}}\n          @repositionOnScroll={{@inputPopoverProps.repositionOnScroll}}\n          @panelClassName={{@inputPopoverProps.panelClassName}}\n          @panelStyle={{@inputPopoverProps.panelStyle}}\n          @anchorClassName={{@inputPopoverProps.anchorClassName}}\n          @zIndex={{@inputPopoverProps.zIndex}}\n          @container={{@inputPopoverProps.container}}\n          @buffer={{@inputPopoverProps.buffer}}\n          @insert={{@inputPopoverProps.insert}}\n          @hasArrow={{@inputPopoverProps.hasArrow}}\n          @initialFocus={{@inputPopoverProps.initialFocus}}\n          @ariaLabel={{@inputPopoverProps.ariaLabel}}\n          @ariaLabelledBy={{@inputPopoverProps.ariaLabelledBy}}\n          @popoverRef={{@inputPopoverProps.popoverRef}}\n          @portalRef={{@inputPopoverProps.portalRef}}\n          @onTrapDeactivation={{@inputPopoverProps.onTrapDeactivation}}\n          @shouldAccountForOtherPopovers={{@inputPopoverProps.shouldAccountForOtherPopovers}}\n          @fullWidth={{@fullWidth}}\n          @isOpen={{this.isPopoverOpen}}\n          @closePopover={{this.closePopover}}\n          @disableFocusTrap={{true}}\n          @popoverScreenReaderText={{this.screenReaderInstructions}}\n        >\n          <:input>\n            <EuiRangeInput\n              id={{this.id}}\n              @min={{this.min}}\n              @max={{this.max}}\n              @readOnly={{@readOnly}}\n              @step={{this.step}}\n              @value={{@value}}\n              @disabled={{@disabled}}\n              @compressed={{@compressed}}\n              @name={{@name}}\n              @fullWidth={{and this.showInputOnly this.fullWidth}}\n              @isLoading={{and this.showInputOnly @isLoading}}\n              @isInvalid={{@isInvalid}}\n              @autoSize={{not this.showInputOnly}}\n              @isPrependProvided={{hasPrepend}}\n              @isAppendProvided={{hasAppend}}\n              ...attributes\n              {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}}\n              {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}}\n              {{on \"input\" this.handleOnChange}}\n            >\n              <:prepend as |classes|>\n                {{yield classes to=\"prepend\"}}\n              </:prepend>\n              <:append as |classes|>\n                {{yield classes to=\"append\"}}\n              </:append>\n            </EuiRangeInput>\n          </:input>\n          <:content>\n            <EuiRangeWrapper\n              class=\"euiRange\"\n              @css={{this.rootCss}}\n              @fullWidth={{@fullWidth}}\n              @compressed={{@compressed}}\n            >\n              {{#if this.showLabels}}\n                <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n                  {{#if hasMinBlock}}\n                    {{yield this.min to=\"min\"}}\n                  {{else}}\n                    {{this.min}}\n                  {{/if}}\n                </EuiRangeLabel>\n              {{/if}}\n              <EuiRangeTrack\n                aria-hidden={{if this.showInput \"true\"}}\n                @disabled={{@disabled}}\n                @compressed={{@compressed}}\n                @max={{this.max}}\n                @min={{this.min}}\n                @step={{this.step}}\n                @showTicks={{this.showTicks}}\n                @showRange={{this.showRange}}\n                @tickInterval={{@tickInterval}}\n                @ticks={{@ticks}}\n                @levels={{this.levels}}\n                @onChange={{this.handleOnChange}}\n                @value={{@value}}\n                as |trackWidth|\n              >\n                <EuiRangeSlider\n                  aria-hidden={{if this.showInput \"true\"}}\n                  tabindex={{if this.showInput \"-1\"}}\n                  @id={{if this.showInput undefined this.id}}\n                  @name={{@name}}\n                  @min={{this.min}}\n                  @max={{this.max}}\n                  @step={{this.step}}\n                  @value={{@value}}\n                  @disabled={{@disabled}}\n                  @showTicks={{this.showTicks}}\n                  @showRange={{this.showRange}}\n                  @thumbColor={{this.thumbColor}}\n                  @ariaValueText={{this.ariaValueText}}\n                  ...attributes\n                  {{on \"mousedown\" (if this.showInputOnly (fn this.setPreventPopoverClose true) (optional))}}\n                  {{on \"focus\" (if (eq this.showInput true) (optional) (optional @onFocus))}}\n                  {{on \"blur\" (if this.showInputOnly this.onInputBlur (optional @onBlur))}}\n                  {{on \"input\" this.handleOnChange}}\n                />\n                {{#if (and this.showRange this.isValid)}}\n                  <EuiRangeHighlight\n                    @showTicks={{this.showTicks}}\n                    @min={{this.min}}\n                    @max={{this.max}}\n                    @lowerValue={{this.min}}\n                    @upperValue={{this.numberValue}}\n                    @levels={{this.levels}}\n                    @trackWidth={{trackWidth}}\n                  />\n                {{/if}}\n                {{#if this.showRangeTooltip}}\n                  <EuiRangeTooltip\n                    @value={{@value}}\n                    @max={{this.max}}\n                    @min={{this.min}}\n                    @name={{@name}}\n                    @showTicks={{this.showTicks}}\n                  >\n                    <:valuePrepend>{{~#if hasValuePrependBlock~}}{{yield to=\"valuePrepend\"}}{{~else~}}{{@valuePrepend}}{{~/if~}}</:valuePrepend>\n                    <:value>{{~#if hasValueBlock~}}{{yield to=\"value\"}}{{~else~}}{{@value}}{{~/if~}}</:value>\n                    <:valueAppend>{{~#if hasValueAppendBlock~}}{{yield to=\"valueAppend\"}}{{~else~}}{{@valueAppend}}{{~/if~}}</:valueAppend>\n                  </EuiRangeTooltip>\n                {{/if}}\n              </EuiRangeTrack>\n              {{#if this.showLabels}}\n                <EuiRangeLabel @side=\"max\" @disabled={{@disabled}}>\n                  {{#if hasMaxBlock}}\n                    {{yield this.max to=\"max\"}}\n                  {{else}}\n                    {{this.max}}\n                  {{/if}}\n                </EuiRangeLabel>\n              {{/if}}\n              {{#if (and this.showInput (not this.showInputOnly))}}\n                <div class={{this.spacerClass}}></div>\n                <EuiRangeInput\n                  id={{this.id}}\n                  @min={{this.min}}\n                  @max={{this.max}}\n                  @readOnly={{@readOnly}}\n                  @step={{this.step}}\n                  @value={{@value}}\n                  @disabled={{@disabled}}\n                  @compressed={{@compressed}}\n                  @name={{@name}}\n                  @fullWidth={{and this.showInputOnly this.fullWidth}}\n                  @isLoading={{and this.showInputOnly @isLoading}}\n                  @isInvalid={{@isInvalid}}\n                  @autoSize={{not this.showInputOnly}}\n                  @isPrependProvided={{hasPrepend}}\n                  @isAppendProvided={{hasAppend}}\n                  ...attributes\n                  {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}}\n                  {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}}\n                  {{on \"input\" this.handleOnChange}}\n                >\n                  <:prepend as |classes|>\n                    {{yield classes to=\"prepend\"}}\n                  </:prepend>\n                  <:append as |classes|>\n                    {{yield classes to=\"append\"}}\n                  </:append>\n                </EuiRangeInput>\n              {{/if}}\n            </EuiRangeWrapper>\n          </:content>\n        </EuiInputPopover>\n      {{else}}\n        <EuiRangeWrapper\n          class=\"euiRange\"\n          @css={{this.rootCss}}\n          @fullWidth={{@fullWidth}}\n          @compressed={{@compressed}}\n        >\n          {{#if this.showLabels}}\n            <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n              {{#if hasMinBlock}}\n                {{yield this.min to=\"min\"}}\n              {{else}}\n                {{this.min}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n          <EuiRangeTrack\n            aria-hidden={{if this.showInput \"true\"}}\n            @disabled={{@disabled}}\n            @compressed={{@compressed}}\n            @max={{this.max}}\n            @min={{this.min}}\n            @step={{this.step}}\n            @showTicks={{this.showTicks}}\n            @showRange={{this.showRange}}\n            @tickInterval={{@tickInterval}}\n            @ticks={{@ticks}}\n            @levels={{this.levels}}\n            @onChange={{this.handleOnChange}}\n            @value={{@value}}\n            as |trackWidth|\n          >\n            <EuiRangeSlider\n              aria-hidden={{if this.showInput \"true\"}}\n              tabindex={{if this.showInput \"-1\"}}\n              @id={{if this.showInput undefined this.id}}\n              @name={{@name}}\n              @min={{this.min}}\n              @max={{this.max}}\n              @step={{this.step}}\n              @value={{@value}}\n              @disabled={{@disabled}}\n              @showTicks={{this.showTicks}}\n              @showRange={{this.showRange}}\n              @thumbColor={{this.thumbColor}}\n              @ariaValueText={{this.ariaValueText}}\n              ...attributes\n              {{on \"mousedown\" (if this.showInputOnly (fn this.setPreventPopoverClose true) (optional))}}\n              {{on \"focus\" (if (eq this.showInput true) (optional) (optional @onFocus))}}\n              {{on \"blur\" (if this.showInputOnly this.onInputBlur (optional @onBlur))}}\n              {{on \"input\" this.handleOnChange}}\n            />\n            {{#if (and this.showRange this.isValid)}}\n              <EuiRangeHighlight\n                @showTicks={{this.showTicks}}\n                @min={{this.min}}\n                @max={{this.max}}\n                @lowerValue={{this.min}}\n                @upperValue={{this.numberValue}}\n                @levels={{this.levels}}\n                @trackWidth={{trackWidth}}\n              />\n            {{/if}}\n            {{#if this.showRangeTooltip}}\n              <EuiRangeTooltip\n                @value={{@value}}\n                @max={{this.max}}\n                @min={{this.min}}\n                @name={{@name}}\n                @showTicks={{this.showTicks}}\n              >\n                <:valuePrepend>{{~#if hasValuePrependBlock~}}{{yield to=\"valuePrepend\"}}{{~else~}}{{@valuePrepend}}{{~/if~}}</:valuePrepend>\n                <:value>{{~#if hasValueBlock~}}{{yield to=\"value\"}}{{~else~}}{{@value}}{{~/if~}}</:value>\n                <:valueAppend>{{~#if hasValueAppendBlock~}}{{yield to=\"valueAppend\"}}{{~else~}}{{@valueAppend}}{{~/if~}}</:valueAppend>\n              </EuiRangeTooltip>\n            {{/if}}\n          </EuiRangeTrack>\n          {{#if this.showLabels}}\n            <EuiRangeLabel @side=\"max\" @disabled={{@disabled}}>\n              {{#if hasMaxBlock}}\n                {{yield this.max to=\"max\"}}\n              {{else}}\n                {{this.max}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n          {{#if (and this.showInput (not this.showInputOnly))}}\n            <div class={{this.spacerClass}}></div>\n            <EuiRangeInput\n              id={{this.id}}\n              @min={{this.min}}\n              @max={{this.max}}\n              @readOnly={{@readOnly}}\n              @step={{this.step}}\n              @value={{@value}}\n              @disabled={{@disabled}}\n              @compressed={{@compressed}}\n              @name={{@name}}\n              @fullWidth={{and this.showInputOnly this.fullWidth}}\n              @isLoading={{and this.showInputOnly @isLoading}}\n              @isInvalid={{@isInvalid}}\n              @autoSize={{not this.showInputOnly}}\n              @isPrependProvided={{hasPrepend}}\n              @isAppendProvided={{hasAppend}}\n              ...attributes\n              {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}}\n              {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}}\n              {{on \"input\" this.handleOnChange}}\n            >\n              <:prepend as |classes|>\n                {{yield classes to=\"prepend\"}}\n              </:prepend>\n              <:append as |classes|>\n                {{yield classes to=\"append\"}}\n              </:append>\n            </EuiRangeInput>\n          {{/if}}\n        </EuiRangeWrapper>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiRangeComponent","Component","blurTimer","willDestroy","cancel","g","prototype","argOrDefaultDecorator","i","service","preventPopoverClose","tracked","args","id","guidFor","handleOnChange","e","isValid","isWithinRange","min","max","currentTarget","value","onChange","n","action","digitTolerance","Math","String","length","showInputOnly","showInput","canShowDropdown","readOnly","disabled","numberValue","Number","showRangeTooltip","showValue","undefined","context","getEuiThemeContext","rootCss","styles","useEuiBorealisStyles","euiRangeStyles","euiRange","hasInput","cached","spacerClass","slim","showTicks","ticks","euiClass","euiRange__slimHorizontalSpacer","euiRange__horizontalSpacer","thumbColor","getLevelColor","levels","ariaValueText","rangeAriaValueText","screenReaderInstructions","euiI18n","lookupToken","onInputFocus","onFocus","isPopoverOpen","onInputBlur","later","onBlur","closePopover","setPreventPopover","val","setPreventPopoverClose","bool","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","not","EuiInputPopover","EuiRangeInput","on","optional","EuiRangeWrapper","EuiRangeLabel","EuiRangeTrack","EuiRangeSlider","fn","eq","EuiRangeHighlight","EuiRangeTooltip"],"mappings":"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"}
+{"version":3,"file":"eui-range.js","sources":["../../src/components/eui-range.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { guidFor } from '@ember/object/internals';\nimport { cancel, later } from '@ember/runloop';\nimport { service } from '@ember/service';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { rangeAriaValueText } from '../utils/eui/range.ts';\nimport {\n  euiRangeStyles,\n  getLevelColor\n} from '../utils/eui/styles.generated.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport { isWithinRange } from '../utils/number/index.ts';\nimport EuiInputPopover from './eui-input-popover.gts';\nimport EuiRangeHighlight from './eui-range-highlight.gts';\nimport EuiRangeInput from './eui-range-input.gts';\nimport EuiRangeLabel from './eui-range-label.gts';\nimport EuiRangeSlider from './eui-range-slider.gts';\nimport EuiRangeTooltip from './eui-range-tooltip.gts';\nimport EuiRangeTrack from './eui-range-track.gts';\nimport EuiRangeWrapper from './eui-range-wrapper.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiInputPopoverArgs } from './eui-input-popover';\nimport type { EuiRangeLevel } from './eui-range-levels';\nimport type { EuiRangeTick } from './eui-range-ticks';\n\n/** Upstream `inputPopoverProps` of EuiRange and EuiDualRange. */\nexport type EuiRangeInputPopoverProps = Partial<\n  Omit<\n    EuiInputPopoverArgs,\n    | 'input'\n    | 'isOpen'\n    | 'closePopover'\n    | 'disableFocusTrap'\n    | 'ownFocus'\n    | 'popoverScreenReaderText'\n    | 'fullWidth'\n  >\n> & { className?: string };\n\nexport interface EuiRangeArgs {\n  /**\n   * Props of the EuiInputPopover used with `@showInput=\"inputWithPopover\"`\n   * (upstream `inputPopoverProps`): EuiInputPopover args except `isOpen`,\n   * `closePopover`, `disableFocusTrap`, `ownFocus`,\n   * `popoverScreenReaderText` and `fullWidth`, which the range controls.\n   * Its `className` is added to the popover root.\n   */\n  inputPopoverProps?: EuiRangeInputPopoverProps;\n  /** Smaller slider, for dense forms. Defaults to `false`. */\n  compressed?: boolean;\n  /** Makes the number input read-only. */\n  readOnly?: boolean;\n  /** Stretches the slider to its container's width. Defaults to `false`. */\n  fullWidth?: boolean;\n  /** Id of the slider. Defaults to a generated id. */\n  id?: string;\n  /**\n   * Create colored indicators for certain intervals\n   */\n  levels?: EuiRangeLevel[];\n  /** Increment between values. Defaults to `1`. */\n  step?: number;\n  /**\n   * Pass `true` to displays an extra input control for direct manipulation.\n   * Pass `'inputWithPopover'` to only show the input but show the range in a dropdown.\n   */\n  showInput?: boolean | 'inputWithPopover';\n  /**\n   * Shows static min/max labels on the sides of the range slider.\n   * Defaults to `false`.\n   */\n  showLabels?: boolean;\n  /**\n   * Shows a thick line from min to value. Defaults to `false`.\n   */\n  showRange?: boolean;\n  /**\n   * Shows clickable tick marks and labels at the given interval\n   * (`step`/`tickInterval`). Defaults to `false`.\n   */\n  showTicks?: boolean;\n\n  /** Lowest selectable value. Defaults to `0`. */\n  min?: number;\n  /** Highest selectable value. Defaults to `100`. */\n  max?: number;\n  /**\n   * Shows the value in a tooltip above the thumb. Defaults to `false`.\n   */\n  showValue?: boolean;\n  /**\n   * Specified ticks at specified values\n   */\n  ticks?: EuiRangeTick[];\n  /**\n   * Modifies the number of tick marks and at what interval\n   */\n  tickInterval?: number;\n  /**\n   * Appends to the tooltip\n   */\n  valueAppend?: any;\n  /**\n   * Prepends to the tooltip\n   */\n  valuePrepend?: any;\n\n  /**\n   * Called with the event (read `event.target.value`, a string) and whether\n   * the value is within `@min`/`@max`. Update `@value` here.\n   */\n  onChange?: (event: Event, isValid: boolean) => void;\n  /** Called when the slider or input loses focus. */\n  onBlur?: (event: Event) => void;\n  /** Called when the slider or input gets focus. */\n  onFocus?: (event: Event) => void;\n\n  /** The value. */\n  value?: number;\n\n  /** Disables the slider and input. */\n  disabled?: boolean;\n\n  /** @private Show the `<:prepend>` block. Defaults to `true`. */\n  isPrependProvided?: boolean;\n  /** @private Show the `<:append>` block. Defaults to `true`. */\n  isAppendProvided?: boolean;\n  /** @private Ignore the `<:max>` block. */\n  isFakeMaxBlock?: boolean;\n  /** @private Ignore the `<:min>` block. */\n  isFakeMinBlock?: boolean;\n  /** @private Ignore the `<:value>` block. */\n  isFakeValueBlock?: boolean;\n  /** @private Ignore the `<:valueAppend>` block. */\n  isFakeValueAppendBlock?: boolean;\n  /** @private Ignore the `<:valuePrepend>` block. */\n  isFakeValuePrependBlock?: boolean;\n  /** Shows the invalid state. */\n  isInvalid?: boolean;\n  /** `name` of the inputs, for forms. */\n  name?: string;\n  /**\n   * Shows a spinner in the number input (`@showInput=\"inputWithPopover\"`).\n   * Defaults to `false`.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * A slider to pick a number, optionally with a number input, ticks,\n * levels and a value tooltip. For a range of two values use EuiDualRange.\n */\nexport interface EuiRangeSignature {\n  Element: HTMLInputElement;\n  Args: EuiRangeArgs;\n  Blocks: {\n    /** Custom min label (`@showLabels`); yields `@min`. */\n    min: [min: number];\n    /** Custom max label (`@showLabels`); yields `@max`. */\n    max: [max: number];\n    /** Custom value tooltip content (`@showValue`). */\n    value: [];\n    /** Content after the value in the tooltip, e.g. a unit. */\n    valueAppend: [];\n    /** Content before the value in the tooltip, e.g. a currency sign. */\n    valuePrepend: [];\n    /** Content before the number input (`@showInput`); yields its class. */\n    prepend: [classes: string];\n    /** Content after the number input (`@showInput`); yields its class. */\n    append: [classes: string];\n    /** Unused. */\n    input: [];\n    /** Unused. */\n    content: [];\n  };\n}\n\nexport default class EuiRangeComponent extends Component<EuiRangeSignature> {\n  blurTimer: ReturnType<typeof later> | undefined;\n\n  willDestroy(): void {\n    super.willDestroy();\n    cancel(this.blurTimer);\n  }\n\n  // Defaults\n  @argOrDefaultDecorator(0) min!: number;\n  @argOrDefaultDecorator(100) max!: number;\n  @argOrDefaultDecorator(1) step!: number;\n  @argOrDefaultDecorator(false) fullWidth!: boolean;\n  @argOrDefaultDecorator(false) compressed!: boolean;\n  @argOrDefaultDecorator(false) isLoading!: boolean;\n  @argOrDefaultDecorator(false) showLabels!: boolean;\n  @argOrDefaultDecorator(false) showInput!: boolean | string;\n  @argOrDefaultDecorator(false) showRange!: boolean;\n  @argOrDefaultDecorator(false) showTicks!: boolean;\n  @argOrDefaultDecorator(false) showValue!: boolean;\n  @argOrDefaultDecorator([]) levels!: EuiRangeLevel[];\n\n  @service declare euiI18n: EuiI18n;\n\n  preventPopoverClose = false;\n\n  //State\n  @tracked id: string = this.args.id || guidFor({});\n  @tracked isPopoverOpen = false;\n  ///\n\n  @action\n  handleOnChange(e: Event): void {\n    const isValid = isWithinRange(\n      this.min,\n      this.max,\n      (e.currentTarget as HTMLInputElement).value\n    );\n\n    if (this.args.onChange) {\n      this.args.onChange(e, isValid);\n    }\n  }\n\n  get isValid(): boolean {\n    return isWithinRange(this.min, this.max, this.args.value ?? '');\n  }\n\n  get digitTolerance(): number {\n    return Math.max(String(this.min).length, String(this.max).length);\n  }\n\n  get showInputOnly(): boolean {\n    return this.showInput === 'inputWithPopover';\n  }\n\n  get canShowDropdown(): boolean {\n    return this.showInputOnly && !this.args.readOnly && !this.args.disabled;\n  }\n\n  get numberValue(): number {\n    return Number(this.args.value);\n  }\n\n  get showRangeTooltip(): boolean {\n    return (\n      this.showValue &&\n      !!String(this.args.value).length &&\n      this.args.value !== undefined\n    );\n  }\n\n  get context() {\n    return getEuiThemeContext(this);\n  }\n\n  /** Upstream root styles (`euiRange` + `hasInput`) composed into the wrapper. */\n  @cached\n  get rootCss() {\n    const styles = useEuiBorealisStyles(this.context, euiRangeStyles);\n    return [styles.euiRange, this.showInput && styles.hasInput];\n  }\n\n  /** `euiRange__slimHorizontalSpacer` with ticks, else `euiRange__horizontalSpacer`. */\n  @cached\n  get spacerClass(): string {\n    const styles = useEuiBorealisStyles(this.context, euiRangeStyles);\n    const slim = this.showTicks || !!this.args.ticks;\n    return slim\n      ? `euiRange__slimHorizontalSpacer ${euiClass(this.context, styles.euiRange__slimHorizontalSpacer)}`\n      : `euiRange__horizontalSpacer ${euiClass(this.context, styles.euiRange__horizontalSpacer)}`;\n  }\n\n  /** The level color the value falls into, for the thumb. */\n  get thumbColor(): string | undefined {\n    return getLevelColor(this.levels ?? [], Number(this.args.value));\n  }\n\n  get ariaValueText(): string | undefined {\n    return this.args.ticks\n      ? rangeAriaValueText(this.args.ticks, this.args.value)\n      : undefined;\n  }\n\n  get screenReaderInstructions(): string {\n    return this.euiI18n.lookupToken(\n      'euiRange.sliderScreenReaderInstructions',\n      'You are in a custom range slider. Use the Up and Down arrow keys to change the value.'\n    );\n  }\n\n  @action\n  onInputFocus(e: Event): void {\n    if (this.args.onFocus) {\n      this.args.onFocus(e);\n    }\n\n    this.isPopoverOpen = true;\n  }\n\n  @action\n  onInputBlur(e: Event): void {\n    cancel(this.blurTimer);\n    this.blurTimer = later(\n      this,\n      () => {\n        // Safari does not recognize any focus-related eventing for input[type=range]\n        // making it impossible to capture its state using active/focus/relatedTarget\n        // Instead, a prevention flag is set on mousedown, with a waiting period here.\n        // Mousedown is viable because in the popover case, it is inaccessible via keyboard (intentionally)\n        if (this.preventPopoverClose) {\n          this.preventPopoverClose = false;\n\n          return;\n        }\n\n        if (this.args.onBlur) {\n          this.args.onBlur(e);\n        }\n\n        this.closePopover();\n      },\n      200\n    );\n  }\n\n  @action\n  setPreventPopover(val: boolean): void {\n    this.preventPopoverClose = val;\n  }\n\n  @action\n  closePopover(): void {\n    this.preventPopoverClose = false;\n    this.isPopoverOpen = false;\n  }\n\n  @action\n  setPreventPopoverClose(bool: boolean): void {\n    this.preventPopoverClose = bool;\n  }\n\n  <template>\n    {{#let\n      (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n      (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n      (and (not (argOrDefault @isFakeMaxBlock false)) (has-block \"max\"))\n      (and (not (argOrDefault @isFakeMinBlock false)) (has-block \"min\"))\n      (and (not (argOrDefault @isFakeValueBlock false)) (has-block \"value\"))\n      (and\n        (not (argOrDefault @isFakeValueAppendBlock false))\n        (has-block \"valueAppend\")\n      )\n      (and\n        (not (argOrDefault @isFakeValuePrependBlock false))\n        (has-block \"valuePrepend\")\n      )\n      as |hasPrepend hasAppend hasMaxBlock hasMinBlock hasValueBlock hasValueAppendBlock hasValuePrependBlock|\n    }}\n      {{#if this.showInputOnly}}\n        <EuiInputPopover\n          class=\"euiRange__popover {{@inputPopoverProps.className}}\"\n          @panelPaddingSize={{@inputPopoverProps.panelPaddingSize}}\n          @anchorPosition={{@inputPopoverProps.anchorPosition}}\n          @attachToAnchor={{@inputPopoverProps.attachToAnchor}}\n          @display={{@inputPopoverProps.display}}\n          @offset={{@inputPopoverProps.offset}}\n          @repositionToCrossAxis={{@inputPopoverProps.repositionToCrossAxis}}\n          @closeOnScroll={{@inputPopoverProps.closeOnScroll}}\n          @panelMinWidth={{@inputPopoverProps.panelMinWidth}}\n          @onPanelResize={{@inputPopoverProps.onPanelResize}}\n          @css={{@inputPopoverProps.css}}\n          @panelCss={{@inputPopoverProps.panelCss}}\n          @repositionOnScroll={{@inputPopoverProps.repositionOnScroll}}\n          @panelClassName={{@inputPopoverProps.panelClassName}}\n          @panelStyle={{@inputPopoverProps.panelStyle}}\n          @anchorClassName={{@inputPopoverProps.anchorClassName}}\n          @zIndex={{@inputPopoverProps.zIndex}}\n          @container={{@inputPopoverProps.container}}\n          @buffer={{@inputPopoverProps.buffer}}\n          @insert={{@inputPopoverProps.insert}}\n          @hasArrow={{@inputPopoverProps.hasArrow}}\n          @initialFocus={{@inputPopoverProps.initialFocus}}\n          @ariaLabel={{@inputPopoverProps.ariaLabel}}\n          @ariaLabelledBy={{@inputPopoverProps.ariaLabelledBy}}\n          @popoverRef={{@inputPopoverProps.popoverRef}}\n          @portalRef={{@inputPopoverProps.portalRef}}\n          @onTrapDeactivation={{@inputPopoverProps.onTrapDeactivation}}\n          @shouldAccountForOtherPopovers={{@inputPopoverProps.shouldAccountForOtherPopovers}}\n          @fullWidth={{@fullWidth}}\n          @isOpen={{this.isPopoverOpen}}\n          @closePopover={{this.closePopover}}\n          @disableFocusTrap={{true}}\n          @popoverScreenReaderText={{this.screenReaderInstructions}}\n        >\n          <:input>\n            <EuiRangeInput\n              id={{this.id}}\n              @min={{this.min}}\n              @max={{this.max}}\n              @readOnly={{@readOnly}}\n              @step={{this.step}}\n              @value={{@value}}\n              @disabled={{@disabled}}\n              @compressed={{@compressed}}\n              @name={{@name}}\n              @fullWidth={{and this.showInputOnly this.fullWidth}}\n              @isLoading={{and this.showInputOnly @isLoading}}\n              @isInvalid={{@isInvalid}}\n              @autoSize={{not this.showInputOnly}}\n              @isPrependProvided={{hasPrepend}}\n              @isAppendProvided={{hasAppend}}\n              ...attributes\n              {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}}\n              {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}}\n              {{on \"input\" this.handleOnChange}}\n            >\n              <:prepend as |classes|>\n                {{yield classes to=\"prepend\"}}\n              </:prepend>\n              <:append as |classes|>\n                {{yield classes to=\"append\"}}\n              </:append>\n            </EuiRangeInput>\n          </:input>\n          <:content>\n            <EuiRangeWrapper\n              class=\"euiRange\"\n              @css={{this.rootCss}}\n              @fullWidth={{@fullWidth}}\n              @compressed={{@compressed}}\n            >\n              {{#if this.showLabels}}\n                <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n                  {{#if hasMinBlock}}\n                    {{yield this.min to=\"min\"}}\n                  {{else}}\n                    {{this.min}}\n                  {{/if}}\n                </EuiRangeLabel>\n              {{/if}}\n              <EuiRangeTrack\n                aria-hidden={{if this.showInput \"true\"}}\n                @disabled={{@disabled}}\n                @compressed={{@compressed}}\n                @max={{this.max}}\n                @min={{this.min}}\n                @step={{this.step}}\n                @showTicks={{this.showTicks}}\n                @showRange={{this.showRange}}\n                @tickInterval={{@tickInterval}}\n                @ticks={{@ticks}}\n                @levels={{this.levels}}\n                @onChange={{this.handleOnChange}}\n                @value={{@value}}\n                as |trackWidth|\n              >\n                <EuiRangeSlider\n                  aria-hidden={{if this.showInput \"true\"}}\n                  tabindex={{if this.showInput \"-1\"}}\n                  @id={{if this.showInput undefined this.id}}\n                  @name={{@name}}\n                  @min={{this.min}}\n                  @max={{this.max}}\n                  @step={{this.step}}\n                  @value={{@value}}\n                  @disabled={{@disabled}}\n                  @showTicks={{this.showTicks}}\n                  @showRange={{this.showRange}}\n                  @thumbColor={{this.thumbColor}}\n                  @ariaValueText={{this.ariaValueText}}\n                  ...attributes\n                  {{on \"mousedown\" (if this.showInputOnly (fn this.setPreventPopoverClose true) (optional))}}\n                  {{on \"focus\" (if (eq this.showInput true) (optional) (optional @onFocus))}}\n                  {{on \"blur\" (if this.showInputOnly this.onInputBlur (optional @onBlur))}}\n                  {{on \"input\" this.handleOnChange}}\n                />\n                {{#if (and this.showRange this.isValid)}}\n                  <EuiRangeHighlight\n                    @showTicks={{this.showTicks}}\n                    @min={{this.min}}\n                    @max={{this.max}}\n                    @lowerValue={{this.min}}\n                    @upperValue={{this.numberValue}}\n                    @levels={{this.levels}}\n                    @trackWidth={{trackWidth}}\n                  />\n                {{/if}}\n                {{#if this.showRangeTooltip}}\n                  <EuiRangeTooltip\n                    @value={{@value}}\n                    @max={{this.max}}\n                    @min={{this.min}}\n                    @name={{@name}}\n                    @showTicks={{this.showTicks}}\n                  >\n                    <:valuePrepend>{{~#if hasValuePrependBlock~}}{{yield to=\"valuePrepend\"}}{{~else~}}{{@valuePrepend}}{{~/if~}}</:valuePrepend>\n                    <:value>{{~#if hasValueBlock~}}{{yield to=\"value\"}}{{~else~}}{{@value}}{{~/if~}}</:value>\n                    <:valueAppend>{{~#if hasValueAppendBlock~}}{{yield to=\"valueAppend\"}}{{~else~}}{{@valueAppend}}{{~/if~}}</:valueAppend>\n                  </EuiRangeTooltip>\n                {{/if}}\n              </EuiRangeTrack>\n              {{#if this.showLabels}}\n                <EuiRangeLabel @side=\"max\" @disabled={{@disabled}}>\n                  {{#if hasMaxBlock}}\n                    {{yield this.max to=\"max\"}}\n                  {{else}}\n                    {{this.max}}\n                  {{/if}}\n                </EuiRangeLabel>\n              {{/if}}\n              {{#if (and this.showInput (not this.showInputOnly))}}\n                <div class={{this.spacerClass}}></div>\n                <EuiRangeInput\n                  id={{this.id}}\n                  @min={{this.min}}\n                  @max={{this.max}}\n                  @readOnly={{@readOnly}}\n                  @step={{this.step}}\n                  @value={{@value}}\n                  @disabled={{@disabled}}\n                  @compressed={{@compressed}}\n                  @name={{@name}}\n                  @fullWidth={{and this.showInputOnly this.fullWidth}}\n                  @isLoading={{and this.showInputOnly @isLoading}}\n                  @isInvalid={{@isInvalid}}\n                  @autoSize={{not this.showInputOnly}}\n                  @isPrependProvided={{hasPrepend}}\n                  @isAppendProvided={{hasAppend}}\n                  ...attributes\n                  {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}}\n                  {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}}\n                  {{on \"input\" this.handleOnChange}}\n                >\n                  <:prepend as |classes|>\n                    {{yield classes to=\"prepend\"}}\n                  </:prepend>\n                  <:append as |classes|>\n                    {{yield classes to=\"append\"}}\n                  </:append>\n                </EuiRangeInput>\n              {{/if}}\n            </EuiRangeWrapper>\n          </:content>\n        </EuiInputPopover>\n      {{else}}\n        <EuiRangeWrapper\n          class=\"euiRange\"\n          @css={{this.rootCss}}\n          @fullWidth={{@fullWidth}}\n          @compressed={{@compressed}}\n        >\n          {{#if this.showLabels}}\n            <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n              {{#if hasMinBlock}}\n                {{yield this.min to=\"min\"}}\n              {{else}}\n                {{this.min}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n          <EuiRangeTrack\n            aria-hidden={{if this.showInput \"true\"}}\n            @disabled={{@disabled}}\n            @compressed={{@compressed}}\n            @max={{this.max}}\n            @min={{this.min}}\n            @step={{this.step}}\n            @showTicks={{this.showTicks}}\n            @showRange={{this.showRange}}\n            @tickInterval={{@tickInterval}}\n            @ticks={{@ticks}}\n            @levels={{this.levels}}\n            @onChange={{this.handleOnChange}}\n            @value={{@value}}\n            as |trackWidth|\n          >\n            <EuiRangeSlider\n              aria-hidden={{if this.showInput \"true\"}}\n              tabindex={{if this.showInput \"-1\"}}\n              @id={{if this.showInput undefined this.id}}\n              @name={{@name}}\n              @min={{this.min}}\n              @max={{this.max}}\n              @step={{this.step}}\n              @value={{@value}}\n              @disabled={{@disabled}}\n              @showTicks={{this.showTicks}}\n              @showRange={{this.showRange}}\n              @thumbColor={{this.thumbColor}}\n              @ariaValueText={{this.ariaValueText}}\n              ...attributes\n              {{on \"mousedown\" (if this.showInputOnly (fn this.setPreventPopoverClose true) (optional))}}\n              {{on \"focus\" (if (eq this.showInput true) (optional) (optional @onFocus))}}\n              {{on \"blur\" (if this.showInputOnly this.onInputBlur (optional @onBlur))}}\n              {{on \"input\" this.handleOnChange}}\n            />\n            {{#if (and this.showRange this.isValid)}}\n              <EuiRangeHighlight\n                @showTicks={{this.showTicks}}\n                @min={{this.min}}\n                @max={{this.max}}\n                @lowerValue={{this.min}}\n                @upperValue={{this.numberValue}}\n                @levels={{this.levels}}\n                @trackWidth={{trackWidth}}\n              />\n            {{/if}}\n            {{#if this.showRangeTooltip}}\n              <EuiRangeTooltip\n                @value={{@value}}\n                @max={{this.max}}\n                @min={{this.min}}\n                @name={{@name}}\n                @showTicks={{this.showTicks}}\n              >\n                <:valuePrepend>{{~#if hasValuePrependBlock~}}{{yield to=\"valuePrepend\"}}{{~else~}}{{@valuePrepend}}{{~/if~}}</:valuePrepend>\n                <:value>{{~#if hasValueBlock~}}{{yield to=\"value\"}}{{~else~}}{{@value}}{{~/if~}}</:value>\n                <:valueAppend>{{~#if hasValueAppendBlock~}}{{yield to=\"valueAppend\"}}{{~else~}}{{@valueAppend}}{{~/if~}}</:valueAppend>\n              </EuiRangeTooltip>\n            {{/if}}\n          </EuiRangeTrack>\n          {{#if this.showLabels}}\n            <EuiRangeLabel @side=\"max\" @disabled={{@disabled}}>\n              {{#if hasMaxBlock}}\n                {{yield this.max to=\"max\"}}\n              {{else}}\n                {{this.max}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n          {{#if (and this.showInput (not this.showInputOnly))}}\n            <div class={{this.spacerClass}}></div>\n            <EuiRangeInput\n              id={{this.id}}\n              @min={{this.min}}\n              @max={{this.max}}\n              @readOnly={{@readOnly}}\n              @step={{this.step}}\n              @value={{@value}}\n              @disabled={{@disabled}}\n              @compressed={{@compressed}}\n              @name={{@name}}\n              @fullWidth={{and this.showInputOnly this.fullWidth}}\n              @isLoading={{and this.showInputOnly @isLoading}}\n              @isInvalid={{@isInvalid}}\n              @autoSize={{not this.showInputOnly}}\n              @isPrependProvided={{hasPrepend}}\n              @isAppendProvided={{hasAppend}}\n              ...attributes\n              {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}}\n              {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}}\n              {{on \"input\" this.handleOnChange}}\n            >\n              <:prepend as |classes|>\n                {{yield classes to=\"prepend\"}}\n              </:prepend>\n              <:append as |classes|>\n                {{yield classes to=\"append\"}}\n              </:append>\n            </EuiRangeInput>\n          {{/if}}\n        </EuiRangeWrapper>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiRangeComponent","Component","blurTimer","willDestroy","cancel","g","prototype","argOrDefaultDecorator","i","service","preventPopoverClose","tracked","args","id","guidFor","handleOnChange","e","isValid","isWithinRange","min","max","currentTarget","value","onChange","n","action","digitTolerance","Math","String","length","showInputOnly","showInput","canShowDropdown","readOnly","disabled","numberValue","Number","showRangeTooltip","showValue","undefined","context","getEuiThemeContext","rootCss","styles","useEuiBorealisStyles","euiRangeStyles","euiRange","hasInput","cached","spacerClass","slim","showTicks","ticks","euiClass","euiRange__slimHorizontalSpacer","euiRange__horizontalSpacer","thumbColor","getLevelColor","levels","ariaValueText","rangeAriaValueText","screenReaderInstructions","euiI18n","lookupToken","onInputFocus","onFocus","isPopoverOpen","onInputBlur","later","onBlur","closePopover","setPreventPopover","val","setPreventPopoverClose","bool","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","not","EuiInputPopover","EuiRangeInput","on","optional","EuiRangeWrapper","EuiRangeLabel","EuiRangeTrack","EuiRangeSlider","fn","eq","EuiRangeHighlight","EuiRangeTooltip"],"mappings":"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"}

package/dist/components/eui-resizable-container/button.js

@@ -8,10 +8,10 @@ import { modifier } from 'ember-modifier';
 import { randomId } from '../../-private/random-id.js';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
-import { cP as euiResizableButtonStyles } from '../../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiResizableButtonStyles } from '../../utils/eui/styles.generated/components/resizable_container/resizable_button.styles.js';
 
 /**
  * React's global reset, scoped: the native button face, border, padding and

package/dist/components/eui-resizable-container/collapse-button.js

@@ -2,11 +2,12 @@ import Component from '@glimmer/component';
 import { cached } from '@glimmer/tracking';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
 import { useEuiBorealisStyles } from '../../utils/eui/styles.js';
-import { v as euiScreenReaderOnlyStyles, eQ as euiResizableCollapseButtonStyles } from '../../styles.generated-SYAxYhey.js';
 import EuiButtonIcon from '../eui-button-icon.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiScreenReaderOnlyStyles } from '../../utils/eui/styles.generated/components/accessibility/screen_reader_only/screen_reader_only.styles.js';
+import { euiResizableCollapseButtonStyles } from '../../utils/eui/styles.generated/components/resizable_container/resizable_collapse_button.styles.js';
 
 /** Upstream's `transition*In/Out` icons. */function icon(externalPosition, direction, isCollapsed) {
   const horizontal = direction === 'horizontal';

package/dist/components/eui-resizable-container/collapse-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-button.js","sources":["../../../src/components/eui-resizable-container/collapse-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport {\n  euiResizableCollapseButtonStyles,\n  euiScreenReaderOnlyStyles\n} from '../../utils/eui/styles.generated.ts';\nimport EuiButtonIcon from '../eui-button-icon.gts';\n\nimport type { EuiCss } from '../../utils/eui/styles.ts';\n\ntype InternalPosition = 'top' | 'middle' | 'bottom' | 'left' | 'right';\n\ninterface CollapseButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    externalPosition: 'before' | 'after';\n    internalPosition?: InternalPosition;\n    direction: 'horizontal' | 'vertical';\n    isVisible?: boolean;\n    isCollapsed?: boolean;\n  };\n}\n\n/** Upstream's `transition*In/Out` icons. */\nfunction icon(externalPosition: string, direction: string, isCollapsed?: boolean): string {\n  const horizontal = direction === 'horizontal';\n\n  if (externalPosition === 'before') {\n    return isCollapsed ? (horizontal ? 'transitionLeftOut' : 'transitionTopOut') : horizontal ? 'transitionLeftIn' : 'transitionTopIn';\n  }\n\n  return isCollapsed ? (horizontal ? 'transitionRightOut' : 'transitionBottomOut') : horizontal ? 'transitionRightIn' : 'transitionBottomIn';\n}\n\n/**\n * @private The button collapsing or expanding a resizable panel: an empty\n * text `EuiButtonIcon`, styled through its `@css`. While the panel is open\n * it floats over the edge (shown when its resizer has focus, or while it\n * has focus itself); a collapsed panel is all button.\n */\nexport default class EuiResizableCollapseButton extends Component<CollapseButtonSignature> {\n  @cached\n  get css(): EuiCss {\n    const styles = useEuiBorealisStyles(getEuiThemeContext(this), euiResizableCollapseButtonStyles);\n    const { direction, externalPosition, isCollapsed, isVisible } = this.args;\n    const internalPosition = this.args.internalPosition ?? 'middle';\n\n    return [\n      styles.euiResizableCollapseButton,\n      !isCollapsed && !isVisible && euiScreenReaderOnlyStyles['euiScreenReaderOnly-showOnFocus'],\n      ...(isCollapsed\n        ? [\n            styles.collapsed.collapsed,\n            styles.collapsed[direction],\n            styles.collapsed[`${direction}Positions`][internalPosition]\n          ]\n        : [\n            styles.collapsible.collapsible,\n            styles.collapsible[direction][externalPosition],\n            styles.collapsible[direction][internalPosition]\n          ])\n    ];\n  }\n\n  get iconType(): string {\n    return icon(this.args.externalPosition, this.args.direction, this.args.isCollapsed);\n  }\n\n  <template>\n    <EuiButtonIcon\n      class=\"euiResizableCollapseButton\"\n      @display=\"empty\"\n      @color=\"text\"\n      @iconType={{this.iconType}}\n      @css={{this.css}}\n      ...attributes\n    />\n  </template>\n}\n"],"names":["icon","externalPosition","direction","isCollapsed","horizontal","EuiResizableCollapseButton","Component","css","styles","useEuiBorealisStyles","getEuiThemeContext","euiResizableCollapseButtonStyles","isVisible","args","internalPosition","euiResizableCollapseButton","euiScreenReaderOnlyStyles","collapsed","collapsible","n","prototype","cached","iconType","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonIcon"],"mappings":";;;;;;;;;;AA0BA,4CACA,SAASA,IAAAA,CAAKC,gBAAwB,EAAEC,SAAiB,EAAEC,WAAqB,EAAS;AACvF,EAAA,MAAMC,aAAaF,SAAA,KAAc,YAAA;EAEjC,IAAID,qBAAqB,QAAA,EAAU;AACjC,IAAA,OAAOE,cAAeC,UAAA,GAAa,sBAAsB,kBAAkB,GAAIA,aAAa,kBAAA,GAAqB,iBAAA;AACnH,EAAA;AAEA,EAAA,OAAOD,cAAeC,UAAA,GAAa,uBAAuB,qBAAqB,GAAIA,aAAa,mBAAA,GAAsB,oBAAA;AACxH;AAEA;;;;;;AAMe,MAAMC,0BAAA,SAAmCC,SAAA,CAAU;EAChE,IACIC,MAAc;IAChB,MAAMC,MAAA,GAASC,oBAAA,CAAqBC,kBAAA,CAAmB,IAAI,CAAA,EAAGC,gCAAA,CAAA;IAC9D,MAAM;MAAET,SAAS;MAAED,gBAAgB;MAAEE,WAAW;AAAES,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;IACzE,MAAMC,mBAAmB,IAAI,CAACD,IAAI,CAACC,gBAAgB,IAAI,QAAA;AAEvD,IAAA,OAAO,CACLN,MAAA,CAAOO,0BAA0B,EACjC,CAACZ,WAAA,IAAe,CAACS,SAAA,IAAaI,yBAAyB,CAAC,iCAAA,CAAkC,EACvF,IAACb,WAAA,GACA,CACEK,MAAA,CAAOS,SAAS,CAACA,SAAS,EAC1BT,MAAA,CAAOS,SAAS,CAACf,SAAA,CAAU,EAC3BM,MAAA,CAAOS,SAAS,CAAC,CAAA,EAAGf,SAAA,CAAA,SAAA,CAAoB,CAAC,CAACY,gBAAA,CAAiB,CAC5D,GACD,CACEN,MAAA,CAAOU,WAAW,CAACA,WAAW,EAC9BV,MAAA,CAAOU,WAAW,CAAChB,SAAA,CAAU,CAACD,gBAAA,CAAiB,EAC/CO,MAAA,CAAOU,WAAW,CAAChB,SAAA,CAAU,CAACY,gBAAA,CAAiB,CAChD,CAAA,CACN;AACH,EAAA;AAAA,EAAA;IAAAK,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,KAAA,EAAA,CArBCC,MAAA,CAAA,CAAA;AAAA;EAuBD,IAAIC,QAAAA,GAAmB;AACrB,IAAA,OAAOtB,KAAK,IAAI,CAACa,IAAI,CAACZ,gBAAgB,EAAE,IAAI,CAACY,IAAI,CAACX,SAAS,EAAE,IAAI,CAACW,IAAI,CAACV,WAAW,CAAA;AACpF,EAAA;AAEA,EAAA;IAAAoB,oBAAA,CAAAC,kBAAA,CAAA,uJAAA,EASA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"collapse-button.js","sources":["../../../src/components/eui-resizable-container/collapse-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport {\n  euiResizableCollapseButtonStyles,\n  euiScreenReaderOnlyStyles\n} from '../../utils/eui/styles.generated.ts';\nimport EuiButtonIcon from '../eui-button-icon.gts';\n\nimport type { EuiCss } from '../../utils/eui/styles.ts';\n\ntype InternalPosition = 'top' | 'middle' | 'bottom' | 'left' | 'right';\n\ninterface CollapseButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    externalPosition: 'before' | 'after';\n    internalPosition?: InternalPosition;\n    direction: 'horizontal' | 'vertical';\n    isVisible?: boolean;\n    isCollapsed?: boolean;\n  };\n}\n\n/** Upstream's `transition*In/Out` icons. */\nfunction icon(externalPosition: string, direction: string, isCollapsed?: boolean): string {\n  const horizontal = direction === 'horizontal';\n\n  if (externalPosition === 'before') {\n    return isCollapsed ? (horizontal ? 'transitionLeftOut' : 'transitionTopOut') : horizontal ? 'transitionLeftIn' : 'transitionTopIn';\n  }\n\n  return isCollapsed ? (horizontal ? 'transitionRightOut' : 'transitionBottomOut') : horizontal ? 'transitionRightIn' : 'transitionBottomIn';\n}\n\n/**\n * @private The button collapsing or expanding a resizable panel: an empty\n * text `EuiButtonIcon`, styled through its `@css`. While the panel is open\n * it floats over the edge (shown when its resizer has focus, or while it\n * has focus itself); a collapsed panel is all button.\n */\nexport default class EuiResizableCollapseButton extends Component<CollapseButtonSignature> {\n  @cached\n  get css(): EuiCss {\n    const styles = useEuiBorealisStyles(getEuiThemeContext(this), euiResizableCollapseButtonStyles);\n    const { direction, externalPosition, isCollapsed, isVisible } = this.args;\n    const internalPosition = this.args.internalPosition ?? 'middle';\n\n    return [\n      styles.euiResizableCollapseButton,\n      !isCollapsed && !isVisible && euiScreenReaderOnlyStyles['euiScreenReaderOnly-showOnFocus'],\n      ...(isCollapsed\n        ? [\n            styles.collapsed.collapsed,\n            styles.collapsed[direction],\n            styles.collapsed[`${direction}Positions`][internalPosition]\n          ]\n        : [\n            styles.collapsible.collapsible,\n            styles.collapsible[direction][externalPosition],\n            styles.collapsible[direction][internalPosition]\n          ])\n    ];\n  }\n\n  get iconType(): string {\n    return icon(this.args.externalPosition, this.args.direction, this.args.isCollapsed);\n  }\n\n  <template>\n    <EuiButtonIcon\n      class=\"euiResizableCollapseButton\"\n      @display=\"empty\"\n      @color=\"text\"\n      @iconType={{this.iconType}}\n      @css={{this.css}}\n      ...attributes\n    />\n  </template>\n}\n"],"names":["icon","externalPosition","direction","isCollapsed","horizontal","EuiResizableCollapseButton","Component","css","styles","useEuiBorealisStyles","getEuiThemeContext","euiResizableCollapseButtonStyles","isVisible","args","internalPosition","euiResizableCollapseButton","euiScreenReaderOnlyStyles","collapsed","collapsible","n","prototype","cached","iconType","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonIcon"],"mappings":";;;;;;;;;;;AA0BA,4CACA,SAASA,IAAAA,CAAKC,gBAAwB,EAAEC,SAAiB,EAAEC,WAAqB,EAAS;AACvF,EAAA,MAAMC,aAAaF,SAAA,KAAc,YAAA;EAEjC,IAAID,qBAAqB,QAAA,EAAU;AACjC,IAAA,OAAOE,cAAeC,UAAA,GAAa,sBAAsB,kBAAkB,GAAIA,aAAa,kBAAA,GAAqB,iBAAA;AACnH,EAAA;AAEA,EAAA,OAAOD,cAAeC,UAAA,GAAa,uBAAuB,qBAAqB,GAAIA,aAAa,mBAAA,GAAsB,oBAAA;AACxH;AAEA;;;;;;AAMe,MAAMC,0BAAA,SAAmCC,SAAA,CAAU;EAChE,IACIC,MAAc;IAChB,MAAMC,MAAA,GAASC,oBAAA,CAAqBC,kBAAA,CAAmB,IAAI,CAAA,EAAGC,gCAAA,CAAA;IAC9D,MAAM;MAAET,SAAS;MAAED,gBAAgB;MAAEE,WAAW;AAAES,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;IACzE,MAAMC,mBAAmB,IAAI,CAACD,IAAI,CAACC,gBAAgB,IAAI,QAAA;AAEvD,IAAA,OAAO,CACLN,MAAA,CAAOO,0BAA0B,EACjC,CAACZ,WAAA,IAAe,CAACS,SAAA,IAAaI,yBAAyB,CAAC,iCAAA,CAAkC,EACvF,IAACb,WAAA,GACA,CACEK,MAAA,CAAOS,SAAS,CAACA,SAAS,EAC1BT,MAAA,CAAOS,SAAS,CAACf,SAAA,CAAU,EAC3BM,MAAA,CAAOS,SAAS,CAAC,CAAA,EAAGf,SAAA,CAAA,SAAA,CAAoB,CAAC,CAACY,gBAAA,CAAiB,CAC5D,GACD,CACEN,MAAA,CAAOU,WAAW,CAACA,WAAW,EAC9BV,MAAA,CAAOU,WAAW,CAAChB,SAAA,CAAU,CAACD,gBAAA,CAAiB,EAC/CO,MAAA,CAAOU,WAAW,CAAChB,SAAA,CAAU,CAACY,gBAAA,CAAiB,CAChD,CAAA,CACN;AACH,EAAA;AAAA,EAAA;IAAAK,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,KAAA,EAAA,CArBCC,MAAA,CAAA,CAAA;AAAA;EAuBD,IAAIC,QAAAA,GAAmB;AACrB,IAAA,OAAOtB,KAAK,IAAI,CAACa,IAAI,CAACZ,gBAAgB,EAAE,IAAI,CAACY,IAAI,CAACX,SAAS,EAAE,IAAI,CAACW,IAAI,CAACV,WAAW,CAAA;AACpF,EAAA;AAEA,EAAA;IAAAoB,oBAAA,CAAAC,kBAAA,CAAA,uJAAA,EASA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-resizable-container/panel.js

@@ -9,12 +9,13 @@ import cssStyle from '../../-private/css-style.js';
 import { randomId } from '../../-private/random-id.js';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
 import { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.js';
-import { j as euiPaddingSize, em as euiResizablePanelStyles, en as euiResizablePanelContentStyles } from '../../styles.generated-SYAxYhey.js';
 import EuiPanel from '../eui-panel.js';
 import EuiResizableCollapseButton from './collapse-button.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 { euiResizablePanelStyles, euiResizablePanelContentStyles } from '../../utils/eui/styles.generated/components/resizable_container/resizable_panel.styles.js';
 
 class EuiResizablePanel extends Component {
   static {

package/dist/components/eui-resizable-container/panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel.js","sources":["../../../src/components/eui-resizable-container/panel.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { schedule } from '@ember/runloop';\nimport { service } from '@ember/service';\n\nimport { modifier } from 'ember-modifier';\n\nimport cssStyle from '../../-private/css-style.ts';\nimport { randomId } from '../../-private/random-id.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport {\n  euiPaddingSize,\n  euiResizablePanelContentStyles,\n  euiResizablePanelStyles\n} from '../../utils/eui/styles.generated.ts';\nimport EuiPanel from '../eui-panel.gts';\nimport EuiResizableCollapseButton from './collapse-button.gts';\n\nimport type EuiI18n from '../../services/eui-i18n';\nimport type { PanelModeType, PanelPosition } from '../../-private/resizable.ts';\nimport type EuiResizableContainer from '../eui-resizable-container.gts';\nimport type { EuiCss } from '../../utils/eui/styles.ts';\nimport type { EuiPanelSignature } from '../eui-panel';\n\n/** Upstream `ToggleOptions`: where the toggle sits and attributes for it. */\nexport interface EuiResizablePanelToggleOptions {\n  /** Where the toggle button sits along the edge. Defaults to `'middle'`. */\n  position?: 'top' | 'middle' | 'bottom' | 'left' | 'right';\n  /** Extra class of the toggle button. */\n  className?: string;\n  /** `data-test-subj` of the toggle button. */\n  'data-test-subj'?: string;\n}\n\ntype Mode = PanelModeType | [PanelModeType, EuiResizablePanelToggleOptions];\n\n/**\n * A panel of an `EuiResizableContainer` (yielded as `Panel`), sized in\n * percent of the container.\n */\nexport interface EuiResizablePanelSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Id of the panel, e.g. to toggle it. Defaults to a random id. */\n    id?: string;\n    /** Starting size in percent of the container. */\n    initialSize?: number;\n    /** Controlled size in percent (update it from `@onPanelWidthChange`). */\n    size?: number;\n    /** Smallest size, e.g. `'20%'` or `'200px'`. Defaults to `'0px'`. */\n    minSize?: string;\n    /** Scrolls its content when it overflows. Defaults to `true`. */\n    scrollable?: boolean;\n    /**\n     * `'collapsible'` (with a toggle button, next to a `'main'` panel),\n     * `'main'`, or `['collapsible', { position, className, 'data-test-subj' }]`\n     * to place the toggle (`'top'`, `'middle'`, `'bottom'`) and to give it\n     * a class and a `data-test-subj`.\n     */\n    mode?: Mode;\n    /** Padding inside the panel: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'m'`. */\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n    /** Padding around the panel: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'none'`. */\n    wrapperPadding?: 'none' | 's' | 'm' | 'l';\n    /** Background, any `EuiPanel` color. Defaults to `'transparent'`. */\n    color?: EuiPanelSignature['Args']['color'];\n    /** Adds a shadow (when there is no border). Defaults to `false`. */\n    hasShadow?: boolean;\n    /** Adds a border, like `EuiPanel`'s (whose own default is `true`). Defaults to `false`. */\n    hasBorder?: boolean;\n    /** `'none'` or `'m'` rounded corners. Defaults to `'none'`. */\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    /** @private The container, set by `EuiResizableContainer`. */\n    container: EuiResizableContainer;\n  };\n  Blocks: {\n    /** The panel's content. */\n    default: [];\n  };\n}\n\nexport default class EuiResizablePanel extends Component<EuiResizablePanelSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  ownId = `resizable-panel_${randomId()}`;\n  element?: HTMLElement;\n  // ids of the resize buttons before and after it\n  resizerIds: [string, string] = ['', ''];\n\n  get id(): string {\n    return this.args.id ?? this.ownId;\n  }\n\n  get container(): EuiResizableContainer {\n    return this.args.container;\n  }\n\n  get state() {\n    return this.container.panels[this.id];\n  }\n\n  get modeType(): PanelModeType | undefined {\n    const mode = this.args.mode;\n\n    return Array.isArray(mode) ? mode[0] : mode;\n  }\n\n  get togglePosition(): 'top' | 'middle' | 'bottom' | 'left' | 'right' {\n    const mode = this.args.mode;\n\n    return (Array.isArray(mode) ? mode[1]?.position : undefined) ?? 'middle';\n  }\n\n  get toggleClassName(): string | undefined {\n    const mode = this.args.mode;\n\n    return Array.isArray(mode) ? mode[1]?.className : undefined;\n  }\n\n  get toggleTestSubj(): string | undefined {\n    const mode = this.args.mode;\n\n    return Array.isArray(mode) ? mode[1]?.['data-test-subj'] : undefined;\n  }\n\n  get isCollapsible(): boolean {\n    return this.modeType === 'collapsible';\n  }\n\n  get isCollapsed(): boolean {\n    return this.state?.isCollapsed ?? false;\n  }\n\n  get position(): PanelPosition {\n    return this.state?.position ?? 'middle';\n  }\n\n  get size(): number {\n    return this.args.size ?? this.state?.size ?? this.args.initialSize ?? 0;\n  }\n\n  get style() {\n    const horizontal = this.container.isHorizontal;\n\n    return cssStyle({\n      width: horizontal ? `${this.size}%` : '100%',\n      height: horizontal ? 'auto' : `${this.size}%`\n    });\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = euiResizablePanelStyles;\n\n    return `euiResizablePanel ${euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      styles.euiResizablePanel,\n      this.isCollapsed && styles.collapsed,\n      { padding: euiPaddingSize(context.upstream, this.args.wrapperPadding ?? 'none') ?? undefined }\n    )}`;\n  }\n\n  /** Composed into the content `EuiPanel`'s own class. */\n  @cached\n  get contentCss(): EuiCss {\n    const styles = useEuiBorealisStyles(getEuiThemeContext(this), euiResizablePanelContentStyles);\n    const axis = this.container.isHorizontal ? styles.horizontal : styles.vertical;\n\n    return [\n      styles.euiResizablePanel__content,\n      this.args.scrollable !== false && styles.scrollable,\n      this.isCollapsed && styles.collapsedChildren,\n      this.isCollapsed && !this.isCollapsible && axis.collapsed,\n      this.isCollapsible && axis.hasCollapsibleButton\n    ];\n  }\n\n  /** Twice the content padding, the smallest the panel can get. */\n  @cached\n  get paddingSizes(): string {\n    const padding = euiPaddingSize(getEuiThemeContext(this).upstream, this.args.paddingSize ?? 'm') ?? '0px';\n\n    return `${parseFloat(padding) * 2}px`;\n  }\n\n  /** Which way a middle panel collapses: toward its main neighbour. */\n  get direction(): 'left' | 'right' | null {\n    if (this.position !== 'middle' || !(this.isCollapsible || this.isCollapsed)) return null;\n\n    const panels = this.container.panels;\n    const ids = Object.keys(panels);\n    const index = ids.indexOf(this.id);\n    const prev = panels[ids[index - 1] ?? ''];\n    const next = panels[ids[index + 1] ?? ''];\n    const prevMode = prev?.mode;\n    const nextMode = next?.mode;\n\n    if (prevMode === 'main') return 'right';\n    if (nextMode === 'main') return 'left';\n    if (prevMode && prevMode !== 'collapsible') return 'right';\n    if (nextMode && nextMode !== 'collapsible') return 'left';\n    if (prev && next) return prev.size > next.size ? 'right' : 'left';\n    if (prev) return 'right';\n    if (next) return 'left';\n\n    return null;\n  }\n\n  get toggle(): { externalPosition: 'before' | 'after'; resizerId: string } | null {\n    const canToggle = this.isCollapsible || this.modeType === 'custom' || this.modeType === undefined;\n    const showsToggle = this.isCollapsible || this.isCollapsed;\n\n    if (!canToggle || !showsToggle) return null;\n\n    if (this.position === 'last' || (this.position === 'middle' && this.direction === 'right')) {\n      return { externalPosition: 'before', resizerId: this.resizerIds[0] };\n    }\n\n    if (this.position === 'first' || (this.position === 'middle' && this.direction === 'left')) {\n      return { externalPosition: 'after', resizerId: this.resizerIds[1] };\n    }\n\n    return null;\n  }\n\n  get hasVisibleToggle(): boolean {\n    return (this.modeType !== 'main' && this.isCollapsed) || this.isCollapsible;\n  }\n\n  get toggleLabel(): string {\n    return this.euiI18n.lookupToken('euiResizablePanel.toggleButtonAriaLabel', 'Press to toggle this panel');\n  }\n\n  resizer = (id: string) => this.container.resizers[id];\n\n  @action\n  onToggleClick(externalPosition: 'before' | 'after', event: MouseEvent): void {\n    this.container.onPanelToggle(this.id, { direction: externalPosition === 'before' ? 'right' : 'left' });\n\n    // a mouse click should not leave the focus ring\n    if (event.detail) (event.currentTarget as HTMLElement).blur();\n  }\n\n  register = modifier((element: HTMLElement, [size, minSize, mode]: [number | undefined, string | undefined, unknown]) => {\n    this.element = element;\n    void mode;\n\n    const id = this.id;\n    const initSize = size ?? this.args.initialSize ?? 0;\n    const padding = this.paddingSizes;\n    const horizontal = this.container.isHorizontal;\n\n    schedule('afterRender', () => {\n      this.resizerIds = [element.previousElementSibling?.id ?? '', element.nextElementSibling?.id ?? ''];\n\n      const siblings = Array.from(element.parentElement?.children ?? []).filter((el) =>\n        el.classList.contains('euiResizablePanel')\n      );\n      const position: PanelPosition =\n        siblings[0] === element ? 'first' : siblings[siblings.length - 1] === element ? 'last' : 'middle';\n\n      this.container.registerPanel({\n        id,\n        size: initSize,\n        prevSize: initSize,\n        getSizePx: () => {\n          const rect = element.getBoundingClientRect();\n\n          return horizontal ? rect.width : rect.height;\n        },\n        minSize: [minSize ?? '0px', padding],\n        mode: this.modeType,\n        isCollapsed: false,\n        position\n      });\n    });\n\n    return () => schedule('afterRender', () => this.container.deregisterPanel(id));\n  });\n\n  <template>\n    <div\n      id={{this.id}}\n      class={{this.classes}}\n      style={{this.style}}\n      data-collapsed={{if this.isCollapsed \"true\"}}\n      data-position={{this.position}}\n      {{this.register @size @minSize @mode}}\n    >\n      {{#if this.hasVisibleToggle}}\n        {{#let this.toggle as |toggle|}}\n          {{#if (isBefore toggle)}}\n            <EuiResizableCollapseButton\n              aria-label={{this.toggleLabel}}\n              class={{this.toggleClassName}}\n              data-test-subj={{this.toggleTestSubj}}\n              @externalPosition=\"before\"\n              @direction={{if this.container.isHorizontal \"horizontal\" \"vertical\"}}\n              @internalPosition={{this.togglePosition}}\n              @isVisible={{resizerVisible (this.resizer (resizerIdOf toggle))}}\n              @isCollapsed={{resizerDisabled (this.resizer (resizerIdOf toggle))}}\n              {{on \"click\" (fnToggle this.onToggleClick \"before\")}}\n            />\n          {{/if}}\n        {{/let}}\n      {{/if}}\n      <EuiPanel\n        class=\"euiResizablePanel__content\"\n        @css={{this.contentCss}}\n        @hasShadow={{if @hasShadow true false}}\n        @hasBorder={{if @hasBorder true false}}\n        @borderRadius={{if @borderRadius @borderRadius \"none\"}}\n        @color={{if @color @color \"transparent\"}}\n        @paddingSize={{if this.isCollapsed \"none\" (if @paddingSize @paddingSize \"m\")}}\n        ...attributes\n      >\n        {{yield}}\n      </EuiPanel>\n      {{#if this.hasVisibleToggle}}\n        {{#let this.toggle as |toggle|}}\n          {{#if (isAfter toggle)}}\n            <EuiResizableCollapseButton\n              aria-label={{this.toggleLabel}}\n              class={{this.toggleClassName}}\n              data-test-subj={{this.toggleTestSubj}}\n              @externalPosition=\"after\"\n              @direction={{if this.container.isHorizontal \"horizontal\" \"vertical\"}}\n              @internalPosition={{this.togglePosition}}\n              @isVisible={{resizerVisible (this.resizer (resizerIdOf toggle))}}\n              @isCollapsed={{resizerDisabled (this.resizer (resizerIdOf toggle))}}\n              {{on \"click\" (fnToggle this.onToggleClick \"after\")}}\n            />\n          {{/if}}\n        {{/let}}\n      {{/if}}\n    </div>\n  </template>\n}\n\ntype Toggle = EuiResizablePanel['toggle'];\n\nfunction isBefore(toggle: Toggle): boolean {\n  return toggle?.externalPosition === 'before';\n}\n\nfunction isAfter(toggle: Toggle): boolean {\n  return toggle?.externalPosition === 'after';\n}\n\nfunction resizerIdOf(toggle: Toggle): string {\n  return toggle?.resizerId ?? '';\n}\n\nfunction resizerVisible(resizer?: { isFocused: boolean; isDisabled: boolean }): boolean {\n  return Boolean(resizer && (resizer.isFocused || resizer.isDisabled));\n}\n\nfunction resizerDisabled(resizer?: { isDisabled: boolean }): boolean {\n  return Boolean(resizer?.isDisabled);\n}\n\nfunction fnToggle(\n  handler: (position: 'before' | 'after', event: MouseEvent) => void,\n  position: 'before' | 'after'\n): (event: MouseEvent) => void {\n  return (event) => handler(position, event);\n}\n\n"],"names":["EuiResizablePanel","Component","g","prototype","service","i","ownId","randomId","element","resizerIds","id","args","container","state","panels","modeType","mode","Array","isArray","togglePosition","position","undefined","toggleClassName","className","toggleTestSubj","isCollapsible","isCollapsed","size","initialSize","style","horizontal","isHorizontal","cssStyle","width","height","classes","context","getEuiThemeContext","styles","euiResizablePanelStyles","euiClass","boxSizing","euiResizablePanel","collapsed","padding","euiPaddingSize","upstream","wrapperPadding","n","cached","contentCss","useEuiBorealisStyles","euiResizablePanelContentStyles","axis","vertical","euiResizablePanel__content","scrollable","collapsedChildren","hasCollapsibleButton","paddingSizes","paddingSize","parseFloat","direction","ids","Object","keys","index","indexOf","prev","next","prevMode","nextMode","toggle","canToggle","showsToggle","externalPosition","resizerId","hasVisibleToggle","toggleLabel","euiI18n","lookupToken","resizer","resizers","onToggleClick","event","onPanelToggle","detail","currentTarget","blur","action","register","modifier","minSize","initSize","schedule","previousElementSibling","nextElementSibling","siblings","from","parentElement","children","filter","el","classList","contains","length","registerPanel","prevSize","getSizePx","rect","getBoundingClientRect","deregisterPanel","setComponentTemplate","precompileTemplate","strictMode","scope","isBefore","EuiResizableCollapseButton","resizerVisible","resizerIdOf","resizerDisabled","on","fnToggle","EuiPanel","isAfter","Boolean","isFocused","isDisabled","handler"],"mappings":"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"}
+{"version":3,"file":"panel.js","sources":["../../../src/components/eui-resizable-container/panel.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { schedule } from '@ember/runloop';\nimport { service } from '@ember/service';\n\nimport { modifier } from 'ember-modifier';\n\nimport cssStyle from '../../-private/css-style.ts';\nimport { randomId } from '../../-private/random-id.ts';\nimport { getEuiThemeContext } from '../../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../../utils/eui/styles.ts';\nimport {\n  euiPaddingSize,\n  euiResizablePanelContentStyles,\n  euiResizablePanelStyles\n} from '../../utils/eui/styles.generated.ts';\nimport EuiPanel from '../eui-panel.gts';\nimport EuiResizableCollapseButton from './collapse-button.gts';\n\nimport type EuiI18n from '../../services/eui-i18n';\nimport type { PanelModeType, PanelPosition } from '../../-private/resizable.ts';\nimport type EuiResizableContainer from '../eui-resizable-container.gts';\nimport type { EuiCss } from '../../utils/eui/styles.ts';\nimport type { EuiPanelSignature } from '../eui-panel';\n\n/** Upstream `ToggleOptions`: where the toggle sits and attributes for it. */\nexport interface EuiResizablePanelToggleOptions {\n  /** Where the toggle button sits along the edge. Defaults to `'middle'`. */\n  position?: 'top' | 'middle' | 'bottom' | 'left' | 'right';\n  /** Extra class of the toggle button. */\n  className?: string;\n  /** `data-test-subj` of the toggle button. */\n  'data-test-subj'?: string;\n}\n\ntype Mode = PanelModeType | [PanelModeType, EuiResizablePanelToggleOptions];\n\n/**\n * A panel of an `EuiResizableContainer` (yielded as `Panel`), sized in\n * percent of the container.\n */\nexport interface EuiResizablePanelSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Id of the panel, e.g. to toggle it. Defaults to a random id. */\n    id?: string;\n    /** Starting size in percent of the container. */\n    initialSize?: number;\n    /** Controlled size in percent (update it from `@onPanelWidthChange`). */\n    size?: number;\n    /** Smallest size, e.g. `'20%'` or `'200px'`. Defaults to `'0px'`. */\n    minSize?: string;\n    /** Scrolls its content when it overflows. Defaults to `true`. */\n    scrollable?: boolean;\n    /**\n     * `'collapsible'` (with a toggle button, next to a `'main'` panel),\n     * `'main'`, or `['collapsible', { position, className, 'data-test-subj' }]`\n     * to place the toggle (`'top'`, `'middle'`, `'bottom'`) and to give it\n     * a class and a `data-test-subj`.\n     */\n    mode?: Mode;\n    /** Padding inside the panel: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'m'`. */\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n    /** Padding around the panel: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'none'`. */\n    wrapperPadding?: 'none' | 's' | 'm' | 'l';\n    /** Background, any `EuiPanel` color. Defaults to `'transparent'`. */\n    color?: EuiPanelSignature['Args']['color'];\n    /** Adds a shadow (when there is no border). Defaults to `false`. */\n    hasShadow?: boolean;\n    /** Adds a border, like `EuiPanel`'s (whose own default is `true`). Defaults to `false`. */\n    hasBorder?: boolean;\n    /** `'none'` or `'m'` rounded corners. Defaults to `'none'`. */\n    borderRadius?: EuiPanelSignature['Args']['borderRadius'];\n    /** @private The container, set by `EuiResizableContainer`. */\n    container: EuiResizableContainer;\n  };\n  Blocks: {\n    /** The panel's content. */\n    default: [];\n  };\n}\n\nexport default class EuiResizablePanel extends Component<EuiResizablePanelSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  ownId = `resizable-panel_${randomId()}`;\n  element?: HTMLElement;\n  // ids of the resize buttons before and after it\n  resizerIds: [string, string] = ['', ''];\n\n  get id(): string {\n    return this.args.id ?? this.ownId;\n  }\n\n  get container(): EuiResizableContainer {\n    return this.args.container;\n  }\n\n  get state() {\n    return this.container.panels[this.id];\n  }\n\n  get modeType(): PanelModeType | undefined {\n    const mode = this.args.mode;\n\n    return Array.isArray(mode) ? mode[0] : mode;\n  }\n\n  get togglePosition(): 'top' | 'middle' | 'bottom' | 'left' | 'right' {\n    const mode = this.args.mode;\n\n    return (Array.isArray(mode) ? mode[1]?.position : undefined) ?? 'middle';\n  }\n\n  get toggleClassName(): string | undefined {\n    const mode = this.args.mode;\n\n    return Array.isArray(mode) ? mode[1]?.className : undefined;\n  }\n\n  get toggleTestSubj(): string | undefined {\n    const mode = this.args.mode;\n\n    return Array.isArray(mode) ? mode[1]?.['data-test-subj'] : undefined;\n  }\n\n  get isCollapsible(): boolean {\n    return this.modeType === 'collapsible';\n  }\n\n  get isCollapsed(): boolean {\n    return this.state?.isCollapsed ?? false;\n  }\n\n  get position(): PanelPosition {\n    return this.state?.position ?? 'middle';\n  }\n\n  get size(): number {\n    return this.args.size ?? this.state?.size ?? this.args.initialSize ?? 0;\n  }\n\n  get style() {\n    const horizontal = this.container.isHorizontal;\n\n    return cssStyle({\n      width: horizontal ? `${this.size}%` : '100%',\n      height: horizontal ? 'auto' : `${this.size}%`\n    });\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = euiResizablePanelStyles;\n\n    return `euiResizablePanel ${euiClass(\n      context,\n      { boxSizing: 'border-box' },\n      styles.euiResizablePanel,\n      this.isCollapsed && styles.collapsed,\n      { padding: euiPaddingSize(context.upstream, this.args.wrapperPadding ?? 'none') ?? undefined }\n    )}`;\n  }\n\n  /** Composed into the content `EuiPanel`'s own class. */\n  @cached\n  get contentCss(): EuiCss {\n    const styles = useEuiBorealisStyles(getEuiThemeContext(this), euiResizablePanelContentStyles);\n    const axis = this.container.isHorizontal ? styles.horizontal : styles.vertical;\n\n    return [\n      styles.euiResizablePanel__content,\n      this.args.scrollable !== false && styles.scrollable,\n      this.isCollapsed && styles.collapsedChildren,\n      this.isCollapsed && !this.isCollapsible && axis.collapsed,\n      this.isCollapsible && axis.hasCollapsibleButton\n    ];\n  }\n\n  /** Twice the content padding, the smallest the panel can get. */\n  @cached\n  get paddingSizes(): string {\n    const padding = euiPaddingSize(getEuiThemeContext(this).upstream, this.args.paddingSize ?? 'm') ?? '0px';\n\n    return `${parseFloat(padding) * 2}px`;\n  }\n\n  /** Which way a middle panel collapses: toward its main neighbour. */\n  get direction(): 'left' | 'right' | null {\n    if (this.position !== 'middle' || !(this.isCollapsible || this.isCollapsed)) return null;\n\n    const panels = this.container.panels;\n    const ids = Object.keys(panels);\n    const index = ids.indexOf(this.id);\n    const prev = panels[ids[index - 1] ?? ''];\n    const next = panels[ids[index + 1] ?? ''];\n    const prevMode = prev?.mode;\n    const nextMode = next?.mode;\n\n    if (prevMode === 'main') return 'right';\n    if (nextMode === 'main') return 'left';\n    if (prevMode && prevMode !== 'collapsible') return 'right';\n    if (nextMode && nextMode !== 'collapsible') return 'left';\n    if (prev && next) return prev.size > next.size ? 'right' : 'left';\n    if (prev) return 'right';\n    if (next) return 'left';\n\n    return null;\n  }\n\n  get toggle(): { externalPosition: 'before' | 'after'; resizerId: string } | null {\n    const canToggle = this.isCollapsible || this.modeType === 'custom' || this.modeType === undefined;\n    const showsToggle = this.isCollapsible || this.isCollapsed;\n\n    if (!canToggle || !showsToggle) return null;\n\n    if (this.position === 'last' || (this.position === 'middle' && this.direction === 'right')) {\n      return { externalPosition: 'before', resizerId: this.resizerIds[0] };\n    }\n\n    if (this.position === 'first' || (this.position === 'middle' && this.direction === 'left')) {\n      return { externalPosition: 'after', resizerId: this.resizerIds[1] };\n    }\n\n    return null;\n  }\n\n  get hasVisibleToggle(): boolean {\n    return (this.modeType !== 'main' && this.isCollapsed) || this.isCollapsible;\n  }\n\n  get toggleLabel(): string {\n    return this.euiI18n.lookupToken('euiResizablePanel.toggleButtonAriaLabel', 'Press to toggle this panel');\n  }\n\n  resizer = (id: string) => this.container.resizers[id];\n\n  @action\n  onToggleClick(externalPosition: 'before' | 'after', event: MouseEvent): void {\n    this.container.onPanelToggle(this.id, { direction: externalPosition === 'before' ? 'right' : 'left' });\n\n    // a mouse click should not leave the focus ring\n    if (event.detail) (event.currentTarget as HTMLElement).blur();\n  }\n\n  register = modifier((element: HTMLElement, [size, minSize, mode]: [number | undefined, string | undefined, unknown]) => {\n    this.element = element;\n    void mode;\n\n    const id = this.id;\n    const initSize = size ?? this.args.initialSize ?? 0;\n    const padding = this.paddingSizes;\n    const horizontal = this.container.isHorizontal;\n\n    schedule('afterRender', () => {\n      this.resizerIds = [element.previousElementSibling?.id ?? '', element.nextElementSibling?.id ?? ''];\n\n      const siblings = Array.from(element.parentElement?.children ?? []).filter((el) =>\n        el.classList.contains('euiResizablePanel')\n      );\n      const position: PanelPosition =\n        siblings[0] === element ? 'first' : siblings[siblings.length - 1] === element ? 'last' : 'middle';\n\n      this.container.registerPanel({\n        id,\n        size: initSize,\n        prevSize: initSize,\n        getSizePx: () => {\n          const rect = element.getBoundingClientRect();\n\n          return horizontal ? rect.width : rect.height;\n        },\n        minSize: [minSize ?? '0px', padding],\n        mode: this.modeType,\n        isCollapsed: false,\n        position\n      });\n    });\n\n    return () => schedule('afterRender', () => this.container.deregisterPanel(id));\n  });\n\n  <template>\n    <div\n      id={{this.id}}\n      class={{this.classes}}\n      style={{this.style}}\n      data-collapsed={{if this.isCollapsed \"true\"}}\n      data-position={{this.position}}\n      {{this.register @size @minSize @mode}}\n    >\n      {{#if this.hasVisibleToggle}}\n        {{#let this.toggle as |toggle|}}\n          {{#if (isBefore toggle)}}\n            <EuiResizableCollapseButton\n              aria-label={{this.toggleLabel}}\n              class={{this.toggleClassName}}\n              data-test-subj={{this.toggleTestSubj}}\n              @externalPosition=\"before\"\n              @direction={{if this.container.isHorizontal \"horizontal\" \"vertical\"}}\n              @internalPosition={{this.togglePosition}}\n              @isVisible={{resizerVisible (this.resizer (resizerIdOf toggle))}}\n              @isCollapsed={{resizerDisabled (this.resizer (resizerIdOf toggle))}}\n              {{on \"click\" (fnToggle this.onToggleClick \"before\")}}\n            />\n          {{/if}}\n        {{/let}}\n      {{/if}}\n      <EuiPanel\n        class=\"euiResizablePanel__content\"\n        @css={{this.contentCss}}\n        @hasShadow={{if @hasShadow true false}}\n        @hasBorder={{if @hasBorder true false}}\n        @borderRadius={{if @borderRadius @borderRadius \"none\"}}\n        @color={{if @color @color \"transparent\"}}\n        @paddingSize={{if this.isCollapsed \"none\" (if @paddingSize @paddingSize \"m\")}}\n        ...attributes\n      >\n        {{yield}}\n      </EuiPanel>\n      {{#if this.hasVisibleToggle}}\n        {{#let this.toggle as |toggle|}}\n          {{#if (isAfter toggle)}}\n            <EuiResizableCollapseButton\n              aria-label={{this.toggleLabel}}\n              class={{this.toggleClassName}}\n              data-test-subj={{this.toggleTestSubj}}\n              @externalPosition=\"after\"\n              @direction={{if this.container.isHorizontal \"horizontal\" \"vertical\"}}\n              @internalPosition={{this.togglePosition}}\n              @isVisible={{resizerVisible (this.resizer (resizerIdOf toggle))}}\n              @isCollapsed={{resizerDisabled (this.resizer (resizerIdOf toggle))}}\n              {{on \"click\" (fnToggle this.onToggleClick \"after\")}}\n            />\n          {{/if}}\n        {{/let}}\n      {{/if}}\n    </div>\n  </template>\n}\n\ntype Toggle = EuiResizablePanel['toggle'];\n\nfunction isBefore(toggle: Toggle): boolean {\n  return toggle?.externalPosition === 'before';\n}\n\nfunction isAfter(toggle: Toggle): boolean {\n  return toggle?.externalPosition === 'after';\n}\n\nfunction resizerIdOf(toggle: Toggle): string {\n  return toggle?.resizerId ?? '';\n}\n\nfunction resizerVisible(resizer?: { isFocused: boolean; isDisabled: boolean }): boolean {\n  return Boolean(resizer && (resizer.isFocused || resizer.isDisabled));\n}\n\nfunction resizerDisabled(resizer?: { isDisabled: boolean }): boolean {\n  return Boolean(resizer?.isDisabled);\n}\n\nfunction fnToggle(\n  handler: (position: 'before' | 'after', event: MouseEvent) => void,\n  position: 'before' | 'after'\n): (event: MouseEvent) => void {\n  return (event) => handler(position, event);\n}\n\n"],"names":["EuiResizablePanel","Component","g","prototype","service","i","ownId","randomId","element","resizerIds","id","args","container","state","panels","modeType","mode","Array","isArray","togglePosition","position","undefined","toggleClassName","className","toggleTestSubj","isCollapsible","isCollapsed","size","initialSize","style","horizontal","isHorizontal","cssStyle","width","height","classes","context","getEuiThemeContext","styles","euiResizablePanelStyles","euiClass","boxSizing","euiResizablePanel","collapsed","padding","euiPaddingSize","upstream","wrapperPadding","n","cached","contentCss","useEuiBorealisStyles","euiResizablePanelContentStyles","axis","vertical","euiResizablePanel__content","scrollable","collapsedChildren","hasCollapsibleButton","paddingSizes","paddingSize","parseFloat","direction","ids","Object","keys","index","indexOf","prev","next","prevMode","nextMode","toggle","canToggle","showsToggle","externalPosition","resizerId","hasVisibleToggle","toggleLabel","euiI18n","lookupToken","resizer","resizers","onToggleClick","event","onPanelToggle","detail","currentTarget","blur","action","register","modifier","minSize","initSize","schedule","previousElementSibling","nextElementSibling","siblings","from","parentElement","children","filter","el","classList","contains","length","registerPanel","prevSize","getSizePx","rect","getBoundingClientRect","deregisterPanel","setComponentTemplate","precompileTemplate","strictMode","scope","isBefore","EuiResizableCollapseButton","resizerVisible","resizerIdOf","resizerDisabled","on","fnToggle","EuiPanel","isAfter","Boolean","isFocused","isDisabled","handler"],"mappings":"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"}

package/dist/components/eui-resizable-container.js

@@ -8,12 +8,12 @@ import { sizesOnly, pxToPercent, getPanelMinSize, getPointerPosition, getSibling
 import ResizeObserver from '../modifiers/resize-observer.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiClass } from '../utils/eui/styles.js';
-import { cQ as euiResizableContainerStyles } from '../styles.generated-SYAxYhey.js';
 import EuiResizableButton from './eui-resizable-container/button.js';
 import EuiResizablePanel from './eui-resizable-container/panel.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiResizableContainerStyles } from '../utils/eui/styles.generated/components/resizable_container/resizable_container.styles.js';
 
 class EuiResizableContainer extends Component {
   static {

package/dist/components/eui-saturation.js

@@ -10,12 +10,12 @@ import { getEventPosition } from '../-private/color.js';
 import cssStyle from '../-private/css-style.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { buttonReset, boxReset } from '../utils/eui/color-picker.js';
-import { cR as euiSaturationStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiToolTip from './eui-tool-tip.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiSaturationStyles } from '../utils/eui/styles.generated/components/color_picker/saturation.styles.js';
 
 /** The saturation / value square on the upstream EUI 123 / Borealis styles. */const noop = () => {};
 class EuiSaturation extends Component {

package/dist/components/eui-screen-reader-only.js

@@ -1,9 +1,9 @@
 import Component from '@glimmer/component';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiClass } from '../utils/eui/styles.js';
-import { v as euiScreenReaderOnlyStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
+import { euiScreenReaderOnlyStyles } from '../utils/eui/styles.generated/components/accessibility/screen_reader_only/screen_reader_only.styles.js';
 
 function euiScreenReaderOnlyCss(showOnFocus = false) {
   return showOnFocus ? euiScreenReaderOnlyStyles['euiScreenReaderOnly-showOnFocus'] : euiScreenReaderOnlyStyles.euiScreenReaderOnly;