npm - @ember-eui/core - Versions diffs - 13.0.5 → 14.1.0 - Mend

@ember-eui/core 13.0.5 → 14.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2392) hide show

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

@@ -3,7 +3,8 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiRangeSlider = setComponentTemplate(precompileTemplate("\n    <input type=\"range\" id={{@id}} name={{@name}} class={{classNames \"euiRangeSlider\" (if @showTicks \"euiRangeSlider--hasTicks\") (if @hasFocus \"euiRangeSlider--hasFocus\") (if @showRange \"euiRangeSlider--hasRange\") (if @compressed \"euiRangeSlider--compressed\")}} min={{@min}} max={{@max}} step={{@step}} value={{@value}} disabled={{@disabled}} ...attributes />\n  ", {
+/** @private The native range input of EuiRange / EuiDualRange. */
+const EuiRangeSlider = setComponentTemplate(precompileTemplate("<input type=\"range\" id={{@id}} name={{@name}} class={{classNames \"euiRangeSlider\" (if @showTicks \"euiRangeSlider--hasTicks\") (if @hasFocus \"euiRangeSlider--hasFocus\") (if @showRange \"euiRangeSlider--hasRange\") (if @compressed \"euiRangeSlider--compressed\")}} min={{@min}} max={{@max}} step={{@step}} value={{@value}} disabled={{@disabled}} ...attributes />", {
   strictMode: true,
   scope: () => ({
     classNames

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

	@@ -1 +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~~,~~2XAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
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 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 CHANGED Viewed

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiRangeThumb = setComponentTemplate(precompileTemplate("\n  {{!-- template-lint-disable --}}\n  <button type=\"button\" class={{classNames \"euiRangeThumb\" (if @showTicks \"euiRangeThumb--hasTicks\")}} aria-valuemin={{@min}} aria-valuemax={{@max}} aria-valuenow={{castTo @value to=\"number\"}} aria-diabled={{@disabled}} tabindex={{if @disabled -1 (if @tabIndex @tabIndex 0)}} ...attributes>\n    <div role=\"slider\" aria-valuemin={{@min}} aria-valuemax={{@max}} aria-valuenow={{castTo @value to=\"number\"}} aria-diabled={{@disabled}} tabindex={{if @disabled -1 (if @tabIndex 0)}}></div>\n  </button>\n  {{!-- template-lint-enable --}}\n", {
+const EuiRangeThumb = setComponentTemplate(precompileTemplate("{{!-- template-lint-disable --}}\n<button type=\"button\" class={{classNames \"euiRangeThumb\" (if @showTicks \"euiRangeThumb--hasTicks\")}} aria-valuemin={{@min}} aria-valuemax={{@max}} aria-valuenow={{castTo @value to=\"number\"}} aria-diabled={{@disabled}} tabindex={{if @disabled -1 (if @tabIndex @tabIndex 0)}} ...attributes>\n  <div role=\"slider\" aria-valuemin={{@min}} aria-valuemax={{@max}} aria-valuenow={{castTo @value to=\"number\"}} aria-diabled={{@disabled}} tabindex={{if @disabled -1 (if @tabIndex 0)}}></div>\n</button>\n{{!-- template-lint-enable --}}", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +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~~,~~0kBAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
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\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 CHANGED Viewed

@@ -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 {
@@ -27,7 +28,7 @@ class EuiRangeTicksComponent extends Component {
     return this.args.trackWidth || 0;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div class=\"euiRangeTicks {{if @compressed \"euiRangeTicks--compressed\"}}\" style={{this.ticksStyle}} ...attributes>\n      {{#each @tickSequence key=\"value\" as |tickValue|}}\n        {{#let (getRangeTick @ticks tickValue @min @max this.percentageWidth this.trackWidth) as |derivedState|}}\n          <button type=\"button\" class={{classNames (if (eq @value tickValue) \"euiRangeTick--selected\") (if derivedState.customTick \"euiRangeTick--isCustom\") \"euiRangeTick\"}} value={{tickValue}} disabled={{@disabled}} style={{derivedState.style}} tabindex=\"-1\" {{on \"click\" (optional @onChange)}}>\n            {{!--@glint-expect-error--}}\n            {{derivedState.label}}\n          </button>\n        {{/let}}\n      {{/each}}\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div class=\"euiRangeTicks {{if @compressed \"euiRangeTicks--compressed\"}}\" style={{this.ticksStyle}} ...attributes>\n  {{#each @tickSequence key=\"value\" as |tickValue|}}\n    {{#let (getRangeTick @ticks tickValue @min @max this.percentageWidth this.trackWidth) as |derivedState|}}\n      <button type=\"button\" class={{classNames (if (eq @value tickValue) \"euiRangeTick--selected\") (if derivedState.customTick \"euiRangeTick--isCustom\") \"euiRangeTick\"}} value={{tickValue}} disabled={{@disabled}} style={{derivedState.style}} tabindex=\"-1\" {{on \"click\" (optional @onChange)}}>\n        {{!--@glint-expect-error--}}\n        {{derivedState.label}}\n      </button>\n    {{/let}}\n  {{/each}}\n</div>", {
       strictMode: true,
       scope: () => ({
         getRangeTick,

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

	@@ -1 +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 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":";;;;;;;;;;~~AAmCe~~,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~~,~~yvBAAA~~,~~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~~;;;;~~"}
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\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 CHANGED Viewed

@@ -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 {
@@ -37,7 +38,7 @@ class EuiRangeToolipComponent extends Component {
     };
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div class=\"euiRangeTooltip {{if @compressed \"euiRangeTooltip--compressed\"}}\">\n      <output class={{classNames \"euiRangeTooltip__value\" (concat \"euiRangeTooltip__value--\" this.styling.side) (if @showTicks \"euiRangeTooltip__value--hasTicks\")}} for={{@name}} style={{this.styling.style}}>\n        {{yield to=\"valuePrepend\"}}\n        {{yield to=\"value\"}}\n        {{yield to=\"valueAppend\"}}\n      </output>\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div class=\"euiRangeTooltip {{if @compressed \"euiRangeTooltip--compressed\"}}\">\n  <output class={{classNames \"euiRangeTooltip__value\" (concat \"euiRangeTooltip__value--\" this.styling.side) (if @showTicks \"euiRangeTooltip__value--hasTicks\")}} for={{@name}} style={{this.styling.style}}>\n    {{yield to=\"valuePrepend\"}}\n    {{yield to=\"value\"}}\n    {{yield to=\"valueAppend\"}}\n  </output>\n</div>", {
       strictMode: true,
       scope: () => ({
         classNames,

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

	@@ -1 +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~~,~~gcAAA~~,~~EAAA~~;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ~~;;;;~~"}
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\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 CHANGED Viewed

@@ -15,7 +15,11 @@ export { LEVEL_COLORS } from './eui-range-levels.js';
 import EuiRangeTicksComponent from './eui-range-ticks.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
+/** A custom tick of EuiRange / EuiDualRange: `{ value: 20, label: '20kb' }`. */
+/** @private The track (levels, ticks, highlight) of EuiRange / EuiDualRange. */
 class EuiRangeTrackComponent extends Component {
   static {
@@ -114,7 +118,7 @@ class EuiRangeTrackComponent extends Component {
     this.trackEl = undefined;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div class={{classNames \"euiRangeTrack\" (if @disabled \"euiRangeTrack--disabled\") (if @showTicks \"euiRangeTrack--hasTicks\") (if (and @levels (gt @levels.length 0)) \"euiRangeTrack--hasLevels\")}} style={{if this.derivedState.styles this.derivedState.styles}} ...attributes {{didInsert (fn this.validateValueIsInStep @max)}} {{didInsert this.registerTrack}} {{didUpdate (fn this.validateValueIsInStep @max) @max}} {{didUpdate (fn this.validateValueIsInStep @max) @min}} {{didUpdate (fn this.validateValueIsInStep @max) @step}}>\n      {{#if (gt @levels.length 0)}}\n        <EuiRangeLevels @compressed={{@compressed}} @levels={{@levels}} @max={{@max}} @min={{@min}} @showTicks={{@showTicks}} @trackWidth={{this.trackEl.clientWidth}} />\n      {{/if}}\n      {{#if this.derivedState.tickSequence}}\n        {{#if @ticks}}\n          <EuiRangeTicks @disabled={{@disabled}} @compressed={{@compressed}} @ticks={{@ticks}} @tickSequence={{this.derivedState.tickSequence}} @value={{@value}} @min={{@min}} @max={{@max}} @interval={{or @tickInterval @step}} @onChange={{@onChange}} @trackWidth={{this.trackEl.clientWidth}} />\n        {{/if}}\n      {{/if}}\n      {{yield}}\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div class={{classNames \"euiRangeTrack\" (if @disabled \"euiRangeTrack--disabled\") (if @showTicks \"euiRangeTrack--hasTicks\") (if (and @levels (gt @levels.length 0)) \"euiRangeTrack--hasLevels\")}} style={{if this.derivedState.styles this.derivedState.styles}} ...attributes {{didInsert (fn this.validateValueIsInStep @max)}} {{didInsert this.registerTrack}} {{didUpdate (fn this.validateValueIsInStep @max) @max}} {{didUpdate (fn this.validateValueIsInStep @max) @min}} {{didUpdate (fn this.validateValueIsInStep @max) @step}}>\n  {{#if (gt @levels.length 0)}}\n    <EuiRangeLevels @compressed={{@compressed}} @levels={{@levels}} @max={{@max}} @min={{@min}} @showTicks={{@showTicks}} @trackWidth={{this.trackEl.clientWidth}} />\n  {{/if}}\n  {{#if this.derivedState.tickSequence}}\n    <EuiRangeTicks @disabled={{@disabled}} @compressed={{@compressed}} @ticks={{@ticks}} @tickSequence={{this.derivedState.tickSequence}} @value={{@value}} @min={{@min}} @max={{@max}} @interval={{or @tickInterval @step}} @onChange={{@onChange}} @trackWidth={{this.trackEl.clientWidth}} />\n  {{/if}}\n  {{yield}}\n</div>", {
       strictMode: true,
       scope: () => ({
         classNames,

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

	@@ -1 +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 {{#if @ticks}}\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 {{/if}}\n {{yield}}\n </div>\n </template>\n}\n"],"names":["EuiRangeTrackComponent","Component","g","prototype","tracked","i","void 0","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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"}
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\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 CHANGED Viewed

@@ -3,7 +3,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiRangeWrapper = setComponentTemplate(precompileTemplate("\n    <div class={{classNames \"euiRangeWrapper\" (if @fullWidth \"euiRangeWrapper--fullWidth\") (if @compressed \"euiRangeWrapper--compressed\")}} ...attributes>\n      {{yield}}\n    </div>\n  ", {
+const EuiRangeWrapper = setComponentTemplate(precompileTemplate("<div class={{classNames \"euiRangeWrapper\" (if @fullWidth \"euiRangeWrapper--fullWidth\") (if @compressed \"euiRangeWrapper--compressed\")}} ...attributes>\n  {{yield}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames

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

	@@ -1 +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~~,~~qMAAA~~,~~EAAA~~;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA~~;;;;~~"}
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\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 CHANGED Viewed

@@ -21,7 +21,7 @@ import EuiRangeTrackComponent from './eui-range-track.js';
 import EuiRangeWrapper from './eui-range-wrapper.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 class EuiRangeComponent extends Component {
   static {
@@ -159,7 +159,7 @@ class EuiRangeComponent extends Component {
     n(this.prototype, "setPreventPopoverClose", [action]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (and (argOrDefault @isPrependProvided true) (has-block \"prepend\")) (and (argOrDefault @isAppendProvided true) (has-block \"append\")) (and (not (argOrDefault @isFakeMaxBlock false)) (has-block \"max\")) (and (not (argOrDefault @isFakeMinBlock false)) (has-block \"min\")) (and (not (argOrDefault @isFakeValueBlock false)) (has-block \"value\")) (and (not (argOrDefault @isFakeValueAppendBlock false)) (has-block \"valueAppend\")) (and (not (argOrDefault @isFakeValuePrependBlock false)) (has-block \"valuePrepend\")) as |hasPrepend hasAppend hasMaxBlock hasMinBlock hasValueBlock hasValueAppendBlock hasValuePrependBlock|}}\n      {{#if this.showInputOnly}}\n        <EuiInputPopover class=\"euiRange__popover\" @fullWidth={{@fullWidth}} @isOpen={{this.isPopoverOpen}} @closePopover={{this.closePopover}} @disableFocusTrap={{true}}>\n          <:input>\n            <EuiRangeInput id={{this.id}} @min={{this.min}} @max={{this.max}} @digitTolerance={{this.digitTolerance}} @readOnly={{@readOnly}} @step={{this.step}} @value={{@value}} @disabled={{@disabled}} @compressed={{@compressed}} @name={{@name}} @fullWidth={{and this.showInputOnly this.fullWidth}} @isLoading={{and this.showInputOnly @isLoading}} @isInvalid={{@isInvalid}} @autoSize={{not this.showInputOnly}} @isPrependProvided={{hasPrepend}} @isAppendProvided={{hasAppend}} ...attributes {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}} {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleOnChange}}>\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 class={{classNames \"euiRange\" (if this.showInput \"euiRange--hasInput\")}} @fullWidth={{@fullWidth}} @compressed={{@compressed}}>\n              {{#if this.showLabels}}\n                <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n                  {{#if hasMinBlock}}\n                    {{yield this.min to=\"min\"}}\n                  {{else}}\n                    {{this.min}}\n                  {{/if}}\n                </EuiRangeLabel>\n              {{/if}}\n              <EuiRangeTrack aria-hidden={{eq this.showInput true}} @disabled={{@disabled}} @compressed={{@compressed}} @max={{this.max}} @min={{this.min}} @step={{this.step}} @showTicks={{this.showTicks}} @tickInterval={{@tickInterval}} @ticks={{@ticks}} @levels={{this.levels}} @onChange={{this.handleOnChange}} @value={{@value}}>\n                {{#if (and this.showRange this.isValid)}}\n                  <EuiRangeHighlight @compressed={{@compressed}} @showTicks={{this.showTicks}} {{!--@glint-expect-error--}} @min={{castTo this.min to=\"number\"}} {{!--@glint-expect-error--}} @max={{castTo this.max to=\"number\"}} {{!--@glint-expect-error--}} @lowerValue={{castTo this.min to=\"number\"}} {{!--@glint-expect-error--}} @upperValue={{castTo @value to=\"number\"}} />\n                {{/if}}\n                <EuiRangeSlider aria-hidden={{if (eq this.showInput true) true false}} tabindex={{if (eq this.showInput true) \"-1\"}} @id={{if this.showInput undefined this.id}} @name={{@name}} @min={{this.min}} @max={{this.max}} @step={{this.step}} @value={{@value}} @disabled={{@disabled}} @compressed={{@compressed}} @showTicks={{this.showTicks}} @showRange={{this.showRange}} ...attributes {{on \"mousedown\" (if this.showInputOnly (fn this.setPreventPopoverClose true) (optional))}} {{on \"focus\" (if (eq this.showInput true) (optional) (optional @onFocus))}} {{on \"blur\" (if this.showInputOnly this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleOnChange}} />\n                {{#if this.showRangeTooltip}}\n                  <EuiRangeTooltip @compressed={{@compressed}} @value={{@value}} @max={{this.max}} @min={{this.min}} @name={{@name}} @showTicks={{this.showTicks}}>\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 id={{this.id}} @min={{this.min}} @max={{this.max}} @digitTolerance={{this.digitTolerance}} @readOnly={{@readOnly}} @step={{this.step}} @value={{@value}} @disabled={{@disabled}} @compressed={{@compressed}} @name={{@name}} @fullWidth={{and this.showInputOnly this.fullWidth}} @isLoading={{and this.showInputOnly @isLoading}} @isInvalid={{@isInvalid}} @autoSize={{not this.showInputOnly}} @isPrependProvided={{hasPrepend}} @isAppendProvided={{hasAppend}} ...attributes {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}} {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleOnChange}}>\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 class={{classNames \"euiRange\" (if this.showInput \"euiRange--hasInput\")}} @fullWidth={{@fullWidth}} @compressed={{@compressed}}>\n          {{#if this.showLabels}}\n            <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n              {{#if hasMinBlock}}\n                {{yield this.min to=\"min\"}}\n              {{else}}\n                {{this.min}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n          <EuiRangeTrack aria-hidden={{eq this.showInput true}} @disabled={{@disabled}} @compressed={{@compressed}} @max={{this.max}} @min={{this.min}} @step={{this.step}} @showTicks={{this.showTicks}} @tickInterval={{@tickInterval}} @ticks={{@ticks}} @levels={{this.levels}} @onChange={{this.handleOnChange}} @value={{@value}}>\n            {{#if (and this.showRange this.isValid)}}\n              <EuiRangeHighlight @compressed={{@compressed}} @showTicks={{this.showTicks}} {{!--@glint-expect-error--}} @min={{castTo this.min to=\"number\"}} {{!--@glint-expect-error--}} @max={{castTo this.max to=\"number\"}} {{!--@glint-expect-error--}} @lowerValue={{castTo this.min to=\"number\"}} {{!--@glint-expect-error--}} @upperValue={{castTo @value to=\"number\"}} />\n            {{/if}}\n            <EuiRangeSlider aria-hidden={{if (eq this.showInput true) true false}} tabindex={{if (eq this.showInput true) \"-1\"}} @id={{if this.showInput undefined this.id}} @name={{@name}} @min={{this.min}} @max={{this.max}} @step={{this.step}} @value={{@value}} @disabled={{@disabled}} @compressed={{@compressed}} @showTicks={{this.showTicks}} @showRange={{this.showRange}} ...attributes {{on \"mousedown\" (if this.showInputOnly (fn this.setPreventPopover true) (optional))}} {{on \"focus\" (if (eq this.showInput true) (optional) (optional @onFocus))}} {{on \"blur\" (if this.showInputOnly this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleOnChange}} />\n            {{#if this.showRangeTooltip}}\n              <EuiRangeTooltip @compressed={{@compressed}} @value={{@value}} @max={{this.max}} @min={{this.min}} @name={{@name}} @showTicks={{this.showTicks}}>\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 id={{this.id}} @min={{this.min}} @max={{this.max}} @digitTolerance={{this.digitTolerance}} @readOnly={{@readOnly}} @step={{this.step}} @value={{@value}} @disabled={{@disabled}} @compressed={{@compressed}} @name={{@name}} @fullWidth={{and this.showInputOnly this.fullWidth}} @isLoading={{and this.showInputOnly @isLoading}} @isInvalid={{@isInvalid}} @autoSize={{not this.showInputOnly}} @isPrependProvided={{hasPrepend}} @isAppendProvided={{hasAppend}} ...attributes {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}} {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleOnChange}}>\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  ", {
+    setComponentTemplate(precompileTemplate("{{#let (and (argOrDefault @isPrependProvided true) (has-block \"prepend\")) (and (argOrDefault @isAppendProvided true) (has-block \"append\")) (and (not (argOrDefault @isFakeMaxBlock false)) (has-block \"max\")) (and (not (argOrDefault @isFakeMinBlock false)) (has-block \"min\")) (and (not (argOrDefault @isFakeValueBlock false)) (has-block \"value\")) (and (not (argOrDefault @isFakeValueAppendBlock false)) (has-block \"valueAppend\")) (and (not (argOrDefault @isFakeValuePrependBlock false)) (has-block \"valuePrepend\")) as |hasPrepend hasAppend hasMaxBlock hasMinBlock hasValueBlock hasValueAppendBlock hasValuePrependBlock|}}\n  {{#if this.showInputOnly}}\n    <EuiInputPopover class=\"euiRange__popover\" @fullWidth={{@fullWidth}} @isOpen={{this.isPopoverOpen}} @closePopover={{this.closePopover}} @disableFocusTrap={{true}}>\n      <:input>\n        <EuiRangeInput id={{this.id}} @min={{this.min}} @max={{this.max}} @digitTolerance={{this.digitTolerance}} @readOnly={{@readOnly}} @step={{this.step}} @value={{@value}} @disabled={{@disabled}} @compressed={{@compressed}} @name={{@name}} @fullWidth={{and this.showInputOnly this.fullWidth}} @isLoading={{and this.showInputOnly @isLoading}} @isInvalid={{@isInvalid}} @autoSize={{not this.showInputOnly}} @isPrependProvided={{hasPrepend}} @isAppendProvided={{hasAppend}} ...attributes {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}} {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleOnChange}}>\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 class={{classNames \"euiRange\" (if this.showInput \"euiRange--hasInput\")}} @fullWidth={{@fullWidth}} @compressed={{@compressed}}>\n          {{#if this.showLabels}}\n            <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n              {{#if hasMinBlock}}\n                {{yield this.min to=\"min\"}}\n              {{else}}\n                {{this.min}}\n              {{/if}}\n            </EuiRangeLabel>\n          {{/if}}\n          <EuiRangeTrack aria-hidden={{if (eq this.showInput true) \"true\"}} @disabled={{@disabled}} @compressed={{@compressed}} @max={{this.max}} @min={{this.min}} @step={{this.step}} @showTicks={{this.showTicks}} @tickInterval={{@tickInterval}} @ticks={{@ticks}} @levels={{this.levels}} @onChange={{this.handleOnChange}} @value={{@value}}>\n            {{#if (and this.showRange this.isValid)}}\n              <EuiRangeHighlight @compressed={{@compressed}} @showTicks={{this.showTicks}} {{!--@glint-expect-error--}} @min={{castTo this.min to=\"number\"}} {{!--@glint-expect-error--}} @max={{castTo this.max to=\"number\"}} {{!--@glint-expect-error--}} @lowerValue={{castTo this.min to=\"number\"}} {{!--@glint-expect-error--}} @upperValue={{castTo @value to=\"number\"}} />\n            {{/if}}\n            <EuiRangeSlider aria-hidden={{if (eq this.showInput true) \"true\"}} tabindex={{if (eq this.showInput true) \"-1\"}} @id={{if this.showInput undefined this.id}} @name={{@name}} @min={{this.min}} @max={{this.max}} @step={{this.step}} @value={{@value}} @disabled={{@disabled}} @compressed={{@compressed}} @showTicks={{this.showTicks}} @showRange={{this.showRange}} ...attributes {{on \"mousedown\" (if this.showInputOnly (fn this.setPreventPopoverClose true) (optional))}} {{on \"focus\" (if (eq this.showInput true) (optional) (optional @onFocus))}} {{on \"blur\" (if this.showInputOnly this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleOnChange}} />\n            {{#if this.showRangeTooltip}}\n              <EuiRangeTooltip @compressed={{@compressed}} @value={{@value}} @max={{this.max}} @min={{this.min}} @name={{@name}} @showTicks={{this.showTicks}}>\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 id={{this.id}} @min={{this.min}} @max={{this.max}} @digitTolerance={{this.digitTolerance}} @readOnly={{@readOnly}} @step={{this.step}} @value={{@value}} @disabled={{@disabled}} @compressed={{@compressed}} @name={{@name}} @fullWidth={{and this.showInputOnly this.fullWidth}} @isLoading={{and this.showInputOnly @isLoading}} @isInvalid={{@isInvalid}} @autoSize={{not this.showInputOnly}} @isPrependProvided={{hasPrepend}} @isAppendProvided={{hasAppend}} ...attributes {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}} {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleOnChange}}>\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 class={{classNames \"euiRange\" (if this.showInput \"euiRange--hasInput\")}} @fullWidth={{@fullWidth}} @compressed={{@compressed}}>\n      {{#if this.showLabels}}\n        <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n          {{#if hasMinBlock}}\n            {{yield this.min to=\"min\"}}\n          {{else}}\n            {{this.min}}\n          {{/if}}\n        </EuiRangeLabel>\n      {{/if}}\n      <EuiRangeTrack aria-hidden={{if (eq this.showInput true) \"true\"}} @disabled={{@disabled}} @compressed={{@compressed}} @max={{this.max}} @min={{this.min}} @step={{this.step}} @showTicks={{this.showTicks}} @tickInterval={{@tickInterval}} @ticks={{@ticks}} @levels={{this.levels}} @onChange={{this.handleOnChange}} @value={{@value}}>\n        {{#if (and this.showRange this.isValid)}}\n          <EuiRangeHighlight @compressed={{@compressed}} @showTicks={{this.showTicks}} {{!--@glint-expect-error--}} @min={{castTo this.min to=\"number\"}} {{!--@glint-expect-error--}} @max={{castTo this.max to=\"number\"}} {{!--@glint-expect-error--}} @lowerValue={{castTo this.min to=\"number\"}} {{!--@glint-expect-error--}} @upperValue={{castTo @value to=\"number\"}} />\n        {{/if}}\n        <EuiRangeSlider aria-hidden={{if (eq this.showInput true) \"true\"}} tabindex={{if (eq this.showInput true) \"-1\"}} @id={{if this.showInput undefined this.id}} @name={{@name}} @min={{this.min}} @max={{this.max}} @step={{this.step}} @value={{@value}} @disabled={{@disabled}} @compressed={{@compressed}} @showTicks={{this.showTicks}} @showRange={{this.showRange}} ...attributes {{on \"mousedown\" (if this.showInputOnly (fn this.setPreventPopover true) (optional))}} {{on \"focus\" (if (eq this.showInput true) (optional) (optional @onFocus))}} {{on \"blur\" (if this.showInputOnly this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleOnChange}} />\n        {{#if this.showRangeTooltip}}\n          <EuiRangeTooltip @compressed={{@compressed}} @value={{@value}} @max={{this.max}} @min={{this.min}} @name={{@name}} @showTicks={{this.showTicks}}>\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 id={{this.id}} @min={{this.min}} @max={{this.max}} @digitTolerance={{this.digitTolerance}} @readOnly={{@readOnly}} @step={{this.step}} @value={{@value}} @disabled={{@disabled}} @compressed={{@compressed}} @name={{@name}} @fullWidth={{and this.showInputOnly this.fullWidth}} @isLoading={{and this.showInputOnly @isLoading}} @isInvalid={{@isInvalid}} @autoSize={{not this.showInputOnly}} @isPrependProvided={{hasPrepend}} @isAppendProvided={{hasAppend}} ...attributes {{on \"focus\" (if this.canShowDropdown this.onInputFocus (optional @onFocus))}} {{on \"blur\" (if this.canShowDropdown this.onInputBlur (optional @onBlur))}} {{on \"input\" this.handleOnChange}}>\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}}", {
       strictMode: true,
       scope: () => ({
         and,

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

	@@ -1 +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={{eq this.showInput true}}\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @max={{this.max}}\n @min={{this.min}}\n @step={{this.step}}\n @showTicks={{this.showTicks}}\n @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 false}}\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={{eq this.showInput true}}\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @max={{this.max}}\n @min={{this.min}}\n @step={{this.step}}\n @showTicks={{this.showTicks}}\n @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 false}}\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","void 0","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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"}
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 /** 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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"}