@ember-eui/core 13.0.5 → 14.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-droppable.js","sources":["../../src/components/eui-droppable.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';\nimport { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';\nimport { modifier } from 'ember-modifier';\n\nimport { isDraggableData } from '../-private/drag-drop.ts';\nimport EuiDraggable from './eui-draggable.gts';\n\nimport type EuiDragDropContext from './eui-drag-drop-context.gts';\nimport type { EuiDraggableSignature } from './eui-draggable';\nimport type { ComponentLike } from '@glint/template';\n\nconst SPACING = {\n  none: undefined,\n  s: 'euiDroppable--s',\n  m: 'euiDroppable--m',\n  l: 'euiDroppable--l'\n};\n\n/**\n * A list items can be dragged within and dropped into (yielded as\n * `Droppable` by `EuiDragDropContext`). It yields `{ Draggable }` for its\n * items.\n */\nexport interface EuiDroppableSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Unique id of the list, reported in `onDragEnd`. */\n    droppableId: string;\n    /**\n     * Items can only move between lists of the same type. Defaults to\n     * `'EUI_DEFAULT'`.\n     */\n    type?: string;\n    /** `'vertical'` or `'horizontal'` list. Defaults to `'vertical'`. */\n    direction?: 'vertical' | 'horizontal';\n    /** Nothing can be dropped here. */\n    isDropDisabled?: boolean;\n    /**\n     * Items dragged from here are copies: the list keeps its items (and\n     * nothing can be dropped here).\n     */\n    cloneDraggables?: boolean;\n    /** Padding: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'none'`. */\n    spacing?: 'none' | 's' | 'm' | 'l';\n    /** Panel look (background, padding, rounded corners). */\n    withPanel?: boolean;\n    /** Grows to fill its flex container. */\n    grow?: boolean;\n    /**\n     * Scrolls the list while an item is dragged near its edges (when the\n     * list itself scrolls, e.g. with a max height). Defaults to `true`.\n     */\n    autoScroll?: boolean;\n    /** @private The context, set by `EuiDragDropContext`. */\n    context: EuiDragDropContext;\n  };\n  Blocks: {\n    default: [\n      {\n        /** An item of this list; see `EuiDraggable`. */\n        Draggable: ComponentLike<{\n          Element: HTMLDivElement;\n          Args: Omit<EuiDraggableSignature['Args'], 'droppable'>;\n          Blocks: EuiDraggableSignature['Blocks'];\n        }>;\n      }\n    ];\n  };\n}\n\ninterface Slot {\n  start: number;\n  end: number;\n  draggableId: string;\n}\n\nexport default class EuiDroppable extends Component<EuiDroppableSignature> {\n  element?: HTMLElement;\n  // item positions, measured once per drag (before items slide)\n  slots?: Slot[];\n  slotsSession?: number;\n\n  get type(): string {\n    return this.args.type ?? 'EUI_DEFAULT';\n  }\n\n  get isHorizontal(): boolean {\n    return this.args.direction === 'horizontal';\n  }\n\n  get isDropDisabled(): boolean {\n    return Boolean(this.args.cloneDraggables || this.args.isDropDisabled);\n  }\n\n  get context(): EuiDragDropContext {\n    return this.args.context;\n  }\n\n  get isDraggingOver(): boolean {\n    return (\n      this.context.drag?.destination?.droppableId === this.args.droppableId\n    );\n  }\n\n  get classes(): string {\n    const drag = this.context.drag;\n\n    return [\n      'euiDroppable',\n      this.isDropDisabled && 'euiDroppable--isDisabled',\n      this.isDraggingOver && 'euiDroppable--isDraggingOver',\n      drag?.type === this.type && 'euiDroppable--isDraggingType',\n      this.args.withPanel && 'euiDroppable--withPanel',\n      this.args.grow ? 'euiDroppable--grow' : 'euiDroppable--noGrow',\n      SPACING[this.args.spacing ?? 'none']\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  /** The list's items in order. */\n  items(): HTMLElement[] {\n    if (!this.element) return [];\n\n    return Array.from(this.element.children).filter(\n      (el): el is HTMLElement =>\n        el instanceof HTMLElement && el.classList.contains('euiDraggable')\n    );\n  }\n\n  count(): number {\n    return this.items().length;\n  }\n\n  measure(): Slot[] {\n    return this.items().map((item) => {\n      const rect = item.getBoundingClientRect();\n      const offset = new DOMMatrixReadOnly(getComputedStyle(item).transform);\n\n      // positions without the sliding transforms\n      return this.isHorizontal\n        ? {\n            start: rect.left - offset.m41,\n            end: rect.right - offset.m41,\n            draggableId: item.dataset['draggableId'] ?? ''\n          }\n        : {\n            start: rect.top - offset.m42,\n            end: rect.bottom - offset.m42,\n            draggableId: item.dataset['draggableId'] ?? ''\n          };\n    });\n  }\n\n  /** Index in the final list for a pointer position. */\n  indexAt(position: number): number {\n    const drag = this.context.drag;\n\n    if (!this.slots || this.slotsSession !== drag?.session) {\n      this.slots = this.measure();\n      this.slotsSession = drag?.session;\n    }\n\n    const slots = this.slots;\n    const others = slots.filter(\n      (slot) => slot.draggableId !== drag?.draggableId\n    );\n\n    return others.filter((slot) => (slot.start + slot.end) / 2 < position)\n      .length;\n  }\n\n  /** The list as a pragmatic drag and drop target. */\n  register = modifier((element: HTMLElement) => {\n    this.element = element;\n\n    const context = this.context;\n\n    return combine(\n      autoScrollForElements({\n        element,\n        canScroll: ({ source }) =>\n          this.args.autoScroll !== false &&\n          isDraggableData(source.data, context.contextId)\n      }),\n      dropTargetForElements({\n        element,\n        getData: () => ({\n          euiDragDropContext: context.contextId,\n          droppableId: this.args.droppableId\n        }),\n        canDrop: ({ source }) =>\n          isDraggableData(source.data, context.contextId) &&\n          source.data.type === this.type &&\n          !this.isDropDisabled,\n        onDrag: ({ location, self }) => {\n          // only the innermost list under the pointer takes the item\n          if (location.current.dropTargets[0]?.element !== self.element) return;\n\n          const { clientX, clientY } = location.current.input;\n\n          context.setDestination({\n            droppableId: this.args.droppableId,\n            index: this.indexAt(this.isHorizontal ? clientX : clientY)\n          });\n        },\n        onDragLeave: () => {\n          if (this.isDraggingOver) context.setDestination(null);\n        }\n      })\n    );\n  });\n\n  <template>\n    <div\n      class={{this.classes}}\n      data-test-subj=\"droppable\"\n      data-droppable-id={{@droppableId}}\n      {{this.register}}\n      ...attributes\n    >\n      {{yield (hash Draggable=(component EuiDraggable droppable=this))}}\n    </div>\n  </template>\n}\n"],"names":["SPACING","none","undefined","s","m","l","EuiDroppable","Component","element","slots","slotsSession","type","args","isHorizontal","direction","isDropDisabled","Boolean","cloneDraggables","context","isDraggingOver","drag","destination","droppableId","classes","withPanel","grow","spacing","filter","join","items","Array","from","children","el","HTMLElement","classList","contains","count","length","measure","map","item","rect","getBoundingClientRect","offset","DOMMatrixReadOnly","getComputedStyle","transform","start","left","m41","end","right","draggableId","dataset","top","m42","bottom","indexAt","position","session","others","slot","register","modifier","combine","autoScrollForElements","canScroll","source","autoScroll","isDraggableData","data","contextId","dropTargetForElements","getData","euiDragDropContext","canDrop","onDrag","location","self","current","dropTargets","clientX","clientY","input","setDestination","index","onDragLeave","setComponentTemplate","precompileTemplate","strictMode","scope","hash","EuiDraggable"],"mappings":"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"}

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

@@ -26,7 +26,7 @@ import EuiRangeTrackComponent from './eui-range-track.js';
 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';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
 class EuiDualRangeComponent extends Component {
   static {
@@ -405,7 +405,7 @@ class EuiDualRangeComponent extends Component {
     this.rangeSliderRef = null;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (and (argOrDefault @isPrependProvided true) (has-block \"prepend\")) (and (argOrDefault @isAppendProvided true) (has-block \"append\")) (and (not (argOrDefault @isFakeMaxBlock false)) (has-block \"max\")) (and (not (argOrDefault @isFakeMinBlock false)) (has-block \"min\")) as |hasPrepend hasAppend hasMaxBlock hasMinBlock|}}\n      {{#if this.showInputOnly}}\n        <EuiInputPopover class=\"euiRange__popover\" @fullWidth={{this.fullWidth}} @isOpen={{this.isPopoverOpen}} @closePopover={{this.closePopover}} @disableFocusTrap={{true}} @onPanelResize={{this.onResize}}>\n          <:input>\n            <EuiFormControlLayoutDelimited @fullWidth={{this.fullWidth}} @compressed={{this.compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{or hasPrepend hasAppend}}>\n              <:prepend as |prependClasses|>\n                {{yield prependClasses to=\"prepend\"}}\n              </:prepend>\n              <:startControl as |classes|>\n                <EuiRangeInput class={{classes}} @digitTolerance={{this.digitTolerance}} @side=\"min\" @min={{this.min}} {{!--@glint-expect-error--}} @max={{castTo this.upperValue to=\"number\"}} @step={{this.step}} @value={{this.lowerValue}} @disabled={{@disabled}} @compressed={{this.compressed}} @onChange={{this.handleLowerInputChange}} @name=\"{{@name}}-minValue\" @readOnly={{@readOnly}} @autoSize={{false}} @fullWidth={{this.fullWidth}} @isInvalid={{@isInvalid}} @isPrependProvided={{hasAppend}} @isAppendProvided={{hasPrepend}} @controlOnly={{true}} @disable={{@disable}} ...attributes {{on \"mousedown\" (fn this.setPreventPopoverClose true)}} {{onKey \"_all\" this.handleInputKeyDown}} {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}} {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleLowerInputChange}}>\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              </:startControl>\n              <:endControl as |classes|>\n                <EuiRangeInput class={{classes}} @digitTolerance={{this.digitTolerance}} @side=\"max\" {{!--@glint-expect-error--}} @min={{castTo this.lowerValue to=\"number\"}} @max={{this.max}} @step={{this.step}} @value={{this.upperValue}} @disabled={{@disabled}} @compressed={{this.compressed}} @name=\"{{@name}}-maxValue\" @readOnly={{@readOnly}} @autoSize={{false}} @fullWidth={{this.fullWidth}} @isInvalid={{@isInvalid}} @isPrependProvided={{hasAppend}} @isAppendProvided={{hasPrepend}} @controlOnly={{true}} @disable={{@disable}} ...attributes {{on \"mousedown\" (fn this.setPreventPopoverClose true)}} {{onKey \"_all\" this.handleInputKeyDown}} {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}} {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleUpperInputChange}}>\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              </:endControl>\n              <:append as |appendClasses|>\n                {{yield appendClasses to=\"append\"}}\n              </:append>\n            </EuiFormControlLayoutDelimited>\n          </:input>\n          <:content>\n            <EuiRangeWrapper class=\"euiDualRange\" @fullWidth={{this.fullWidth}} @compressed={{this.compressed}}>\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 aria-hidden={{if (eq this.showInput true) \"true\" \"false\"}} @compressed={{this.compressed}} @disabled={{@disabled}} @max={{this.max}} @min={{this.min}} @step={{this.step}} @showTicks={{this.showTicks}} @tickInterval={{@tickInterval}} @ticks={{@ticks}} @levels={{this.levels}} @onChange={{this.handleSliderChange}} @value={{@value}}>\n                {{#if (and this.showRange this.isValid)}}\n                  <EuiRangeHighlight @compressed={{this.compressed}} @hasFocus={{this.hasFocus}} @showTicks={{this.showTicks}} {{!--@glint-expect-error--}} @min={{castTo this.min to=\"number\"}} {{!--@glint-expect-error--}} @max={{castTo this.max to=\"number\"}} {{!--@glint-expect-error--}} @lowerValue={{castTo this.lowerValue to=\"number\"}} {{!--@glint-expect-error--}} @upperValue={{castTo this.upperValue to=\"number\"}} />\n                {{/if}}\n                <EuiRangeSlider class=\"euiDualRange__slider\" aria-hidden=\"true\" @id={{this.id}} @name={{@name}} @min={{this.min}} @max={{this.max}} @step={{this.step}} @disabled={{@disabled}} @compressed={{this.compressed}} @onChange={{this.handleSliderChange}} @showTicks={{this.showTicks}} @hasFocus={{this.hasFocus}} tabindex=\"-1\" @showRange={{this.showRange}} ...attributes {{didInsert this.didInsertRangeSlider}} {{on \"mousedown\" (fn this.setPreventPopoverClose true)}} {{on \"focus\" (optional @onFocus)}} {{on \"blur\" (optional @onBlur)}} {{on \"input\" this.handleSliderChange}} />\n                {{#if this.rangeSliderRefAvailable}}\n                  <EuiRangeThumb @min={{this.min}} {{!--@glint-expect-error--}} @max={{castTo this.upperValue to=\"number\"}} {{!--@glint-expect-error--}} @value={{this.lowerValue}} @disabled={{@disabled}} @showTicks={{this.showTicks}} @showInput={{not this.showInput}} aria-describedby={{@ariaDescribedby}} aria-label={{@ariaLabel}} {{simpleStyle this.calculateLowerValueThumbPositionStyle}} {{on \"focus\" this.onThumbFocus}} {{on \"blur\" this.onThumbBlur}} {{onKey \"_all\" this.handleLowerKeyDown}} />\n                  <EuiRangeThumb {{!--@glint-expect-error--}} @min={{castTo this.lowerValue to=\"number\"}} @max={{this.max}} {{!--@glint-expect-error--}} @value={{this.upperValue}} @disabled={{@disabled}} @showTicks={{this.showTicks}} @showInput={{not this.showInput}} aria-describedby={{@ariaDescribedby}} aria-label={{@ariaLabel}} {{simpleStyle this.calculateUpperValueThumbPositionStyle}} {{on \"focus\" this.onThumbFocus}} {{on \"blur\" this.onThumbBlur}} {{onKey \"_all\" this.handleUpperKeyDown}} />\n                {{/if}}\n              </EuiRangeTrack>\n              {{#if this.showLabels}}\n                <EuiRangeLabel @disabled={{@disabled}}>\n                  {{#if hasMaxBlock}}\n                    {{yield this.max to=\"max\"}}\n                  {{else}}\n                    {{this.max}}\n                  {{/if}}\n                </EuiRangeLabel>\n              {{/if}}\n            </EuiRangeWrapper>\n          </:content>\n        </EuiInputPopover>\n      {{else}}\n        <EuiRangeWrapper class=\"euiDualRange\" @fullWidth={{this.fullWidth}} @compressed={{this.compressed}}>\n          {{#if this.showInput}}\n            <EuiRangeInput @digitTolerance={{this.digitTolerance}} @side=\"min\" @min={{this.min}} {{!--@glint-expect-error--}} @max={{castTo this.upperValue to=\"number\"}} @step={{this.step}} @value={{this.lowerValue}} @disabled={{@disabled}} @compressed={{this.compressed}} @onChange={{this.handleLowerInputChange}} @name=\"{{@name}}-minValue\" @readOnly={{@readOnly}} @fullWidth={{this.fullWidth}} @isInvalid={{@isInvalid}} @isPrependProvided={{false}} @isAppendProvided={{false}} @controlOnly={{true}} @disable={{@disable}} ...attributes {{onKey \"_all\" this.handleInputKeyDown}} {{on \"focus\" (optional @onFocus)}} {{on \"blur\" (optional @onBlur)}} {{on \"input\" this.handleLowerInputChange}} />\n            <div class=\"euiRange__horizontalSpacer\"></div>\n          {{/if}}\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 aria-hidden={{if (eq this.showInput true) \"true\" \"false\"}} @compressed={{this.compressed}} @disabled={{@disabled}} @max={{this.max}} @min={{this.min}} @step={{this.step}} @showTicks={{this.showTicks}} @tickInterval={{@tickInterval}} @ticks={{@ticks}} @levels={{this.levels}} @onChange={{this.handleSliderChange}} @value={{@value}}>\n            {{#if (and this.showRange this.isValid)}}\n              <EuiRangeHighlight @compressed={{this.compressed}} @hasFocus={{this.hasFocus}} @showTicks={{this.showTicks}} {{!--@glint-expect-error--}} @min={{castTo this.min to=\"number\"}} {{!--@glint-expect-error--}} @max={{castTo this.max to=\"number\"}} {{!--@glint-expect-error--}} @lowerValue={{castTo this.lowerValue to=\"number\"}} {{!--@glint-expect-error--}} @upperValue={{castTo this.upperValue to=\"number\"}} />\n            {{/if}}\n            <EuiRangeSlider class=\"euiDualRange__slider\" aria-hidden=\"true\" @id={{this.id}} @name={{@name}} @min={{this.min}} @max={{this.max}} @step={{this.step}} @disabled={{@disabled}} @compressed={{this.compressed}} @onChange={{this.handleSliderChange}} @showTicks={{this.showTicks}} @hasFocus={{this.hasFocus}} tabindex=\"-1\" @showRange={{this.showRange}} ...attributes {{didInsert this.didInsertRangeSlider}} {{on \"mousedown\" (fn this.setPreventPopoverClose true)}} {{on \"focus\" (optional @onFocus)}} {{on \"blur\" (optional @onBlur)}} {{on \"input\" this.handleSliderChange}} />\n            {{#if this.rangeSliderRefAvailable}}\n              <EuiRangeThumb @min={{this.min}} {{!--@glint-expect-error--}} @max={{castTo this.upperValue to=\"number\"}} {{!--@glint-expect-error--}} @value={{this.lowerValue}} @disabled={{@disabled}} @showTicks={{this.showTicks}} @showInput={{not this.showInput}} aria-describedby={{@ariaDescribedby}} aria-label={{@ariaLabel}} {{simpleStyle this.calculateLowerValueThumbPositionStyle}} {{on \"focus\" this.onThumbFocus}} {{on \"blur\" this.onThumbBlur}} {{!--@glint-expect-error--}} {{on \"click\" this.handleLowerKeyDown}} />\n              <EuiRangeThumb {{!--@glint-expect-error--}} @min={{castTo this.lowerValue to=\"number\"}} @max={{this.max}} {{!--@glint-expect-error--}} @value={{this.upperValue}} @disabled={{@disabled}} @showTicks={{this.showTicks}} @showInput={{not this.showInput}} aria-describedby={{@ariaDescribedby}} aria-label={{@ariaLabel}} {{simpleStyle this.calculateUpperValueThumbPositionStyle}} {{on \"focus\" this.onThumbFocus}} {{on \"blur\" this.onThumbBlur}} {{on \"keydown\" this.handleUpperKeyDown}} />\n            {{/if}}\n          </EuiRangeTrack>\n          {{#if this.showLabels}}\n            <EuiRangeLabel @disabled={{@disabled}}>\n              {{#if hasMaxBlock}}\n                {{yield this.max to=\"max\"}}\n              {{else}}\n                {{this.max}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n          {{#if this.showInput}}\n            <div class=\"euiRange__horizontalSpacer\"></div>\n            {{!-- maxinput --}}\n            <EuiRangeInput @digitTolerance={{this.digitTolerance}} @side=\"max\" {{!--@glint-expect-error--}} @min={{castTo this.lowerValue to=\"number\"}} @max={{this.max}} @step={{this.step}} @value={{this.upperValue}} @disabled={{@disabled}} @compressed={{this.compressed}} @name=\"{{@name}}-maxValue\" @readOnly={{@readOnly}} @fullWidth={{this.fullWidth}} @isInvalid={{@isInvalid}} @controlOnly={{this.showInputOnly}} @isPrependProvided={{false}} @isAppendProvided={{false}} @disable={{@disable}} ...attributes {{onKey \"_all\" this.handleInputKeyDown}} {{on \"focus\" (optional @onFocus)}} {{on \"blur\" (optional @onBlur)}} {{on \"input\" this.handleUpperInputChange}} />\n          {{/if}}\n        </EuiRangeWrapper>\n      {{/if}}\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (and (argOrDefault @isPrependProvided true) (has-block \"prepend\")) (and (argOrDefault @isAppendProvided true) (has-block \"append\")) (and (not (argOrDefault @isFakeMaxBlock false)) (has-block \"max\")) (and (not (argOrDefault @isFakeMinBlock false)) (has-block \"min\")) as |hasPrepend hasAppend hasMaxBlock hasMinBlock|}}\n  {{#if this.showInputOnly}}\n    <EuiInputPopover class=\"euiRange__popover\" @fullWidth={{this.fullWidth}} @isOpen={{this.isPopoverOpen}} @closePopover={{this.closePopover}} @disableFocusTrap={{true}} @onPanelResize={{this.onResize}}>\n      <:input>\n        <EuiFormControlLayoutDelimited @fullWidth={{this.fullWidth}} @compressed={{this.compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{or hasPrepend hasAppend}}>\n          <:prepend as |prependClasses|>\n            {{yield prependClasses to=\"prepend\"}}\n          </:prepend>\n          <:startControl as |classes|>\n            <EuiRangeInput class={{classes}} @digitTolerance={{this.digitTolerance}} @side=\"min\" @min={{this.min}} {{!--@glint-expect-error--}} @max={{castTo this.upperValue to=\"number\"}} @step={{this.step}} @value={{this.lowerValue}} @disabled={{@disabled}} @compressed={{this.compressed}} @onChange={{this.handleLowerInputChange}} @name=\"{{@name}}-minValue\" @readOnly={{@readOnly}} @autoSize={{false}} @fullWidth={{this.fullWidth}} @isInvalid={{@isInvalid}} @isPrependProvided={{hasAppend}} @isAppendProvided={{hasPrepend}} @controlOnly={{true}} @disable={{@disable}} ...attributes {{on \"mousedown\" (fn this.setPreventPopoverClose true)}} {{onKey \"_all\" this.handleInputKeyDown}} {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}} {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleLowerInputChange}}>\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          </:startControl>\n          <:endControl as |classes|>\n            <EuiRangeInput class={{classes}} @digitTolerance={{this.digitTolerance}} @side=\"max\" {{!--@glint-expect-error--}} @min={{castTo this.lowerValue to=\"number\"}} @max={{this.max}} @step={{this.step}} @value={{this.upperValue}} @disabled={{@disabled}} @compressed={{this.compressed}} @name=\"{{@name}}-maxValue\" @readOnly={{@readOnly}} @autoSize={{false}} @fullWidth={{this.fullWidth}} @isInvalid={{@isInvalid}} @isPrependProvided={{hasAppend}} @isAppendProvided={{hasPrepend}} @controlOnly={{true}} @disable={{@disable}} ...attributes {{on \"mousedown\" (fn this.setPreventPopoverClose true)}} {{onKey \"_all\" this.handleInputKeyDown}} {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}} {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleUpperInputChange}}>\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          </:endControl>\n          <:append as |appendClasses|>\n            {{yield appendClasses to=\"append\"}}\n          </:append>\n        </EuiFormControlLayoutDelimited>\n      </:input>\n      <:content>\n        <EuiRangeWrapper class=\"euiDualRange\" @fullWidth={{this.fullWidth}} @compressed={{this.compressed}}>\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 aria-hidden={{if (eq this.showInput true) \"true\" \"false\"}} @compressed={{this.compressed}} @disabled={{@disabled}} @max={{this.max}} @min={{this.min}} @step={{this.step}} @showTicks={{this.showTicks}} @tickInterval={{@tickInterval}} @ticks={{@ticks}} @levels={{this.levels}} @onChange={{this.handleSliderChange}} @value={{@value}}>\n            {{#if (and this.showRange this.isValid)}}\n              <EuiRangeHighlight @compressed={{this.compressed}} @hasFocus={{this.hasFocus}} @showTicks={{this.showTicks}} {{!--@glint-expect-error--}} @min={{castTo this.min to=\"number\"}} {{!--@glint-expect-error--}} @max={{castTo this.max to=\"number\"}} {{!--@glint-expect-error--}} @lowerValue={{castTo this.lowerValue to=\"number\"}} {{!--@glint-expect-error--}} @upperValue={{castTo this.upperValue to=\"number\"}} />\n            {{/if}}\n            <EuiRangeSlider class=\"euiDualRange__slider\" aria-hidden=\"true\" @id={{this.id}} @name={{@name}} @min={{this.min}} @max={{this.max}} @step={{this.step}} @disabled={{@disabled}} @compressed={{this.compressed}} @onChange={{this.handleSliderChange}} @showTicks={{this.showTicks}} @hasFocus={{this.hasFocus}} tabindex=\"-1\" @showRange={{this.showRange}} ...attributes {{didInsert this.didInsertRangeSlider}} {{on \"mousedown\" (fn this.setPreventPopoverClose true)}} {{on \"focus\" (optional @onFocus)}} {{on \"blur\" (optional @onBlur)}} {{on \"input\" this.handleSliderChange}} />\n            {{#if this.rangeSliderRefAvailable}}\n              <EuiRangeThumb @min={{this.min}} {{!--@glint-expect-error--}} @max={{castTo this.upperValue to=\"number\"}} {{!--@glint-expect-error--}} @value={{this.lowerValue}} @disabled={{@disabled}} @showTicks={{this.showTicks}} @showInput={{not this.showInput}} aria-describedby={{@ariaDescribedby}} aria-label={{@ariaLabel}} {{simpleStyle this.calculateLowerValueThumbPositionStyle}} {{on \"focus\" this.onThumbFocus}} {{on \"blur\" this.onThumbBlur}} {{onKey \"_all\" this.handleLowerKeyDown}} />\n              <EuiRangeThumb {{!--@glint-expect-error--}} @min={{castTo this.lowerValue to=\"number\"}} @max={{this.max}} {{!--@glint-expect-error--}} @value={{this.upperValue}} @disabled={{@disabled}} @showTicks={{this.showTicks}} @showInput={{not this.showInput}} aria-describedby={{@ariaDescribedby}} aria-label={{@ariaLabel}} {{simpleStyle this.calculateUpperValueThumbPositionStyle}} {{on \"focus\" this.onThumbFocus}} {{on \"blur\" this.onThumbBlur}} {{onKey \"_all\" this.handleUpperKeyDown}} />\n            {{/if}}\n          </EuiRangeTrack>\n          {{#if this.showLabels}}\n            <EuiRangeLabel @disabled={{@disabled}}>\n              {{#if hasMaxBlock}}\n                {{yield this.max to=\"max\"}}\n              {{else}}\n                {{this.max}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n        </EuiRangeWrapper>\n      </:content>\n    </EuiInputPopover>\n  {{else}}\n    <EuiRangeWrapper class=\"euiDualRange\" @fullWidth={{this.fullWidth}} @compressed={{this.compressed}}>\n      {{#if this.showInput}}\n        <EuiRangeInput @digitTolerance={{this.digitTolerance}} @side=\"min\" @min={{this.min}} {{!--@glint-expect-error--}} @max={{castTo this.upperValue to=\"number\"}} @step={{this.step}} @value={{this.lowerValue}} @disabled={{@disabled}} @compressed={{this.compressed}} @onChange={{this.handleLowerInputChange}} @name=\"{{@name}}-minValue\" @readOnly={{@readOnly}} @fullWidth={{this.fullWidth}} @isInvalid={{@isInvalid}} @isPrependProvided={{false}} @isAppendProvided={{false}} @controlOnly={{true}} @disable={{@disable}} ...attributes {{onKey \"_all\" this.handleInputKeyDown}} {{on \"focus\" (optional @onFocus)}} {{on \"blur\" (optional @onBlur)}} {{on \"input\" this.handleLowerInputChange}} />\n        <div class=\"euiRange__horizontalSpacer\"></div>\n      {{/if}}\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 aria-hidden={{if (eq this.showInput true) \"true\" \"false\"}} @compressed={{this.compressed}} @disabled={{@disabled}} @max={{this.max}} @min={{this.min}} @step={{this.step}} @showTicks={{this.showTicks}} @tickInterval={{@tickInterval}} @ticks={{@ticks}} @levels={{this.levels}} @onChange={{this.handleSliderChange}} @value={{@value}}>\n        {{#if (and this.showRange this.isValid)}}\n          <EuiRangeHighlight @compressed={{this.compressed}} @hasFocus={{this.hasFocus}} @showTicks={{this.showTicks}} {{!--@glint-expect-error--}} @min={{castTo this.min to=\"number\"}} {{!--@glint-expect-error--}} @max={{castTo this.max to=\"number\"}} {{!--@glint-expect-error--}} @lowerValue={{castTo this.lowerValue to=\"number\"}} {{!--@glint-expect-error--}} @upperValue={{castTo this.upperValue to=\"number\"}} />\n        {{/if}}\n        <EuiRangeSlider class=\"euiDualRange__slider\" aria-hidden=\"true\" @id={{this.id}} @name={{@name}} @min={{this.min}} @max={{this.max}} @step={{this.step}} @disabled={{@disabled}} @compressed={{this.compressed}} @onChange={{this.handleSliderChange}} @showTicks={{this.showTicks}} @hasFocus={{this.hasFocus}} tabindex=\"-1\" @showRange={{this.showRange}} ...attributes {{didInsert this.didInsertRangeSlider}} {{on \"mousedown\" (fn this.setPreventPopoverClose true)}} {{on \"focus\" (optional @onFocus)}} {{on \"blur\" (optional @onBlur)}} {{on \"input\" this.handleSliderChange}} />\n        {{#if this.rangeSliderRefAvailable}}\n          <EuiRangeThumb @min={{this.min}} {{!--@glint-expect-error--}} @max={{castTo this.upperValue to=\"number\"}} {{!--@glint-expect-error--}} @value={{this.lowerValue}} @disabled={{@disabled}} @showTicks={{this.showTicks}} @showInput={{not this.showInput}} aria-describedby={{@ariaDescribedby}} aria-label={{@ariaLabel}} {{simpleStyle this.calculateLowerValueThumbPositionStyle}} {{on \"focus\" this.onThumbFocus}} {{on \"blur\" this.onThumbBlur}} {{!--@glint-expect-error--}} {{on \"click\" this.handleLowerKeyDown}} />\n          <EuiRangeThumb {{!--@glint-expect-error--}} @min={{castTo this.lowerValue to=\"number\"}} @max={{this.max}} {{!--@glint-expect-error--}} @value={{this.upperValue}} @disabled={{@disabled}} @showTicks={{this.showTicks}} @showInput={{not this.showInput}} aria-describedby={{@ariaDescribedby}} aria-label={{@ariaLabel}} {{simpleStyle this.calculateUpperValueThumbPositionStyle}} {{on \"focus\" this.onThumbFocus}} {{on \"blur\" this.onThumbBlur}} {{on \"keydown\" this.handleUpperKeyDown}} />\n        {{/if}}\n      </EuiRangeTrack>\n      {{#if this.showLabels}}\n        <EuiRangeLabel @disabled={{@disabled}}>\n          {{#if hasMaxBlock}}\n            {{yield this.max to=\"max\"}}\n          {{else}}\n            {{this.max}}\n          {{/if}}\n        </EuiRangeLabel>\n      {{/if}}\n      {{#if this.showInput}}\n        <div class=\"euiRange__horizontalSpacer\"></div>\n        {{!-- maxinput --}}\n        <EuiRangeInput @digitTolerance={{this.digitTolerance}} @side=\"max\" {{!--@glint-expect-error--}} @min={{castTo this.lowerValue to=\"number\"}} @max={{this.max}} @step={{this.step}} @value={{this.upperValue}} @disabled={{@disabled}} @compressed={{this.compressed}} @name=\"{{@name}}-maxValue\" @readOnly={{@readOnly}} @fullWidth={{this.fullWidth}} @isInvalid={{@isInvalid}} @controlOnly={{this.showInputOnly}} @isPrependProvided={{false}} @isAppendProvided={{false}} @disable={{@disable}} ...attributes {{onKey \"_all\" this.handleInputKeyDown}} {{on \"focus\" (optional @onFocus)}} {{on \"blur\" (optional @onBlur)}} {{on \"input\" this.handleUpperInputChange}} />\n      {{/if}}\n    </EuiRangeWrapper>\n  {{/if}}\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         and,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-dual-range.js","sources":["../../src/components/eui-dual-range.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { 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 didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { later } from '@ember/runloop';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport castTo from '../helpers/cast-to.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport { keys } from '../utils/keys.ts';\nimport { isWithinRange } from '../utils/number/index.ts';\nimport { EUI_THUMB_SIZE } from '../utils/range/index.ts';\nimport EuiFormControlLayoutDelimited from './eui-form-control-layout-delimited.gts';\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 EuiRangeThumb from './eui-range-thumb.gts';\nimport EuiRangeTrack from './eui-range-track.gts';\nimport EuiRangeWrapper from './eui-range-wrapper.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { EuiRangeArgs } from './eui-range';\nimport type {\n  EuiRangeInputArgs,\n  EuiRangeInputSignature\n} from './eui-range-input';\nimport type { EuiRangeLevel } from './eui-range-levels';\nimport type { EuiRangeTick } from './eui-range-ticks';\n\nexport type ValueMember = number | string;\n\nexport interface EuiDualRangeArgs {\n  value: [ValueMember, ValueMember];\n  onBlur?: (event: FocusEvent) => void;\n  onFocus?: (event: FocusEvent) => void;\n  onChange: (\n    values: [ValueMember, ValueMember],\n    isValid: boolean,\n    event: Event | MouseEvent | KeyboardEvent\n  ) => void;\n  fullWidth?: boolean;\n  isInvalid?: boolean;\n  /**\n   * Create colored indicators for certain intervals\n   */\n  levels?: EuiRangeLevel[];\n  /**\n   * Shows static min/max labels on the sides of the range slider\n   */\n  showLabels?: boolean;\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?: EuiRangeArgs['showInput'];\n  /**\n   * Modifies the number of tick marks and at what interval\n   */\n  tickInterval?: number;\n  /**\n   * Specified ticks at specified values\n   */\n  ticks?: EuiRangeTick[];\n  /**\n   * Creates an input group with element(s) coming before input.  Will only show if `showInput = inputWithPopover`.\n   * `string` | `Component` or an array of these\n   */\n  prepend?: EuiFormControlLayoutSignature['Blocks']['prepend'];\n  /**\n   * Creates an input group with element(s) coming after input. Will only show if `showInput = inputWithPopover`.\n   * `string` | `Component` or an array of these\n   */\n  append?: EuiFormControlLayoutSignature['Blocks']['append'];\n  /**\n   *  Intended to be uses with aria attributes. Some attributes may be overwritten.\n   */\n  minInputProps?: Partial<EuiRangeInputArgs>;\n\n  /**\n   *  Intended to be uses with aria attributes. Some attributes may be overwritten.\n   */\n  maxInputProps?: Partial<EuiRangeInputArgs>;\n\n  readOnly?: boolean;\n\n  disabled?: boolean;\n\n  isPrependProvided?: boolean;\n\n  isAppendProvided?: boolean;\n\n  isFakeMaxBlock?: boolean;\n\n  isFakeMinBlock?: boolean;\n\n  disable?: boolean;\n\n  ariaDescribedby?: string;\n\n  ariaLabel?: string;\n\n  name?: string;\n\n  id?: string;\n\n  compressed?: boolean;\n\n  showRange?: boolean;\n\n  showTicks?: boolean;\n\n  step?: number;\n\n  min?: number;\n\n  max?: number;\n}\n\nexport interface EuiDualRangeSignature {\n  Element: EuiRangeInputSignature['Element'];\n  Args: EuiDualRangeArgs;\n  Blocks: {\n    prepend: EuiRangeInputSignature['Blocks']['prepend'];\n    append: EuiRangeInputSignature['Blocks']['append'];\n    min: [number?];\n    max: [number?];\n  };\n}\n\nexport default class EuiDualRangeComponent extends Component<EuiDualRangeSignature> {\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) showLabels!: boolean;\n  @argOrDefaultDecorator(false) showInput!: boolean | string;\n  @argOrDefaultDecorator(true) showRange!: boolean;\n  @argOrDefaultDecorator(false) showTicks!: boolean;\n  @argOrDefaultDecorator([]) levels!: EuiRangeLevel[];\n\n  //State\n  @tracked id: string = this.args.id || guidFor({});\n  @tracked hasFocus = false;\n  @tracked rangeSliderRefAvailable = false;\n  @tracked isPopoverOpen = false;\n  @tracked rangeWidth: number | undefined;\n  @tracked isVisible = true;\n  ///\n\n  preventPopoverClose = false;\n  rangeSliderRef: HTMLInputElement | null = null;\n\n  @action\n  didInsertRangeSlider(ref: HTMLInputElement | null): void {\n    this.rangeSliderRef = ref;\n\n    this.rangeSliderRefAvailable = !!ref;\n    this.rangeWidth = ref ? ref.clientWidth : undefined;\n\n    if (this.rangeSliderRef?.clientWidth && !this.isVisible) {\n      this.isVisible = true;\n    }\n  }\n\n  get lowerValue(): ValueMember {\n    return this.args.value ? this.args.value[0] : this.min;\n  }\n\n  get upperValue(): ValueMember {\n    return this.args.value ? this.args.value[1] : this.max;\n  }\n\n  get lowerValueIsValid(): boolean {\n    return isWithinRange(this.min, this.upperValue, this.lowerValue);\n  }\n\n  get upperValueIsValid(): boolean {\n    return isWithinRange(this.lowerValue, this.max, this.upperValue);\n  }\n\n  get isValid(): boolean {\n    return this.lowerValueIsValid && this.upperValueIsValid;\n  }\n\n  @action\n  _determineInvalidThumbMovement(\n    newVal: ValueMember,\n    lower: ValueMember,\n    upper: ValueMember,\n    e: Event\n  ): void {\n    // If the values are invalid, find whether the new value is in the upper\n    // or lower half and move the appropriate handle to the new value,\n    // while the other handle gets moved to the opposite bound (if invalid)\n    const lowerHalf = Math.abs(this.max - this.min) / 2 + this.min;\n    const newValIsLow = isWithinRange(this.min, lowerHalf, newVal);\n\n    if (newValIsLow) {\n      lower = newVal;\n      upper = !this.upperValueIsValid ? this.max : upper;\n    } else {\n      lower = !this.lowerValueIsValid ? this.min : lower;\n      upper = newVal;\n    }\n\n    this._handleOnChange(lower, upper, e);\n  }\n\n  @action\n  _determineValidThumbMovement(\n    newVal: ValueMember,\n    lower: ValueMember,\n    upper: ValueMember,\n    e: Event\n  ): void {\n    // Lower thumb targeted or right-moving swap has occurred\n    if (\n      Math.abs((lower as number) - (newVal as number)) <\n      Math.abs((upper as number) - (newVal as number))\n    ) {\n      lower = newVal;\n    }\n    // Upper thumb targeted or left-moving swap has occurred\n    else {\n      upper = newVal;\n    }\n\n    this._handleOnChange(lower, upper, e);\n  }\n\n  @action\n  _determineThumbMovement(newVal: number, e: Event): void {\n    // Determine thumb movement based on slider interaction\n    if (!this.isValid) {\n      // Non-standard positioning follows\n      this._determineInvalidThumbMovement(\n        newVal,\n        this.lowerValue,\n        this.upperValue,\n        e\n      );\n    } else {\n      // Standard positioning based on click event proximity to thumb locations\n      this._determineValidThumbMovement(\n        newVal,\n        this.lowerValue,\n        this.upperValue,\n        e\n      );\n    }\n  }\n\n  @action\n  _handleOnChange(lower: ValueMember, upper: ValueMember, e: Event): void {\n    const isValid =\n      isWithinRange(this.min, upper, lower) &&\n      isWithinRange(lower, this.max, upper);\n\n    this.args.onChange([lower, upper], isValid, e);\n  }\n\n  @action\n  handleSliderChange(e: Event): void {\n    this._determineThumbMovement(\n      Number((e.currentTarget as HTMLInputElement).value),\n      e\n    );\n  }\n\n  @action\n  _resetToRangeEnds(e: KeyboardEvent): void {\n    // Arbitrary decision to pass `min` instead of `max`. Result is the same.\n    this._determineInvalidThumbMovement(\n      this.min,\n      this.lowerValue,\n      this.upperValue,\n      e\n    );\n  }\n\n  @action\n  _isDirectionalKeyPress(event: KeyboardEvent): boolean {\n    return (\n      [\n        keys.ARROW_UP,\n        keys.ARROW_RIGHT,\n        keys.ARROW_DOWN,\n        keys.ARROW_LEFT\n      ].indexOf(event.key as keys) > -1\n    );\n  }\n\n  @action\n  handleInputKeyDown(e: KeyboardEvent): void {\n    // Relevant only when initial values are both `''` and `showInput` is set\n    if (this._isDirectionalKeyPress(e) && !this.isValid) {\n      e.preventDefault();\n      this._resetToRangeEnds(e);\n    }\n  }\n\n  @action\n  handleLowerInputChange(e: Event): void {\n    this._handleOnChange(\n      (e.target as HTMLInputElement).value,\n      this.upperValue,\n      e\n    );\n  }\n\n  @action\n  handleUpperInputChange(e: Event): void {\n    this._handleOnChange(\n      this.lowerValue,\n      (e.target as HTMLInputElement).value,\n      e\n    );\n  }\n\n  @action\n  _handleKeyDown(value: ValueMember, event: KeyboardEvent): number {\n    let newVal = Number(value);\n    let stepRemainder = 0;\n    const step = this.args.step || 1;\n\n    switch (event.key) {\n      case keys.ARROW_UP:\n      case keys.ARROW_RIGHT:\n        event.preventDefault();\n        newVal += step;\n        stepRemainder = (newVal - this.min) % step;\n\n        if (step !== 1 && stepRemainder > 0) {\n          newVal = newVal - stepRemainder;\n        }\n\n        break;\n      case keys.ARROW_DOWN:\n      case keys.ARROW_LEFT:\n        event.preventDefault();\n        newVal -= step;\n        stepRemainder = (newVal - this.min) % step;\n\n        if (step !== 1 && stepRemainder > 0) {\n          newVal = newVal + (step - stepRemainder);\n        }\n\n        break;\n    }\n\n    return newVal;\n  }\n\n  @action\n  handleLowerKeyDown(event: KeyboardEvent): void {\n    let lower = this.lowerValue;\n\n    switch (event.key) {\n      case keys.TAB:\n        return;\n      default:\n        if (!this.lowerValueIsValid) {\n          // Relevant only when initial value is `''` and `showInput` is not set\n          event.preventDefault();\n          this._resetToRangeEnds(event);\n\n          return;\n        }\n\n        lower = this._handleKeyDown(lower, event);\n    }\n\n    if (lower >= (this.upperValue as number) || lower < this.min) return;\n    this._handleOnChange(lower, this.upperValue, event);\n  }\n\n  @action\n  handleUpperKeyDown(event: KeyboardEvent): void {\n    let upper = this.upperValue;\n\n    switch (event.key) {\n      case keys.TAB:\n        return;\n      default:\n        if (!this.upperValueIsValid) {\n          // Relevant only when initial value is `''` and `showInput` is not set\n          event.preventDefault();\n          this._resetToRangeEnds(event);\n\n          return;\n        }\n\n        upper = this._handleKeyDown(upper, event);\n    }\n\n    if (upper <= (this.lowerValue as number) || upper > this.max) return;\n    this._handleOnChange(this.lowerValue, upper, event);\n  }\n\n  @action\n  calculateThumbPositionStyle(value: number, width?: number): { left: string } {\n    // Calculate the left position based on value\n    const decimal = (value - this.min) / (this.max - this.min);\n    // Must be between 0-100%\n    let valuePosition = decimal <= 1 ? decimal : 1;\n\n    valuePosition = valuePosition >= 0 ? valuePosition : 0;\n\n    const trackWidth =\n      this.args.showInput === 'inputWithPopover' && !!width\n        ? width\n        : this.rangeSliderRef?.clientWidth;\n\n    let thumbToTrackRatio = 0;\n\n    if (trackWidth) {\n      thumbToTrackRatio = EUI_THUMB_SIZE / trackWidth;\n    } else {\n      thumbToTrackRatio = EUI_THUMB_SIZE / 1;\n    }\n\n    const trackPositionScale = (1 - thumbToTrackRatio) * 100;\n\n    return { left: `${valuePosition * trackPositionScale}%` };\n  }\n\n  @action\n  setPreventPopoverClose(value: boolean): void {\n    this.preventPopoverClose = value;\n  }\n\n  get calculateLowerValueThumbPositionStyle(): { left: string } {\n    return this.calculateThumbPositionStyle(\n      Number(this.lowerValue) || this.min,\n      this.rangeWidth\n    );\n  }\n\n  get calculateUpperValueThumbPositionStyle(): { left: string } {\n    return this.calculateThumbPositionStyle(\n      Number(this.upperValue) || this.max,\n      this.rangeWidth\n    );\n  }\n\n  @action\n  toggleHasFocus(): void {\n    this.hasFocus = !this.hasFocus;\n  }\n\n  @action\n  onThumbFocus(e: FocusEvent): void {\n    if (this.args.onFocus) {\n      this.args.onFocus(e);\n    }\n\n    this.hasFocus = true;\n  }\n\n  @action\n  onThumbBlur(e: FocusEvent): void {\n    if (this.args.onBlur) {\n      this.args.onBlur(e);\n    }\n\n    this.hasFocus = false;\n  }\n\n  @action\n  onInputFocus(e: FocusEvent): void {\n    if (this.args.onFocus) {\n      this.args.onFocus(e);\n    }\n\n    this.preventPopoverClose = true;\n    this.isPopoverOpen = true;\n  }\n\n  @action\n  onInputBlur(e: FocusEvent): void {\n    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  closePopover(): void {\n    this.preventPopoverClose = false;\n    this.isPopoverOpen = false;\n  }\n\n  @action\n  onResize(width?: number): void {\n    this.rangeWidth = width;\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  willDestroy() {\n    super.willDestroy();\n\n    this.rangeSliderRef = null;\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      as |hasPrepend hasAppend hasMaxBlock hasMinBlock|\n    }}\n      {{#if this.showInputOnly}}\n        <EuiInputPopover\n          class=\"euiRange__popover\"\n          @fullWidth={{this.fullWidth}}\n          @isOpen={{this.isPopoverOpen}}\n          @closePopover={{this.closePopover}}\n          @disableFocusTrap={{true}}\n          @onPanelResize={{this.onResize}}\n        >\n          <:input>\n            <EuiFormControlLayoutDelimited\n              @fullWidth={{this.fullWidth}}\n              @compressed={{this.compressed}}\n              @readOnly={{@readOnly}}\n              @disabled={{@disabled}}\n              @useGroup={{or hasPrepend hasAppend}}\n            >\n              <:prepend as |prependClasses|>\n                {{yield prependClasses to=\"prepend\"}}\n              </:prepend>\n              <:startControl as |classes|>\n                <EuiRangeInput\n                  class={{classes}}\n                  @digitTolerance={{this.digitTolerance}}\n                  @side=\"min\"\n                  @min={{this.min}}\n                  {{!@glint-expect-error}}\n                  @max={{castTo this.upperValue to=\"number\"}}\n                  @step={{this.step}}\n                  @value={{this.lowerValue}}\n                  @disabled={{@disabled}}\n                  @compressed={{this.compressed}}\n                  @onChange={{this.handleLowerInputChange}}\n                  @name=\"{{@name}}-minValue\"\n                  @readOnly={{@readOnly}}\n                  @autoSize={{false}}\n                  @fullWidth={{this.fullWidth}}\n                  @isInvalid={{@isInvalid}}\n                  @isPrependProvided={{hasAppend}}\n                  @isAppendProvided={{hasPrepend}}\n                  @controlOnly={{true}}\n                  @disable={{@disable}}\n                  ...attributes\n                  {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n                  {{onKey \"_all\" this.handleInputKeyDown}}\n                  {{on\n                    \"focus\"\n                    (if\n                      this.canShowDropdown this.onInputFocus (optional @onFocus)\n                    )\n                  }}\n                  {{on\n                    \"blur\"\n                    (if\n                      this.canShowDropdown this.onInputBlur (optional @onBlur)\n                    )\n                  }}\n                  {{on \"input\" this.handleLowerInputChange}}\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              </:startControl>\n              <:endControl as |classes|>\n                <EuiRangeInput\n                  class={{classes}}\n                  @digitTolerance={{this.digitTolerance}}\n                  @side=\"max\"\n                  {{!@glint-expect-error}}\n                  @min={{castTo this.lowerValue to=\"number\"}}\n                  @max={{this.max}}\n                  @step={{this.step}}\n                  @value={{this.upperValue}}\n                  @disabled={{@disabled}}\n                  @compressed={{this.compressed}}\n                  @name=\"{{@name}}-maxValue\"\n                  @readOnly={{@readOnly}}\n                  @autoSize={{false}}\n                  @fullWidth={{this.fullWidth}}\n                  @isInvalid={{@isInvalid}}\n                  @isPrependProvided={{hasAppend}}\n                  @isAppendProvided={{hasPrepend}}\n                  @controlOnly={{true}}\n                  @disable={{@disable}}\n                  ...attributes\n                  {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n                  {{onKey \"_all\" this.handleInputKeyDown}}\n                  {{on\n                    \"focus\"\n                    (if\n                      this.canShowDropdown this.onInputFocus (optional @onFocus)\n                    )\n                  }}\n                  {{on\n                    \"blur\"\n                    (if\n                      this.canShowDropdown this.onInputBlur (optional @onBlur)\n                    )\n                  }}\n                  {{on \"input\" this.handleUpperInputChange}}\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              </:endControl>\n              <:append as |appendClasses|>\n                {{yield appendClasses to=\"append\"}}\n              </:append>\n            </EuiFormControlLayoutDelimited>\n          </:input>\n          <:content>\n            <EuiRangeWrapper\n              class=\"euiDualRange\"\n              @fullWidth={{this.fullWidth}}\n              @compressed={{this.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 (eq this.showInput true) \"true\" \"false\"}}\n                @compressed={{this.compressed}}\n                @disabled={{@disabled}}\n                @max={{this.max}}\n                @min={{this.min}}\n                @step={{this.step}}\n                @showTicks={{this.showTicks}}\n                @tickInterval={{@tickInterval}}\n                @ticks={{@ticks}}\n                @levels={{this.levels}}\n                @onChange={{this.handleSliderChange}}\n                @value={{@value}}\n              >\n                {{#if (and this.showRange this.isValid)}}\n                  <EuiRangeHighlight\n                    @compressed={{this.compressed}}\n                    @hasFocus={{this.hasFocus}}\n                    @showTicks={{this.showTicks}}\n                    {{!@glint-expect-error}}\n                    @min={{castTo this.min to=\"number\"}}\n                    {{!@glint-expect-error}}\n                    @max={{castTo this.max to=\"number\"}}\n                    {{!@glint-expect-error}}\n                    @lowerValue={{castTo this.lowerValue to=\"number\"}}\n                    {{!@glint-expect-error}}\n                    @upperValue={{castTo this.upperValue to=\"number\"}}\n                  />\n                {{/if}}\n                <EuiRangeSlider\n                  class=\"euiDualRange__slider\"\n                  aria-hidden=\"true\"\n                  @id={{this.id}}\n                  @name={{@name}}\n                  @min={{this.min}}\n                  @max={{this.max}}\n                  @step={{this.step}}\n                  @disabled={{@disabled}}\n                  @compressed={{this.compressed}}\n                  @onChange={{this.handleSliderChange}}\n                  @showTicks={{this.showTicks}}\n                  @hasFocus={{this.hasFocus}}\n                  tabindex=\"-1\"\n                  @showRange={{this.showRange}}\n                  ...attributes\n                  {{didInsert this.didInsertRangeSlider}}\n                  {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n                  {{on \"focus\" (optional @onFocus)}}\n                  {{on \"blur\" (optional @onBlur)}}\n                  {{on \"input\" this.handleSliderChange}}\n                />\n                {{#if this.rangeSliderRefAvailable}}\n                  <EuiRangeThumb\n                    @min={{this.min}}\n                    {{!@glint-expect-error}}\n                    @max={{castTo this.upperValue to=\"number\"}}\n                    {{!@glint-expect-error}}\n                    @value={{this.lowerValue}}\n                    @disabled={{@disabled}}\n                    @showTicks={{this.showTicks}}\n                    @showInput={{not this.showInput}}\n                    aria-describedby={{@ariaDescribedby}}\n                    aria-label={{@ariaLabel}}\n                    {{simpleStyle this.calculateLowerValueThumbPositionStyle}}\n                    {{on \"focus\" this.onThumbFocus}}\n                    {{on \"blur\" this.onThumbBlur}}\n                    {{onKey \"_all\" this.handleLowerKeyDown}}\n                  />\n                  <EuiRangeThumb\n                    {{!@glint-expect-error}}\n                    @min={{castTo this.lowerValue to=\"number\"}}\n                    @max={{this.max}}\n                    {{!@glint-expect-error}}\n                    @value={{this.upperValue}}\n                    @disabled={{@disabled}}\n                    @showTicks={{this.showTicks}}\n                    @showInput={{not this.showInput}}\n                    aria-describedby={{@ariaDescribedby}}\n                    aria-label={{@ariaLabel}}\n                    {{simpleStyle this.calculateUpperValueThumbPositionStyle}}\n                    {{on \"focus\" this.onThumbFocus}}\n                    {{on \"blur\" this.onThumbBlur}}\n                    {{onKey \"_all\" this.handleUpperKeyDown}}\n                  />\n                {{/if}}\n              </EuiRangeTrack>\n              {{#if this.showLabels}}\n                <EuiRangeLabel @disabled={{@disabled}}>\n                  {{#if hasMaxBlock}}\n                    {{yield this.max to=\"max\"}}\n                  {{else}}\n                    {{this.max}}\n                  {{/if}}\n                </EuiRangeLabel>\n              {{/if}}\n            </EuiRangeWrapper>\n          </:content>\n        </EuiInputPopover>\n      {{else}}\n        <EuiRangeWrapper\n          class=\"euiDualRange\"\n          @fullWidth={{this.fullWidth}}\n          @compressed={{this.compressed}}\n        >\n          {{#if this.showInput}}\n            <EuiRangeInput\n              @digitTolerance={{this.digitTolerance}}\n              @side=\"min\"\n              @min={{this.min}}\n              {{!@glint-expect-error}}\n              @max={{castTo this.upperValue to=\"number\"}}\n              @step={{this.step}}\n              @value={{this.lowerValue}}\n              @disabled={{@disabled}}\n              @compressed={{this.compressed}}\n              @onChange={{this.handleLowerInputChange}}\n              @name=\"{{@name}}-minValue\"\n              @readOnly={{@readOnly}}\n              @fullWidth={{this.fullWidth}}\n              @isInvalid={{@isInvalid}}\n              @isPrependProvided={{false}}\n              @isAppendProvided={{false}}\n              @controlOnly={{true}}\n              @disable={{@disable}}\n              ...attributes\n              {{onKey \"_all\" this.handleInputKeyDown}}\n              {{on \"focus\" (optional @onFocus)}}\n              {{on \"blur\" (optional @onBlur)}}\n              {{on \"input\" this.handleLowerInputChange}}\n            />\n            <div class=\"euiRange__horizontalSpacer\"></div>\n          {{/if}}\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 (eq this.showInput true) \"true\" \"false\"}}\n            @compressed={{this.compressed}}\n            @disabled={{@disabled}}\n            @max={{this.max}}\n            @min={{this.min}}\n            @step={{this.step}}\n            @showTicks={{this.showTicks}}\n            @tickInterval={{@tickInterval}}\n            @ticks={{@ticks}}\n            @levels={{this.levels}}\n            @onChange={{this.handleSliderChange}}\n            @value={{@value}}\n          >\n            {{#if (and this.showRange this.isValid)}}\n              <EuiRangeHighlight\n                @compressed={{this.compressed}}\n                @hasFocus={{this.hasFocus}}\n                @showTicks={{this.showTicks}}\n                {{!@glint-expect-error}}\n                @min={{castTo this.min to=\"number\"}}\n                {{!@glint-expect-error}}\n                @max={{castTo this.max to=\"number\"}}\n                {{!@glint-expect-error}}\n                @lowerValue={{castTo this.lowerValue to=\"number\"}}\n                {{!@glint-expect-error}}\n                @upperValue={{castTo this.upperValue to=\"number\"}}\n              />\n            {{/if}}\n            <EuiRangeSlider\n              class=\"euiDualRange__slider\"\n              aria-hidden=\"true\"\n              @id={{this.id}}\n              @name={{@name}}\n              @min={{this.min}}\n              @max={{this.max}}\n              @step={{this.step}}\n              @disabled={{@disabled}}\n              @compressed={{this.compressed}}\n              @onChange={{this.handleSliderChange}}\n              @showTicks={{this.showTicks}}\n              @hasFocus={{this.hasFocus}}\n              tabindex=\"-1\"\n              @showRange={{this.showRange}}\n              ...attributes\n              {{didInsert this.didInsertRangeSlider}}\n              {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n              {{on \"focus\" (optional @onFocus)}}\n              {{on \"blur\" (optional @onBlur)}}\n              {{on \"input\" this.handleSliderChange}}\n            />\n            {{#if this.rangeSliderRefAvailable}}\n              <EuiRangeThumb\n                @min={{this.min}}\n                {{!@glint-expect-error}}\n                @max={{castTo this.upperValue to=\"number\"}}\n                {{!@glint-expect-error}}\n                @value={{this.lowerValue}}\n                @disabled={{@disabled}}\n                @showTicks={{this.showTicks}}\n                @showInput={{not this.showInput}}\n                aria-describedby={{@ariaDescribedby}}\n                aria-label={{@ariaLabel}}\n                {{simpleStyle this.calculateLowerValueThumbPositionStyle}}\n                {{on \"focus\" this.onThumbFocus}}\n                {{on \"blur\" this.onThumbBlur}}\n                {{!@glint-expect-error}}\n                {{on \"click\" this.handleLowerKeyDown}}\n              />\n              <EuiRangeThumb\n                {{!@glint-expect-error}}\n                @min={{castTo this.lowerValue to=\"number\"}}\n                @max={{this.max}}\n                {{!@glint-expect-error}}\n                @value={{this.upperValue}}\n                @disabled={{@disabled}}\n                @showTicks={{this.showTicks}}\n                @showInput={{not this.showInput}}\n                aria-describedby={{@ariaDescribedby}}\n                aria-label={{@ariaLabel}}\n                {{simpleStyle this.calculateUpperValueThumbPositionStyle}}\n                {{on \"focus\" this.onThumbFocus}}\n                {{on \"blur\" this.onThumbBlur}}\n                {{on \"keydown\" this.handleUpperKeyDown}}\n              />\n            {{/if}}\n          </EuiRangeTrack>\n          {{#if this.showLabels}}\n            <EuiRangeLabel @disabled={{@disabled}}>\n              {{#if hasMaxBlock}}\n                {{yield this.max to=\"max\"}}\n              {{else}}\n                {{this.max}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n          {{#if this.showInput}}\n            <div class=\"euiRange__horizontalSpacer\"></div>\n            {{! maxinput }}\n            <EuiRangeInput\n              @digitTolerance={{this.digitTolerance}}\n              @side=\"max\"\n              {{!@glint-expect-error}}\n              @min={{castTo this.lowerValue to=\"number\"}}\n              @max={{this.max}}\n              @step={{this.step}}\n              @value={{this.upperValue}}\n              @disabled={{@disabled}}\n              @compressed={{this.compressed}}\n              @name=\"{{@name}}-maxValue\"\n              @readOnly={{@readOnly}}\n              @fullWidth={{this.fullWidth}}\n              @isInvalid={{@isInvalid}}\n              @controlOnly={{this.showInputOnly}}\n              @isPrependProvided={{false}}\n              @isAppendProvided={{false}}\n              @disable={{@disable}}\n              ...attributes\n              {{onKey \"_all\" this.handleInputKeyDown}}\n              {{on \"focus\" (optional @onFocus)}}\n              {{on \"blur\" (optional @onBlur)}}\n              {{on \"input\" this.handleUpperInputChange}}\n            />\n          {{/if}}\n        </EuiRangeWrapper>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiDualRangeComponent","Component","g","prototype","argOrDefaultDecorator","i","void 0","tracked","args","id","guidFor","preventPopoverClose","rangeSliderRef","didInsertRangeSlider","ref","rangeSliderRefAvailable","rangeWidth","clientWidth","undefined","isVisible","n","action","lowerValue","value","min","upperValue","max","lowerValueIsValid","isWithinRange","upperValueIsValid","isValid","_determineInvalidThumbMovement","newVal","lower","upper","e","lowerHalf","Math","abs","newValIsLow","_handleOnChange","_determineValidThumbMovement","_determineThumbMovement","onChange","handleSliderChange","Number","currentTarget","_resetToRangeEnds","_isDirectionalKeyPress","event","keys","ARROW_UP","ARROW_RIGHT","ARROW_DOWN","ARROW_LEFT","indexOf","key","handleInputKeyDown","preventDefault","handleLowerInputChange","target","handleUpperInputChange","_handleKeyDown","stepRemainder","step","handleLowerKeyDown","TAB","handleUpperKeyDown","calculateThumbPositionStyle","width","decimal","valuePosition","trackWidth","showInput","thumbToTrackRatio","EUI_THUMB_SIZE","trackPositionScale","left","setPreventPopoverClose","calculateLowerValueThumbPositionStyle","calculateUpperValueThumbPositionStyle","toggleHasFocus","hasFocus","onThumbFocus","onFocus","onThumbBlur","onBlur","onInputFocus","isPopoverOpen","onInputBlur","later","closePopover","onResize","digitTolerance","String","length","showInputOnly","canShowDropdown","readOnly","disabled","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","not","EuiInputPopover","EuiFormControlLayoutDelimited","or","EuiRangeInput","castTo","on","fn","onKey","optional","EuiRangeWrapper","EuiRangeLabel","EuiRangeTrack","eq","EuiRangeHighlight","EuiRangeSlider","didInsert","EuiRangeThumb","simpleStyle"],"mappings":"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"}
+{"version":3,"file":"eui-dual-range.js","sources":["../../src/components/eui-dual-range.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { 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 didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { later } from '@ember/runloop';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport onKey from 'ember-keyboard/modifiers/on-key';\nimport { and, eq, not, or } from 'ember-truth-helpers';\n\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport castTo from '../helpers/cast-to.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport { keys } from '../utils/keys.ts';\nimport { isWithinRange } from '../utils/number/index.ts';\nimport { EUI_THUMB_SIZE } from '../utils/range/index.ts';\nimport EuiFormControlLayoutDelimited from './eui-form-control-layout-delimited.gts';\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 EuiRangeThumb from './eui-range-thumb.gts';\nimport EuiRangeTrack from './eui-range-track.gts';\nimport EuiRangeWrapper from './eui-range-wrapper.gts';\n\nimport type { EuiFormControlLayoutSignature } from './eui-form-control-layout';\nimport type { EuiRangeArgs } from './eui-range';\nimport type {\n  EuiRangeInputArgs,\n  EuiRangeInputSignature\n} from './eui-range-input';\nimport type { EuiRangeLevel } from './eui-range-levels';\nimport type { EuiRangeTick } from './eui-range-ticks';\n\nexport type ValueMember = number | string;\n\nexport interface EuiDualRangeArgs {\n  /** The selected range, `[lower, upper]`. Update it in `@onChange`. */\n  value: [ValueMember, ValueMember];\n  /** Called when a thumb or input loses focus. */\n  onBlur?: (event: FocusEvent) => void;\n  /** Called when a thumb or input gets focus. */\n  onFocus?: (event: FocusEvent) => void;\n  /**\n   * Called with the new `[lower, upper]` values, whether they are valid\n   * (within `@min`/`@max` and lower ≤ upper) and the event.\n   */\n  onChange: (\n    values: [ValueMember, ValueMember],\n    isValid: boolean,\n    event: Event | MouseEvent | KeyboardEvent\n  ) => void;\n  /** Stretches the slider to its container's width. */\n  fullWidth?: boolean;\n  /** Shows the invalid state. */\n  isInvalid?: boolean;\n  /**\n   * Create colored indicators for certain intervals:\n   * `[{ min: 0, max: 20, color: 'danger' }, …]`.\n   */\n  levels?: EuiRangeLevel[];\n  /**\n   * Shows static min/max labels on the sides of the range slider.\n   * Defaults to `false`.\n   */\n  showLabels?: boolean;\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?: EuiRangeArgs['showInput'];\n  /**\n   * Modifies the number of tick marks and at what interval\n   */\n  tickInterval?: number;\n  /**\n   * Specified ticks at specified values: `[{ label: '20kb', value: 20 }]`.\n   */\n  ticks?: EuiRangeTick[];\n  /**\n   * @deprecated Has no effect, use the `<:prepend>` block (shown with\n   * `@showInput=\"inputWithPopover\"`).\n   */\n  prepend?: EuiFormControlLayoutSignature['Blocks']['prepend'];\n  /**\n   * @deprecated Has no effect, use the `<:append>` block (shown with\n   * `@showInput=\"inputWithPopover\"`).\n   */\n  append?: EuiFormControlLayoutSignature['Blocks']['append'];\n  /** @deprecated Has no effect. */\n  minInputProps?: Partial<EuiRangeInputArgs>;\n  /** @deprecated Has no effect. */\n  maxInputProps?: Partial<EuiRangeInputArgs>;\n  /** Makes the inputs read-only. */\n  readOnly?: boolean;\n  /** Disables the slider and inputs. */\n  disabled?: boolean;\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  /** Disables the number inputs. */\n  disable?: boolean;\n  /** Id of the element(s) describing the slider thumbs. */\n  ariaDescribedby?: string;\n  /** Accessible label of the slider thumbs. */\n  ariaLabel?: string;\n  /** `name` of the inputs; the number inputs get `-minValue` / `-maxValue` suffixes. */\n  name?: string;\n  /** Id of the slider. Defaults to a generated id. */\n  id?: string;\n  /** Smaller slider, for dense forms. Defaults to `false`. */\n  compressed?: boolean;\n  /** Highlights the selected range on the track. Defaults to `true`. */\n  showRange?: boolean;\n  /** Shows tick marks, every `@step` (or `@tickInterval`). Defaults to `false`. */\n  showTicks?: boolean;\n  /** Increment between values. Defaults to `1`. */\n  step?: number;\n  /** Lowest selectable value. Defaults to `0`. */\n  min?: number;\n  /** Highest selectable value. Defaults to `100`. */\n  max?: number;\n}\n\n/**\n * A slider with two thumbs to pick a range, e.g. a price range. For one\n * value use EuiRange.\n */\nexport interface EuiDualRangeSignature {\n  Element: EuiRangeInputSignature['Element'];\n  Args: EuiDualRangeArgs;\n  Blocks: {\n    /** Content before the inputs (`@showInput=\"inputWithPopover\"`). */\n    prepend: EuiRangeInputSignature['Blocks']['prepend'];\n    /** Content after the inputs (`@showInput=\"inputWithPopover\"`). */\n    append: EuiRangeInputSignature['Blocks']['append'];\n    /** Custom min label (`@showLabels`); yields `@min`. */\n    min: [number?];\n    /** Custom max label (`@showLabels`); yields `@max`. */\n    max: [number?];\n  };\n}\n\nexport default class EuiDualRangeComponent extends Component<EuiDualRangeSignature> {\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) showLabels!: boolean;\n  @argOrDefaultDecorator(false) showInput!: boolean | string;\n  @argOrDefaultDecorator(true) showRange!: boolean;\n  @argOrDefaultDecorator(false) showTicks!: boolean;\n  @argOrDefaultDecorator([]) levels!: EuiRangeLevel[];\n\n  //State\n  @tracked id: string = this.args.id || guidFor({});\n  @tracked hasFocus = false;\n  @tracked rangeSliderRefAvailable = false;\n  @tracked isPopoverOpen = false;\n  @tracked rangeWidth: number | undefined;\n  @tracked isVisible = true;\n  ///\n\n  preventPopoverClose = false;\n  rangeSliderRef: HTMLInputElement | null = null;\n\n  @action\n  didInsertRangeSlider(ref: HTMLInputElement | null): void {\n    this.rangeSliderRef = ref;\n\n    this.rangeSliderRefAvailable = !!ref;\n    this.rangeWidth = ref ? ref.clientWidth : undefined;\n\n    if (this.rangeSliderRef?.clientWidth && !this.isVisible) {\n      this.isVisible = true;\n    }\n  }\n\n  get lowerValue(): ValueMember {\n    return this.args.value ? this.args.value[0] : this.min;\n  }\n\n  get upperValue(): ValueMember {\n    return this.args.value ? this.args.value[1] : this.max;\n  }\n\n  get lowerValueIsValid(): boolean {\n    return isWithinRange(this.min, this.upperValue, this.lowerValue);\n  }\n\n  get upperValueIsValid(): boolean {\n    return isWithinRange(this.lowerValue, this.max, this.upperValue);\n  }\n\n  get isValid(): boolean {\n    return this.lowerValueIsValid && this.upperValueIsValid;\n  }\n\n  @action\n  _determineInvalidThumbMovement(\n    newVal: ValueMember,\n    lower: ValueMember,\n    upper: ValueMember,\n    e: Event\n  ): void {\n    // If the values are invalid, find whether the new value is in the upper\n    // or lower half and move the appropriate handle to the new value,\n    // while the other handle gets moved to the opposite bound (if invalid)\n    const lowerHalf = Math.abs(this.max - this.min) / 2 + this.min;\n    const newValIsLow = isWithinRange(this.min, lowerHalf, newVal);\n\n    if (newValIsLow) {\n      lower = newVal;\n      upper = !this.upperValueIsValid ? this.max : upper;\n    } else {\n      lower = !this.lowerValueIsValid ? this.min : lower;\n      upper = newVal;\n    }\n\n    this._handleOnChange(lower, upper, e);\n  }\n\n  @action\n  _determineValidThumbMovement(\n    newVal: ValueMember,\n    lower: ValueMember,\n    upper: ValueMember,\n    e: Event\n  ): void {\n    // Lower thumb targeted or right-moving swap has occurred\n    if (\n      Math.abs((lower as number) - (newVal as number)) <\n      Math.abs((upper as number) - (newVal as number))\n    ) {\n      lower = newVal;\n    }\n    // Upper thumb targeted or left-moving swap has occurred\n    else {\n      upper = newVal;\n    }\n\n    this._handleOnChange(lower, upper, e);\n  }\n\n  @action\n  _determineThumbMovement(newVal: number, e: Event): void {\n    // Determine thumb movement based on slider interaction\n    if (!this.isValid) {\n      // Non-standard positioning follows\n      this._determineInvalidThumbMovement(\n        newVal,\n        this.lowerValue,\n        this.upperValue,\n        e\n      );\n    } else {\n      // Standard positioning based on click event proximity to thumb locations\n      this._determineValidThumbMovement(\n        newVal,\n        this.lowerValue,\n        this.upperValue,\n        e\n      );\n    }\n  }\n\n  @action\n  _handleOnChange(lower: ValueMember, upper: ValueMember, e: Event): void {\n    const isValid =\n      isWithinRange(this.min, upper, lower) &&\n      isWithinRange(lower, this.max, upper);\n\n    this.args.onChange([lower, upper], isValid, e);\n  }\n\n  @action\n  handleSliderChange(e: Event): void {\n    this._determineThumbMovement(\n      Number((e.currentTarget as HTMLInputElement).value),\n      e\n    );\n  }\n\n  @action\n  _resetToRangeEnds(e: KeyboardEvent): void {\n    // Arbitrary decision to pass `min` instead of `max`. Result is the same.\n    this._determineInvalidThumbMovement(\n      this.min,\n      this.lowerValue,\n      this.upperValue,\n      e\n    );\n  }\n\n  @action\n  _isDirectionalKeyPress(event: KeyboardEvent): boolean {\n    return (\n      [\n        keys.ARROW_UP,\n        keys.ARROW_RIGHT,\n        keys.ARROW_DOWN,\n        keys.ARROW_LEFT\n      ].indexOf(event.key as keys) > -1\n    );\n  }\n\n  @action\n  handleInputKeyDown(e: KeyboardEvent): void {\n    // Relevant only when initial values are both `''` and `showInput` is set\n    if (this._isDirectionalKeyPress(e) && !this.isValid) {\n      e.preventDefault();\n      this._resetToRangeEnds(e);\n    }\n  }\n\n  @action\n  handleLowerInputChange(e: Event): void {\n    this._handleOnChange(\n      (e.target as HTMLInputElement).value,\n      this.upperValue,\n      e\n    );\n  }\n\n  @action\n  handleUpperInputChange(e: Event): void {\n    this._handleOnChange(\n      this.lowerValue,\n      (e.target as HTMLInputElement).value,\n      e\n    );\n  }\n\n  @action\n  _handleKeyDown(value: ValueMember, event: KeyboardEvent): number {\n    let newVal = Number(value);\n    let stepRemainder = 0;\n    const step = this.args.step || 1;\n\n    switch (event.key) {\n      case keys.ARROW_UP:\n      case keys.ARROW_RIGHT:\n        event.preventDefault();\n        newVal += step;\n        stepRemainder = (newVal - this.min) % step;\n\n        if (step !== 1 && stepRemainder > 0) {\n          newVal = newVal - stepRemainder;\n        }\n\n        break;\n      case keys.ARROW_DOWN:\n      case keys.ARROW_LEFT:\n        event.preventDefault();\n        newVal -= step;\n        stepRemainder = (newVal - this.min) % step;\n\n        if (step !== 1 && stepRemainder > 0) {\n          newVal = newVal + (step - stepRemainder);\n        }\n\n        break;\n    }\n\n    return newVal;\n  }\n\n  @action\n  handleLowerKeyDown(event: KeyboardEvent): void {\n    let lower = this.lowerValue;\n\n    switch (event.key) {\n      case keys.TAB:\n        return;\n      default:\n        if (!this.lowerValueIsValid) {\n          // Relevant only when initial value is `''` and `showInput` is not set\n          event.preventDefault();\n          this._resetToRangeEnds(event);\n\n          return;\n        }\n\n        lower = this._handleKeyDown(lower, event);\n    }\n\n    if (lower >= (this.upperValue as number) || lower < this.min) return;\n    this._handleOnChange(lower, this.upperValue, event);\n  }\n\n  @action\n  handleUpperKeyDown(event: KeyboardEvent): void {\n    let upper = this.upperValue;\n\n    switch (event.key) {\n      case keys.TAB:\n        return;\n      default:\n        if (!this.upperValueIsValid) {\n          // Relevant only when initial value is `''` and `showInput` is not set\n          event.preventDefault();\n          this._resetToRangeEnds(event);\n\n          return;\n        }\n\n        upper = this._handleKeyDown(upper, event);\n    }\n\n    if (upper <= (this.lowerValue as number) || upper > this.max) return;\n    this._handleOnChange(this.lowerValue, upper, event);\n  }\n\n  @action\n  calculateThumbPositionStyle(value: number, width?: number): { left: string } {\n    // Calculate the left position based on value\n    const decimal = (value - this.min) / (this.max - this.min);\n    // Must be between 0-100%\n    let valuePosition = decimal <= 1 ? decimal : 1;\n\n    valuePosition = valuePosition >= 0 ? valuePosition : 0;\n\n    const trackWidth =\n      this.args.showInput === 'inputWithPopover' && !!width\n        ? width\n        : this.rangeSliderRef?.clientWidth;\n\n    let thumbToTrackRatio = 0;\n\n    if (trackWidth) {\n      thumbToTrackRatio = EUI_THUMB_SIZE / trackWidth;\n    } else {\n      thumbToTrackRatio = EUI_THUMB_SIZE / 1;\n    }\n\n    const trackPositionScale = (1 - thumbToTrackRatio) * 100;\n\n    return { left: `${valuePosition * trackPositionScale}%` };\n  }\n\n  @action\n  setPreventPopoverClose(value: boolean): void {\n    this.preventPopoverClose = value;\n  }\n\n  get calculateLowerValueThumbPositionStyle(): { left: string } {\n    return this.calculateThumbPositionStyle(\n      Number(this.lowerValue) || this.min,\n      this.rangeWidth\n    );\n  }\n\n  get calculateUpperValueThumbPositionStyle(): { left: string } {\n    return this.calculateThumbPositionStyle(\n      Number(this.upperValue) || this.max,\n      this.rangeWidth\n    );\n  }\n\n  @action\n  toggleHasFocus(): void {\n    this.hasFocus = !this.hasFocus;\n  }\n\n  @action\n  onThumbFocus(e: FocusEvent): void {\n    if (this.args.onFocus) {\n      this.args.onFocus(e);\n    }\n\n    this.hasFocus = true;\n  }\n\n  @action\n  onThumbBlur(e: FocusEvent): void {\n    if (this.args.onBlur) {\n      this.args.onBlur(e);\n    }\n\n    this.hasFocus = false;\n  }\n\n  @action\n  onInputFocus(e: FocusEvent): void {\n    if (this.args.onFocus) {\n      this.args.onFocus(e);\n    }\n\n    this.preventPopoverClose = true;\n    this.isPopoverOpen = true;\n  }\n\n  @action\n  onInputBlur(e: FocusEvent): void {\n    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  closePopover(): void {\n    this.preventPopoverClose = false;\n    this.isPopoverOpen = false;\n  }\n\n  @action\n  onResize(width?: number): void {\n    this.rangeWidth = width;\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  willDestroy() {\n    super.willDestroy();\n\n    this.rangeSliderRef = null;\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      as |hasPrepend hasAppend hasMaxBlock hasMinBlock|\n    }}\n      {{#if this.showInputOnly}}\n        <EuiInputPopover\n          class=\"euiRange__popover\"\n          @fullWidth={{this.fullWidth}}\n          @isOpen={{this.isPopoverOpen}}\n          @closePopover={{this.closePopover}}\n          @disableFocusTrap={{true}}\n          @onPanelResize={{this.onResize}}\n        >\n          <:input>\n            <EuiFormControlLayoutDelimited\n              @fullWidth={{this.fullWidth}}\n              @compressed={{this.compressed}}\n              @readOnly={{@readOnly}}\n              @disabled={{@disabled}}\n              @useGroup={{or hasPrepend hasAppend}}\n            >\n              <:prepend as |prependClasses|>\n                {{yield prependClasses to=\"prepend\"}}\n              </:prepend>\n              <:startControl as |classes|>\n                <EuiRangeInput\n                  class={{classes}}\n                  @digitTolerance={{this.digitTolerance}}\n                  @side=\"min\"\n                  @min={{this.min}}\n                  {{!@glint-expect-error}}\n                  @max={{castTo this.upperValue to=\"number\"}}\n                  @step={{this.step}}\n                  @value={{this.lowerValue}}\n                  @disabled={{@disabled}}\n                  @compressed={{this.compressed}}\n                  @onChange={{this.handleLowerInputChange}}\n                  @name=\"{{@name}}-minValue\"\n                  @readOnly={{@readOnly}}\n                  @autoSize={{false}}\n                  @fullWidth={{this.fullWidth}}\n                  @isInvalid={{@isInvalid}}\n                  @isPrependProvided={{hasAppend}}\n                  @isAppendProvided={{hasPrepend}}\n                  @controlOnly={{true}}\n                  @disable={{@disable}}\n                  ...attributes\n                  {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n                  {{onKey \"_all\" this.handleInputKeyDown}}\n                  {{on\n                    \"focus\"\n                    (if\n                      this.canShowDropdown this.onInputFocus (optional @onFocus)\n                    )\n                  }}\n                  {{on\n                    \"blur\"\n                    (if\n                      this.canShowDropdown this.onInputBlur (optional @onBlur)\n                    )\n                  }}\n                  {{on \"input\" this.handleLowerInputChange}}\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              </:startControl>\n              <:endControl as |classes|>\n                <EuiRangeInput\n                  class={{classes}}\n                  @digitTolerance={{this.digitTolerance}}\n                  @side=\"max\"\n                  {{!@glint-expect-error}}\n                  @min={{castTo this.lowerValue to=\"number\"}}\n                  @max={{this.max}}\n                  @step={{this.step}}\n                  @value={{this.upperValue}}\n                  @disabled={{@disabled}}\n                  @compressed={{this.compressed}}\n                  @name=\"{{@name}}-maxValue\"\n                  @readOnly={{@readOnly}}\n                  @autoSize={{false}}\n                  @fullWidth={{this.fullWidth}}\n                  @isInvalid={{@isInvalid}}\n                  @isPrependProvided={{hasAppend}}\n                  @isAppendProvided={{hasPrepend}}\n                  @controlOnly={{true}}\n                  @disable={{@disable}}\n                  ...attributes\n                  {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n                  {{onKey \"_all\" this.handleInputKeyDown}}\n                  {{on\n                    \"focus\"\n                    (if\n                      this.canShowDropdown this.onInputFocus (optional @onFocus)\n                    )\n                  }}\n                  {{on\n                    \"blur\"\n                    (if\n                      this.canShowDropdown this.onInputBlur (optional @onBlur)\n                    )\n                  }}\n                  {{on \"input\" this.handleUpperInputChange}}\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              </:endControl>\n              <:append as |appendClasses|>\n                {{yield appendClasses to=\"append\"}}\n              </:append>\n            </EuiFormControlLayoutDelimited>\n          </:input>\n          <:content>\n            <EuiRangeWrapper\n              class=\"euiDualRange\"\n              @fullWidth={{this.fullWidth}}\n              @compressed={{this.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 (eq this.showInput true) \"true\" \"false\"}}\n                @compressed={{this.compressed}}\n                @disabled={{@disabled}}\n                @max={{this.max}}\n                @min={{this.min}}\n                @step={{this.step}}\n                @showTicks={{this.showTicks}}\n                @tickInterval={{@tickInterval}}\n                @ticks={{@ticks}}\n                @levels={{this.levels}}\n                @onChange={{this.handleSliderChange}}\n                @value={{@value}}\n              >\n                {{#if (and this.showRange this.isValid)}}\n                  <EuiRangeHighlight\n                    @compressed={{this.compressed}}\n                    @hasFocus={{this.hasFocus}}\n                    @showTicks={{this.showTicks}}\n                    {{!@glint-expect-error}}\n                    @min={{castTo this.min to=\"number\"}}\n                    {{!@glint-expect-error}}\n                    @max={{castTo this.max to=\"number\"}}\n                    {{!@glint-expect-error}}\n                    @lowerValue={{castTo this.lowerValue to=\"number\"}}\n                    {{!@glint-expect-error}}\n                    @upperValue={{castTo this.upperValue to=\"number\"}}\n                  />\n                {{/if}}\n                <EuiRangeSlider\n                  class=\"euiDualRange__slider\"\n                  aria-hidden=\"true\"\n                  @id={{this.id}}\n                  @name={{@name}}\n                  @min={{this.min}}\n                  @max={{this.max}}\n                  @step={{this.step}}\n                  @disabled={{@disabled}}\n                  @compressed={{this.compressed}}\n                  @onChange={{this.handleSliderChange}}\n                  @showTicks={{this.showTicks}}\n                  @hasFocus={{this.hasFocus}}\n                  tabindex=\"-1\"\n                  @showRange={{this.showRange}}\n                  ...attributes\n                  {{didInsert this.didInsertRangeSlider}}\n                  {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n                  {{on \"focus\" (optional @onFocus)}}\n                  {{on \"blur\" (optional @onBlur)}}\n                  {{on \"input\" this.handleSliderChange}}\n                />\n                {{#if this.rangeSliderRefAvailable}}\n                  <EuiRangeThumb\n                    @min={{this.min}}\n                    {{!@glint-expect-error}}\n                    @max={{castTo this.upperValue to=\"number\"}}\n                    {{!@glint-expect-error}}\n                    @value={{this.lowerValue}}\n                    @disabled={{@disabled}}\n                    @showTicks={{this.showTicks}}\n                    @showInput={{not this.showInput}}\n                    aria-describedby={{@ariaDescribedby}}\n                    aria-label={{@ariaLabel}}\n                    {{simpleStyle this.calculateLowerValueThumbPositionStyle}}\n                    {{on \"focus\" this.onThumbFocus}}\n                    {{on \"blur\" this.onThumbBlur}}\n                    {{onKey \"_all\" this.handleLowerKeyDown}}\n                  />\n                  <EuiRangeThumb\n                    {{!@glint-expect-error}}\n                    @min={{castTo this.lowerValue to=\"number\"}}\n                    @max={{this.max}}\n                    {{!@glint-expect-error}}\n                    @value={{this.upperValue}}\n                    @disabled={{@disabled}}\n                    @showTicks={{this.showTicks}}\n                    @showInput={{not this.showInput}}\n                    aria-describedby={{@ariaDescribedby}}\n                    aria-label={{@ariaLabel}}\n                    {{simpleStyle this.calculateUpperValueThumbPositionStyle}}\n                    {{on \"focus\" this.onThumbFocus}}\n                    {{on \"blur\" this.onThumbBlur}}\n                    {{onKey \"_all\" this.handleUpperKeyDown}}\n                  />\n                {{/if}}\n              </EuiRangeTrack>\n              {{#if this.showLabels}}\n                <EuiRangeLabel @disabled={{@disabled}}>\n                  {{#if hasMaxBlock}}\n                    {{yield this.max to=\"max\"}}\n                  {{else}}\n                    {{this.max}}\n                  {{/if}}\n                </EuiRangeLabel>\n              {{/if}}\n            </EuiRangeWrapper>\n          </:content>\n        </EuiInputPopover>\n      {{else}}\n        <EuiRangeWrapper\n          class=\"euiDualRange\"\n          @fullWidth={{this.fullWidth}}\n          @compressed={{this.compressed}}\n        >\n          {{#if this.showInput}}\n            <EuiRangeInput\n              @digitTolerance={{this.digitTolerance}}\n              @side=\"min\"\n              @min={{this.min}}\n              {{!@glint-expect-error}}\n              @max={{castTo this.upperValue to=\"number\"}}\n              @step={{this.step}}\n              @value={{this.lowerValue}}\n              @disabled={{@disabled}}\n              @compressed={{this.compressed}}\n              @onChange={{this.handleLowerInputChange}}\n              @name=\"{{@name}}-minValue\"\n              @readOnly={{@readOnly}}\n              @fullWidth={{this.fullWidth}}\n              @isInvalid={{@isInvalid}}\n              @isPrependProvided={{false}}\n              @isAppendProvided={{false}}\n              @controlOnly={{true}}\n              @disable={{@disable}}\n              ...attributes\n              {{onKey \"_all\" this.handleInputKeyDown}}\n              {{on \"focus\" (optional @onFocus)}}\n              {{on \"blur\" (optional @onBlur)}}\n              {{on \"input\" this.handleLowerInputChange}}\n            />\n            <div class=\"euiRange__horizontalSpacer\"></div>\n          {{/if}}\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 (eq this.showInput true) \"true\" \"false\"}}\n            @compressed={{this.compressed}}\n            @disabled={{@disabled}}\n            @max={{this.max}}\n            @min={{this.min}}\n            @step={{this.step}}\n            @showTicks={{this.showTicks}}\n            @tickInterval={{@tickInterval}}\n            @ticks={{@ticks}}\n            @levels={{this.levels}}\n            @onChange={{this.handleSliderChange}}\n            @value={{@value}}\n          >\n            {{#if (and this.showRange this.isValid)}}\n              <EuiRangeHighlight\n                @compressed={{this.compressed}}\n                @hasFocus={{this.hasFocus}}\n                @showTicks={{this.showTicks}}\n                {{!@glint-expect-error}}\n                @min={{castTo this.min to=\"number\"}}\n                {{!@glint-expect-error}}\n                @max={{castTo this.max to=\"number\"}}\n                {{!@glint-expect-error}}\n                @lowerValue={{castTo this.lowerValue to=\"number\"}}\n                {{!@glint-expect-error}}\n                @upperValue={{castTo this.upperValue to=\"number\"}}\n              />\n            {{/if}}\n            <EuiRangeSlider\n              class=\"euiDualRange__slider\"\n              aria-hidden=\"true\"\n              @id={{this.id}}\n              @name={{@name}}\n              @min={{this.min}}\n              @max={{this.max}}\n              @step={{this.step}}\n              @disabled={{@disabled}}\n              @compressed={{this.compressed}}\n              @onChange={{this.handleSliderChange}}\n              @showTicks={{this.showTicks}}\n              @hasFocus={{this.hasFocus}}\n              tabindex=\"-1\"\n              @showRange={{this.showRange}}\n              ...attributes\n              {{didInsert this.didInsertRangeSlider}}\n              {{on \"mousedown\" (fn this.setPreventPopoverClose true)}}\n              {{on \"focus\" (optional @onFocus)}}\n              {{on \"blur\" (optional @onBlur)}}\n              {{on \"input\" this.handleSliderChange}}\n            />\n            {{#if this.rangeSliderRefAvailable}}\n              <EuiRangeThumb\n                @min={{this.min}}\n                {{!@glint-expect-error}}\n                @max={{castTo this.upperValue to=\"number\"}}\n                {{!@glint-expect-error}}\n                @value={{this.lowerValue}}\n                @disabled={{@disabled}}\n                @showTicks={{this.showTicks}}\n                @showInput={{not this.showInput}}\n                aria-describedby={{@ariaDescribedby}}\n                aria-label={{@ariaLabel}}\n                {{simpleStyle this.calculateLowerValueThumbPositionStyle}}\n                {{on \"focus\" this.onThumbFocus}}\n                {{on \"blur\" this.onThumbBlur}}\n                {{!@glint-expect-error}}\n                {{on \"click\" this.handleLowerKeyDown}}\n              />\n              <EuiRangeThumb\n                {{!@glint-expect-error}}\n                @min={{castTo this.lowerValue to=\"number\"}}\n                @max={{this.max}}\n                {{!@glint-expect-error}}\n                @value={{this.upperValue}}\n                @disabled={{@disabled}}\n                @showTicks={{this.showTicks}}\n                @showInput={{not this.showInput}}\n                aria-describedby={{@ariaDescribedby}}\n                aria-label={{@ariaLabel}}\n                {{simpleStyle this.calculateUpperValueThumbPositionStyle}}\n                {{on \"focus\" this.onThumbFocus}}\n                {{on \"blur\" this.onThumbBlur}}\n                {{on \"keydown\" this.handleUpperKeyDown}}\n              />\n            {{/if}}\n          </EuiRangeTrack>\n          {{#if this.showLabels}}\n            <EuiRangeLabel @disabled={{@disabled}}>\n              {{#if hasMaxBlock}}\n                {{yield this.max to=\"max\"}}\n              {{else}}\n                {{this.max}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n          {{#if this.showInput}}\n            <div class=\"euiRange__horizontalSpacer\"></div>\n            {{! maxinput }}\n            <EuiRangeInput\n              @digitTolerance={{this.digitTolerance}}\n              @side=\"max\"\n              {{!@glint-expect-error}}\n              @min={{castTo this.lowerValue to=\"number\"}}\n              @max={{this.max}}\n              @step={{this.step}}\n              @value={{this.upperValue}}\n              @disabled={{@disabled}}\n              @compressed={{this.compressed}}\n              @name=\"{{@name}}-maxValue\"\n              @readOnly={{@readOnly}}\n              @fullWidth={{this.fullWidth}}\n              @isInvalid={{@isInvalid}}\n              @controlOnly={{this.showInputOnly}}\n              @isPrependProvided={{false}}\n              @isAppendProvided={{false}}\n              @disable={{@disable}}\n              ...attributes\n              {{onKey \"_all\" this.handleInputKeyDown}}\n              {{on \"focus\" (optional @onFocus)}}\n              {{on \"blur\" (optional @onBlur)}}\n              {{on \"input\" this.handleUpperInputChange}}\n            />\n          {{/if}}\n        </EuiRangeWrapper>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiDualRangeComponent","Component","g","prototype","argOrDefaultDecorator","i","tracked","args","id","guidFor","preventPopoverClose","rangeSliderRef","didInsertRangeSlider","ref","rangeSliderRefAvailable","rangeWidth","clientWidth","undefined","isVisible","n","action","lowerValue","value","min","upperValue","max","lowerValueIsValid","isWithinRange","upperValueIsValid","isValid","_determineInvalidThumbMovement","newVal","lower","upper","e","lowerHalf","Math","abs","newValIsLow","_handleOnChange","_determineValidThumbMovement","_determineThumbMovement","onChange","handleSliderChange","Number","currentTarget","_resetToRangeEnds","_isDirectionalKeyPress","event","keys","ARROW_UP","ARROW_RIGHT","ARROW_DOWN","ARROW_LEFT","indexOf","key","handleInputKeyDown","preventDefault","handleLowerInputChange","target","handleUpperInputChange","_handleKeyDown","stepRemainder","step","handleLowerKeyDown","TAB","handleUpperKeyDown","calculateThumbPositionStyle","width","decimal","valuePosition","trackWidth","showInput","thumbToTrackRatio","EUI_THUMB_SIZE","trackPositionScale","left","setPreventPopoverClose","calculateLowerValueThumbPositionStyle","calculateUpperValueThumbPositionStyle","toggleHasFocus","hasFocus","onThumbFocus","onFocus","onThumbBlur","onBlur","onInputFocus","isPopoverOpen","onInputBlur","later","closePopover","onResize","digitTolerance","String","length","showInputOnly","canShowDropdown","readOnly","disabled","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","not","EuiInputPopover","EuiFormControlLayoutDelimited","or","EuiRangeInput","castTo","on","fn","onKey","optional","EuiRangeWrapper","EuiRangeLabel","EuiRangeTrack","eq","EuiRangeHighlight","EuiRangeSlider","didInsert","EuiRangeThumb","simpleStyle"],"mappings":"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"}

package/dist/components/eui-empty-prompt.js

@@ -14,7 +14,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiEmptyPrompt = setComponentTemplate(precompileTemplate("\n    {{#let (argOrDefault @layout \"vertical\") as |layout|}}\n      <EuiPanel class={{classNames (if layout (concat \"euiEmptyPrompt--\" layout) \"euiEmptyPrompt--vertical\") componentName=\"EuiEmptyPrompt\" paddingSize=(argOrDefault @paddingSize \"l\")}} @paddingSize=\"none\" @color={{argOrDefault @color \"transparent\"}} @hasBorder={{@hasBorder}} @hasShadow={{false}} ...attributes>\n        <div class=\"euiEmptyPrompt__main\">\n          {{#if (has-block \"icon\")}}\n            <div class=\"euiEmptyPrompt__icon\">{{yield to=\"icon\"}}</div>\n          {{else if @iconType}}\n            <div class=\"euiEmptyPrompt__icon\">\n              <EuiIcon @type={{@iconType}} @size=\"xxl\" @color={{if @iconColor @iconColor (if @color @color \"subdued\")}} />\n            </div>\n          {{/if}}\n          <div class=\"euiEmptyPrompt__content\">\n            {{#if (has-block \"content\")}}\n              <div class=\"euiEmptyPrompt__contentInner\">{{yield to=\"content\"}}</div>\n            {{else}}\n              <div class=\"euiEmptyPrompt__contentInner\">\n                {{#if @title}}\n                  <EuiTitle @size={{argOrDefault @titleSize \"m\"}}>{{@title}}</EuiTitle>\n                {{/if}}\n                {{#if @body}}\n                  <EuiTextColor @color=\"subdued\">\n                    {{#if @title}}\n                      <EuiSpacer @size=\"m\" />\n                    {{/if}}\n                    <EuiText>\n                      {{@body}}\n                    </EuiText>\n                  </EuiTextColor>\n                {{/if}}\n                {{#if @actions.length}}\n                  <EuiSpacer size=\"l\" />\n                {{/if}}\n                {{#if (gte @actions.length 2)}}\n                  <EuiFlexGroup class=\"euiEmptyPrompt__actions\" @gutterSize=\"m\" @alignItems=\"center\" @justifyContent=\"center\" @direction={{if (eq layout \"vertical\") \"column\" \"row\"}}>\n                    {{#each @actions as |oneAction|}}\n                      <EuiFlexItem @grow={{false}}>\n                        {{oneAction}}\n                      </EuiFlexItem>\n                    {{/each}}\n                  </EuiFlexGroup>\n                {{else}}\n                  <EuiSpacer size=\"l\" />\n                  {{#each @actions as |oneAction|}}\n                    {{oneAction}}\n                  {{/each}}\n                {{/if}}\n              </div>\n            {{/if}}\n          </div>\n        </div>\n\n        {{#if (has-block \"footer\")}}\n          <div class=\"euiEmptyPrompt__footer\">\n            {{yield to=\"footer\"}}\n          </div>\n        {{else}}\n          {{#if @footer}}\n            <div class=\"euiEmptyPrompt__footer\">\n              {{@footer}}\n            </div>\n          {{/if}}\n        {{/if}}\n      </EuiPanel>\n    {{/let}}\n  ", {
+const EuiEmptyPrompt = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @layout \"vertical\") as |layout|}}\n  <EuiPanel class={{classNames (if layout (concat \"euiEmptyPrompt--\" layout) \"euiEmptyPrompt--vertical\") componentName=\"EuiEmptyPrompt\" paddingSize=(argOrDefault @paddingSize \"l\")}} @paddingSize=\"none\" @color={{argOrDefault @color \"transparent\"}} @hasBorder={{@hasBorder}} @hasShadow={{false}} ...attributes>\n    <div class=\"euiEmptyPrompt__main\">\n      {{#if (has-block \"icon\")}}\n        <div class=\"euiEmptyPrompt__icon\">{{yield to=\"icon\"}}</div>\n      {{else if @iconType}}\n        <div class=\"euiEmptyPrompt__icon\">\n          <EuiIcon @type={{@iconType}} @size=\"xxl\" @color={{if @iconColor @iconColor (if @color @color \"subdued\")}} />\n        </div>\n      {{/if}}\n      <div class=\"euiEmptyPrompt__content\">\n        {{#if (has-block \"content\")}}\n          <div class=\"euiEmptyPrompt__contentInner\">{{yield to=\"content\"}}</div>\n        {{else}}\n          <div class=\"euiEmptyPrompt__contentInner\">\n            {{#if @title}}\n              <EuiTitle @size={{argOrDefault @titleSize \"m\"}}>{{@title}}</EuiTitle>\n            {{/if}}\n            {{#if @body}}\n              <EuiTextColor @color=\"subdued\">\n                {{#if @title}}\n                  <EuiSpacer @size=\"m\" />\n                {{/if}}\n                <EuiText>\n                  {{@body}}\n                </EuiText>\n              </EuiTextColor>\n            {{/if}}\n            {{#if @actions.length}}\n              <EuiSpacer @size=\"l\" />\n            {{/if}}\n            {{#if (gte @actions.length 2)}}\n              <EuiFlexGroup class=\"euiEmptyPrompt__actions\" @gutterSize=\"m\" @alignItems=\"center\" @justifyContent=\"center\" @direction={{if (eq layout \"vertical\") \"column\" \"row\"}}>\n                {{#each @actions as |oneAction|}}\n                  <EuiFlexItem @grow={{false}}>\n                    {{oneAction}}\n                  </EuiFlexItem>\n                {{/each}}\n              </EuiFlexGroup>\n            {{else}}\n              {{#each @actions as |oneAction|}}\n                {{oneAction}}\n              {{/each}}\n            {{/if}}\n          </div>\n        {{/if}}\n      </div>\n    </div>\n\n    {{#if (has-block \"footer\")}}\n      <div class=\"euiEmptyPrompt__footer\">\n        {{yield to=\"footer\"}}\n      </div>\n    {{else}}\n      {{#if @footer}}\n        <div class=\"euiEmptyPrompt__footer\">\n          {{@footer}}\n        </div>\n      {{/if}}\n    {{/if}}\n  </EuiPanel>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     argOrDefault,

package/dist/components/eui-empty-prompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-empty-prompt.js","sources":["../../src/components/eui-empty-prompt.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { eq,gte } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPanel from './eui-panel.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiText from './eui-text.gts';\nimport EuiTextColor from './eui-text-color.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface EuiEmptyPromptSignature {\n  Element: EuiPanelSignature['Element'];\n  Args: {\n    layout?: 'vertical' | 'horizontal';\n    paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n    color?: EuiPanelSignature['Args']['color'];\n    hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n    iconType?: EuiIconSignature['Args']['type'];\n    iconColor?: EuiIconSignature['Args']['color'];\n    title?: string;\n    titleSize?: EuiTitleSignature['Args']['size'];\n    body?: string;\n    actions?: ComponentLike[];\n    footer?: string;\n  };\n  Blocks: {\n    icon?: [];\n    content?: [];\n    footer?: [];\n  };\n}\n\nconst EuiEmptyPrompt: TemplateOnlyComponent<EuiEmptyPromptSignature> =\n  <template>\n    {{#let (argOrDefault @layout \"vertical\") as |layout|}}\n      <EuiPanel\n        class={{classNames\n          (if\n            layout (concat \"euiEmptyPrompt--\" layout) \"euiEmptyPrompt--vertical\"\n          )\n          componentName=\"EuiEmptyPrompt\"\n          paddingSize=(argOrDefault @paddingSize \"l\")\n        }}\n        @paddingSize=\"none\"\n        @color={{argOrDefault @color \"transparent\"}}\n        @hasBorder={{@hasBorder}}\n        @hasShadow={{false}}\n        ...attributes\n      >\n        <div class=\"euiEmptyPrompt__main\">\n          {{#if (has-block \"icon\")}}\n            <div class=\"euiEmptyPrompt__icon\">{{yield to=\"icon\"}}</div>\n          {{else if @iconType}}\n            <div class=\"euiEmptyPrompt__icon\">\n              <EuiIcon\n                @type={{@iconType}}\n                @size=\"xxl\"\n                @color={{if @iconColor @iconColor (if @color @color \"subdued\")}}\n              />\n            </div>\n          {{/if}}\n          <div class=\"euiEmptyPrompt__content\">\n            {{#if (has-block \"content\")}}\n              <div class=\"euiEmptyPrompt__contentInner\">{{yield\n                  to=\"content\"\n                }}</div>\n            {{else}}\n              <div class=\"euiEmptyPrompt__contentInner\">\n                {{#if @title}}\n                  <EuiTitle\n                    @size={{argOrDefault @titleSize \"m\"}}\n                  >{{@title}}</EuiTitle>\n                {{/if}}\n                {{#if @body}}\n                  <EuiTextColor @color=\"subdued\">\n                    {{#if @title}}\n                      <EuiSpacer @size=\"m\" />\n                    {{/if}}\n                    <EuiText>\n                      {{@body}}\n                    </EuiText>\n                  </EuiTextColor>\n                {{/if}}\n                {{#if @actions.length}}\n                  <EuiSpacer size=\"l\" />\n                {{/if}}\n                {{#if (gte @actions.length 2)}}\n                  <EuiFlexGroup\n                    class=\"euiEmptyPrompt__actions\"\n                    @gutterSize=\"m\"\n                    @alignItems=\"center\"\n                    @justifyContent=\"center\"\n                    @direction={{if (eq layout \"vertical\") \"column\" \"row\"}}\n                  >\n                    {{#each @actions as |oneAction|}}\n                      <EuiFlexItem @grow={{false}}>\n                        {{oneAction}}\n                      </EuiFlexItem>\n                    {{/each}}\n                  </EuiFlexGroup>\n                {{else}}\n                  <EuiSpacer size=\"l\" />\n                  {{#each @actions as |oneAction|}}\n                    {{oneAction}}\n                  {{/each}}\n                {{/if}}\n              </div>\n            {{/if}}\n          </div>\n        </div>\n\n        {{#if (has-block \"footer\")}}\n          <div class=\"euiEmptyPrompt__footer\">\n            {{yield to=\"footer\"}}\n          </div>\n        {{else}}\n          {{#if @footer}}\n            <div class=\"euiEmptyPrompt__footer\">\n              {{@footer}}\n            </div>\n          {{/if}}\n        {{/if}}\n      </EuiPanel>\n    {{/let}}\n  </template>;\n\nexport default EuiEmptyPrompt;\n"],"names":["EuiEmptyPrompt","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiPanel","classNames","concat","EuiIcon","EuiTitle","EuiTextColor","EuiSpacer","EuiText","gte","EuiFlexGroup","eq","EuiFlexItem","templateOnly"],"mappings":";;;;;;;;;;;;;;;;AA2CA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA2FA,kxFAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAC,SAAA;aAAAC,gBAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-empty-prompt.js","sources":["../../src/components/eui-empty-prompt.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport { eq,gte } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiPanel from './eui-panel.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiText from './eui-text.gts';\nimport EuiTextColor from './eui-text-color.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiPanelSignature } from './eui-panel';\nimport type { EuiTitleSignature } from './eui-title';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\n/**\n * A message filling an empty page or section: an icon, a title, some text\n * and actions, e.g. when a list has no items yet or a page failed to load.\n */\nexport interface EuiEmptyPromptSignature {\n  Element: EuiPanelSignature['Element'];\n  Args: {\n    /**\n     * `'vertical'` centers everything in a column; `'horizontal'` puts the\n     * icon beside the text. Defaults to `'vertical'`.\n     */\n    layout?: 'vertical' | 'horizontal';\n    /** Padding around the content, any `EuiPanel` padding size. Defaults to `'l'`. */\n    paddingSize?: EuiPanelSignature['Args']['paddingSize'];\n    /**\n     * Background, any `EuiPanel` color (`'plain'`, `'subdued'`, `'danger'`,\n     * …). Defaults to `'transparent'`.\n     */\n    color?: EuiPanelSignature['Args']['color'];\n    /** Adds a border around the prompt. */\n    hasBorder?: EuiPanelSignature['Args']['hasBorder'];\n    /** Large icon above the title, e.g. `'search'` or `'logoKibana'`. */\n    iconType?: EuiIconSignature['Args']['type'];\n    /** Color of the icon. Defaults to `@color`, or `'subdued'`. */\n    iconColor?: EuiIconSignature['Args']['color'];\n    /** Title, e.g. \"No dashboards yet\". */\n    title?: string;\n    /** Size of the title, any `EuiTitle` size. Defaults to `'m'`. */\n    titleSize?: EuiTitleSignature['Args']['size'];\n    /** Text explaining the situation and what to do. */\n    body?: string;\n    /**\n     * Components rendered as the prompt's actions (e.g. a primary\n     * `EuiButton` and an `EuiButtonEmpty`), laid out in a row or column.\n     * Use the `<:content>` block for full control.\n     */\n    actions?: ComponentLike[];\n    /** Text in a footer, e.g. a link to the docs. Use the `<:footer>` block for markup. */\n    footer?: string;\n  };\n  Blocks: {\n    /** Custom content instead of the `@iconType` icon, e.g. an `EuiImage`. */\n    icon?: [];\n    /** Replaces the title, body and actions with your own content. */\n    content?: [];\n    /** The footer, instead of `@footer`. */\n    footer?: [];\n  };\n}\n\nconst EuiEmptyPrompt: TemplateOnlyComponent<EuiEmptyPromptSignature> =\n  <template>\n    {{#let (argOrDefault @layout \"vertical\") as |layout|}}\n      <EuiPanel\n        class={{classNames\n          (if\n            layout (concat \"euiEmptyPrompt--\" layout) \"euiEmptyPrompt--vertical\"\n          )\n          componentName=\"EuiEmptyPrompt\"\n          paddingSize=(argOrDefault @paddingSize \"l\")\n        }}\n        @paddingSize=\"none\"\n        @color={{argOrDefault @color \"transparent\"}}\n        @hasBorder={{@hasBorder}}\n        @hasShadow={{false}}\n        ...attributes\n      >\n        <div class=\"euiEmptyPrompt__main\">\n          {{#if (has-block \"icon\")}}\n            <div class=\"euiEmptyPrompt__icon\">{{yield to=\"icon\"}}</div>\n          {{else if @iconType}}\n            <div class=\"euiEmptyPrompt__icon\">\n              <EuiIcon\n                @type={{@iconType}}\n                @size=\"xxl\"\n                @color={{if @iconColor @iconColor (if @color @color \"subdued\")}}\n              />\n            </div>\n          {{/if}}\n          <div class=\"euiEmptyPrompt__content\">\n            {{#if (has-block \"content\")}}\n              <div class=\"euiEmptyPrompt__contentInner\">{{yield\n                  to=\"content\"\n                }}</div>\n            {{else}}\n              <div class=\"euiEmptyPrompt__contentInner\">\n                {{#if @title}}\n                  <EuiTitle\n                    @size={{argOrDefault @titleSize \"m\"}}\n                  >{{@title}}</EuiTitle>\n                {{/if}}\n                {{#if @body}}\n                  <EuiTextColor @color=\"subdued\">\n                    {{#if @title}}\n                      <EuiSpacer @size=\"m\" />\n                    {{/if}}\n                    <EuiText>\n                      {{@body}}\n                    </EuiText>\n                  </EuiTextColor>\n                {{/if}}\n                {{#if @actions.length}}\n                  <EuiSpacer @size=\"l\" />\n                {{/if}}\n                {{#if (gte @actions.length 2)}}\n                  <EuiFlexGroup\n                    class=\"euiEmptyPrompt__actions\"\n                    @gutterSize=\"m\"\n                    @alignItems=\"center\"\n                    @justifyContent=\"center\"\n                    @direction={{if (eq layout \"vertical\") \"column\" \"row\"}}\n                  >\n                    {{#each @actions as |oneAction|}}\n                      <EuiFlexItem @grow={{false}}>\n                        {{oneAction}}\n                      </EuiFlexItem>\n                    {{/each}}\n                  </EuiFlexGroup>\n                {{else}}\n                  {{#each @actions as |oneAction|}}\n                    {{oneAction}}\n                  {{/each}}\n                {{/if}}\n              </div>\n            {{/if}}\n          </div>\n        </div>\n\n        {{#if (has-block \"footer\")}}\n          <div class=\"euiEmptyPrompt__footer\">\n            {{yield to=\"footer\"}}\n          </div>\n        {{else}}\n          {{#if @footer}}\n            <div class=\"euiEmptyPrompt__footer\">\n              {{@footer}}\n            </div>\n          {{/if}}\n        {{/if}}\n      </EuiPanel>\n    {{/let}}\n  </template>;\n\nexport default EuiEmptyPrompt;\n"],"names":["EuiEmptyPrompt","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiPanel","classNames","concat","EuiIcon","EuiTitle","EuiTextColor","EuiSpacer","EuiText","gte","EuiFlexGroup","eq","EuiFlexItem","templateOnly"],"mappings":";;;;;;;;;;;;;;;;AAuEA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,6+EAAA,EA0FA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAC,SAAA;aAAAC,gBAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-expression.js

@@ -0,0 +1,46 @@
+import { hash } from '@ember/helper';
+import { on } from '@ember/modifier';
+import { element } from 'ember-element-helper';
+import cssStyle from '../-private/css-style.js';
+import EuiIcon from './eui-icon.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const COLORS = {
+  subdued: 'euiExpression--subdued',
+  primary: 'euiExpression--primary',
+  success: 'euiExpression--success',
+  accent: 'euiExpression--accent',
+  warning: 'euiExpression--warning',
+  danger: 'euiExpression--danger'
+};
+/**
+ * One part of a sentence-like query or rule, e.g. **WHEN** `avg()` or
+ * **IS ABOVE** `100`: a description and a value. With `@onClick` it is a
+ * button, usually opening a popover to edit the value.
+ */
+
+function classes(color = 'success', isInvalid, isActive, clickable, uppercase = true, display, textWrap) {
+  return ['euiExpression', isActive && 'euiExpression-isActive', clickable && 'euiExpression-isClickable', uppercase && 'euiExpression-isUppercase', display === 'columns' && 'euiExpression--columns', COLORS[isInvalid ? 'danger' : color], textWrap === 'truncate' && 'euiExpression--truncate'].filter(Boolean).join(' ');
+}
+function noop() {}
+const EuiExpression = setComponentTemplate(precompileTemplate("{{#let (element (if @onClick \"button\" \"span\")) as |Tag|}}\n  <Tag class={{classes @color @isInvalid @isActive (if @onClick true false) @uppercase @display @textWrap}} type={{if @onClick \"button\"}} {{on \"click\" (if @onClick @onClick noop)}} ...attributes>\n    <span class=\"euiExpression__description\" style={{if (isColumns @display) (cssStyle (hash flexBasis=(if @descriptionWidth @descriptionWidth \"20%\")))}}>\n      {{~#if (has-block \"description\")~}}\n        {{yield to=\"description\"}}\n      {{~else~}}\n        {{@description}}\n      {{~/if~}}\n    </span>\n    {{#if (has-block \"value\")}}\n      <span class=\"euiExpression__value\">{{yield to=\"value\"}}</span>\n    {{else if @value}}\n      <span class=\"euiExpression__value\">{{@value}}</span>\n    {{/if}}\n    {{#if @isInvalid}}\n      <EuiIcon class=\"euiExpression__icon\" @type=\"alert\" @color=\"danger\" />\n    {{/if}}\n  </Tag>\n{{/let}}", {
+  strictMode: true,
+  scope: () => ({
+    element,
+    classes,
+    on,
+    noop,
+    isColumns,
+    cssStyle,
+    hash,
+    EuiIcon
+  })
+}), templateOnly());
+function isColumns(display) {
+  return display === 'columns';
+}
+
+export { EuiExpression as default };
+//# sourceMappingURL=eui-expression.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-expression.js","sources":["../../src/components/eui-expression.gts"],"sourcesContent":["import { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { element } from 'ember-element-helper';\n\nimport cssStyle from '../-private/css-style.ts';\nimport EuiIcon from './eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst COLORS = {\n  subdued: 'euiExpression--subdued',\n  primary: 'euiExpression--primary',\n  success: 'euiExpression--success',\n  accent: 'euiExpression--accent',\n  warning: 'euiExpression--warning',\n  danger: 'euiExpression--danger'\n};\n\n/**\n * One part of a sentence-like query or rule, e.g. **WHEN** `avg()` or\n * **IS ABOVE** `100`: a description and a value. With `@onClick` it is a\n * button, usually opening a popover to edit the value.\n */\nexport interface EuiExpressionSignature {\n  Element: HTMLButtonElement | HTMLSpanElement;\n  Args: {\n    /** First part, e.g. \"when\". Use the `<:description>` block for markup. */\n    description?: string;\n    /** Second part, e.g. \"avg()\". Use the `<:value>` block for markup. */\n    value?: string;\n    /**\n     * Color of the description: `'subdued'`, `'primary'`, `'success'`,\n     * `'accent'`, `'warning'` or `'danger'`. Defaults to `'success'`.\n     */\n    color?: 'subdued' | 'primary' | 'success' | 'accent' | 'warning' | 'danger';\n    /** Uppercases the description. Defaults to `true`. */\n    uppercase?: boolean;\n    /** Solid underline, e.g. while its popover is open. */\n    isActive?: boolean;\n    /** Shows it in danger color with an alert icon. */\n    isInvalid?: boolean;\n    /** Makes it a `<button>` with a dashed underline. */\n    onClick?: (event: MouseEvent) => void;\n    /**\n     * `'inline'` (in a sentence) or `'columns'` (description and value in\n     * two columns, to stack several). Defaults to `'inline'`.\n     */\n    display?: 'inline' | 'columns';\n    /** Width of the description in columns display. Defaults to `'20%'`. */\n    descriptionWidth?: number | string;\n    /** `'break-word'` or `'truncate'` long values. Defaults to `'break-word'`. */\n    textWrap?: 'break-word' | 'truncate';\n  };\n  Blocks: {\n    /** Markup for the description, instead of `@description`. */\n    description: [];\n    /** Markup for the value, instead of `@value`. */\n    value: [];\n  };\n}\n\nfunction classes(\n  color: keyof typeof COLORS = 'success',\n  isInvalid?: boolean,\n  isActive?: boolean,\n  clickable?: boolean,\n  uppercase = true,\n  display?: string,\n  textWrap?: string\n): string {\n  return [\n    'euiExpression',\n    isActive && 'euiExpression-isActive',\n    clickable && 'euiExpression-isClickable',\n    uppercase && 'euiExpression-isUppercase',\n    display === 'columns' && 'euiExpression--columns',\n    COLORS[isInvalid ? 'danger' : color],\n    textWrap === 'truncate' && 'euiExpression--truncate'\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nfunction noop(): void {}\n\nconst EuiExpression: TemplateOnlyComponent<EuiExpressionSignature> = <template>\n  {{#let (element (if @onClick \"button\" \"span\")) as |Tag|}}\n    <Tag\n      class={{classes\n        @color\n        @isInvalid\n        @isActive\n        (if @onClick true false)\n        @uppercase\n        @display\n        @textWrap\n      }}\n      type={{if @onClick \"button\"}}\n      {{on \"click\" (if @onClick @onClick noop)}}\n      ...attributes\n    >\n      <span\n        class=\"euiExpression__description\"\n        style={{if\n          (isColumns @display)\n          (cssStyle\n            (hash flexBasis=(if @descriptionWidth @descriptionWidth \"20%\"))\n          )\n        }}\n      >\n        {{~#if (has-block \"description\")~}}\n          {{yield to=\"description\"}}\n        {{~else~}}\n          {{@description}}\n        {{~/if~}}\n      </span>\n      {{#if (has-block \"value\")}}\n        <span class=\"euiExpression__value\">{{yield to=\"value\"}}</span>\n      {{else if @value}}\n        <span class=\"euiExpression__value\">{{@value}}</span>\n      {{/if}}\n      {{#if @isInvalid}}\n        <EuiIcon class=\"euiExpression__icon\" @type=\"alert\" @color=\"danger\" />\n      {{/if}}\n    </Tag>\n  {{/let}}\n</template>;\n\nfunction isColumns(display?: string): boolean {\n  return display === 'columns';\n}\n\nexport default EuiExpression;\n"],"names":["COLORS","subdued","primary","success","accent","warning","danger","classes","color","isInvalid","isActive","clickable","uppercase","display","textWrap","filter","Boolean","join","noop","EuiExpression","setComponentTemplate","precompileTemplate","strictMode","scope","element","on","isColumns","cssStyle","hash","EuiIcon","templateOnly"],"mappings":";;;;;;;;;AAUA,MAAMA,MAAA,GAAS;AACbC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,MAAA,EAAQ,uBAAA;AACRC,EAAAA,OAAA,EAAS,wBAAA;AACTC,EAAAA,MAAA,EAAQ;AACV,CAAA;AAEA;;;;AAIC;;AAuCD,SAASC,OAAAA,CACPC,KAAoB,GAAS,SAAS,EACtCC,SAAmB,EACnBC,QAAkB,EAClBC,SAAmB,EACnBC,SAAA,GAAY,IAAI,EAChBC,OAAgB,EAChBC,QAAiB,EACV;EACP,OAAO,CACL,eAAA,EACAJ,QAAA,IAAY,wBAAA,EACZC,SAAA,IAAa,2BAAA,EACbC,SAAA,IAAa,2BAAA,EACbC,OAAA,KAAY,SAAA,IAAa,wBAAA,EACzBb,MAAM,CAACS,SAAA,GAAY,QAAA,GAAWD,KAAA,CAAM,EACpCM,QAAA,KAAa,UAAA,IAAc,yBAAA,CAC5B,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASC,IAAAA,GAAY,CAAE;AAEvB,MAAMC,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,i6BAAA,EAyCrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;IAAAjB,OAAA;IAAAkB,EAAA;IAAAP,IAAA;IAAAQ,SAAA;IAAAC,QAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;AAEV,SAASJ,SAAAA,CAAUb,OAAgB,EAAU;EAC3C,OAAOA,OAAA,KAAY,SAAA;AACrB;;"}

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

@@ -0,0 +1,32 @@
+import didInsert from '@ember/render-modifiers/modifiers/did-insert';
+import EuiImage from './eui-inner-text.js';
+import EuiLoadingSpinner from './eui-loading-spinner.js';
+import EuiNotificationBadge from './eui-notification-badge.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+function badgeColor(isSelected, isDisabled) {
+  return !isSelected || isDisabled ? 'subdued' : 'accent';
+}
+function isNumber(value) {
+  return typeof value === 'number';
+}
+const EuiFacetButton = setComponentTemplate(precompileTemplate("<EuiInnerText as |ref innerText|>\n  <button type=\"button\" class=\"euiFacetButton\n      {{if @isSelected \"euiFacetButton--isSelected\" \"euiFacetButton--unSelected\"}}\" disabled={{if (or2 @isLoading @isDisabled) true}} title={{innerText}} ...attributes>\n    <span class=\"euiFacetButton__content\">\n      {{yield to=\"icon\"}}\n      <span class=\"euiFacetButton__text\" data-text={{innerText}} {{didInsert ref}}>{{yield}}</span>\n      {{#if @isLoading}}\n        <EuiLoadingSpinner class=\"euiFacetButton__spinner\" @size=\"m\" />\n      {{else if (isNumber @quantity)}}\n        <EuiNotificationBadge class=\"euiFacetButton__quantity\" @size=\"m\" @color={{badgeColor @isSelected (or2 @isLoading @isDisabled)}}>{{@quantity}}</EuiNotificationBadge>\n      {{/if}}\n    </span>\n  </button>\n</EuiInnerText>", {
+  strictMode: true,
+  scope: () => ({
+    EuiInnerText: EuiImage,
+    or2,
+    didInsert,
+    EuiLoadingSpinner,
+    isNumber,
+    EuiNotificationBadge,
+    badgeColor
+  })
+}), templateOnly());
+function or2(a, b) {
+  return Boolean(a || b);
+}
+
+export { EuiFacetButton as default };
+//# sourceMappingURL=eui-facet-button.js.map

package/dist/components/eui-facet-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-facet-button.js","sources":["../../src/components/eui-facet-button.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiLoadingSpinner from './eui-loading-spinner.gts';\nimport EuiNotificationBadge from './eui-notification-badge.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * A button to filter by one value (a facet), usually with the number of\n * matching items. Put several in an `EuiFacetGroup`.\n */\nexport interface EuiFacetButtonSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /** Number of matching items, shown in a badge. */\n    quantity?: number;\n    /** Selected look: bold text and an accent badge. */\n    isSelected?: boolean;\n    /** Disables the button. */\n    isDisabled?: boolean;\n    /** Replaces the quantity with a spinner and disables the button. */\n    isLoading?: boolean;\n  };\n  Blocks: {\n    /** The facet's name. */\n    default: [];\n    /**\n     * An icon or avatar before the name; give it the class\n     * `euiFacetButton__icon`, e.g. `<EuiIcon class=\"euiFacetButton__icon\" … />`.\n     */\n    icon: [];\n  };\n}\n\nfunction badgeColor(isSelected?: boolean, isDisabled?: boolean): 'subdued' | 'accent' {\n  return !isSelected || isDisabled ? 'subdued' : 'accent';\n}\n\nfunction isNumber(value: unknown): value is number {\n  return typeof value === 'number';\n}\n\nconst EuiFacetButton: TemplateOnlyComponent<EuiFacetButtonSignature> = <template>\n  <EuiInnerText as |ref innerText|>\n    <button\n      type=\"button\"\n      class=\"euiFacetButton\n        {{if @isSelected 'euiFacetButton--isSelected' 'euiFacetButton--unSelected'}}\"\n      disabled={{if (or2 @isLoading @isDisabled) true}}\n      title={{innerText}}\n      ...attributes\n    >\n      <span class=\"euiFacetButton__content\">\n        {{yield to=\"icon\"}}\n        <span\n          class=\"euiFacetButton__text\"\n          data-text={{innerText}}\n          {{didInsert ref}}\n        >{{yield}}</span>\n        {{#if @isLoading}}\n          <EuiLoadingSpinner class=\"euiFacetButton__spinner\" @size=\"m\" />\n        {{else if (isNumber @quantity)}}\n          <EuiNotificationBadge\n            class=\"euiFacetButton__quantity\"\n            @size=\"m\"\n            @color={{badgeColor @isSelected (or2 @isLoading @isDisabled)}}\n          >{{@quantity}}</EuiNotificationBadge>\n        {{/if}}\n      </span>\n    </button>\n  </EuiInnerText>\n</template>;\n\nfunction or2(a?: boolean, b?: boolean): boolean {\n  return Boolean(a || b);\n}\n\nexport default EuiFacetButton;\n"],"names":["badgeColor","isSelected","isDisabled","isNumber","value","EuiFacetButton","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInnerText","or2","didInsert","EuiLoadingSpinner","EuiNotificationBadge","templateOnly","a","b","Boolean"],"mappings":";;;;;;;;AAmCA,SAASA,WAAWC,UAAoB,EAAEC,UAAoB,EAAe;AAC3E,EAAA,OAAO,CAACD,UAAA,IAAcC,UAAA,GAAa,SAAA,GAAY,QAAA;AACjD;AAEA,SAASC,QAAAA,CAASC,KAAc,EAAkB;EAChD,OAAO,OAAOA,KAAA,KAAU,QAAA;AAC1B;AAEA,MAAMC,cAAsC,GAAAC,oBAAA,CAA2BC,kBAAA,CAAA,izBAAA,EA6BvE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;kBAAAC,QAAA;IAAAC,GAAA;IAAAC,SAAA;IAAAC,iBAAA;IAAAV,QAAA;IAAAW,oBAAA;AAAAd,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAe,YAAA,EAAA;AAEV,SAASJ,IAAIK,CAAW,EAAEC,CAAW,EAAU;AAC7C,EAAA,OAAOC,QAAQF,CAAA,IAAKC,CAAA,CAAA;AACtB;;"}

package/dist/components/eui-facet-group.js

@@ -0,0 +1,30 @@
+import EuiFlexGroup from './eui-flex-group.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const GUTTERS = {
+  none: 'euiFacetGroup--gutterNone',
+  s: 'euiFacetGroup--gutterSmall',
+  m: 'euiFacetGroup--gutterMedium',
+  l: 'euiFacetGroup--gutterLarge'
+};
+/** Lays out `EuiFacetButton`s in a column or in wrapping rows. */
+
+function classes(layout = 'vertical', gutterSize = 'm') {
+  return `euiFacetGroup euiFacetGroup--${layout} ${GUTTERS[gutterSize]}`;
+}
+function isHorizontal(layout) {
+  return layout === 'horizontal';
+}
+const EuiFacetGroup = setComponentTemplate(precompileTemplate("<EuiFlexGroup class={{classes @layout @gutterSize}} @direction={{if (isHorizontal @layout) \"row\" \"column\"}} @wrap={{isHorizontal @layout}} @gutterSize=\"none\" ...attributes>\n  {{yield}}\n</EuiFlexGroup>", {
+  strictMode: true,
+  scope: () => ({
+    EuiFlexGroup,
+    classes,
+    isHorizontal
+  })
+}), templateOnly());
+
+export { EuiFacetGroup as default };
+//# sourceMappingURL=eui-facet-group.js.map

package/dist/components/eui-facet-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-facet-group.js","sources":["../../src/components/eui-facet-group.gts"],"sourcesContent":["import EuiFlexGroup from './eui-flex-group.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nconst GUTTERS = {\n  none: 'euiFacetGroup--gutterNone',\n  s: 'euiFacetGroup--gutterSmall',\n  m: 'euiFacetGroup--gutterMedium',\n  l: 'euiFacetGroup--gutterLarge'\n};\n\n/** Lays out `EuiFacetButton`s in a column or in wrapping rows. */\nexport interface EuiFacetGroupSignature {\n  Element: HTMLDivElement | HTMLSpanElement;\n  Args: {\n    /**\n     * `'vertical'` (a column) or `'horizontal'` (wrapping rows).\n     * Defaults to `'vertical'`.\n     */\n    layout?: 'vertical' | 'horizontal';\n    /** Space between buttons: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'m'`. */\n    gutterSize?: 'none' | 's' | 'm' | 'l';\n  };\n  Blocks: {\n    /** The `EuiFacetButton`s. */\n    default: [];\n  };\n}\n\nfunction classes(layout: string = 'vertical', gutterSize: keyof typeof GUTTERS = 'm'): string {\n  return `euiFacetGroup euiFacetGroup--${layout} ${GUTTERS[gutterSize]}`;\n}\n\nfunction isHorizontal(layout?: string): boolean {\n  return layout === 'horizontal';\n}\n\nconst EuiFacetGroup: TemplateOnlyComponent<EuiFacetGroupSignature> = <template>\n  <EuiFlexGroup\n    class={{classes @layout @gutterSize}}\n    @direction={{if (isHorizontal @layout) \"row\" \"column\"}}\n    @wrap={{isHorizontal @layout}}\n    @gutterSize=\"none\"\n    ...attributes\n  >\n    {{yield}}\n  </EuiFlexGroup>\n</template>;\n\nexport default EuiFacetGroup;\n"],"names":["GUTTERS","none","s","m","l","classes","layout","gutterSize","isHorizontal","EuiFacetGroup","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFlexGroup","templateOnly"],"mappings":";;;;;AAIA,MAAMA,OAAA,GAAU;AACdC,EAAAA,IAAA,EAAM,2BAAA;AACNC,EAAAA,CAAA,EAAG,4BAAA;AACHC,EAAAA,CAAA,EAAG,6BAAA;AACHC,EAAAA,CAAA,EAAG;AACL,CAAA;AAEA;;AAkBA,SAASC,OAAAA,CAAQC,MAAc,GAAG,UAAU,EAAEC,UAAyB,GAAU,GAAG,EAAS;AAC3F,EAAA,OAAO,gCAAgCD,MAAA,CAAA,CAAA,EAAUN,OAAO,CAACO,UAAA,CAAW,CAAA,CAAE;AACxE;AAEA,SAASC,YAAAA,CAAaF,MAAe,EAAU;EAC7C,OAAOA,MAAA,KAAW,YAAA;AACpB;AAEA,MAAMG,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,kNAAA,EAUrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAT,OAAA;AAAAG,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAO,YAAA,EAAA;;"}

package/dist/components/eui-field-number.js

@@ -10,7 +10,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiFieldNumber = setComponentTemplate(precompileTemplate("\n    {{#let (and (argOrDefault @isPrependProvided true) (has-block \"prepend\")) (and (argOrDefault @isAppendProvided true) (has-block \"append\")) (argOrDefault @id (randomId)) as |hasPrepend hasAppend inputId|}}\n      {{#let (classNames (if @icon \"euiFieldNumber--withIcon\") (if @fullWidth \"euiFieldNumber--fullWidth\") (if @compressed \"euiFieldNumber--compressed\") (if (or hasPrepend hasAppend) \"euiFieldNumber--inGroup\") (if @isLoading \"euiFieldNumber--isLoading\") \"euiFieldNumber\") as |classes|}}\n        {{#if @controlOnly}}\n          <input id={{@id}} class={{classes}} value={{@value}} min={{@min}} max={{@max}} disabled={{@disabled}} step={{@step}} type=\"number\" readonly={{@readOnly}} {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}} ...attributes />\n        {{else}}\n          <EuiFormControlLayout @icon={{@icon}} @clear={{@clear}} @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{or hasPrepend hasAppend}}>\n            <:prepend as |prependClasses|>\n              {{yield prependClasses to=\"prepend\"}}\n            </:prepend>\n            <:field>\n              <input id={{inputId}} class={{classes}} value={{@value}} min={{@min}} max={{@max}} disabled={{@disabled}} step={{@step}} type=\"number\" readonly={{@readOnly}} {{validatableControl @isInvalid}} ...attributes />\n            </:field>\n            <:append as |appendClasses|>\n              {{yield appendClasses to=\"append\"}}\n            </:append>\n          </EuiFormControlLayout>\n        {{/if}}\n      {{/let}}\n    {{/let}}\n  ", {
+const EuiFieldNumber = setComponentTemplate(precompileTemplate("{{#let (and (argOrDefault @isPrependProvided true) (has-block \"prepend\")) (and (argOrDefault @isAppendProvided true) (has-block \"append\")) (argOrDefault @id (randomId)) as |hasPrepend hasAppend inputId|}}\n  {{#let (classNames (if @icon \"euiFieldNumber--withIcon\") (if @fullWidth \"euiFieldNumber--fullWidth\") (if @compressed \"euiFieldNumber--compressed\") (if (or hasPrepend hasAppend) \"euiFieldNumber--inGroup\") (if @isLoading \"euiFieldNumber--isLoading\") \"euiFieldNumber\") as |classes|}}\n    {{#if @controlOnly}}\n      <input id={{@id}} class={{classes}} value={{@value}} min={{@min}} max={{@max}} disabled={{@disabled}} step={{@step}} type=\"number\" readonly={{@readOnly}} {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}} ...attributes />\n    {{else}}\n      <EuiFormControlLayout @icon={{@icon}} @clear={{@clear}} @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @readOnly={{@readOnly}} @disabled={{@disabled}} @useGroup={{or hasPrepend hasAppend}}>\n        <:prepend as |prependClasses|>\n          {{yield prependClasses to=\"prepend\"}}\n        </:prepend>\n        <:field>\n          <input id={{inputId}} class={{classes}} value={{@value}} min={{@min}} max={{@max}} disabled={{@disabled}} step={{@step}} type=\"number\" readonly={{@readOnly}} {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}} ...attributes />\n        </:field>\n        <:append as |appendClasses|>\n          {{yield appendClasses to=\"append\"}}\n        </:append>\n      </EuiFormControlLayout>\n    {{/if}}\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     and,