@ember-eui/core 14.0.0 → 14.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"eui-range-slider.js","sources":["../../src/components/eui-range-slider.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiRangeSliderArgs = CommonArgs & {\n  id?: string;\n  name?: string;\n  min: number;\n  max: number;\n  step?: number;\n  value?: number;\n  compressed?: boolean;\n  hasFocus?: boolean;\n  showRange?: boolean;\n  showTicks?: boolean;\n  disabled?: boolean;\n  tabIndex?: number;\n  onChange?: (e: InputEvent) => void;\n  readonly?: boolean;\n};\n\nexport interface EuiRangeSliderSignature {\n  Element: HTMLInputElement;\n  Args: EuiRangeSliderArgs;\n}\n\nconst EuiRangeSlider: TemplateOnlyComponent<EuiRangeSliderSignature> =\n  <template>\n    <input\n      type=\"range\"\n      id={{@id}}\n      name={{@name}}\n      class={{classNames\n        \"euiRangeSlider\"\n        (if @showTicks \"euiRangeSlider--hasTicks\")\n        (if @hasFocus \"euiRangeSlider--hasFocus\")\n        (if @showRange \"euiRangeSlider--hasRange\")\n        (if @compressed \"euiRangeSlider--compressed\")\n      }}\n      min={{@min}}\n      max={{@max}}\n      step={{@step}}\n      value={{@value}}\n      disabled={{@disabled}}\n      ...attributes\n    />\n  </template>;\n\nexport default EuiRangeSlider;\n"],"names":["EuiRangeSlider","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AA2BA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAmBA,iXAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-range-slider.js","sources":["../../src/components/eui-range-slider.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport type EuiRangeSliderArgs = CommonArgs & {\n  /** Id of the input. */\n  id?: string;\n  /** `name` of the input. */\n  name?: string;\n  /** Lowest value. */\n  min: number;\n  /** Highest value. */\n  max: number;\n  /** Increment between values. */\n  step?: number;\n  /** The value. */\n  value?: number;\n  /** Compressed (smaller) styling. */\n  compressed?: boolean;\n  /** Focus styling. */\n  hasFocus?: boolean;\n  /** Highlights the range from min to the value. */\n  showRange?: boolean;\n  /** Leaves room for ticks under the track. */\n  showTicks?: boolean;\n  /** Disabled styling. */\n  disabled?: boolean;\n  /** `tabindex` of the control. */\n  tabIndex?: number;\n  /** Called when the value changes (a tick or the track is clicked). */\n  onChange?: (e: InputEvent) => void;\n  /** Read-only. */\n  readonly?: boolean;\n};\n\n/** @private The native range input of EuiRange / EuiDualRange. */\nexport interface EuiRangeSliderSignature {\n  Element: HTMLInputElement;\n  Args: EuiRangeSliderArgs;\n}\n\nconst EuiRangeSlider: TemplateOnlyComponent<EuiRangeSliderSignature> =\n  <template>\n    <input\n      type=\"range\"\n      id={{@id}}\n      name={{@name}}\n      class={{classNames\n        \"euiRangeSlider\"\n        (if @showTicks \"euiRangeSlider--hasTicks\")\n        (if @hasFocus \"euiRangeSlider--hasFocus\")\n        (if @showRange \"euiRangeSlider--hasRange\")\n        (if @compressed \"euiRangeSlider--compressed\")\n      }}\n      min={{@min}}\n      max={{@max}}\n      step={{@step}}\n      value={{@value}}\n      disabled={{@disabled}}\n      ...attributes\n    />\n  </template>;\n\nexport default EuiRangeSlider;\n"],"names":["EuiRangeSlider","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAoCA;AAMA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,iXAAA,EAmBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-range-thumb.js","sources":["../../src/components/eui-range-thumb.gts"],"sourcesContent":["import castTo from '../helpers/cast-to.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiRangeThumbSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    min?: number;\n    max?: number;\n    value?: number;\n    disabled?: boolean;\n    tabIndex?: number;\n    showTicks?: boolean;\n  };\n}\n\nconst EuiRangeThumb: TemplateOnlyComponent<EuiRangeThumbSignature> = <template>\n  {{! template-lint-disable }}\n  <button\n    type=\"button\"\n    class={{classNames\n      \"euiRangeThumb\"\n      (if @showTicks \"euiRangeThumb--hasTicks\")\n    }}\n    aria-valuemin={{@min}}\n    aria-valuemax={{@max}}\n    aria-valuenow={{castTo @value to=\"number\"}}\n    aria-diabled={{@disabled}}\n    tabindex={{if @disabled -1 (if @tabIndex @tabIndex 0)}}\n    ...attributes\n  >\n    <div\n      role=\"slider\"\n      aria-valuemin={{@min}}\n      aria-valuemax={{@max}}\n      aria-valuenow={{castTo @value to=\"number\"}}\n      aria-diabled={{@disabled}}\n      tabindex={{if @disabled -1 (if @tabIndex 0)}}\n    ></div>\n  </button>\n  {{! template-lint-enable }}\n</template>;\n\nexport default EuiRangeThumb;\n"],"names":["EuiRangeThumb","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","castTo","templateOnly"],"mappings":";;;;;;AAiBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAyBrE,4jBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-range-thumb.js","sources":["../../src/components/eui-range-thumb.gts"],"sourcesContent":["import castTo from '../helpers/cast-to.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private A draggable thumb of EuiDualRange. */\nexport interface EuiRangeThumbSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /** Lowest value. */\n    min?: number;\n    /** Highest value. */\n    max?: number;\n    /** The value. */\n    value?: number;\n    /** Disabled styling. */\n    disabled?: boolean;\n    /** `tabindex` of the control. */\n    tabIndex?: number;\n    /** Leaves room for ticks under the track. */\n    showTicks?: boolean;\n  };\n}\n\nconst EuiRangeThumb: TemplateOnlyComponent<EuiRangeThumbSignature> = <template>\n  {{! template-lint-disable }}\n  <button\n    type=\"button\"\n    class={{classNames\n      \"euiRangeThumb\"\n      (if @showTicks \"euiRangeThumb--hasTicks\")\n    }}\n    aria-valuemin={{@min}}\n    aria-valuemax={{@max}}\n    aria-valuenow={{castTo @value to=\"number\"}}\n    aria-diabled={{@disabled}}\n    tabindex={{if @disabled -1 (if @tabIndex @tabIndex 0)}}\n    ...attributes\n  >\n    <div\n      role=\"slider\"\n      aria-valuemin={{@min}}\n      aria-valuemax={{@max}}\n      aria-valuenow={{castTo @value to=\"number\"}}\n      aria-diabled={{@disabled}}\n      tabindex={{if @disabled -1 (if @tabIndex 0)}}\n    ></div>\n  </button>\n  {{! template-lint-enable }}\n</template>;\n\nexport default EuiRangeThumb;\n"],"names":["EuiRangeThumb","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","castTo","templateOnly"],"mappings":";;;;;;AAwBA,MAAMA,aAAqC,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,4jBAAA,EAyBrE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -8,6 +8,7 @@ import getRangeTick from '../helpers/get-range-tick.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
+/** @private The ticks under the track of EuiRange / EuiDualRange. */
 class EuiRangeTicksComponent extends Component {
   get percentageWidth() {
     const {

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

@@ -1 +1 @@
-{"version":3,"file":"eui-range-ticks.js","sources":["../../src/components/eui-range-ticks.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { htmlSafe } from '@ember/template';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\nimport getRangeTick from '../helpers/get-range-tick.ts';\n\nexport interface EuiRangeTick {\n  value: number;\n  label: Component;\n}\n\ntype Value = string | number;\n\nexport type EuiRangeTicksArgs = {\n  /** Custom ticks; without them, ticks are rendered for every interval step */\n  ticks?: EuiRangeTick[];\n  tickSequence: number[];\n  value?: Value | Value[];\n  min: number;\n  max: number;\n  compressed?: boolean;\n  interval?: number;\n  disabled?: boolean;\n  onChange?: (e: MouseEvent) => void;\n  trackWidth?: number;\n};\n\nexport interface EuiRangeTicksSignature {\n  Element: HTMLDivElement;\n  Args: EuiRangeTicksArgs;\n}\n\nexport default class EuiRangeTicksComponent extends Component<EuiRangeTicksSignature> {\n  get percentageWidth(): number {\n    const { max, min, interval = 1 } = this.args;\n\n    return (interval / (max - min + interval)) * 100;\n  }\n\n  get ticksStyle(): ReturnType<typeof htmlSafe> | undefined {\n    const { ticks } = this.args;\n\n    return !ticks\n      ? undefined\n      : htmlSafe(`margin: 0 ${this.percentageWidth / -2}%; left: 0; right: 0;`);\n  }\n\n  get trackWidth(): number {\n    return this.args.trackWidth || 0;\n  }\n\n  <template>\n    <div\n      class=\"euiRangeTicks {{if @compressed 'euiRangeTicks--compressed'}}\"\n      style={{this.ticksStyle}}\n      ...attributes\n    >\n      {{#each @tickSequence key=\"value\" as |tickValue|}}\n        {{#let\n          (getRangeTick\n            @ticks tickValue @min @max this.percentageWidth this.trackWidth\n          )\n          as |derivedState|\n        }}\n          <button\n            type=\"button\"\n            class={{classNames\n              (if (eq @value tickValue) \"euiRangeTick--selected\")\n              (if derivedState.customTick \"euiRangeTick--isCustom\")\n              \"euiRangeTick\"\n            }}\n            value={{tickValue}}\n            disabled={{@disabled}}\n            style={{derivedState.style}}\n            tabindex=\"-1\"\n            {{on \"click\" (optional @onChange)}}\n          >\n            {{!@glint-expect-error}}\n            {{derivedState.label}}\n          </button>\n        {{/let}}\n      {{/each}}\n    </div>\n  </template>\n}\n"],"names":["EuiRangeTicksComponent","Component","percentageWidth","max","min","interval","args","ticksStyle","ticks","undefined","htmlSafe","trackWidth","setComponentTemplate","precompileTemplate","strictMode","scope","getRangeTick","classNames","eq","on","optional"],"mappings":";;;;;;;;;;AAoCe,MAAMA,+BAA+BC,SAAU,CAAA;EAC5D,IAAIC,eAAAA,GAA0B;IAC5B,MAAM;MAAEC,GAAG;MAAEC,GAAG;AAAEC,MAAAA,QAAW,GAAA;KAAG,GAAG,IAAI,CAACC,IAAI;IAE5C,OAAQD,QAAW,IAACF,MAAMC,GAAM,GAAAC,QAAQ,CAAC,GAAI,GAAA;AAC/C;EAEA,IAAIE,UAAcA,GAAwC;IACxD,MAAM;AAAEC,MAAAA;KAAO,GAAG,IAAI,CAACF,IAAI;AAE3B,IAAA,OAAO,CAACE,KAAA,GACJC,SACA,GAAAC,QAAA,CAAS,CAAa,UAAA,EAAA,IAAI,CAACR,eAAe,GAAG,EAAC,uBAAwB,CAAA;AAC5E;EAEA,IAAIS,UAAAA,GAAqB;AACvB,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,UAAU,IAAI,CAAA;AACjC;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAgCA,2sBAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-range-ticks.js","sources":["../../src/components/eui-range-ticks.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { htmlSafe } from '@ember/template';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { eq } from 'ember-truth-helpers';\n\nimport classNames from '../helpers/class-names.ts';\nimport getRangeTick from '../helpers/get-range-tick.ts';\n\n/** A custom tick of EuiRange / EuiDualRange: `{ value: 20, label: '20kb' }`. */\nexport interface EuiRangeTick {\n  /** Where the tick is. */\n  value: number;\n  /** Its label. */\n  label: Component;\n}\n\ntype Value = string | number;\n\nexport type EuiRangeTicksArgs = {\n  /** Custom ticks; without them, ticks are rendered for every interval step */\n  ticks?: EuiRangeTick[];\n  /** Values to render ticks at. */\n  tickSequence: number[];\n  /** The value. */\n  value?: Value | Value[];\n  /** Lowest value. */\n  min: number;\n  /** Highest value. */\n  max: number;\n  /** Compressed (smaller) styling. */\n  compressed?: boolean;\n  /** Interval between ticks. */\n  interval?: number;\n  /** Disabled styling. */\n  disabled?: boolean;\n  /** Called when the value changes (a tick or the track is clicked). */\n  onChange?: (e: MouseEvent) => void;\n  /** Width of the track in px. */\n  trackWidth?: number;\n};\n\n/** @private The ticks under the track of EuiRange / EuiDualRange. */\nexport interface EuiRangeTicksSignature {\n  Element: HTMLDivElement;\n  Args: EuiRangeTicksArgs;\n}\n\nexport default class EuiRangeTicksComponent extends Component<EuiRangeTicksSignature> {\n  get percentageWidth(): number {\n    const { max, min, interval = 1 } = this.args;\n\n    return (interval / (max - min + interval)) * 100;\n  }\n\n  get ticksStyle(): ReturnType<typeof htmlSafe> | undefined {\n    const { ticks } = this.args;\n\n    return !ticks\n      ? undefined\n      : htmlSafe(`margin: 0 ${this.percentageWidth / -2}%; left: 0; right: 0;`);\n  }\n\n  get trackWidth(): number {\n    return this.args.trackWidth || 0;\n  }\n\n  <template>\n    <div\n      class=\"euiRangeTicks {{if @compressed 'euiRangeTicks--compressed'}}\"\n      style={{this.ticksStyle}}\n      ...attributes\n    >\n      {{#each @tickSequence key=\"value\" as |tickValue|}}\n        {{#let\n          (getRangeTick\n            @ticks tickValue @min @max this.percentageWidth this.trackWidth\n          )\n          as |derivedState|\n        }}\n          <button\n            type=\"button\"\n            class={{classNames\n              (if (eq @value tickValue) \"euiRangeTick--selected\")\n              (if derivedState.customTick \"euiRangeTick--isCustom\")\n              \"euiRangeTick\"\n            }}\n            value={{tickValue}}\n            disabled={{@disabled}}\n            style={{derivedState.style}}\n            tabindex=\"-1\"\n            {{on \"click\" (optional @onChange)}}\n          >\n            {{!@glint-expect-error}}\n            {{derivedState.label}}\n          </button>\n        {{/let}}\n      {{/each}}\n    </div>\n  </template>\n}\n"],"names":["EuiRangeTicksComponent","Component","percentageWidth","max","min","interval","args","ticksStyle","ticks","undefined","htmlSafe","trackWidth","setComponentTemplate","precompileTemplate","strictMode","scope","getRangeTick","classNames","eq","on","optional"],"mappings":";;;;;;;;;;AA2CA;AAMe,MAAMA,+BAA+BC,SAAA,CAAU;EAC5D,IAAIC,eAAAA,GAA0B;IAC5B,MAAM;MAAEC,GAAG;MAAEC,GAAG;AAAEC,MAAAA,QAAA,GAAW;KAAG,GAAG,IAAI,CAACC,IAAI;IAE5C,OAAQD,QAAA,IAAYF,MAAMC,GAAA,GAAMC,QAAQ,CAAC,GAAI,GAAA;AAC/C,EAAA;EAEA,IAAIE,UAAAA,GAAsD;IACxD,MAAM;AAAEC,MAAAA;KAAO,GAAG,IAAI,CAACF,IAAI;AAE3B,IAAA,OAAO,CAACE,KAAA,GACJC,SAAA,GACAC,QAAA,CAAS,CAAA,UAAA,EAAa,IAAI,CAACR,eAAe,GAAG,EAAC,uBAAwB,CAAA;AAC5E,EAAA;EAEA,IAAIS,UAAAA,GAAqB;AACvB,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,UAAU,IAAI,CAAA;AACjC,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,2sBAAA,EAgCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -5,6 +5,7 @@ import classNames from '../helpers/class-names.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
+/** @private The value tooltip of EuiRange (`@showValue`). */
 class EuiRangeToolipComponent extends Component {
   get styling() {
     const {

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

@@ -1 +1 @@
-{"version":3,"file":"eui-range-tooltip.js","sources":["../../src/components/eui-range-tooltip.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { concat } from '@ember/helper';\nimport { htmlSafe } from '@ember/template';\n\nimport classNames from '../helpers/class-names.ts';\n\nexport interface EuiRangeTick {\n  value: number;\n  label: Component;\n}\n\nexport type EuiRangeTooltipArgs = {\n  value?: number | string;\n  valueAppend?: Component;\n  valuePrepend?: Component;\n  max: number;\n  min: number;\n  name?: string;\n  showTicks?: boolean;\n  compressed?: boolean;\n};\n\ntype Styling = {\n  side: string;\n  style: ReturnType<typeof htmlSafe>;\n};\n\nexport interface EuiRangeTooltipSignature {\n  Args: EuiRangeTooltipArgs;\n  Blocks: {\n    valuePrepend: [];\n    value: [];\n    valueAppend: [];\n  };\n}\n\nexport default class EuiRangeToolipComponent extends Component<EuiRangeTooltipSignature> {\n  get styling(): Styling {\n    const { value, max, min } = this.args;\n    let val = 0;\n\n    if (typeof value === 'number') {\n      val = value;\n    } else if (typeof value === 'string') {\n      val = parseFloat(value);\n    }\n\n    const decimal = (val - min) / (max - min);\n    // Must be between 0-100%\n    let valuePosition = decimal <= 1 ? decimal : 1;\n\n    valuePosition = valuePosition >= 0 ? valuePosition : 0;\n\n    let valuePositionSide;\n    let valuePositionStyleStr;\n\n    if (valuePosition > 0.5) {\n      valuePositionSide = 'left';\n      valuePositionStyleStr = `right: ${(1 - valuePosition) * 100}%;`;\n    } else {\n      valuePositionSide = 'right';\n      valuePositionStyleStr = `left: ${valuePosition * 100}%;`;\n    }\n\n    return {\n      side: valuePositionSide,\n      style: htmlSafe(valuePositionStyleStr)\n    };\n  }\n\n  <template>\n    <div\n      class=\"euiRangeTooltip {{if @compressed 'euiRangeTooltip--compressed'}}\"\n    >\n      <output\n        class={{classNames\n          \"euiRangeTooltip__value\"\n          (concat \"euiRangeTooltip__value--\" this.styling.side)\n          (if @showTicks \"euiRangeTooltip__value--hasTicks\")\n        }}\n        for={{@name}}\n        style={{this.styling.style}}\n      >\n        {{yield to=\"valuePrepend\"}}\n        {{yield to=\"value\"}}\n        {{yield to=\"valueAppend\"}}\n      </output>\n    </div>\n  </template>\n}\n"],"names":["EuiRangeToolipComponent","Component","styling","value","max","min","args","val","parseFloat","decimal","valuePosition","valuePositionSide","valuePositionStyleStr","side","style","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","concat"],"mappings":";;;;;;;AAoCe,MAAMA,gCAAgCC,SAAU,CAAA;EAC7D,IAAIC,UAAmB;IACrB,MAAM;MAAEC,KAAK;MAAEC,GAAG;AAAEC,MAAAA;KAAK,GAAG,IAAI,CAACC,IAAI;IACrC,IAAIC,GAAM,GAAA,CAAA;AAEV,IAAA,IAAI,OAAOJ,UAAU,QAAU,EAAA;AAC7BI,MAAAA,GAAM,GAAAJ,KAAA;AACR,KAAO,MAAA,IAAI,OAAOA,KAAA,KAAU,QAAU,EAAA;AACpCI,MAAAA,GAAA,GAAMC,UAAW,CAAAL,KAAA,CAAA;AACnB;IAEA,MAAMM,UAAU,CAACF,GAAA,GAAMF,GAAG,KAAKD,MAAMC,GAAG,CAAA;AACxC;IACA,IAAIK,aAAA,GAAgBD,OAAW,IAAA,CAAA,GAAIA,OAAU,GAAA,CAAA;AAE7CC,IAAAA,aAAgB,GAAAA,aAAA,IAAiB,IAAIA,aAAgB,GAAA,CAAA;AAErD,IAAA,IAAIC,iBAAA;AACJ,IAAA,IAAIC,qBAAA;IAEJ,IAAIF,gBAAgB,GAAK,EAAA;AACvBC,MAAAA,iBAAoB,GAAA,MAAA;MACpBC,qBAAwB,GAAA,UAAU,CAAC,IAAIF,aAAa,IAAI,GAAI,CAAG,EAAA,CAAA;AACjE,KAAO,MAAA;AACLC,MAAAA,iBAAoB,GAAA,OAAA;AACpBC,MAAAA,qBAAA,GAAwB,CAAA,MAAA,EAASF,aAAgB,GAAA,GAAA,CAAO,EAAA,CAAA;AAC1D;IAEA,OAAO;AACLG,MAAAA,IAAM,EAAAF,iBAAA;MACNG,KAAA,EAAOC,QAAS,CAAAH,qBAAA;KAClB;AACF;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAkBA,8ZAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-range-tooltip.js","sources":["../../src/components/eui-range-tooltip.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { concat } from '@ember/helper';\nimport { htmlSafe } from '@ember/template';\n\nimport classNames from '../helpers/class-names.ts';\n\n/** A custom tick of EuiRange / EuiDualRange: `{ value: 20, label: '20kb' }`. */\nexport interface EuiRangeTick {\n  /** Where the tick is. */\n  value: number;\n  /** Its label. */\n  label: Component;\n}\n\nexport type EuiRangeTooltipArgs = {\n  /** The value. */\n  value?: number | string;\n  /** Content after the value. */\n  valueAppend?: Component;\n  /** Content before the value. */\n  valuePrepend?: Component;\n  /** Highest value. */\n  max: number;\n  /** Lowest value. */\n  min: number;\n  /** `name` of the input. */\n  name?: string;\n  /** Leaves room for ticks under the track. */\n  showTicks?: boolean;\n  /** Compressed (smaller) styling. */\n  compressed?: boolean;\n};\n\ntype Styling = {\n  side: string;\n  style: ReturnType<typeof htmlSafe>;\n};\n\n/** @private The value tooltip of EuiRange (`@showValue`). */\nexport interface EuiRangeTooltipSignature {\n  Args: EuiRangeTooltipArgs;\n  Blocks: {\n    valuePrepend: [];\n    value: [];\n    valueAppend: [];\n  };\n}\n\nexport default class EuiRangeToolipComponent extends Component<EuiRangeTooltipSignature> {\n  get styling(): Styling {\n    const { value, max, min } = this.args;\n    let val = 0;\n\n    if (typeof value === 'number') {\n      val = value;\n    } else if (typeof value === 'string') {\n      val = parseFloat(value);\n    }\n\n    const decimal = (val - min) / (max - min);\n    // Must be between 0-100%\n    let valuePosition = decimal <= 1 ? decimal : 1;\n\n    valuePosition = valuePosition >= 0 ? valuePosition : 0;\n\n    let valuePositionSide;\n    let valuePositionStyleStr;\n\n    if (valuePosition > 0.5) {\n      valuePositionSide = 'left';\n      valuePositionStyleStr = `right: ${(1 - valuePosition) * 100}%;`;\n    } else {\n      valuePositionSide = 'right';\n      valuePositionStyleStr = `left: ${valuePosition * 100}%;`;\n    }\n\n    return {\n      side: valuePositionSide,\n      style: htmlSafe(valuePositionStyleStr)\n    };\n  }\n\n  <template>\n    <div\n      class=\"euiRangeTooltip {{if @compressed 'euiRangeTooltip--compressed'}}\"\n    >\n      <output\n        class={{classNames\n          \"euiRangeTooltip__value\"\n          (concat \"euiRangeTooltip__value--\" this.styling.side)\n          (if @showTicks \"euiRangeTooltip__value--hasTicks\")\n        }}\n        for={{@name}}\n        style={{this.styling.style}}\n      >\n        {{yield to=\"valuePrepend\"}}\n        {{yield to=\"value\"}}\n        {{yield to=\"valueAppend\"}}\n      </output>\n    </div>\n  </template>\n}\n"],"names":["EuiRangeToolipComponent","Component","styling","value","max","min","args","val","parseFloat","decimal","valuePosition","valuePositionSide","valuePositionStyleStr","side","style","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","concat"],"mappings":";;;;;;;AAsCA;AAUe,MAAMA,gCAAgCC,SAAA,CAAU;EAC7D,IAAIC,UAAmB;IACrB,MAAM;MAAEC,KAAK;MAAEC,GAAG;AAAEC,MAAAA;KAAK,GAAG,IAAI,CAACC,IAAI;IACrC,IAAIC,GAAA,GAAM,CAAA;AAEV,IAAA,IAAI,OAAOJ,UAAU,QAAA,EAAU;AAC7BI,MAAAA,GAAA,GAAMJ,KAAA;AACR,IAAA,CAAA,MAAO,IAAI,OAAOA,KAAA,KAAU,QAAA,EAAU;AACpCI,MAAAA,GAAA,GAAMC,UAAA,CAAWL,KAAA,CAAA;AACnB,IAAA;IAEA,MAAMM,UAAU,CAACF,GAAA,GAAMF,GAAG,KAAKD,MAAMC,GAAG,CAAA;AACxC;IACA,IAAIK,aAAA,GAAgBD,OAAA,IAAW,CAAA,GAAIA,OAAA,GAAU,CAAA;AAE7CC,IAAAA,aAAA,GAAgBA,aAAA,IAAiB,IAAIA,aAAA,GAAgB,CAAA;AAErD,IAAA,IAAIC,iBAAA;AACJ,IAAA,IAAIC,qBAAA;IAEJ,IAAIF,gBAAgB,GAAA,EAAK;AACvBC,MAAAA,iBAAA,GAAoB,MAAA;MACpBC,qBAAA,GAAwB,UAAU,CAAC,IAAIF,aAAa,IAAI,GAAA,CAAA,EAAA,CAAO;AACjE,IAAA,CAAA,MAAO;AACLC,MAAAA,iBAAA,GAAoB,OAAA;AACpBC,MAAAA,qBAAA,GAAwB,CAAA,MAAA,EAASF,aAAA,GAAgB,GAAA,CAAA,EAAA,CAAO;AAC1D,IAAA;IAEA,OAAO;AACLG,MAAAA,IAAA,EAAMF,iBAAA;MACNG,KAAA,EAAOC,QAAA,CAASH,qBAAA;KAClB;AACF,EAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,8ZAAA,EAkBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -17,6 +17,10 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
 
+/** A custom tick of EuiRange / EuiDualRange: `{ value: 20, label: '20kb' }`. */
+
+/** @private The track (levels, ticks, highlight) of EuiRange / EuiDualRange. */
+
 class EuiRangeTrackComponent extends Component {
   static {
     g(this.prototype, "trackEl", [tracked]);

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

@@ -1 +1 @@
-{"version":3,"file":"eui-range-track.js","sources":["../../src/components/eui-range-track.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\nimport { fn } from '@ember/helper';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { htmlSafe } from '@ember/template';\n\nimport { and, gt,or } from 'ember-truth-helpers';\nimport { range } from 'lodash-es';\n\nimport classNames from '../helpers/class-names.ts';\nimport { isEvenlyDivisibleBy } from '../utils/number/index.ts';\nimport { LEVEL_COLORS } from './eui-range-levels.gts';\nimport EuiRangeLevels from './eui-range-levels.gts';\nimport EuiRangeTicks from './eui-range-ticks.gts';\n\nimport type { EuiRangeLevel } from './eui-range-levels';\n\nexport { LEVEL_COLORS };\n\nexport interface EuiRangeTick {\n  value: number;\n  label: Component;\n}\n\ntype Value = number | string;\n\nexport type EuiRangeTrackArgs = {\n  min: number;\n  max: number;\n  step?: number;\n  value?: Value | Value[];\n  compressed?: boolean;\n  disabled?: boolean;\n  showTicks?: boolean;\n  tickInterval?: number;\n  ticks?: EuiRangeTick[];\n  onChange?: (e: MouseEvent) => void;\n  levels?: EuiRangeLevel[];\n};\n\ntype Styling = {\n  tickSequence?: number[];\n  styles: ReturnType<typeof htmlSafe>;\n};\n\nexport interface EuiRangeTrackSignature {\n  Element: HTMLElement;\n  Args: EuiRangeTrackArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiRangeTrackComponent extends Component<EuiRangeTrackSignature> {\n  @tracked trackEl?: HTMLElement;\n\n  @action\n  registerTrack(el: HTMLElement) {\n    this.trackEl = el;\n  }\n\n  @action\n  validateValueIsInStep(value: number): number {\n    const { min, max, step } = this.args;\n\n    if (value < min) {\n      assert(\n        `The value of ${value} is lower than the min value of ${min}.`,\n        false\n      );\n    }\n\n    if (value > max) {\n      assert(\n        `The value of ${value} is higher than the max value of ${max}.`,\n        false\n      );\n    }\n\n    // Error out if the value doesn't line up with the sequence of steps\n    if (!isEvenlyDivisibleBy(value - min, step !== undefined ? step : 1)) {\n      assert(\n        `The value of ${value} is not included in the possible sequence provided by the step of ${step}.`,\n        false\n      );\n    }\n\n    // Return the value if nothing fails\n    return value;\n  }\n\n  calculateSequence(\n    min: EuiRangeTrackArgs['min'],\n    max: EuiRangeTrackArgs['max'],\n    interval?: EuiRangeTrackArgs['tickInterval']\n  ): number[] {\n    // Loop from min to max, creating adding values at each interval\n    // (adds a very small number to the max since `range` is not inclusive of the max value)\n    const toBeInclusive = 0.000000001;\n\n    return range(min, max + toBeInclusive, interval);\n  }\n\n  calculateTicks(\n    min: EuiRangeTrackArgs['min'],\n    max: EuiRangeTrackArgs['max'],\n    step?: EuiRangeTrackArgs['step'],\n    tickInterval?: EuiRangeTrackArgs['tickInterval'],\n    customTicks?: EuiRangeTick[]\n  ): number[] {\n    let ticks;\n\n    if (customTicks) {\n      // If custom values were passed, use those for the sequence\n      // But make sure they align with the possible sequence\n      ticks = customTicks.map((tick) => {\n        return this.validateValueIsInStep(tick.value);\n      });\n    } else {\n      // If a custom interval was passed, use those for the sequence\n      // But make sure they align with the possible sequence\n      const interval = tickInterval || step;\n      const tickSequence = this.calculateSequence(min, max, interval);\n\n      ticks = tickSequence.map((tick) => {\n        return this.validateValueIsInStep(tick);\n      });\n    }\n\n    // Error out if there are too many ticks to render\n    if (ticks.length > 20) {\n      assert(\n        `The number of ticks to render is too high (${ticks.length}), increase the interval.`,\n        true\n      );\n    }\n\n    return ticks;\n  }\n\n  get derivedState(): Styling {\n    let tickSequence;\n    let styles = '';\n    const { showTicks, min, max, step, tickInterval, ticks } = this.args;\n\n    if (showTicks) {\n      tickSequence = this.calculateTicks(min, max, step, tickInterval, ticks);\n\n      // Calculate if any extra margin should be added to the inputWrapper\n      // because of longer tick labels on the ends\n      const lengthOfMinLabel = String(tickSequence[0]).length;\n      const lenghtOfMaxLabel = String(\n        tickSequence[tickSequence.length - 1]\n      ).length;\n      const isLastTickTheMax = tickSequence[tickSequence.length - 1] === max;\n\n      if (lengthOfMinLabel > 2) {\n        styles = `margin-left: ${lengthOfMinLabel / 5}em`;\n      }\n\n      if (isLastTickTheMax && lenghtOfMaxLabel > 2) {\n        styles = `margin-right: ${lenghtOfMaxLabel / 5}em`;\n      }\n    }\n\n    return {\n      tickSequence,\n      styles: htmlSafe(styles)\n    };\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n    \n    this.trackEl = undefined;\n  }\n\n  <template>\n    <div\n      class={{classNames\n        \"euiRangeTrack\"\n        (if @disabled \"euiRangeTrack--disabled\")\n        (if @showTicks \"euiRangeTrack--hasTicks\")\n        (if (and @levels (gt @levels.length 0)) \"euiRangeTrack--hasLevels\")\n      }}\n      style={{if this.derivedState.styles this.derivedState.styles}}\n      ...attributes\n      {{didInsert (fn this.validateValueIsInStep @max)}}\n      {{didInsert this.registerTrack}}\n      {{didUpdate (fn this.validateValueIsInStep @max) @max}}\n      {{didUpdate (fn this.validateValueIsInStep @max) @min}}\n      {{didUpdate (fn this.validateValueIsInStep @max) @step}}\n    >\n      {{#if (gt @levels.length 0)}}\n        <EuiRangeLevels\n          @compressed={{@compressed}}\n          @levels={{@levels}}\n          @max={{@max}}\n          @min={{@min}}\n          @showTicks={{@showTicks}}\n          @trackWidth={{this.trackEl.clientWidth}}\n        />\n      {{/if}}\n      {{#if this.derivedState.tickSequence}}\n        <EuiRangeTicks\n          @disabled={{@disabled}}\n          @compressed={{@compressed}}\n          @ticks={{@ticks}}\n          @tickSequence={{this.derivedState.tickSequence}}\n          @value={{@value}}\n          @min={{@min}}\n          @max={{@max}}\n          @interval={{or @tickInterval @step}}\n          @onChange={{@onChange}}\n          @trackWidth={{this.trackEl.clientWidth}}\n        />\n      {{/if}}\n      {{yield}}\n    </div>\n  </template>\n}\n"],"names":["EuiRangeTrackComponent","Component","g","prototype","tracked","i","registerTrack","el","trackEl","n","action","validateValueIsInStep","value","min","max","step","args","assert","isEvenlyDivisibleBy","undefined","calculateSequence","interval","toBeInclusive","range","calculateTicks","tickInterval","customTicks","ticks","map","tick","tickSequence","length","derivedState","styles","showTicks","lengthOfMinLabel","String","lenghtOfMaxLabel","isLastTickTheMax","htmlSafe","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","gt","didInsert","fn","didUpdate","EuiRangeLevels","EuiRangeTicks","or"],"mappings":"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"}
+{"version":3,"file":"eui-range-track.js","sources":["../../src/components/eui-range-track.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\nimport { fn } from '@ember/helper';\nimport { action } from '@ember/object';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport didUpdate from '@ember/render-modifiers/modifiers/did-update';\nimport { htmlSafe } from '@ember/template';\n\nimport { and, gt,or } from 'ember-truth-helpers';\nimport { range } from 'lodash-es';\n\nimport classNames from '../helpers/class-names.ts';\nimport { isEvenlyDivisibleBy } from '../utils/number/index.ts';\nimport { LEVEL_COLORS } from './eui-range-levels.gts';\nimport EuiRangeLevels from './eui-range-levels.gts';\nimport EuiRangeTicks from './eui-range-ticks.gts';\n\nimport type { EuiRangeLevel } from './eui-range-levels';\n\nexport { LEVEL_COLORS };\n\n/** A custom tick of EuiRange / EuiDualRange: `{ value: 20, label: '20kb' }`. */\nexport interface EuiRangeTick {\n  /** Where the tick is. */\n  value: number;\n  /** Its label. */\n  label: Component;\n}\n\ntype Value = number | string;\n\nexport type EuiRangeTrackArgs = {\n  /** Lowest value. */\n  min: number;\n  /** Highest value. */\n  max: number;\n  /** Increment between values. */\n  step?: number;\n  /** The value. */\n  value?: Value | Value[];\n  /** Compressed (smaller) styling. */\n  compressed?: boolean;\n  /** Disabled styling. */\n  disabled?: boolean;\n  /** Leaves room for ticks under the track. */\n  showTicks?: boolean;\n  /** Interval between ticks. */\n  tickInterval?: number;\n  /** Custom ticks, see `EuiRangeTick`. */\n  ticks?: EuiRangeTick[];\n  /** Called when the value changes (a tick or the track is clicked). */\n  onChange?: (e: MouseEvent) => void;\n  /** Colored intervals, see `EuiRangeLevel`. */\n  levels?: EuiRangeLevel[];\n};\n\ntype Styling = {\n  tickSequence?: number[];\n  styles: ReturnType<typeof htmlSafe>;\n};\n\n/** @private The track (levels, ticks, highlight) of EuiRange / EuiDualRange. */\nexport interface EuiRangeTrackSignature {\n  Element: HTMLElement;\n  Args: EuiRangeTrackArgs;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class EuiRangeTrackComponent extends Component<EuiRangeTrackSignature> {\n  @tracked trackEl?: HTMLElement;\n\n  @action\n  registerTrack(el: HTMLElement) {\n    this.trackEl = el;\n  }\n\n  @action\n  validateValueIsInStep(value: number): number {\n    const { min, max, step } = this.args;\n\n    if (value < min) {\n      assert(\n        `The value of ${value} is lower than the min value of ${min}.`,\n        false\n      );\n    }\n\n    if (value > max) {\n      assert(\n        `The value of ${value} is higher than the max value of ${max}.`,\n        false\n      );\n    }\n\n    // Error out if the value doesn't line up with the sequence of steps\n    if (!isEvenlyDivisibleBy(value - min, step !== undefined ? step : 1)) {\n      assert(\n        `The value of ${value} is not included in the possible sequence provided by the step of ${step}.`,\n        false\n      );\n    }\n\n    // Return the value if nothing fails\n    return value;\n  }\n\n  calculateSequence(\n    min: EuiRangeTrackArgs['min'],\n    max: EuiRangeTrackArgs['max'],\n    interval?: EuiRangeTrackArgs['tickInterval']\n  ): number[] {\n    // Loop from min to max, creating adding values at each interval\n    // (adds a very small number to the max since `range` is not inclusive of the max value)\n    const toBeInclusive = 0.000000001;\n\n    return range(min, max + toBeInclusive, interval);\n  }\n\n  calculateTicks(\n    min: EuiRangeTrackArgs['min'],\n    max: EuiRangeTrackArgs['max'],\n    step?: EuiRangeTrackArgs['step'],\n    tickInterval?: EuiRangeTrackArgs['tickInterval'],\n    customTicks?: EuiRangeTick[]\n  ): number[] {\n    let ticks;\n\n    if (customTicks) {\n      // If custom values were passed, use those for the sequence\n      // But make sure they align with the possible sequence\n      ticks = customTicks.map((tick) => {\n        return this.validateValueIsInStep(tick.value);\n      });\n    } else {\n      // If a custom interval was passed, use those for the sequence\n      // But make sure they align with the possible sequence\n      const interval = tickInterval || step;\n      const tickSequence = this.calculateSequence(min, max, interval);\n\n      ticks = tickSequence.map((tick) => {\n        return this.validateValueIsInStep(tick);\n      });\n    }\n\n    // Error out if there are too many ticks to render\n    if (ticks.length > 20) {\n      assert(\n        `The number of ticks to render is too high (${ticks.length}), increase the interval.`,\n        true\n      );\n    }\n\n    return ticks;\n  }\n\n  get derivedState(): Styling {\n    let tickSequence;\n    let styles = '';\n    const { showTicks, min, max, step, tickInterval, ticks } = this.args;\n\n    if (showTicks) {\n      tickSequence = this.calculateTicks(min, max, step, tickInterval, ticks);\n\n      // Calculate if any extra margin should be added to the inputWrapper\n      // because of longer tick labels on the ends\n      const lengthOfMinLabel = String(tickSequence[0]).length;\n      const lenghtOfMaxLabel = String(\n        tickSequence[tickSequence.length - 1]\n      ).length;\n      const isLastTickTheMax = tickSequence[tickSequence.length - 1] === max;\n\n      if (lengthOfMinLabel > 2) {\n        styles = `margin-left: ${lengthOfMinLabel / 5}em`;\n      }\n\n      if (isLastTickTheMax && lenghtOfMaxLabel > 2) {\n        styles = `margin-right: ${lenghtOfMaxLabel / 5}em`;\n      }\n    }\n\n    return {\n      tickSequence,\n      styles: htmlSafe(styles)\n    };\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n    \n    this.trackEl = undefined;\n  }\n\n  <template>\n    <div\n      class={{classNames\n        \"euiRangeTrack\"\n        (if @disabled \"euiRangeTrack--disabled\")\n        (if @showTicks \"euiRangeTrack--hasTicks\")\n        (if (and @levels (gt @levels.length 0)) \"euiRangeTrack--hasLevels\")\n      }}\n      style={{if this.derivedState.styles this.derivedState.styles}}\n      ...attributes\n      {{didInsert (fn this.validateValueIsInStep @max)}}\n      {{didInsert this.registerTrack}}\n      {{didUpdate (fn this.validateValueIsInStep @max) @max}}\n      {{didUpdate (fn this.validateValueIsInStep @max) @min}}\n      {{didUpdate (fn this.validateValueIsInStep @max) @step}}\n    >\n      {{#if (gt @levels.length 0)}}\n        <EuiRangeLevels\n          @compressed={{@compressed}}\n          @levels={{@levels}}\n          @max={{@max}}\n          @min={{@min}}\n          @showTicks={{@showTicks}}\n          @trackWidth={{this.trackEl.clientWidth}}\n        />\n      {{/if}}\n      {{#if this.derivedState.tickSequence}}\n        <EuiRangeTicks\n          @disabled={{@disabled}}\n          @compressed={{@compressed}}\n          @ticks={{@ticks}}\n          @tickSequence={{this.derivedState.tickSequence}}\n          @value={{@value}}\n          @min={{@min}}\n          @max={{@max}}\n          @interval={{or @tickInterval @step}}\n          @onChange={{@onChange}}\n          @trackWidth={{this.trackEl.clientWidth}}\n        />\n      {{/if}}\n      {{yield}}\n    </div>\n  </template>\n}\n"],"names":["EuiRangeTrackComponent","Component","g","prototype","tracked","i","registerTrack","el","trackEl","n","action","validateValueIsInStep","value","min","max","step","args","assert","isEvenlyDivisibleBy","undefined","calculateSequence","interval","toBeInclusive","range","calculateTicks","tickInterval","customTicks","ticks","map","tick","tickSequence","length","derivedState","styles","showTicks","lengthOfMinLabel","String","lenghtOfMaxLabel","isLastTickTheMax","htmlSafe","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","gt","didInsert","fn","didUpdate","EuiRangeLevels","EuiRangeTicks","or"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-range-wrapper.js","sources":["../../src/components/eui-range-wrapper.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiRangeWrapperSignature {\n  Element: HTMLDivElement;\n  Args: {\n    fullWidth?: boolean;\n    compressed?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiRangeWrapper: TemplateOnlyComponent<EuiRangeWrapperSignature> =\n  <template>\n    <div\n      class={{classNames\n        \"euiRangeWrapper\"\n        (if @fullWidth \"euiRangeWrapper--fullWidth\")\n        (if @compressed \"euiRangeWrapper--compressed\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiRangeWrapper;\n"],"names":["EuiRangeWrapper","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAeA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAWA,mLAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-range-wrapper.js","sources":["../../src/components/eui-range-wrapper.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private Wraps the parts of EuiRange / EuiDualRange. */\nexport interface EuiRangeWrapperSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Stretches to the container's width. */\n    fullWidth?: boolean;\n    /** Compressed (smaller) styling. */\n    compressed?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiRangeWrapper: TemplateOnlyComponent<EuiRangeWrapperSignature> =\n  <template>\n    <div\n      class={{classNames\n        \"euiRangeWrapper\"\n        (if @fullWidth \"euiRangeWrapper--fullWidth\")\n        (if @compressed \"euiRangeWrapper--compressed\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>;\n\nexport default EuiRangeWrapper;\n"],"names":["EuiRangeWrapper","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAkBA,MAAMA,eAAuC,GAAAC,oBAAA,CAC3CC,kBAAA,CAAA,mLAAA,EAWA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-range.js","sources":["../../src/components/eui-range.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { 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 { later } from '@ember/runloop';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport castTo from '../helpers/cast-to.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { isWithinRange } from '../utils/number/index.ts';\nimport EuiInputPopover from './eui-input-popover.gts';\nimport EuiRangeHighlight from './eui-range-highlight.gts';\nimport EuiRangeInput from './eui-range-input.gts';\nimport EuiRangeLabel from './eui-range-label.gts';\nimport EuiRangeSlider from './eui-range-slider.gts';\nimport EuiRangeTooltip from './eui-range-tooltip.gts';\nimport EuiRangeTrack from './eui-range-track.gts';\nimport EuiRangeWrapper from './eui-range-wrapper.gts';\n\nimport type { EuiRangeLevel } from './eui-range-levels';\nimport type { EuiRangeTick } from './eui-range-ticks';\n\nexport interface EuiRangeArgs {\n  compressed?: boolean;\n  readOnly?: boolean;\n  fullWidth?: boolean;\n  id?: string;\n  /**\n   * Create colored indicators for certain intervals\n   */\n  levels?: EuiRangeLevel[];\n  step?: number;\n  /**\n   * Pass `true` to displays an extra input control for direct manipulation.\n   * Pass `'inputWithPopover'` to only show the input but show the range in a dropdown.\n   */\n  showInput?: boolean | 'inputWithPopover';\n  /**\n   * Shows static min/max labels on the sides of the range slider\n   */\n  showLabels?: boolean;\n  /**\n   * Shows a thick line from min to value\n   */\n  showRange?: boolean;\n  /**\n   * Shows clickable tick marks and labels at the given interval (`step`/`tickInterval`)\n   */\n  showTicks?: boolean;\n\n  min?: number;\n  max?: number;\n  /**\n   * Shows a tooltip styled value\n   */\n  showValue?: boolean;\n  /**\n   * Specified ticks at specified values\n   */\n  ticks?: EuiRangeTick[];\n  /**\n   * Modifies the number of tick marks and at what interval\n   */\n  tickInterval?: number;\n  /**\n   * Appends to the tooltip\n   */\n  valueAppend?: any;\n  /**\n   * Prepends to the tooltip\n   */\n  valuePrepend?: any;\n\n  onChange?: (event: Event, isValid: boolean) => void;\n  onBlur?: (event: Event) => void;\n  onFocus?: (event: Event) => void;\n\n  value?: number;\n\n  disabled?: boolean;\n\n  isPrependProvided?: boolean;\n  isAppendProvided?: boolean;\n  isFakeMaxBlock?: boolean;\n  isFakeMinBlock?: boolean;\n  isFakeValueBlock?: boolean;\n  isFakeValueAppendBlock?: boolean;\n  isFakeValuePrependBlock?: boolean;\n  isInvalid?: boolean;\n  name?: string;\n  isLoading?: boolean;\n}\n\nexport interface EuiRangeSignature {\n  Element: HTMLInputElement;\n  Args: EuiRangeArgs;\n  Blocks: {\n    min: [min: number];\n    max: [max: number];\n    value: [];\n    valueAppend: [];\n    valuePrepend: [];\n    prepend: [classes: string];\n    append: [classes: string];\n    input: [];\n    content: [];\n  };\n}\n\nexport default class EuiRangeComponent extends Component<EuiRangeSignature> {\n  // Defaults\n  @argOrDefaultDecorator(0) min!: number;\n  @argOrDefaultDecorator(100) max!: number;\n  @argOrDefaultDecorator(1) step!: number;\n  @argOrDefaultDecorator(false) fullWidth!: boolean;\n  @argOrDefaultDecorator(false) compressed!: boolean;\n  @argOrDefaultDecorator(false) isLoading!: boolean;\n  @argOrDefaultDecorator(false) showLabels!: boolean;\n  @argOrDefaultDecorator(false) showInput!: boolean | string;\n  @argOrDefaultDecorator(false) showRange!: boolean;\n  @argOrDefaultDecorator(false) showTicks!: boolean;\n  @argOrDefaultDecorator(false) showValue!: boolean;\n  @argOrDefaultDecorator([]) levels!: EuiRangeLevel[];\n\n  preventPopoverClose = false;\n\n  //State\n  @tracked id: string = this.args.id || guidFor({});\n  @tracked isPopoverOpen = false;\n  ///\n\n  @action\n  handleOnChange(e: Event): void {\n    const isValid = isWithinRange(\n      this.min,\n      this.max,\n      (e.currentTarget as HTMLInputElement).value\n    );\n\n    if (this.args.onChange) {\n      this.args.onChange(e, isValid);\n    }\n  }\n\n  get isValid(): boolean {\n    return isWithinRange(this.min, this.max, this.args.value || '');\n  }\n\n  get digitTolerance(): number {\n    return Math.max(String(this.min).length, String(this.max).length);\n  }\n\n  get showInputOnly(): boolean {\n    return this.showInput === 'inputWithPopover';\n  }\n\n  get canShowDropdown(): boolean {\n    return this.showInputOnly && !this.args.readOnly && !this.args.disabled;\n  }\n\n  get showRangeTooltip(): boolean {\n    return (\n      this.showValue &&\n      !!String(this.args.value).length &&\n      this.args.value !== undefined\n    );\n  }\n\n  @action\n  onInputFocus(e: Event): void {\n    if (this.args.onFocus) {\n      this.args.onFocus(e);\n    }\n\n    this.isPopoverOpen = true;\n  }\n\n  @action\n  onInputBlur(e: Event): void {\n    later(\n      this,\n      () => {\n        // Safari does not recognize any focus-related eventing for input[type=range]\n        // making it impossible to capture its state using active/focus/relatedTarget\n        // Instead, a prevention flag is set on mousedown, with a waiting period here.\n        // Mousedown is viable because in the popover case, it is inaccessible via keyboard (intentionally)\n        if (this.preventPopoverClose) {\n          this.preventPopoverClose = false;\n\n          return;\n        }\n\n        if (this.args.onBlur) {\n          this.args.onBlur(e);\n        }\n\n        this.closePopover();\n      },\n      200\n    );\n  }\n\n  @action\n  setPreventPopover(val: boolean): void {\n    this.preventPopoverClose = val;\n  }\n\n  @action\n  closePopover(): void {\n    this.preventPopoverClose = false;\n    this.isPopoverOpen = false;\n  }\n\n  @action\n  setPreventPopoverClose(bool: boolean): void {\n    this.preventPopoverClose = bool;\n  }\n\n  <template>\n    {{#let\n      (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n      (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n      (and (not (argOrDefault @isFakeMaxBlock false)) (has-block \"max\"))\n      (and (not (argOrDefault @isFakeMinBlock false)) (has-block \"min\"))\n      (and (not (argOrDefault @isFakeValueBlock false)) (has-block \"value\"))\n      (and\n        (not (argOrDefault @isFakeValueAppendBlock false))\n        (has-block \"valueAppend\")\n      )\n      (and\n        (not (argOrDefault @isFakeValuePrependBlock false))\n        (has-block \"valuePrepend\")\n      )\n      as |hasPrepend hasAppend hasMaxBlock hasMinBlock hasValueBlock hasValueAppendBlock hasValuePrependBlock|\n    }}\n      {{#if this.showInputOnly}}\n        <EuiInputPopover\n          class=\"euiRange__popover\"\n          @fullWidth={{@fullWidth}}\n          @isOpen={{this.isPopoverOpen}}\n          @closePopover={{this.closePopover}}\n          @disableFocusTrap={{true}}\n        >\n          <:input>\n            <EuiRangeInput\n              id={{this.id}}\n              @min={{this.min}}\n              @max={{this.max}}\n              @digitTolerance={{this.digitTolerance}}\n              @readOnly={{@readOnly}}\n              @step={{this.step}}\n              @value={{@value}}\n              @disabled={{@disabled}}\n              @compressed={{@compressed}}\n              @name={{@name}}\n              @fullWidth={{and this.showInputOnly this.fullWidth}}\n              @isLoading={{and this.showInputOnly @isLoading}}\n              @isInvalid={{@isInvalid}}\n              @autoSize={{not this.showInputOnly}}\n              @isPrependProvided={{hasPrepend}}\n              @isAppendProvided={{hasAppend}}\n              ...attributes\n              {{on\n                \"focus\"\n                (if this.canShowDropdown this.onInputFocus (optional @onFocus))\n              }}\n              {{on\n                \"blur\"\n                (if this.canShowDropdown this.onInputBlur (optional @onBlur))\n              }}\n              {{on \"input\" this.handleOnChange}}\n            >\n              <:prepend as |classes|>\n                {{yield classes to=\"prepend\"}}\n              </:prepend>\n              <:append as |classes|>\n                {{yield classes to=\"append\"}}\n              </:append>\n            </EuiRangeInput>\n          </:input>\n          <:content>\n            <EuiRangeWrapper\n              class={{classNames\n                \"euiRange\"\n                (if this.showInput \"euiRange--hasInput\")\n              }}\n              @fullWidth={{@fullWidth}}\n              @compressed={{@compressed}}\n            >\n              {{#if this.showLabels}}\n                <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n                  {{#if hasMinBlock}}\n                    {{yield this.min to=\"min\"}}\n                  {{else}}\n                    {{this.min}}\n                  {{/if}}\n                </EuiRangeLabel>\n              {{/if}}\n              <EuiRangeTrack\n                aria-hidden={{if (eq this.showInput true) \"true\"}}\n                @disabled={{@disabled}}\n                @compressed={{@compressed}}\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.handleOnChange}}\n                @value={{@value}}\n              >\n                {{#if (and this.showRange this.isValid)}}\n                  <EuiRangeHighlight\n                    @compressed={{@compressed}}\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.min to=\"number\"}}\n                    {{!@glint-expect-error}}\n                    @upperValue={{castTo @value to=\"number\"}}\n                  />\n                {{/if}}\n                <EuiRangeSlider\n                  aria-hidden={{if (eq this.showInput true) \"true\"}}\n                  tabindex={{if (eq this.showInput true) \"-1\"}}\n                  @id={{if this.showInput undefined this.id}}\n                  @name={{@name}}\n                  @min={{this.min}}\n                  @max={{this.max}}\n                  @step={{this.step}}\n                  @value={{@value}}\n                  @disabled={{@disabled}}\n                  @compressed={{@compressed}}\n                  @showTicks={{this.showTicks}}\n                  @showRange={{this.showRange}}\n                  ...attributes\n                  {{on\n                    \"mousedown\"\n                    (if\n                      this.showInputOnly\n                      (fn this.setPreventPopoverClose true)\n                      (optional)\n                    )\n                  }}\n                  {{on\n                    \"focus\"\n                    (if (eq this.showInput true) (optional) (optional @onFocus))\n                  }}\n                  {{on\n                    \"blur\"\n                    (if this.showInputOnly this.onInputBlur (optional @onBlur))\n                  }}\n                  {{on \"input\" this.handleOnChange}}\n                />\n                {{#if this.showRangeTooltip}}\n                  <EuiRangeTooltip\n                    @compressed={{@compressed}}\n                    @value={{@value}}\n                    @max={{this.max}}\n                    @min={{this.min}}\n                    @name={{@name}}\n                    @showTicks={{this.showTicks}}\n                  >\n                    <:valuePrepend>\n                      {{#if hasValuePrependBlock}}\n                        {{yield to=\"valuePrepend\"}}\n                      {{else}}\n                        {{@valuePrepend}}\n                      {{/if}}\n                    </:valuePrepend>\n                    <:value>\n                      {{#if hasValueBlock}}\n                        {{yield to=\"value\"}}\n                      {{else}}\n                        {{@value}}\n                      {{/if}}\n                    </:value>\n                    <:valueAppend>\n                      {{#if hasValueAppendBlock}}\n                        {{yield to=\"valueAppend\"}}\n                      {{else}}\n                        {{@valueAppend}}\n                      {{/if}}\n                    </:valueAppend>\n                  </EuiRangeTooltip>\n                {{/if}}\n              </EuiRangeTrack>\n              {{#if this.showLabels}}\n                <EuiRangeLabel @side=\"max\" @disabled={{@disabled}}>\n                  {{#if hasMaxBlock}}\n                    {{yield this.max to=\"max\"}}\n                  {{else}}\n                    {{this.max}}\n                  {{/if}}\n                </EuiRangeLabel>\n              {{/if}}\n              {{#if (and this.showInput (not this.showInputOnly))}}\n                <div class=\"euiRange__horizontalSpacer\"></div>\n                {{#if this.showInput}}\n                  <EuiRangeInput\n                    id={{this.id}}\n                    @min={{this.min}}\n                    @max={{this.max}}\n                    @digitTolerance={{this.digitTolerance}}\n                    @readOnly={{@readOnly}}\n                    @step={{this.step}}\n                    @value={{@value}}\n                    @disabled={{@disabled}}\n                    @compressed={{@compressed}}\n                    @name={{@name}}\n                    @fullWidth={{and this.showInputOnly this.fullWidth}}\n                    @isLoading={{and this.showInputOnly @isLoading}}\n                    @isInvalid={{@isInvalid}}\n                    @autoSize={{not this.showInputOnly}}\n                    @isPrependProvided={{hasPrepend}}\n                    @isAppendProvided={{hasAppend}}\n                    ...attributes\n                    {{on\n                      \"focus\"\n                      (if\n                        this.canShowDropdown\n                        this.onInputFocus\n                        (optional @onFocus)\n                      )\n                    }}\n                    {{on\n                      \"blur\"\n                      (if\n                        this.canShowDropdown this.onInputBlur (optional @onBlur)\n                      )\n                    }}\n                    {{on \"input\" this.handleOnChange}}\n                  >\n                    <:prepend as |classes|>\n                      {{yield classes to=\"prepend\"}}\n                    </:prepend>\n                    <:append as |classes|>\n                      {{yield classes to=\"append\"}}\n                    </:append>\n                  </EuiRangeInput>\n                {{/if}}\n              {{/if}}\n            </EuiRangeWrapper>\n          </:content>\n        </EuiInputPopover>\n      {{else}}\n        <EuiRangeWrapper\n          class={{classNames\n            \"euiRange\"\n            (if this.showInput \"euiRange--hasInput\")\n          }}\n          @fullWidth={{@fullWidth}}\n          @compressed={{@compressed}}\n        >\n          {{#if this.showLabels}}\n            <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n              {{#if hasMinBlock}}\n                {{yield this.min to=\"min\"}}\n              {{else}}\n                {{this.min}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n          <EuiRangeTrack\n            aria-hidden={{if (eq this.showInput true) \"true\"}}\n            @disabled={{@disabled}}\n            @compressed={{@compressed}}\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.handleOnChange}}\n            @value={{@value}}\n          >\n            {{#if (and this.showRange this.isValid)}}\n              <EuiRangeHighlight\n                @compressed={{@compressed}}\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.min to=\"number\"}}\n                {{!@glint-expect-error}}\n                @upperValue={{castTo @value to=\"number\"}}\n              />\n            {{/if}}\n            <EuiRangeSlider\n              aria-hidden={{if (eq this.showInput true) \"true\"}}\n              tabindex={{if (eq this.showInput true) \"-1\"}}\n              @id={{if this.showInput undefined this.id}}\n              @name={{@name}}\n              @min={{this.min}}\n              @max={{this.max}}\n              @step={{this.step}}\n              @value={{@value}}\n              @disabled={{@disabled}}\n              @compressed={{@compressed}}\n              @showTicks={{this.showTicks}}\n              @showRange={{this.showRange}}\n              ...attributes\n              {{on\n                \"mousedown\"\n                (if\n                  this.showInputOnly (fn this.setPreventPopover true) (optional)\n                )\n              }}\n              {{on\n                \"focus\"\n                (if (eq this.showInput true) (optional) (optional @onFocus))\n              }}\n              {{on\n                \"blur\"\n                (if this.showInputOnly this.onInputBlur (optional @onBlur))\n              }}\n              {{on \"input\" this.handleOnChange}}\n            />\n            {{#if this.showRangeTooltip}}\n              <EuiRangeTooltip\n                @compressed={{@compressed}}\n                @value={{@value}}\n                @max={{this.max}}\n                @min={{this.min}}\n                @name={{@name}}\n                @showTicks={{this.showTicks}}\n              >\n                <:valuePrepend>\n                  {{#if hasValuePrependBlock}}\n                    {{yield to=\"valuePrepend\"}}\n                  {{else}}\n                    {{@valuePrepend}}\n                  {{/if}}\n                </:valuePrepend>\n                <:value>\n                  {{#if hasValueBlock}}\n                    {{yield to=\"value\"}}\n                  {{else}}\n                    {{@value}}\n                  {{/if}}\n                </:value>\n                <:valueAppend>\n                  {{#if hasValueAppendBlock}}\n                    {{yield to=\"valueAppend\"}}\n                  {{else}}\n                    {{@valueAppend}}\n                  {{/if}}\n                </:valueAppend>\n              </EuiRangeTooltip>\n            {{/if}}\n          </EuiRangeTrack>\n          {{#if this.showLabels}}\n            <EuiRangeLabel @side=\"max\" @disabled={{@disabled}}>\n              {{#if hasMaxBlock}}\n                {{yield this.max to=\"max\"}}\n              {{else}}\n                {{this.max}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n          {{#if (and this.showInput (not this.showInputOnly))}}\n            <div class=\"euiRange__horizontalSpacer\"></div>\n            {{#if this.showInput}}\n              <EuiRangeInput\n                id={{this.id}}\n                @min={{this.min}}\n                @max={{this.max}}\n                @digitTolerance={{this.digitTolerance}}\n                @readOnly={{@readOnly}}\n                @step={{this.step}}\n                @value={{@value}}\n                @disabled={{@disabled}}\n                @compressed={{@compressed}}\n                @name={{@name}}\n                @fullWidth={{and this.showInputOnly this.fullWidth}}\n                @isLoading={{and this.showInputOnly @isLoading}}\n                @isInvalid={{@isInvalid}}\n                @autoSize={{not this.showInputOnly}}\n                @isPrependProvided={{hasPrepend}}\n                @isAppendProvided={{hasAppend}}\n                ...attributes\n                {{on\n                  \"focus\"\n                  (if\n                    this.canShowDropdown this.onInputFocus (optional @onFocus)\n                  )\n                }}\n                {{on\n                  \"blur\"\n                  (if this.canShowDropdown this.onInputBlur (optional @onBlur))\n                }}\n                {{on \"input\" this.handleOnChange}}\n              >\n                <:prepend as |classes|>\n                  {{yield classes to=\"prepend\"}}\n                </:prepend>\n                <:append as |classes|>\n                  {{yield classes to=\"append\"}}\n                </:append>\n              </EuiRangeInput>\n            {{/if}}\n          {{/if}}\n        </EuiRangeWrapper>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiRangeComponent","Component","g","prototype","argOrDefaultDecorator","i","preventPopoverClose","tracked","args","id","guidFor","handleOnChange","e","isValid","isWithinRange","min","max","currentTarget","value","onChange","n","action","digitTolerance","Math","String","length","showInputOnly","showInput","canShowDropdown","readOnly","disabled","showRangeTooltip","showValue","undefined","onInputFocus","onFocus","isPopoverOpen","onInputBlur","later","onBlur","closePopover","setPreventPopover","val","setPreventPopoverClose","bool","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","not","EuiInputPopover","EuiRangeInput","on","optional","EuiRangeWrapper","classNames","EuiRangeLabel","EuiRangeTrack","eq","EuiRangeHighlight","castTo","EuiRangeSlider","fn","EuiRangeTooltip"],"mappings":"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"}
+{"version":3,"file":"eui-range.js","sources":["../../src/components/eui-range.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { 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 { later } from '@ember/runloop';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\nimport { and, eq, not } from 'ember-truth-helpers';\n\nimport argOrDefault, {\n  argOrDefaultDecorator\n} from '../helpers/arg-or-default.ts';\nimport castTo from '../helpers/cast-to.ts';\nimport classNames from '../helpers/class-names.ts';\nimport { isWithinRange } from '../utils/number/index.ts';\nimport EuiInputPopover from './eui-input-popover.gts';\nimport EuiRangeHighlight from './eui-range-highlight.gts';\nimport EuiRangeInput from './eui-range-input.gts';\nimport EuiRangeLabel from './eui-range-label.gts';\nimport EuiRangeSlider from './eui-range-slider.gts';\nimport EuiRangeTooltip from './eui-range-tooltip.gts';\nimport EuiRangeTrack from './eui-range-track.gts';\nimport EuiRangeWrapper from './eui-range-wrapper.gts';\n\nimport type { EuiRangeLevel } from './eui-range-levels';\nimport type { EuiRangeTick } from './eui-range-ticks';\n\nexport interface EuiRangeArgs {\n  /** Smaller slider, for dense forms. Defaults to `false`. */\n  compressed?: boolean;\n  /** Makes the number input read-only. */\n  readOnly?: boolean;\n  /** Stretches the slider to its container's width. Defaults to `false`. */\n  fullWidth?: boolean;\n  /** Id of the slider. Defaults to a generated id. */\n  id?: string;\n  /**\n   * Create colored indicators for certain intervals\n   */\n  levels?: EuiRangeLevel[];\n  /** Increment between values. Defaults to `1`. */\n  step?: number;\n  /**\n   * Pass `true` to displays an extra input control for direct manipulation.\n   * Pass `'inputWithPopover'` to only show the input but show the range in a dropdown.\n   */\n  showInput?: boolean | 'inputWithPopover';\n  /**\n   * Shows static min/max labels on the sides of the range slider.\n   * Defaults to `false`.\n   */\n  showLabels?: boolean;\n  /**\n   * Shows a thick line from min to value. Defaults to `false`.\n   */\n  showRange?: boolean;\n  /**\n   * Shows clickable tick marks and labels at the given interval\n   * (`step`/`tickInterval`). Defaults to `false`.\n   */\n  showTicks?: boolean;\n\n  /** Lowest selectable value. Defaults to `0`. */\n  min?: number;\n  /** Highest selectable value. Defaults to `100`. */\n  max?: number;\n  /**\n   * Shows the value in a tooltip above the thumb. Defaults to `false`.\n   */\n  showValue?: boolean;\n  /**\n   * Specified ticks at specified values\n   */\n  ticks?: EuiRangeTick[];\n  /**\n   * Modifies the number of tick marks and at what interval\n   */\n  tickInterval?: number;\n  /**\n   * Appends to the tooltip\n   */\n  valueAppend?: any;\n  /**\n   * Prepends to the tooltip\n   */\n  valuePrepend?: any;\n\n  /**\n   * Called with the event (read `event.target.value`, a string) and whether\n   * the value is within `@min`/`@max`. Update `@value` here.\n   */\n  onChange?: (event: Event, isValid: boolean) => void;\n  /** Called when the slider or input loses focus. */\n  onBlur?: (event: Event) => void;\n  /** Called when the slider or input gets focus. */\n  onFocus?: (event: Event) => void;\n\n  /** The value. */\n  value?: number;\n\n  /** Disables the slider and input. */\n  disabled?: boolean;\n\n  /** @private Show the `<:prepend>` block. Defaults to `true`. */\n  isPrependProvided?: boolean;\n  /** @private Show the `<:append>` block. Defaults to `true`. */\n  isAppendProvided?: boolean;\n  /** @private Ignore the `<:max>` block. */\n  isFakeMaxBlock?: boolean;\n  /** @private Ignore the `<:min>` block. */\n  isFakeMinBlock?: boolean;\n  /** @private Ignore the `<:value>` block. */\n  isFakeValueBlock?: boolean;\n  /** @private Ignore the `<:valueAppend>` block. */\n  isFakeValueAppendBlock?: boolean;\n  /** @private Ignore the `<:valuePrepend>` block. */\n  isFakeValuePrependBlock?: boolean;\n  /** Shows the invalid state. */\n  isInvalid?: boolean;\n  /** `name` of the inputs, for forms. */\n  name?: string;\n  /** Shows a spinner in the number input. Defaults to `false`. */\n  isLoading?: boolean;\n}\n\n/**\n * A slider to pick a number, optionally with a number input, ticks,\n * levels and a value tooltip. For a range of two values use EuiDualRange.\n */\nexport interface EuiRangeSignature {\n  Element: HTMLInputElement;\n  Args: EuiRangeArgs;\n  Blocks: {\n    /** Custom min label (`@showLabels`); yields `@min`. */\n    min: [min: number];\n    /** Custom max label (`@showLabels`); yields `@max`. */\n    max: [max: number];\n    /** Custom value tooltip content (`@showValue`). */\n    value: [];\n    /** Content after the value in the tooltip, e.g. a unit. */\n    valueAppend: [];\n    /** Content before the value in the tooltip, e.g. a currency sign. */\n    valuePrepend: [];\n    /** Content before the number input (`@showInput`); yields its class. */\n    prepend: [classes: string];\n    /** Content after the number input (`@showInput`); yields its class. */\n    append: [classes: string];\n    /** Unused. */\n    input: [];\n    /** Unused. */\n    content: [];\n  };\n}\n\nexport default class EuiRangeComponent extends Component<EuiRangeSignature> {\n  // Defaults\n  @argOrDefaultDecorator(0) min!: number;\n  @argOrDefaultDecorator(100) max!: number;\n  @argOrDefaultDecorator(1) step!: number;\n  @argOrDefaultDecorator(false) fullWidth!: boolean;\n  @argOrDefaultDecorator(false) compressed!: boolean;\n  @argOrDefaultDecorator(false) isLoading!: boolean;\n  @argOrDefaultDecorator(false) showLabels!: boolean;\n  @argOrDefaultDecorator(false) showInput!: boolean | string;\n  @argOrDefaultDecorator(false) showRange!: boolean;\n  @argOrDefaultDecorator(false) showTicks!: boolean;\n  @argOrDefaultDecorator(false) showValue!: boolean;\n  @argOrDefaultDecorator([]) levels!: EuiRangeLevel[];\n\n  preventPopoverClose = false;\n\n  //State\n  @tracked id: string = this.args.id || guidFor({});\n  @tracked isPopoverOpen = false;\n  ///\n\n  @action\n  handleOnChange(e: Event): void {\n    const isValid = isWithinRange(\n      this.min,\n      this.max,\n      (e.currentTarget as HTMLInputElement).value\n    );\n\n    if (this.args.onChange) {\n      this.args.onChange(e, isValid);\n    }\n  }\n\n  get isValid(): boolean {\n    return isWithinRange(this.min, this.max, this.args.value || '');\n  }\n\n  get digitTolerance(): number {\n    return Math.max(String(this.min).length, String(this.max).length);\n  }\n\n  get showInputOnly(): boolean {\n    return this.showInput === 'inputWithPopover';\n  }\n\n  get canShowDropdown(): boolean {\n    return this.showInputOnly && !this.args.readOnly && !this.args.disabled;\n  }\n\n  get showRangeTooltip(): boolean {\n    return (\n      this.showValue &&\n      !!String(this.args.value).length &&\n      this.args.value !== undefined\n    );\n  }\n\n  @action\n  onInputFocus(e: Event): void {\n    if (this.args.onFocus) {\n      this.args.onFocus(e);\n    }\n\n    this.isPopoverOpen = true;\n  }\n\n  @action\n  onInputBlur(e: Event): void {\n    later(\n      this,\n      () => {\n        // Safari does not recognize any focus-related eventing for input[type=range]\n        // making it impossible to capture its state using active/focus/relatedTarget\n        // Instead, a prevention flag is set on mousedown, with a waiting period here.\n        // Mousedown is viable because in the popover case, it is inaccessible via keyboard (intentionally)\n        if (this.preventPopoverClose) {\n          this.preventPopoverClose = false;\n\n          return;\n        }\n\n        if (this.args.onBlur) {\n          this.args.onBlur(e);\n        }\n\n        this.closePopover();\n      },\n      200\n    );\n  }\n\n  @action\n  setPreventPopover(val: boolean): void {\n    this.preventPopoverClose = val;\n  }\n\n  @action\n  closePopover(): void {\n    this.preventPopoverClose = false;\n    this.isPopoverOpen = false;\n  }\n\n  @action\n  setPreventPopoverClose(bool: boolean): void {\n    this.preventPopoverClose = bool;\n  }\n\n  <template>\n    {{#let\n      (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n      (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n      (and (not (argOrDefault @isFakeMaxBlock false)) (has-block \"max\"))\n      (and (not (argOrDefault @isFakeMinBlock false)) (has-block \"min\"))\n      (and (not (argOrDefault @isFakeValueBlock false)) (has-block \"value\"))\n      (and\n        (not (argOrDefault @isFakeValueAppendBlock false))\n        (has-block \"valueAppend\")\n      )\n      (and\n        (not (argOrDefault @isFakeValuePrependBlock false))\n        (has-block \"valuePrepend\")\n      )\n      as |hasPrepend hasAppend hasMaxBlock hasMinBlock hasValueBlock hasValueAppendBlock hasValuePrependBlock|\n    }}\n      {{#if this.showInputOnly}}\n        <EuiInputPopover\n          class=\"euiRange__popover\"\n          @fullWidth={{@fullWidth}}\n          @isOpen={{this.isPopoverOpen}}\n          @closePopover={{this.closePopover}}\n          @disableFocusTrap={{true}}\n        >\n          <:input>\n            <EuiRangeInput\n              id={{this.id}}\n              @min={{this.min}}\n              @max={{this.max}}\n              @digitTolerance={{this.digitTolerance}}\n              @readOnly={{@readOnly}}\n              @step={{this.step}}\n              @value={{@value}}\n              @disabled={{@disabled}}\n              @compressed={{@compressed}}\n              @name={{@name}}\n              @fullWidth={{and this.showInputOnly this.fullWidth}}\n              @isLoading={{and this.showInputOnly @isLoading}}\n              @isInvalid={{@isInvalid}}\n              @autoSize={{not this.showInputOnly}}\n              @isPrependProvided={{hasPrepend}}\n              @isAppendProvided={{hasAppend}}\n              ...attributes\n              {{on\n                \"focus\"\n                (if this.canShowDropdown this.onInputFocus (optional @onFocus))\n              }}\n              {{on\n                \"blur\"\n                (if this.canShowDropdown this.onInputBlur (optional @onBlur))\n              }}\n              {{on \"input\" this.handleOnChange}}\n            >\n              <:prepend as |classes|>\n                {{yield classes to=\"prepend\"}}\n              </:prepend>\n              <:append as |classes|>\n                {{yield classes to=\"append\"}}\n              </:append>\n            </EuiRangeInput>\n          </:input>\n          <:content>\n            <EuiRangeWrapper\n              class={{classNames\n                \"euiRange\"\n                (if this.showInput \"euiRange--hasInput\")\n              }}\n              @fullWidth={{@fullWidth}}\n              @compressed={{@compressed}}\n            >\n              {{#if this.showLabels}}\n                <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n                  {{#if hasMinBlock}}\n                    {{yield this.min to=\"min\"}}\n                  {{else}}\n                    {{this.min}}\n                  {{/if}}\n                </EuiRangeLabel>\n              {{/if}}\n              <EuiRangeTrack\n                aria-hidden={{if (eq this.showInput true) \"true\"}}\n                @disabled={{@disabled}}\n                @compressed={{@compressed}}\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.handleOnChange}}\n                @value={{@value}}\n              >\n                {{#if (and this.showRange this.isValid)}}\n                  <EuiRangeHighlight\n                    @compressed={{@compressed}}\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.min to=\"number\"}}\n                    {{!@glint-expect-error}}\n                    @upperValue={{castTo @value to=\"number\"}}\n                  />\n                {{/if}}\n                <EuiRangeSlider\n                  aria-hidden={{if (eq this.showInput true) \"true\"}}\n                  tabindex={{if (eq this.showInput true) \"-1\"}}\n                  @id={{if this.showInput undefined this.id}}\n                  @name={{@name}}\n                  @min={{this.min}}\n                  @max={{this.max}}\n                  @step={{this.step}}\n                  @value={{@value}}\n                  @disabled={{@disabled}}\n                  @compressed={{@compressed}}\n                  @showTicks={{this.showTicks}}\n                  @showRange={{this.showRange}}\n                  ...attributes\n                  {{on\n                    \"mousedown\"\n                    (if\n                      this.showInputOnly\n                      (fn this.setPreventPopoverClose true)\n                      (optional)\n                    )\n                  }}\n                  {{on\n                    \"focus\"\n                    (if (eq this.showInput true) (optional) (optional @onFocus))\n                  }}\n                  {{on\n                    \"blur\"\n                    (if this.showInputOnly this.onInputBlur (optional @onBlur))\n                  }}\n                  {{on \"input\" this.handleOnChange}}\n                />\n                {{#if this.showRangeTooltip}}\n                  <EuiRangeTooltip\n                    @compressed={{@compressed}}\n                    @value={{@value}}\n                    @max={{this.max}}\n                    @min={{this.min}}\n                    @name={{@name}}\n                    @showTicks={{this.showTicks}}\n                  >\n                    <:valuePrepend>\n                      {{#if hasValuePrependBlock}}\n                        {{yield to=\"valuePrepend\"}}\n                      {{else}}\n                        {{@valuePrepend}}\n                      {{/if}}\n                    </:valuePrepend>\n                    <:value>\n                      {{#if hasValueBlock}}\n                        {{yield to=\"value\"}}\n                      {{else}}\n                        {{@value}}\n                      {{/if}}\n                    </:value>\n                    <:valueAppend>\n                      {{#if hasValueAppendBlock}}\n                        {{yield to=\"valueAppend\"}}\n                      {{else}}\n                        {{@valueAppend}}\n                      {{/if}}\n                    </:valueAppend>\n                  </EuiRangeTooltip>\n                {{/if}}\n              </EuiRangeTrack>\n              {{#if this.showLabels}}\n                <EuiRangeLabel @side=\"max\" @disabled={{@disabled}}>\n                  {{#if hasMaxBlock}}\n                    {{yield this.max to=\"max\"}}\n                  {{else}}\n                    {{this.max}}\n                  {{/if}}\n                </EuiRangeLabel>\n              {{/if}}\n              {{#if (and this.showInput (not this.showInputOnly))}}\n                <div class=\"euiRange__horizontalSpacer\"></div>\n                {{#if this.showInput}}\n                  <EuiRangeInput\n                    id={{this.id}}\n                    @min={{this.min}}\n                    @max={{this.max}}\n                    @digitTolerance={{this.digitTolerance}}\n                    @readOnly={{@readOnly}}\n                    @step={{this.step}}\n                    @value={{@value}}\n                    @disabled={{@disabled}}\n                    @compressed={{@compressed}}\n                    @name={{@name}}\n                    @fullWidth={{and this.showInputOnly this.fullWidth}}\n                    @isLoading={{and this.showInputOnly @isLoading}}\n                    @isInvalid={{@isInvalid}}\n                    @autoSize={{not this.showInputOnly}}\n                    @isPrependProvided={{hasPrepend}}\n                    @isAppendProvided={{hasAppend}}\n                    ...attributes\n                    {{on\n                      \"focus\"\n                      (if\n                        this.canShowDropdown\n                        this.onInputFocus\n                        (optional @onFocus)\n                      )\n                    }}\n                    {{on\n                      \"blur\"\n                      (if\n                        this.canShowDropdown this.onInputBlur (optional @onBlur)\n                      )\n                    }}\n                    {{on \"input\" this.handleOnChange}}\n                  >\n                    <:prepend as |classes|>\n                      {{yield classes to=\"prepend\"}}\n                    </:prepend>\n                    <:append as |classes|>\n                      {{yield classes to=\"append\"}}\n                    </:append>\n                  </EuiRangeInput>\n                {{/if}}\n              {{/if}}\n            </EuiRangeWrapper>\n          </:content>\n        </EuiInputPopover>\n      {{else}}\n        <EuiRangeWrapper\n          class={{classNames\n            \"euiRange\"\n            (if this.showInput \"euiRange--hasInput\")\n          }}\n          @fullWidth={{@fullWidth}}\n          @compressed={{@compressed}}\n        >\n          {{#if this.showLabels}}\n            <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n              {{#if hasMinBlock}}\n                {{yield this.min to=\"min\"}}\n              {{else}}\n                {{this.min}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n          <EuiRangeTrack\n            aria-hidden={{if (eq this.showInput true) \"true\"}}\n            @disabled={{@disabled}}\n            @compressed={{@compressed}}\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.handleOnChange}}\n            @value={{@value}}\n          >\n            {{#if (and this.showRange this.isValid)}}\n              <EuiRangeHighlight\n                @compressed={{@compressed}}\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.min to=\"number\"}}\n                {{!@glint-expect-error}}\n                @upperValue={{castTo @value to=\"number\"}}\n              />\n            {{/if}}\n            <EuiRangeSlider\n              aria-hidden={{if (eq this.showInput true) \"true\"}}\n              tabindex={{if (eq this.showInput true) \"-1\"}}\n              @id={{if this.showInput undefined this.id}}\n              @name={{@name}}\n              @min={{this.min}}\n              @max={{this.max}}\n              @step={{this.step}}\n              @value={{@value}}\n              @disabled={{@disabled}}\n              @compressed={{@compressed}}\n              @showTicks={{this.showTicks}}\n              @showRange={{this.showRange}}\n              ...attributes\n              {{on\n                \"mousedown\"\n                (if\n                  this.showInputOnly (fn this.setPreventPopover true) (optional)\n                )\n              }}\n              {{on\n                \"focus\"\n                (if (eq this.showInput true) (optional) (optional @onFocus))\n              }}\n              {{on\n                \"blur\"\n                (if this.showInputOnly this.onInputBlur (optional @onBlur))\n              }}\n              {{on \"input\" this.handleOnChange}}\n            />\n            {{#if this.showRangeTooltip}}\n              <EuiRangeTooltip\n                @compressed={{@compressed}}\n                @value={{@value}}\n                @max={{this.max}}\n                @min={{this.min}}\n                @name={{@name}}\n                @showTicks={{this.showTicks}}\n              >\n                <:valuePrepend>\n                  {{#if hasValuePrependBlock}}\n                    {{yield to=\"valuePrepend\"}}\n                  {{else}}\n                    {{@valuePrepend}}\n                  {{/if}}\n                </:valuePrepend>\n                <:value>\n                  {{#if hasValueBlock}}\n                    {{yield to=\"value\"}}\n                  {{else}}\n                    {{@value}}\n                  {{/if}}\n                </:value>\n                <:valueAppend>\n                  {{#if hasValueAppendBlock}}\n                    {{yield to=\"valueAppend\"}}\n                  {{else}}\n                    {{@valueAppend}}\n                  {{/if}}\n                </:valueAppend>\n              </EuiRangeTooltip>\n            {{/if}}\n          </EuiRangeTrack>\n          {{#if this.showLabels}}\n            <EuiRangeLabel @side=\"max\" @disabled={{@disabled}}>\n              {{#if hasMaxBlock}}\n                {{yield this.max to=\"max\"}}\n              {{else}}\n                {{this.max}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n          {{#if (and this.showInput (not this.showInputOnly))}}\n            <div class=\"euiRange__horizontalSpacer\"></div>\n            {{#if this.showInput}}\n              <EuiRangeInput\n                id={{this.id}}\n                @min={{this.min}}\n                @max={{this.max}}\n                @digitTolerance={{this.digitTolerance}}\n                @readOnly={{@readOnly}}\n                @step={{this.step}}\n                @value={{@value}}\n                @disabled={{@disabled}}\n                @compressed={{@compressed}}\n                @name={{@name}}\n                @fullWidth={{and this.showInputOnly this.fullWidth}}\n                @isLoading={{and this.showInputOnly @isLoading}}\n                @isInvalid={{@isInvalid}}\n                @autoSize={{not this.showInputOnly}}\n                @isPrependProvided={{hasPrepend}}\n                @isAppendProvided={{hasAppend}}\n                ...attributes\n                {{on\n                  \"focus\"\n                  (if\n                    this.canShowDropdown this.onInputFocus (optional @onFocus)\n                  )\n                }}\n                {{on\n                  \"blur\"\n                  (if this.canShowDropdown this.onInputBlur (optional @onBlur))\n                }}\n                {{on \"input\" this.handleOnChange}}\n              >\n                <:prepend as |classes|>\n                  {{yield classes to=\"prepend\"}}\n                </:prepend>\n                <:append as |classes|>\n                  {{yield classes to=\"append\"}}\n                </:append>\n              </EuiRangeInput>\n            {{/if}}\n          {{/if}}\n        </EuiRangeWrapper>\n      {{/if}}\n    {{/let}}\n  </template>\n}\n"],"names":["EuiRangeComponent","Component","g","prototype","argOrDefaultDecorator","i","preventPopoverClose","tracked","args","id","guidFor","handleOnChange","e","isValid","isWithinRange","min","max","currentTarget","value","onChange","n","action","digitTolerance","Math","String","length","showInputOnly","showInput","canShowDropdown","readOnly","disabled","showRangeTooltip","showValue","undefined","onInputFocus","onFocus","isPopoverOpen","onInputBlur","later","onBlur","closePopover","setPreventPopover","val","setPreventPopoverClose","bool","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","not","EuiInputPopover","EuiRangeInput","on","optional","EuiRangeWrapper","classNames","EuiRangeLabel","EuiRangeTrack","eq","EuiRangeHighlight","castTo","EuiRangeSlider","fn","EuiRangeTooltip"],"mappings":"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"}

package/dist/components/eui-refresh-interval.js

@@ -0,0 +1,162 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { service } from '@ember/service';
+import { randomId } from '../-private/random-id.js';
+import EuiButton from './eui-button.js';
+import EuiFieldNumber from './eui-field-number.js';
+import EuiFlexGroup from './eui-flex-group.js';
+import EuiFlexItem from './eui-flex-item.js';
+import EuiScreenReaderOnly from './eui-screen-reader-only.js';
+import EuiSelect from './eui-select.js';
+import EuiSpacer from './eui-spacer.js';
+import EuiTitle from './eui-title.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
+
+const SECOND = 1000;
+const MINUTE = SECOND * 60;
+const HOUR = MINUTE * 60;
+function fromMilliseconds(ms) {
+  const round = value => parseFloat(value.toFixed(2));
+  if (ms > HOUR) return {
+    units: 'h',
+    value: round(ms / HOUR)
+  };
+  if (ms > MINUTE) return {
+    units: 'm',
+    value: round(ms / MINUTE)
+  };
+  return {
+    units: 's',
+    value: round(ms / SECOND)
+  };
+}
+function toMilliseconds(units, value) {
+  return Math.round(value * {
+    h: HOUR,
+    m: MINUTE,
+    s: SECOND
+  }[units]);
+}
+/**
+ * "Refresh every [5] [minutes] [Start / Stop]": sets how often data
+ * refreshes. `EuiSuperDatePicker` shows it in its quick select popover
+ * when given `@onRefreshChange`; it also works on its own.
+ */
+
+class EuiRefreshInterval extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  static {
+    g(this.prototype, "value", [tracked]);
+  }
+  #value = (i(this, "value"), void 0); // the fields, which may be empty or invalid while typing
+  static {
+    g(this.prototype, "units", [tracked]);
+  }
+  #units = (i(this, "units"), void 0);
+  legendId = `euiRefreshInterval_${randomId()}`;
+  descriptionId = `euiRefreshInterval_${randomId()}`;
+  constructor(owner, args) {
+    super(owner, args);
+    const {
+      value,
+      units
+    } = fromMilliseconds(args.refreshInterval ?? 1000);
+    this.value = value;
+    this.units = units;
+  }
+  get isPaused() {
+    return this.args.isPaused ?? true;
+  }
+  t = (token, text, values) => this.euiI18n.lookupToken(token, text, values);
+  get unitOptions() {
+    return [{
+      value: 's',
+      text: this.t('euiTimeOptions.seconds', 'Seconds')
+    }, {
+      value: 'm',
+      text: this.t('euiTimeOptions.minutes', 'Minutes')
+    }, {
+      value: 'h',
+      text: this.t('euiTimeOptions.hours', 'Hours')
+    }];
+  }
+  get description() {
+    return this.t('euiRefreshInterval.fullDescription', 'Refresh interval currently set to {optionValue} {optionText}.', {
+      optionValue: this.value,
+      optionText: this.unitOptions.find(option => option.value === this.units)?.text ?? ''
+    });
+  }
+  get isInvalid() {
+    return this.value === '' || this.value <= 0;
+  }
+  apply() {
+    if (this.value === '') return;
+    const refreshInterval = toMilliseconds(this.units, this.value);
+    this.args.applyRefreshInterval({
+      refreshInterval,
+      isPaused: refreshInterval <= 0 ? true : this.isPaused
+    });
+  }
+  onValueInput(event) {
+    const value = parseFloat(event.target.value);
+    this.value = isNaN(value) ? '' : value;
+    this.apply();
+  }
+  static {
+    n(this.prototype, "onValueInput", [action]);
+  }
+  onUnitsChange(event) {
+    this.units = event.target.value;
+    this.apply();
+  }
+  static {
+    n(this.prototype, "onUnitsChange", [action]);
+  }
+  onKeyDown(event) {
+    // Enter starts refreshing
+    if (event.key !== 'Enter' || this.isInvalid || this.value === '') return;
+    this.args.applyRefreshInterval({
+      refreshInterval: toMilliseconds(this.units, this.value),
+      isPaused: false
+    });
+  }
+  static {
+    n(this.prototype, "onKeyDown", [action]);
+  }
+  toggle() {
+    if (this.value === '') return;
+    this.args.applyRefreshInterval({
+      refreshInterval: toMilliseconds(this.units, this.value),
+      isPaused: !this.isPaused
+    });
+  }
+  static {
+    n(this.prototype, "toggle", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<fieldset ...attributes>\n  <EuiTitle @size=\"xxxs\" @tagName=\"legend\" id={{this.legendId}}>\n    {{this.t \"euiRefreshInterval.legend\" \"Refresh every\"}}\n  </EuiTitle>\n  <EuiSpacer @size=\"s\" />\n  <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}}>\n    <EuiFlexItem>\n      <EuiFieldNumber @compressed={{true}} @value={{this.value}} aria-label=\"Refresh interval value\" aria-describedby=\"{{this.descriptionId}} {{this.legendId}}\" data-test-subj=\"superDatePickerRefreshIntervalInput\" {{on \"input\" this.onValueInput}} {{on \"keydown\" this.onKeyDown}} />\n    </EuiFlexItem>\n    <EuiFlexItem>\n      <EuiSelect @compressed={{true}} @value={{this.units}} @options={{this.unitOptions}} aria-label=\"Refresh interval units\" aria-describedby=\"{{this.descriptionId}} {{this.legendId}}\" data-test-subj=\"superDatePickerRefreshIntervalUnitsSelect\" {{on \"change\" this.onUnitsChange}} {{on \"keydown\" this.onKeyDown}} />\n    </EuiFlexItem>\n    <EuiFlexItem @grow={{false}}>\n      <EuiButton class=\"euiRefreshInterval__startButton\" @iconType={{if this.isPaused \"play\" \"stop\"}} @size=\"s\" @isDisabled={{this.isInvalid}} data-test-subj=\"superDatePickerToggleRefreshButton\" aria-describedby={{this.descriptionId}} {{on \"click\" this.toggle}}>\n        {{#if this.isPaused}}\n          {{this.t \"euiRefreshInterval.start\" \"Start\"}}\n        {{else}}\n          {{this.t \"euiRefreshInterval.stop\" \"Stop\"}}\n        {{/if}}\n      </EuiButton>\n    </EuiFlexItem>\n  </EuiFlexGroup>\n  <EuiScreenReaderOnly><p id={{this.descriptionId}}>{{this.description}}</p></EuiScreenReaderOnly>\n</fieldset>", {
+      strictMode: true,
+      scope: () => ({
+        EuiTitle,
+        EuiSpacer,
+        EuiFlexGroup,
+        EuiFlexItem,
+        EuiFieldNumber,
+        on,
+        EuiSelect,
+        EuiButton,
+        EuiScreenReaderOnly
+      })
+    }), this);
+  }
+}
+
+export { EuiRefreshInterval as default };
+//# sourceMappingURL=eui-refresh-interval.js.map

package/dist/components/eui-refresh-interval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-refresh-interval.js","sources":["../../src/components/eui-refresh-interval.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\n\nimport { randomId } from '../-private/random-id.ts';\nimport EuiButton from './eui-button.gts';\nimport EuiFieldNumber from './eui-field-number.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\nimport EuiSelect from './eui-select.gts';\nimport EuiSpacer from './eui-spacer.gts';\nimport EuiTitle from './eui-title.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type Owner from '@ember/owner';\n\ntype Units = 's' | 'm' | 'h';\n\nconst SECOND = 1000;\nconst MINUTE = SECOND * 60;\nconst HOUR = MINUTE * 60;\n\nfunction fromMilliseconds(ms: number): { value: number; units: Units } {\n  const round = (value: number) => parseFloat(value.toFixed(2));\n\n  if (ms > HOUR) return { units: 'h', value: round(ms / HOUR) };\n  if (ms > MINUTE) return { units: 'm', value: round(ms / MINUTE) };\n\n  return { units: 's', value: round(ms / SECOND) };\n}\n\nfunction toMilliseconds(units: Units, value: number): number {\n  return Math.round(value * { h: HOUR, m: MINUTE, s: SECOND }[units]);\n}\n\n/**\n * \"Refresh every [5] [minutes] [Start / Stop]\": sets how often data\n * refreshes. `EuiSuperDatePicker` shows it in its quick select popover\n * when given `@onRefreshChange`; it also works on its own.\n */\nexport interface EuiRefreshIntervalSignature {\n  Element: HTMLFieldSetElement;\n  Args: {\n    /** Whether refreshing is stopped. Defaults to `true`. */\n    isPaused?: boolean;\n    /** The interval in milliseconds. Defaults to `1000`. */\n    refreshInterval?: number;\n    /** Called with `{ refreshInterval, isPaused }` after a change. */\n    applyRefreshInterval: (args: { refreshInterval: number; isPaused: boolean }) => void;\n  };\n}\n\nexport default class EuiRefreshInterval extends Component<EuiRefreshIntervalSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  // the fields, which may be empty or invalid while typing\n  @tracked value: number | '';\n  @tracked units: Units;\n\n  legendId = `euiRefreshInterval_${randomId()}`;\n  descriptionId = `euiRefreshInterval_${randomId()}`;\n\n  constructor(owner: Owner, args: EuiRefreshIntervalSignature['Args']) {\n    super(owner, args);\n\n    const { value, units } = fromMilliseconds(args.refreshInterval ?? 1000);\n\n    this.value = value;\n    this.units = units;\n  }\n\n  get isPaused(): boolean {\n    return this.args.isPaused ?? true;\n  }\n\n  t = (token: string, text: string, values?: Record<string, unknown>): string =>\n    this.euiI18n.lookupToken(token, text, values);\n\n  get unitOptions(): { value: Units; text: string }[] {\n    return [\n      { value: 's', text: this.t('euiTimeOptions.seconds', 'Seconds') },\n      { value: 'm', text: this.t('euiTimeOptions.minutes', 'Minutes') },\n      { value: 'h', text: this.t('euiTimeOptions.hours', 'Hours') }\n    ];\n  }\n\n  get description(): string {\n    return this.t(\n      'euiRefreshInterval.fullDescription',\n      'Refresh interval currently set to {optionValue} {optionText}.',\n      {\n        optionValue: this.value,\n        optionText: this.unitOptions.find((option) => option.value === this.units)?.text ?? ''\n      }\n    );\n  }\n\n  get isInvalid(): boolean {\n    return this.value === '' || this.value <= 0;\n  }\n\n  apply(): void {\n    if (this.value === '') return;\n\n    const refreshInterval = toMilliseconds(this.units, this.value);\n\n    this.args.applyRefreshInterval({\n      refreshInterval,\n      isPaused: refreshInterval <= 0 ? true : this.isPaused\n    });\n  }\n\n  @action\n  onValueInput(event: Event): void {\n    const value = parseFloat((event.target as HTMLInputElement).value);\n\n    this.value = isNaN(value) ? '' : value;\n    this.apply();\n  }\n\n  @action\n  onUnitsChange(event: Event): void {\n    this.units = (event.target as HTMLSelectElement).value as Units;\n    this.apply();\n  }\n\n  @action\n  onKeyDown(event: KeyboardEvent): void {\n    // Enter starts refreshing\n    if (event.key !== 'Enter' || this.isInvalid || this.value === '') return;\n\n    this.args.applyRefreshInterval({\n      refreshInterval: toMilliseconds(this.units, this.value),\n      isPaused: false\n    });\n  }\n\n  @action\n  toggle(): void {\n    if (this.value === '') return;\n\n    this.args.applyRefreshInterval({\n      refreshInterval: toMilliseconds(this.units, this.value),\n      isPaused: !this.isPaused\n    });\n  }\n\n  <template>\n    <fieldset ...attributes>\n      <EuiTitle @size=\"xxxs\" @tagName=\"legend\" id={{this.legendId}}>\n        {{this.t \"euiRefreshInterval.legend\" \"Refresh every\"}}\n      </EuiTitle>\n      <EuiSpacer @size=\"s\" />\n      <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}}>\n        <EuiFlexItem>\n          <EuiFieldNumber\n            @compressed={{true}}\n            @value={{this.value}}\n            aria-label=\"Refresh interval value\"\n            aria-describedby=\"{{this.descriptionId}} {{this.legendId}}\"\n            data-test-subj=\"superDatePickerRefreshIntervalInput\"\n            {{on \"input\" this.onValueInput}}\n            {{on \"keydown\" this.onKeyDown}}\n          />\n        </EuiFlexItem>\n        <EuiFlexItem>\n          <EuiSelect\n            @compressed={{true}}\n            @value={{this.units}}\n            @options={{this.unitOptions}}\n            aria-label=\"Refresh interval units\"\n            aria-describedby=\"{{this.descriptionId}} {{this.legendId}}\"\n            data-test-subj=\"superDatePickerRefreshIntervalUnitsSelect\"\n            {{on \"change\" this.onUnitsChange}}\n            {{on \"keydown\" this.onKeyDown}}\n          />\n        </EuiFlexItem>\n        <EuiFlexItem @grow={{false}}>\n          <EuiButton\n            class=\"euiRefreshInterval__startButton\"\n            @iconType={{if this.isPaused \"play\" \"stop\"}}\n            @size=\"s\"\n            @isDisabled={{this.isInvalid}}\n            data-test-subj=\"superDatePickerToggleRefreshButton\"\n            aria-describedby={{this.descriptionId}}\n            {{on \"click\" this.toggle}}\n          >\n            {{#if this.isPaused}}\n              {{this.t \"euiRefreshInterval.start\" \"Start\"}}\n            {{else}}\n              {{this.t \"euiRefreshInterval.stop\" \"Stop\"}}\n            {{/if}}\n          </EuiButton>\n        </EuiFlexItem>\n      </EuiFlexGroup>\n      <EuiScreenReaderOnly><p id={{this.descriptionId}}>{{this.description}}</p></EuiScreenReaderOnly>\n    </fieldset>\n  </template>\n}\n"],"names":["SECOND","MINUTE","HOUR","fromMilliseconds","ms","round","value","parseFloat","toFixed","units","toMilliseconds","Math","h","m","s","EuiRefreshInterval","Component","g","prototype","service","i","tracked","legendId","randomId","descriptionId","constructor","owner","args","refreshInterval","isPaused","t","token","text","values","euiI18n","lookupToken","unitOptions","description","optionValue","optionText","find","option","isInvalid","apply","applyRefreshInterval","onValueInput","event","target","isNaN","n","action","onUnitsChange","onKeyDown","key","toggle","setComponentTemplate","precompileTemplate","strictMode","scope","EuiTitle","EuiSpacer","EuiFlexGroup","EuiFlexItem","EuiFieldNumber","on","EuiSelect","EuiButton","EuiScreenReaderOnly"],"mappings":"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"}

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

@@ -0,0 +1,66 @@
+import Component from '@glimmer/component';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { schedule } from '@ember/runloop';
+import { service } from '@ember/service';
+import { modifier } from 'ember-modifier';
+import { randomId } from '../../-private/random-id.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
+
+class EuiResizableButton extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  ownId = `resizable-button_${randomId()}`;
+  get id() {
+    return this.args.id ?? this.ownId;
+  }
+  get container() {
+    return this.args.container;
+  }
+  get isDisabled() {
+    return Boolean(this.args.disabled || this.container.resizers[this.id]?.isDisabled);
+  }
+  get classes() {
+    return ['euiResizableButton', this.container.isHorizontal ? 'euiResizableButton--horizontal' : 'euiResizableButton--vertical', this.isDisabled && 'euiResizableButton--disabled'].filter(Boolean).join(' ');
+  }
+  get label() {
+    return this.container.isHorizontal ? this.euiI18n.lookupToken('euiResizableButton.horizontalResizerAriaLabel', 'Press left or right to adjust panels size') : this.euiI18n.lookupToken('euiResizableButton.verticalResizerAriaLabel', 'Press up or down to adjust panels size');
+  }
+  focusSelf(event) {
+    event.currentTarget.focus();
+  }
+  static {
+    n(this.prototype, "focusSelf", [action]);
+  }
+  onFocus() {
+    this.container.onResizerFocus(this.id);
+  }
+  static {
+    n(this.prototype, "onFocus", [action]);
+  }
+  register = modifier(() => {
+    const id = this.id;
+    // after rendering: registering updates the container's state
+    schedule('afterRender', () => this.container.registerResizer({
+      id,
+      isFocused: false,
+      isDisabled: this.args.disabled ?? false
+    }));
+    return () => schedule('afterRender', () => this.container.deregisterResizer(id));
+  });
+  static {
+    setComponentTemplate(precompileTemplate("<button id={{this.id}} type=\"button\" class={{this.classes}} aria-label={{this.label}} data-test-subj=\"euiResizableButton\" disabled={{this.isDisabled}} {{this.register}} {{on \"click\" this.focusSelf}} {{on \"focus\" this.onFocus}} {{on \"blur\" this.container.onResizerBlur}} {{on \"mousedown\" this.container.onResizerMouseDown}} {{on \"touchstart\" this.container.onResizerMouseDown}} {{on \"keydown\" this.container.onResizerKeyDown}} ...attributes></button>", {
+      strictMode: true,
+      scope: () => ({
+        on
+      })
+    }), this);
+  }
+}
+
+export { EuiResizableButton as default };
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../src/components/eui-resizable-container/button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { schedule } from '@ember/runloop';\nimport { service } from '@ember/service';\n\nimport { modifier } from 'ember-modifier';\n\nimport { randomId } from '../../-private/random-id.ts';\n\nimport type EuiI18n from '../../services/eui-i18n';\nimport type EuiResizableContainer from '../eui-resizable-container.gts';\n\n/**\n * The draggable separator between two panels of an\n * `EuiResizableContainer` (yielded as `Button`). Drag it, or focus it and\n * use the arrow keys.\n */\nexport interface EuiResizableButtonSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /** Id of the button. Defaults to a random id. */\n    id?: string;\n    /** Disables resizing at this button. */\n    disabled?: boolean;\n    /** @private The container, set by `EuiResizableContainer`. */\n    container: EuiResizableContainer;\n  };\n}\n\nexport default class EuiResizableButton extends Component<EuiResizableButtonSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  ownId = `resizable-button_${randomId()}`;\n\n  get id(): string {\n    return this.args.id ?? this.ownId;\n  }\n\n  get container(): EuiResizableContainer {\n    return this.args.container;\n  }\n\n  get isDisabled(): boolean {\n    return Boolean(this.args.disabled || this.container.resizers[this.id]?.isDisabled);\n  }\n\n  get classes(): string {\n    return [\n      'euiResizableButton',\n      this.container.isHorizontal ? 'euiResizableButton--horizontal' : 'euiResizableButton--vertical',\n      this.isDisabled && 'euiResizableButton--disabled'\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get label(): string {\n    return this.container.isHorizontal\n      ? this.euiI18n.lookupToken(\n          'euiResizableButton.horizontalResizerAriaLabel',\n          'Press left or right to adjust panels size'\n        )\n      : this.euiI18n.lookupToken(\n          'euiResizableButton.verticalResizerAriaLabel',\n          'Press up or down to adjust panels size'\n        );\n  }\n\n  @action\n  focusSelf(event: MouseEvent): void {\n    (event.currentTarget as HTMLElement).focus();\n  }\n\n  @action\n  onFocus(): void {\n    this.container.onResizerFocus(this.id);\n  }\n\n  register = modifier(() => {\n    const id = this.id;\n\n    // after rendering: registering updates the container's state\n    schedule('afterRender', () =>\n      this.container.registerResizer({ id, isFocused: false, isDisabled: this.args.disabled ?? false })\n    );\n\n    return () => schedule('afterRender', () => this.container.deregisterResizer(id));\n  });\n\n  <template>\n    <button\n      id={{this.id}}\n      type=\"button\"\n      class={{this.classes}}\n      aria-label={{this.label}}\n      data-test-subj=\"euiResizableButton\"\n      disabled={{this.isDisabled}}\n      {{this.register}}\n      {{on \"click\" this.focusSelf}}\n      {{on \"focus\" this.onFocus}}\n      {{on \"blur\" this.container.onResizerBlur}}\n      {{on \"mousedown\" this.container.onResizerMouseDown}}\n      {{on \"touchstart\" this.container.onResizerMouseDown}}\n      {{on \"keydown\" this.container.onResizerKeyDown}}\n      ...attributes\n    ></button>\n  </template>\n}\n"],"names":["EuiResizableButton","Component","g","prototype","service","i","ownId","randomId","id","args","container","isDisabled","Boolean","disabled","resizers","classes","isHorizontal","filter","join","label","euiI18n","lookupToken","focusSelf","event","currentTarget","focus","n","action","onFocus","onResizerFocus","register","modifier","schedule","registerResizer","isFocused","deregisterResizer","setComponentTemplate","precompileTemplate","strictMode","scope","on"],"mappings":";;;;;;;;;;;AA8Be,MAAMA,2BAA2BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACvDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAEDC,EAAAA,KAAA,GAAQ,CAAA,iBAAA,EAAoBC,QAAA,EAAA,CAAA,CAAY;EAExC,IAAIC,EAAAA,GAAa;IACf,OAAO,IAAI,CAACC,IAAI,CAACD,EAAE,IAAI,IAAI,CAACF,KAAK;AACnC,EAAA;EAEA,IAAII,YAAmC;AACrC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,SAAS;AAC5B,EAAA;EAEA,IAAIC,UAAAA,GAAsB;IACxB,OAAOC,QAAQ,IAAI,CAACH,IAAI,CAACI,QAAQ,IAAI,IAAI,CAACH,SAAS,CAACI,QAAQ,CAAC,IAAI,CAACN,EAAE,CAAC,EAAEG,UAAA,CAAA;AACzE,EAAA;EAEA,IAAII,OAAAA,GAAkB;AACpB,IAAA,OAAO,CACL,oBAAA,EACA,IAAI,CAACL,SAAS,CAACM,YAAY,GAAG,gCAAA,GAAmC,8BAAA,EACjE,IAAI,CAACL,UAAU,IAAI,8BAAA,CACpB,CACEM,MAAM,CAACL,OAAA,CAAA,CACPM,IAAI,CAAC,GAAA,CAAA;AACV,EAAA;EAEA,IAAIC,KAAAA,GAAgB;IAClB,OAAO,IAAI,CAACT,SAAS,CAACM,YAAY,GAC9B,IAAI,CAACI,OAAO,CAACC,WAAW,CACtB,+CAAA,EACA,+CAEF,IAAI,CAACD,OAAO,CAACC,WAAW,CACtB,6CAAA,EACA,wCAAA,CAAA;AAER,EAAA;EAGAC,SAAAA,CAAUC,KAAiB,EAAQ;AAChCA,IAAAA,KAAA,CAAMC,aAAa,CAAiBC,KAAK,EAAA;AAC5C,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAvB,SAAA,EAAA,WAAA,EAAA,CAHCwB,MAAA,CAAA,CAAA;AAAA;AAMDC,EAAAA,OAAAA,GAAgB;IACd,IAAI,CAAClB,SAAS,CAACmB,cAAc,CAAC,IAAI,CAACrB,EAAE,CAAA;AACvC,EAAA;AAAA,EAAA;IAAAkB,CAAA,CAAA,IAAA,CAAAvB,SAAA,EAAA,SAAA,EAAA,CAHCwB,MAAA,CAAA,CAAA;AAAA;EAKDG,QAAA,GAAWC,QAAA,CAAS,MAAA;AAClB,IAAA,MAAMvB,EAAA,GAAK,IAAI,CAACA,EAAE;AAElB;IACAwB,QAAA,CAAS,eAAe,MACtB,IAAI,CAACtB,SAAS,CAACuB,eAAe,CAAC;MAAEzB,EAAA;AAAI0B,MAAAA,SAAA,EAAW,KAAA;AAAOvB,MAAAA,UAAA,EAAY,IAAI,CAACF,IAAI,CAACI,QAAQ,IAAI;AAAM,KAAA,CAAA,CAAA;AAGjG,IAAA,OAAO,MAAMmB,SAAS,aAAA,EAAe,MAAM,IAAI,CAACtB,SAAS,CAACyB,iBAAiB,CAAC3B,EAAA,CAAA,CAAA;AAC9E,EAAA,CAAA,CAAA;AAEA,EAAA;IAAA4B,oBAAA,CAAAC,kBAAA,CAAA,mdAAA,EAiBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}