npm - @ember-eui/core - Versions diffs - 13.0.4 → 14.0.0 - Mend

@ember-eui/core 13.0.4 → 14.0.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 (1497) hide show

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

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiRangeHighlight = setComponentTemplate(precompileTemplate("\n    <div class={{classNames \"euiRangeHighlight\" (if @showTicks \"euiRangeHighlight--hasTicks\") (if @compressed \"euiRangeHighlight--compressed\")}} ...attributes>\n      <div class={{classNames \"euiRangeHighlight__progress\" (if @hasFocus \"euiRangeHighlight__progress--hasFocus\")}} {{simpleStyle (inlineStyles componentName=\"EuiRangeHighlight\" componentArgs=(hash lowerValue=@lowerValue min=@min max=@max upperValue=@upperValue))}}></div>\n    </div>\n  ", {
+const EuiRangeHighlight = setComponentTemplate(precompileTemplate("<div class={{classNames \"euiRangeHighlight\" (if @showTicks \"euiRangeHighlight--hasTicks\") (if @compressed \"euiRangeHighlight--compressed\")}} ...attributes>\n  <div class={{classNames \"euiRangeHighlight__progress\" (if @hasFocus \"euiRangeHighlight__progress--hasFocus\")}} {{simpleStyle (inlineStyles componentName=\"EuiRangeHighlight\" componentArgs=(hash lowerValue=@lowerValue min=@min max=@max upperValue=@upperValue))}}></div>\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-range-highlight.js","sources":["../../src/components/eui-range-highlight.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiRangeHighlightSignature {\n Element: HTMLDivElement;\n Args: {\n showTicks?: boolean;\n compressed?: boolean;\n hasFocus?: boolean;\n lowerValue?: number;\n min?: number;\n max?: number;\n upperValue?: number;\n };\n}\n\nconst EuiRangeHighlight: TemplateOnlyComponent<EuiRangeHighlightSignature> =\n <template>\n <div\n class={{classNames\n \"euiRangeHighlight\"\n (if @showTicks \"euiRangeHighlight--hasTicks\")\n (if @compressed \"euiRangeHighlight--compressed\")\n }}\n ...attributes\n >\n <div\n class={{classNames\n \"euiRangeHighlight__progress\"\n (if @hasFocus \"euiRangeHighlight__progress--hasFocus\")\n }}\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiRangeHighlight\"\n componentArgs=(hash\n lowerValue=@lowerValue min=@min max=@max upperValue=@upperValue\n )\n )\n }}\n ></div>\n </div>\n </template>;\n\nexport default EuiRangeHighlight;\n"],"names":["EuiRangeHighlight","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","simpleStyle","inlineStyles","hash","templateOnly"],"mappings":";;;;;;;;AAqBA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAwBA,~~kdAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-range-highlight.js","sources":["../../src/components/eui-range-highlight.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiRangeHighlightSignature {\n Element: HTMLDivElement;\n Args: {\n showTicks?: boolean;\n compressed?: boolean;\n hasFocus?: boolean;\n lowerValue?: number;\n min?: number;\n max?: number;\n upperValue?: number;\n };\n}\n\nconst EuiRangeHighlight: TemplateOnlyComponent<EuiRangeHighlightSignature> =\n <template>\n <div\n class={{classNames\n \"euiRangeHighlight\"\n (if @showTicks \"euiRangeHighlight--hasTicks\")\n (if @compressed \"euiRangeHighlight--compressed\")\n }}\n ...attributes\n >\n <div\n class={{classNames\n \"euiRangeHighlight__progress\"\n (if @hasFocus \"euiRangeHighlight__progress--hasFocus\")\n }}\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiRangeHighlight\"\n componentArgs=(hash\n lowerValue=@lowerValue min=@min max=@max upperValue=@upperValue\n )\n )\n }}\n ></div>\n </div>\n </template>;\n\nexport default EuiRangeHighlight;\n"],"names":["EuiRangeHighlight","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","simpleStyle","inlineStyles","hash","templateOnly"],"mappings":";;;;;;;;AAqBA,MAAMA,iBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAwBA,gcAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -9,7 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiRangeInput = setComponentTemplate(precompileTemplate("\n  {{#let (and (argOrDefault @isPrependProvided true) (has-block \"prepend\")) (and (argOrDefault @isAppendProvided true) (has-block \"append\")) as |hasAppend hasPrepend|}}\n    <EuiFieldNumber class=\"euiRangeInput euiRangeInput--{{argOrDefault @side \"max\"}}\" name={{@name}} min={{castTo @min to=\"number\"}} max={{castTo @max to=\"number\"}} @step={{@step}} {{!--@glint-expect-error--}} @value={{if (eq @value \"\") \"\" (castTo @value to=\"number\")}} @disabled={{@disabled}} @compressed={{@compressed}} @fullWidth={{@fullWidth}} @controlOnly={{@controlOnly}} @isPrependProvided={{hasAppend}} @isAppendProvided={{hasPrepend}} @isInvalid={{@isInvalid}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiRangeInput\" componentArgs=(hash autoSize=(argOrDefault @autoSize true) digitTolerance=@digitTolerance))}}>\n      <:prepend as |classes|>\n        {{yield classes to=\"prepend\"}}\n      </:prepend>\n      <:append as |classes|>\n        {{yield classes to=\"append\"}}\n      </:append>\n    </EuiFieldNumber>\n  {{/let}}\n", {
+const EuiRangeInput = setComponentTemplate(precompileTemplate("{{#let (and (argOrDefault @isPrependProvided true) (has-block \"prepend\")) (and (argOrDefault @isAppendProvided true) (has-block \"append\")) as |hasAppend hasPrepend|}}\n  <EuiFieldNumber class=\"euiRangeInput euiRangeInput--{{argOrDefault @side \"max\"}}\" name={{@name}} min={{castTo @min to=\"number\"}} max={{castTo @max to=\"number\"}} @step={{@step}} {{!--@glint-expect-error--}} @value={{if (eq @value \"\") \"\" (castTo @value to=\"number\")}} @disabled={{@disabled}} @compressed={{@compressed}} @fullWidth={{@fullWidth}} @controlOnly={{@controlOnly}} @isPrependProvided={{hasAppend}} @isAppendProvided={{hasPrepend}} @isInvalid={{@isInvalid}} ...attributes {{simpleStyle (inlineStyles componentName=\"EuiRangeInput\" componentArgs=(hash autoSize=(argOrDefault @autoSize true) digitTolerance=@digitTolerance))}}>\n    <:prepend as |classes|>\n      {{yield classes to=\"prepend\"}}\n    </:prepend>\n    <:append as |classes|>\n      {{yield classes to=\"append\"}}\n    </:append>\n  </EuiFieldNumber>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     and,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-range-input.js","sources":["../../src/components/eui-range-input.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport { and, eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport castTo from '../helpers/cast-to.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport EuiFieldNumber from './eui-field-number.gts';\n\nimport type { EuiFieldNumberSignature } from './eui-field-number';\nimport type { EuiFieldNumberArgs } from './eui-field-number';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiRangeInputArgs\n extends Omit<EuiFieldNumberArgs, 'max' \| 'min' \| 'value'> {\n autoSize?: boolean;\n digitTolerance: number;\n name?: string;\n max: number;\n min: number;\n side?: 'min' \| 'max';\n value?: string \| number;\n isPrependProvided?: boolean;\n isAppendProvided?: boolean;\n}\n\nexport interface EuiRangeInputSignature {\n Element: EuiFieldNumberSignature['Element'];\n Args: EuiRangeInputArgs;\n Blocks: {\n prepend: [string];\n append: [string];\n };\n}\n\nconst EuiRangeInput: TemplateOnlyComponent<EuiRangeInputSignature> = <template>\n {{#let\n (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n as \|hasAppend hasPrepend\|\n }}\n <EuiFieldNumber\n class=\"euiRangeInput euiRangeInput--{{argOrDefault @side 'max'}}\"\n name={{@name}}\n min={{castTo @min to=\"number\"}}\n max={{castTo @max to=\"number\"}}\n @step={{@step}}\n {{!@glint-expect-error}}\n @value={{if (eq @value \"\") \"\" (castTo @value to=\"number\")}}\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @fullWidth={{@fullWidth}}\n @controlOnly={{@controlOnly}}\n @isPrependProvided={{hasAppend}}\n @isAppendProvided={{hasPrepend}}\n @isInvalid={{@isInvalid}}\n ...attributes\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiRangeInput\"\n componentArgs=(hash\n autoSize=(argOrDefault @autoSize true)\n digitTolerance=@digitTolerance\n )\n )\n }}\n >\n <:prepend as \|classes\|>\n {{yield classes to=\"prepend\"}}\n </:prepend>\n <:append as \|classes\|>\n {{yield classes to=\"append\"}}\n </:append>\n </EuiFieldNumber>\n {{/let}}\n</template>;\n\nexport default EuiRangeInput;\n"],"names":["EuiRangeInput","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","EuiFieldNumber","castTo","eq","simpleStyle","inlineStyles","hash","templateOnly"],"mappings":";;;;;;;;;;;AAoCA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAwCrE,~~whCAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,cAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAC,WAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-range-input.js","sources":["../../src/components/eui-range-input.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport { and, eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport castTo from '../helpers/cast-to.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\nimport EuiFieldNumber from './eui-field-number.gts';\n\nimport type { EuiFieldNumberSignature } from './eui-field-number';\nimport type { EuiFieldNumberArgs } from './eui-field-number';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiRangeInputArgs\n extends Omit<EuiFieldNumberArgs, 'max' \| 'min' \| 'value'> {\n autoSize?: boolean;\n digitTolerance: number;\n name?: string;\n max: number;\n min: number;\n side?: 'min' \| 'max';\n value?: string \| number;\n isPrependProvided?: boolean;\n isAppendProvided?: boolean;\n}\n\nexport interface EuiRangeInputSignature {\n Element: EuiFieldNumberSignature['Element'];\n Args: EuiRangeInputArgs;\n Blocks: {\n prepend: [string];\n append: [string];\n };\n}\n\nconst EuiRangeInput: TemplateOnlyComponent<EuiRangeInputSignature> = <template>\n {{#let\n (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n as \|hasAppend hasPrepend\|\n }}\n <EuiFieldNumber\n class=\"euiRangeInput euiRangeInput--{{argOrDefault @side 'max'}}\"\n name={{@name}}\n min={{castTo @min to=\"number\"}}\n max={{castTo @max to=\"number\"}}\n @step={{@step}}\n {{!@glint-expect-error}}\n @value={{if (eq @value \"\") \"\" (castTo @value to=\"number\")}}\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @fullWidth={{@fullWidth}}\n @controlOnly={{@controlOnly}}\n @isPrependProvided={{hasAppend}}\n @isAppendProvided={{hasPrepend}}\n @isInvalid={{@isInvalid}}\n ...attributes\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiRangeInput\"\n componentArgs=(hash\n autoSize=(argOrDefault @autoSize true)\n digitTolerance=@digitTolerance\n )\n )\n }}\n >\n <:prepend as \|classes\|>\n {{yield classes to=\"prepend\"}}\n </:prepend>\n <:append as \|classes\|>\n {{yield classes to=\"append\"}}\n </:append>\n </EuiFieldNumber>\n {{/let}}\n</template>;\n\nexport default EuiRangeInput;\n"],"names":["EuiRangeInput","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","EuiFieldNumber","castTo","eq","simpleStyle","inlineStyles","hash","templateOnly"],"mappings":";;;;;;;;;;;AAoCA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAwCrE,ggCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;IAAAC,YAAA;IAAAC,cAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAC,WAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiRangeLabel = setComponentTemplate(precompileTemplate("\n  <label class={{classNames \"euiRangeLabel\" (concat \"euiRangeLabel--\" (argOrDefault @side \"max\")) (if @disabled \"euiRangeLabel--isDisabled\")}}>\n    {{yield}}\n  </label>\n", {
+const EuiRangeLabel = setComponentTemplate(precompileTemplate("<label class={{classNames \"euiRangeLabel\" (concat \"euiRangeLabel--\" (argOrDefault @side \"max\")) (if @disabled \"euiRangeLabel--isDisabled\")}}>\n  {{yield}}\n</label>", {
   strictMode: true,
   scope: () => ({
     classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-range-label.js","sources":["../../src/components/eui-range-label.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiRangeLabelSignature {\n Args: {\n side?: 'min' \| 'max';\n disabled?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiRangeLabel: TemplateOnlyComponent<EuiRangeLabelSignature> = <template>\n <label\n class={{classNames\n \"euiRangeLabel\"\n (concat \"euiRangeLabel--\" (argOrDefault @side \"max\"))\n (if @disabled \"euiRangeLabel--isDisabled\")\n }}\n >\n {{yield}}\n </label>\n</template>;\n\nexport default EuiRangeLabel;\n"],"names":["EuiRangeLabel","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","concat","argOrDefault","templateOnly"],"mappings":";;;;;;;AAiBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAUrE,~~wLAAA~~,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1	+ {"version":3,"file":"eui-range-label.js","sources":["../../src/components/eui-range-label.gts"],"sourcesContent":["import { concat } from '@ember/helper';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiRangeLabelSignature {\n Args: {\n side?: 'min' \| 'max';\n disabled?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiRangeLabel: TemplateOnlyComponent<EuiRangeLabelSignature> = <template>\n <label\n class={{classNames\n \"euiRangeLabel\"\n (concat \"euiRangeLabel--\" (argOrDefault @side \"max\"))\n (if @disabled \"euiRangeLabel--isDisabled\")\n }}\n >\n {{yield}}\n </label>\n</template>;\n\nexport default EuiRangeLabel;\n"],"names":["EuiRangeLabel","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","concat","argOrDefault","templateOnly"],"mappings":";;;;;;;AAiBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAUrE,8KAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -9,7 +9,7 @@ import inlineStyles from '../helpers/inline-styles.js';
 import simpleStyle from '../modifiers/simple-style.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { n } from 'decorator-transforms/runtime';
+import { n } from 'decorator-transforms/runtime-esm';
 const LEVEL_COLORS = ['primary', 'success', 'warning', 'danger'];
 class EuiRangeLevelsComponent extends Component {
@@ -31,7 +31,7 @@ class EuiRangeLevelsComponent extends Component {
     n(this.prototype, "validateLevels", [action]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div class={{classNames \"euiRangeLevels\" (if @showTicks \"euiRangeLevels--hasTicks\") (if @compressed \"euiRangeLevels--compressed\")}} {{didInsert this.validateLevels}} {{didUpdate this.validateLevels @levels}} {{didUpdate this.validateLevels @min}} {{didUpdate this.validateLevels @max}}>\n      {{#each @levels as |level|}}\n        <span class=\"euiRangeLevel euiRangeLevel--{{level.color}}\" {{simpleStyle (inlineStyles componentName=\"EuiRangeLevels\" componentArgs=(hash level=level max=@max min=@min trackWidth=@trackWidth))}}></span>\n      {{/each}}\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div class={{classNames \"euiRangeLevels\" (if @showTicks \"euiRangeLevels--hasTicks\") (if @compressed \"euiRangeLevels--compressed\")}} {{didInsert this.validateLevels}} {{didUpdate this.validateLevels @levels}} {{didUpdate this.validateLevels @min}} {{didUpdate this.validateLevels @max}}>\n  {{#each @levels as |level|}}\n    <span class=\"euiRangeLevel euiRangeLevel--{{level.color}}\" {{simpleStyle (inlineStyles componentName=\"EuiRangeLevels\" componentArgs=(hash level=level max=@max min=@min trackWidth=@trackWidth))}}></span>\n  {{/each}}\n</div>", {
       strictMode: true,
       scope: () => ({
         classNames,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-range-levels.js","sources":["../../src/components/eui-range-levels.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { hash } 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';\n\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\n\nexport type EuiRangeLevelColor = 'primary' \| 'success' \| 'warning' \| 'danger';\n\nexport const LEVEL_COLORS: EuiRangeLevelColor[] = [\n 'primary',\n 'success',\n 'warning',\n 'danger'\n];\n\nexport interface EuiRangeLevel {\n min: number;\n max: number;\n color: EuiRangeLevelColor;\n}\n\nexport type EuiRangeLevelsArgs = {\n levels?: EuiRangeLevel[];\n max: number;\n min: number;\n showTicks?: boolean;\n compressed?: boolean;\n trackWidth?: number;\n};\n\nexport interface EuiRangeLevelsSignature {\n Element: HTMLDivElement;\n Args: EuiRangeLevelsArgs;\n Blocks: { default: [] };\n}\n\nexport default class EuiRangeLevelsComponent extends Component<EuiRangeLevelsSignature> {\n @action\n validateLevels(): void {\n const { min, max } = this.args;\n\n this.args.levels?.forEach?.((level) => {\n if (level.min < min) {\n assert(\n `The level min of ${level.min} is lower than the min value of ${min}.`,\n true\n );\n }\n\n if (level.max > max) {\n assert(\n `The level max of ${level.max} is higher than the max value of ${max}.`,\n true\n );\n }\n });\n }\n\n <template>\n <div\n class={{classNames\n \"euiRangeLevels\"\n (if @showTicks \"euiRangeLevels--hasTicks\")\n (if @compressed \"euiRangeLevels--compressed\")\n }}\n {{didInsert this.validateLevels}}\n {{didUpdate this.validateLevels @levels}}\n {{didUpdate this.validateLevels @min}}\n {{didUpdate this.validateLevels @max}}\n >\n {{#each @levels as \|level\|}}\n <span\n class=\"euiRangeLevel euiRangeLevel--{{level.color}}\"\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiRangeLevels\"\n componentArgs=(hash\n level=level max=@max min=@min trackWidth=@trackWidth\n )\n )\n }}\n ></span>\n {{/each}}\n </div>\n </template>\n}\n"],"names":["LEVEL_COLORS","EuiRangeLevelsComponent","Component","validateLevels","min","max","args","levels","forEach","level","assert","n","prototype","action","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","didInsert","didUpdate","simpleStyle","inlineStyles","hash"],"mappings":";;;;;;;;;;;;;AAaO,MAAMA,YAAqC,GAAA,CAChD,SAAA,EACA,SAAA,EACA,SAAA,EACA,QAAA;AAwBa,MAAMC,gCAAgCC,SAAU,CAAA;AAE7DC,EAAAA,cAAAA,GAAuB;IACrB,MAAM;MAAEC,GAAG;AAAEC,MAAAA;KAAK,GAAG,IAAI,CAACC,IAAI;IAE9B,IAAI,CAACA,IAAI,CAACC,MAAM,EAAEC,UAAWC,KAAA,IAAA;AAC3B,MAAA,IAAIA,KAAA,CAAML,GAAG,GAAGA,GAAK,EAAA;QACnBM,MACE,CAAA,CAAoBD,iBAAAA,EAAAA,KAAM,CAAAL,GAAG,mCAAmCA,GAAA,CAAA,CAAA,CAAM,EACtE,IAAA,CAAA;AAEJ;AAEA,MAAA,IAAIK,KAAA,CAAMJ,GAAG,GAAGA,GAAK,EAAA;QACnBK,MACE,CAAA,CAAoBD,iBAAAA,EAAAA,KAAM,CAAAJ,GAAG,oCAAoCA,GAAA,CAAA,CAAA,CAAM,EACvE,IAAA,CAAA;AAEJ;AACF,KAAA,CAAA;AACF;AAAA,EAAA;IAAAM,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CAnBCC,MAAA,CAAA,CAAA;AAAA;AAqBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA0BA,~~ykBAAA,~~EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,WAAA;QAAAC,YAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"eui-range-levels.js","sources":["../../src/components/eui-range-levels.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { hash } 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';\n\nimport classNames from '../helpers/class-names.ts';\nimport inlineStyles from '../helpers/inline-styles.ts';\nimport simpleStyle from '../modifiers/simple-style.ts';\n\nexport type EuiRangeLevelColor = 'primary' \| 'success' \| 'warning' \| 'danger';\n\nexport const LEVEL_COLORS: EuiRangeLevelColor[] = [\n 'primary',\n 'success',\n 'warning',\n 'danger'\n];\n\nexport interface EuiRangeLevel {\n min: number;\n max: number;\n color: EuiRangeLevelColor;\n}\n\nexport type EuiRangeLevelsArgs = {\n levels?: EuiRangeLevel[];\n max: number;\n min: number;\n showTicks?: boolean;\n compressed?: boolean;\n trackWidth?: number;\n};\n\nexport interface EuiRangeLevelsSignature {\n Element: HTMLDivElement;\n Args: EuiRangeLevelsArgs;\n Blocks: { default: [] };\n}\n\nexport default class EuiRangeLevelsComponent extends Component<EuiRangeLevelsSignature> {\n @action\n validateLevels(): void {\n const { min, max } = this.args;\n\n this.args.levels?.forEach?.((level) => {\n if (level.min < min) {\n assert(\n `The level min of ${level.min} is lower than the min value of ${min}.`,\n true\n );\n }\n\n if (level.max > max) {\n assert(\n `The level max of ${level.max} is higher than the max value of ${max}.`,\n true\n );\n }\n });\n }\n\n <template>\n <div\n class={{classNames\n \"euiRangeLevels\"\n (if @showTicks \"euiRangeLevels--hasTicks\")\n (if @compressed \"euiRangeLevels--compressed\")\n }}\n {{didInsert this.validateLevels}}\n {{didUpdate this.validateLevels @levels}}\n {{didUpdate this.validateLevels @min}}\n {{didUpdate this.validateLevels @max}}\n >\n {{#each @levels as \|level\|}}\n <span\n class=\"euiRangeLevel euiRangeLevel--{{level.color}}\"\n {{simpleStyle\n (inlineStyles\n componentName=\"EuiRangeLevels\"\n componentArgs=(hash\n level=level max=@max min=@min trackWidth=@trackWidth\n )\n )\n }}\n ></span>\n {{/each}}\n </div>\n </template>\n}\n"],"names":["LEVEL_COLORS","EuiRangeLevelsComponent","Component","validateLevels","min","max","args","levels","forEach","level","assert","n","prototype","action","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","didInsert","didUpdate","simpleStyle","inlineStyles","hash"],"mappings":";;;;;;;;;;;;;AAaO,MAAMA,YAAqC,GAAA,CAChD,SAAA,EACA,SAAA,EACA,SAAA,EACA,QAAA;AAwBa,MAAMC,gCAAgCC,SAAU,CAAA;AAE7DC,EAAAA,cAAAA,GAAuB;IACrB,MAAM;MAAEC,GAAG;AAAEC,MAAAA;KAAK,GAAG,IAAI,CAACC,IAAI;IAE9B,IAAI,CAACA,IAAI,CAACC,MAAM,EAAEC,UAAWC,KAAA,IAAA;AAC3B,MAAA,IAAIA,KAAA,CAAML,GAAG,GAAGA,GAAK,EAAA;QACnBM,MACE,CAAA,CAAoBD,iBAAAA,EAAAA,KAAM,CAAAL,GAAG,mCAAmCA,GAAA,CAAA,CAAA,CAAM,EACtE,IAAA,CAAA;AAEJ;AAEA,MAAA,IAAIK,KAAA,CAAMJ,GAAG,GAAGA,GAAK,EAAA;QACnBK,MACE,CAAA,CAAoBD,iBAAAA,EAAAA,KAAM,CAAAJ,GAAG,oCAAoCA,GAAA,CAAA,CAAA,CAAM,EACvE,IAAA,CAAA;AAEJ;AACF,KAAA,CAAA;AACF;AAAA,EAAA;IAAAM,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CAnBCC,MAAA,CAAA,CAAA;AAAA;AAqBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA0BA,+iBAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,WAAA;QAAAC,YAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/eui-range-slider.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 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  ", {
+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?: string;\n name?: string;\n min: number;\n max: number;\n step?: number;\n value?: number;\n compressed?: boolean;\n hasFocus?: boolean;\n showRange?: boolean;\n showTicks?: boolean;\n disabled?: boolean;\n tabIndex?: number;\n onChange?: (e: InputEvent) => void;\n readonly?: boolean;\n};\n\nexport interface EuiRangeSliderSignature {\n Element: HTMLInputElement;\n Args: EuiRangeSliderArgs;\n}\n\nconst EuiRangeSlider: TemplateOnlyComponent<EuiRangeSliderSignature> =\n <template>\n <input\n type=\"range\"\n id={{@id}}\n name={{@name}}\n class={{classNames\n \"euiRangeSlider\"\n (if @showTicks \"euiRangeSlider--hasTicks\")\n (if @hasFocus \"euiRangeSlider--hasFocus\")\n (if @showRange \"euiRangeSlider--hasRange\")\n (if @compressed \"euiRangeSlider--compressed\")\n }}\n min={{@min}}\n max={{@max}}\n step={{@step}}\n value={{@value}}\n disabled={{@disabled}}\n ...attributes\n />\n </template>;\n\nexport default EuiRangeSlider;\n"],"names":["EuiRangeSlider","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AA2BA,MAAMA,cACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAmBA,iXAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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\nexport interface EuiRangeThumbSignature {\n Element: HTMLButtonElement;\n Args: {\n min?: number;\n max?: number;\n value?: number;\n disabled?: boolean;\n tabIndex?: number;\n showTicks?: boolean;\n };\n}\n\nconst EuiRangeThumb: TemplateOnlyComponent<EuiRangeThumbSignature> = <template>\n {{! template-lint-disable }}\n <button\n type=\"button\"\n class={{classNames\n \"euiRangeThumb\"\n (if @showTicks \"euiRangeThumb--hasTicks\")\n }}\n aria-valuemin={{@min}}\n aria-valuemax={{@max}}\n aria-valuenow={{castTo @value to=\"number\"}}\n aria-diabled={{@disabled}}\n tabindex={{if @disabled -1 (if @tabIndex @tabIndex 0)}}\n ...attributes\n >\n <div\n role=\"slider\"\n aria-valuemin={{@min}}\n aria-valuemax={{@max}}\n aria-valuenow={{castTo @value to=\"number\"}}\n aria-diabled={{@disabled}}\n tabindex={{if @disabled -1 (if @tabIndex 0)}}\n ></div>\n </button>\n {{! template-lint-enable }}\n</template>;\n\nexport default EuiRangeThumb;\n"],"names":["EuiRangeThumb","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","castTo","templateOnly"],"mappings":";;;;;;AAiBA,MAAMA,aAA+D,GAAAC,oBAAA,CAAAC,kBAAA,CAyBrE,4jBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -27,7 +27,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\nexport interface EuiRangeTick {\n value: number;\n label: Component;\n}\n\ntype Value = string \| number;\n\nexport type EuiRangeTicksArgs = {\n /** Custom ticks; without them, ticks are rendered for every interval step /\n ticks?: EuiRangeTick[];\n tickSequence: number[];\n value?: Value \| Value[];\n min: number;\n max: number;\n compressed?: boolean;\n interval?: number;\n disabled?: boolean;\n onChange?: (e: MouseEvent) => void;\n trackWidth?: number;\n};\n\nexport interface EuiRangeTicksSignature {\n Element: HTMLDivElement;\n Args: EuiRangeTicksArgs;\n}\n\nexport default class EuiRangeTicksComponent extends Component<EuiRangeTicksSignature> {\n get percentageWidth(): number {\n const { max, min, interval = 1 } = this.args;\n\n return (interval / (max - min + interval)) 100;\n }\n\n get ticksStyle(): ReturnType<typeof htmlSafe> \| undefined {\n const { ticks } = this.args;\n\n return !ticks\n ? undefined\n : htmlSafe(`margin: 0 ${this.percentageWidth / -2}%; left: 0; right: 0;`);\n }\n\n get trackWidth(): number {\n return this.args.trackWidth \|\| 0;\n }\n\n <template>\n <div\n class=\"euiRangeTicks {{if @compressed 'euiRangeTicks--compressed'}}\"\n style={{this.ticksStyle}}\n ...attributes\n >\n {{#each @tickSequence key=\"value\" as \|tickValue\|}}\n {{#let\n (getRangeTick\n @ticks tickValue @min @max this.percentageWidth this.trackWidth\n )\n as \|derivedState\|\n }}\n <button\n type=\"button\"\n class={{classNames\n (if (eq @value tickValue) \"euiRangeTick--selected\")\n (if derivedState.customTick \"euiRangeTick--isCustom\")\n \"euiRangeTick\"\n }}\n value={{tickValue}}\n disabled={{@disabled}}\n style={{derivedState.style}}\n tabindex=\"-1\"\n {{on \"click\" (optional @onChange)}}\n >\n {{!@glint-expect-error}}\n {{derivedState.label}}\n </button>\n {{/let}}\n {{/each}}\n </div>\n </template>\n}\n"],"names":["EuiRangeTicksComponent","Component","percentageWidth","max","min","interval","args","ticksStyle","ticks","undefined","htmlSafe","trackWidth","setComponentTemplate","precompileTemplate","strictMode","scope","getRangeTick","classNames","eq","on","optional"],"mappings":";;;;;;;;;;AAoCe,MAAMA,+BAA+BC,SAAU,CAAA;EAC5D,IAAIC,eAAAA,GAA0B;IAC5B,MAAM;MAAEC,GAAG;MAAEC,GAAG;AAAEC,MAAAA,QAAW,GAAA;KAAG,GAAG,IAAI,CAACC,IAAI;IAE5C,OAAQD,QAAW,IAACF,MAAMC,GAAM,GAAAC,QAAQ,CAAC,GAAI,GAAA;AAC/C;EAEA,IAAIE,UAAcA,GAAwC;IACxD,MAAM;AAAEC,MAAAA;KAAO,GAAG,IAAI,CAACF,IAAI;AAE3B,IAAA,OAAO,CAACE,KAAA,GACJC,SACA,GAAAC,QAAA,CAAS,CAAa,UAAA,EAAA,IAAI,CAACR,eAAe,GAAG,EAAC,uBAAwB,CAAA;AAC5E;EAEA,IAAIS,UAAAA,GAAqB;AACvB,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,UAAU,IAAI,CAAA;AACjC;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAgCA,2sBAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,UAAA;QAAAC,EAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -37,7 +37,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\nexport interface EuiRangeTick {\n value: number;\n label: Component;\n}\n\nexport type EuiRangeTooltipArgs = {\n value?: number \| string;\n valueAppend?: Component;\n valuePrepend?: Component;\n max: number;\n min: number;\n name?: string;\n showTicks?: boolean;\n compressed?: boolean;\n};\n\ntype Styling = {\n side: string;\n style: ReturnType<typeof htmlSafe>;\n};\n\nexport interface EuiRangeTooltipSignature {\n Args: EuiRangeTooltipArgs;\n Blocks: {\n valuePrepend: [];\n value: [];\n valueAppend: [];\n };\n}\n\nexport default class EuiRangeToolipComponent extends Component<EuiRangeTooltipSignature> {\n get styling(): Styling {\n const { value, max, min } = this.args;\n let val = 0;\n\n if (typeof value === 'number') {\n val = value;\n } else if (typeof value === 'string') {\n val = parseFloat(value);\n }\n\n const decimal = (val - min) / (max - min);\n // Must be between 0-100%\n let valuePosition = decimal <= 1 ? decimal : 1;\n\n valuePosition = valuePosition >= 0 ? valuePosition : 0;\n\n let valuePositionSide;\n let valuePositionStyleStr;\n\n if (valuePosition > 0.5) {\n valuePositionSide = 'left';\n valuePositionStyleStr = `right: ${(1 - valuePosition) * 100}%;`;\n } else {\n valuePositionSide = 'right';\n valuePositionStyleStr = `left: ${valuePosition * 100}%;`;\n }\n\n return {\n side: valuePositionSide,\n style: htmlSafe(valuePositionStyleStr)\n };\n }\n\n <template>\n <div\n class=\"euiRangeTooltip {{if @compressed 'euiRangeTooltip--compressed'}}\"\n >\n <output\n class={{classNames\n \"euiRangeTooltip__value\"\n (concat \"euiRangeTooltip__value--\" this.styling.side)\n (if @showTicks \"euiRangeTooltip__value--hasTicks\")\n }}\n for={{@name}}\n style={{this.styling.style}}\n >\n {{yield to=\"valuePrepend\"}}\n {{yield to=\"value\"}}\n {{yield to=\"valueAppend\"}}\n </output>\n </div>\n </template>\n}\n"],"names":["EuiRangeToolipComponent","Component","styling","value","max","min","args","val","parseFloat","decimal","valuePosition","valuePositionSide","valuePositionStyleStr","side","style","htmlSafe","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","concat"],"mappings":";;;;;;;AAoCe,MAAMA,gCAAgCC,SAAU,CAAA;EAC7D,IAAIC,UAAmB;IACrB,MAAM;MAAEC,KAAK;MAAEC,GAAG;AAAEC,MAAAA;KAAK,GAAG,IAAI,CAACC,IAAI;IACrC,IAAIC,GAAM,GAAA,CAAA;AAEV,IAAA,IAAI,OAAOJ,UAAU,QAAU,EAAA;AAC7BI,MAAAA,GAAM,GAAAJ,KAAA;AACR,KAAO,MAAA,IAAI,OAAOA,KAAA,KAAU,QAAU,EAAA;AACpCI,MAAAA,GAAA,GAAMC,UAAW,CAAAL,KAAA,CAAA;AACnB;IAEA,MAAMM,UAAU,CAACF,GAAA,GAAMF,GAAG,KAAKD,MAAMC,GAAG,CAAA;AACxC;IACA,IAAIK,aAAA,GAAgBD,OAAW,IAAA,CAAA,GAAIA,OAAU,GAAA,CAAA;AAE7CC,IAAAA,aAAgB,GAAAA,aAAA,IAAiB,IAAIA,aAAgB,GAAA,CAAA;AAErD,IAAA,IAAIC,iBAAA;AACJ,IAAA,IAAIC,qBAAA;IAEJ,IAAIF,gBAAgB,GAAK,EAAA;AACvBC,MAAAA,iBAAoB,GAAA,MAAA;MACpBC,qBAAwB,GAAA,UAAU,CAAC,IAAIF,aAAa,IAAI,GAAI,CAAG,EAAA,CAAA;AACjE,KAAO,MAAA;AACLC,MAAAA,iBAAoB,GAAA,OAAA;AACpBC,MAAAA,qBAAA,GAAwB,CAAA,MAAA,EAASF,aAAgB,GAAA,GAAA,CAAO,EAAA,CAAA;AAC1D;IAEA,OAAO;AACLG,MAAAA,IAAM,EAAAF,iBAAA;MACNG,KAAA,EAAOC,QAAS,CAAAH,qBAAA;KAClB;AACF;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAkBA,8ZAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -15,7 +15,7 @@ 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';
 class EuiRangeTrackComponent extends Component {
   static {
@@ -114,7 +114,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\nexport interface EuiRangeTick {\n value: number;\n label: Component;\n}\n\ntype Value = number \| string;\n\nexport type EuiRangeTrackArgs = {\n min: number;\n max: number;\n step?: number;\n value?: Value \| Value[];\n compressed?: boolean;\n disabled?: boolean;\n showTicks?: boolean;\n tickInterval?: number;\n ticks?: EuiRangeTick[];\n onChange?: (e: MouseEvent) => void;\n levels?: EuiRangeLevel[];\n};\n\ntype Styling = {\n tickSequence?: number[];\n styles: ReturnType<typeof htmlSafe>;\n};\n\nexport interface EuiRangeTrackSignature {\n Element: HTMLElement;\n Args: EuiRangeTrackArgs;\n Blocks: {\n default: [];\n };\n}\n\nexport default class EuiRangeTrackComponent extends Component<EuiRangeTrackSignature> {\n @tracked trackEl?: HTMLElement;\n\n @action\n registerTrack(el: HTMLElement) {\n this.trackEl = el;\n }\n\n @action\n validateValueIsInStep(value: number): number {\n const { min, max, step } = this.args;\n\n if (value < min) {\n assert(\n `The value of ${value} is lower than the min value of ${min}.`,\n false\n );\n }\n\n if (value > max) {\n assert(\n `The value of ${value} is higher than the max value of ${max}.`,\n false\n );\n }\n\n // Error out if the value doesn't line up with the sequence of steps\n if (!isEvenlyDivisibleBy(value - min, step !== undefined ? step : 1)) {\n assert(\n `The value of ${value} is not included in the possible sequence provided by the step of ${step}.`,\n false\n );\n }\n\n // Return the value if nothing fails\n return value;\n }\n\n calculateSequence(\n min: EuiRangeTrackArgs['min'],\n max: EuiRangeTrackArgs['max'],\n interval?: EuiRangeTrackArgs['tickInterval']\n ): number[] {\n // Loop from min to max, creating adding values at each interval\n // (adds a very small number to the max since `range` is not inclusive of the max value)\n const toBeInclusive = 0.000000001;\n\n return range(min, max + toBeInclusive, interval);\n }\n\n calculateTicks(\n min: EuiRangeTrackArgs['min'],\n max: EuiRangeTrackArgs['max'],\n step?: EuiRangeTrackArgs['step'],\n tickInterval?: EuiRangeTrackArgs['tickInterval'],\n customTicks?: EuiRangeTick[]\n ): number[] {\n let ticks;\n\n if (customTicks) {\n // If custom values were passed, use those for the sequence\n // But make sure they align with the possible sequence\n ticks = customTicks.map((tick) => {\n return this.validateValueIsInStep(tick.value);\n });\n } else {\n // If a custom interval was passed, use those for the sequence\n // But make sure they align with the possible sequence\n const interval = tickInterval \|\| step;\n const tickSequence = this.calculateSequence(min, max, interval);\n\n ticks = tickSequence.map((tick) => {\n return this.validateValueIsInStep(tick);\n });\n }\n\n // Error out if there are too many ticks to render\n if (ticks.length > 20) {\n assert(\n `The number of ticks to render is too high (${ticks.length}), increase the interval.`,\n true\n );\n }\n\n return ticks;\n }\n\n get derivedState(): Styling {\n let tickSequence;\n let styles = '';\n const { showTicks, min, max, step, tickInterval, ticks } = this.args;\n\n if (showTicks) {\n tickSequence = this.calculateTicks(min, max, step, tickInterval, ticks);\n\n // Calculate if any extra margin should be added to the inputWrapper\n // because of longer tick labels on the ends\n const lengthOfMinLabel = String(tickSequence[0]).length;\n const lenghtOfMaxLabel = String(\n tickSequence[tickSequence.length - 1]\n ).length;\n const isLastTickTheMax = tickSequence[tickSequence.length - 1] === max;\n\n if (lengthOfMinLabel > 2) {\n styles = `margin-left: ${lengthOfMinLabel / 5}em`;\n }\n\n if (isLastTickTheMax && lenghtOfMaxLabel > 2) {\n styles = `margin-right: ${lenghtOfMaxLabel / 5}em`;\n }\n }\n\n return {\n tickSequence,\n styles: htmlSafe(styles)\n };\n }\n\n willDestroy(): void {\n super.willDestroy();\n \n this.trackEl = undefined;\n }\n\n <template>\n <div\n class={{classNames\n \"euiRangeTrack\"\n (if @disabled \"euiRangeTrack--disabled\")\n (if @showTicks \"euiRangeTrack--hasTicks\")\n (if (and @levels (gt @levels.length 0)) \"euiRangeTrack--hasLevels\")\n }}\n style={{if this.derivedState.styles this.derivedState.styles}}\n ...attributes\n {{didInsert (fn this.validateValueIsInStep @max)}}\n {{didInsert this.registerTrack}}\n {{didUpdate (fn this.validateValueIsInStep @max) @max}}\n {{didUpdate (fn this.validateValueIsInStep @max) @min}}\n {{didUpdate (fn this.validateValueIsInStep @max) @step}}\n >\n {{#if (gt @levels.length 0)}}\n <EuiRangeLevels\n @compressed={{@compressed}}\n @levels={{@levels}}\n @max={{@max}}\n @min={{@min}}\n @showTicks={{@showTicks}}\n @trackWidth={{this.trackEl.clientWidth}}\n />\n {{/if}}\n {{#if this.derivedState.tickSequence}}\n <EuiRangeTicks\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @ticks={{@ticks}}\n @tickSequence={{this.derivedState.tickSequence}}\n @value={{@value}}\n @min={{@min}}\n @max={{@max}}\n @interval={{or @tickInterval @step}}\n @onChange={{@onChange}}\n @trackWidth={{this.trackEl.clientWidth}}\n />\n {{/if}}\n {{yield}}\n </div>\n </template>\n}\n"],"names":["EuiRangeTrackComponent","Component","g","prototype","tracked","i","registerTrack","el","trackEl","n","action","validateValueIsInStep","value","min","max","step","args","assert","isEvenlyDivisibleBy","undefined","calculateSequence","interval","toBeInclusive","range","calculateTicks","tickInterval","customTicks","ticks","map","tick","tickSequence","length","derivedState","styles","showTicks","lengthOfMinLabel","String","lenghtOfMaxLabel","isLastTickTheMax","htmlSafe","willDestroy","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","and","gt","didInsert","fn","didUpdate","EuiRangeLevels","EuiRangeTicks","or"],"mappings":"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"}

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\nexport interface EuiRangeWrapperSignature {\n Element: HTMLDivElement;\n Args: {\n fullWidth?: boolean;\n compressed?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiRangeWrapper: TemplateOnlyComponent<EuiRangeWrapperSignature> =\n <template>\n <div\n class={{classNames\n \"euiRangeWrapper\"\n (if @fullWidth \"euiRangeWrapper--fullWidth\")\n (if @compressed \"euiRangeWrapper--compressed\")\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiRangeWrapper;\n"],"names":["EuiRangeWrapper","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAeA,MAAMA,eACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAWA,mLAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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 compressed?: boolean;\n readOnly?: boolean;\n fullWidth?: boolean;\n id?: string;\n /*\n Create colored indicators for certain intervals\n /\n levels?: EuiRangeLevel[];\n step?: number;\n /\n Pass `true` to displays an extra input control for direct manipulation.\n * Pass `'inputWithPopover'` to only show the input but show the range in a dropdown.\n /\n showInput?: boolean \| 'inputWithPopover';\n /\n Shows static min/max labels on the sides of the range slider\n /\n showLabels?: boolean;\n /\n Shows a thick line from min to value\n /\n showRange?: boolean;\n /\n Shows clickable tick marks and labels at the given interval (`step`/`tickInterval`)\n /\n showTicks?: boolean;\n\n min?: number;\n max?: number;\n /\n Shows a tooltip styled value\n /\n showValue?: boolean;\n /\n Specified ticks at specified values\n /\n ticks?: EuiRangeTick[];\n /\n Modifies the number of tick marks and at what interval\n /\n tickInterval?: number;\n /\n Appends to the tooltip\n /\n valueAppend?: any;\n /\n Prepends to the tooltip\n */\n valuePrepend?: any;\n\n onChange?: (event: Event, isValid: boolean) => void;\n onBlur?: (event: Event) => void;\n onFocus?: (event: Event) => void;\n\n value?: number;\n\n disabled?: boolean;\n\n isPrependProvided?: boolean;\n isAppendProvided?: boolean;\n isFakeMaxBlock?: boolean;\n isFakeMinBlock?: boolean;\n isFakeValueBlock?: boolean;\n isFakeValueAppendBlock?: boolean;\n isFakeValuePrependBlock?: boolean;\n isInvalid?: boolean;\n name?: string;\n isLoading?: boolean;\n}\n\nexport interface EuiRangeSignature {\n Element: HTMLInputElement;\n Args: EuiRangeArgs;\n Blocks: {\n min: [min: number];\n max: [max: number];\n value: [];\n valueAppend: [];\n valuePrepend: [];\n prepend: [classes: string];\n append: [classes: string];\n input: [];\n content: [];\n };\n}\n\nexport default class EuiRangeComponent extends Component<EuiRangeSignature> {\n // Defaults\n @argOrDefaultDecorator(0) min!: number;\n @argOrDefaultDecorator(100) max!: number;\n @argOrDefaultDecorator(1) step!: number;\n @argOrDefaultDecorator(false) fullWidth!: boolean;\n @argOrDefaultDecorator(false) compressed!: boolean;\n @argOrDefaultDecorator(false) isLoading!: boolean;\n @argOrDefaultDecorator(false) showLabels!: boolean;\n @argOrDefaultDecorator(false) showInput!: boolean \| string;\n @argOrDefaultDecorator(false) showRange!: boolean;\n @argOrDefaultDecorator(false) showTicks!: boolean;\n @argOrDefaultDecorator(false) showValue!: boolean;\n @argOrDefaultDecorator([]) levels!: EuiRangeLevel[];\n\n preventPopoverClose = false;\n\n //State\n @tracked id: string = this.args.id \|\| guidFor({});\n @tracked isPopoverOpen = false;\n ///\n\n @action\n handleOnChange(e: Event): void {\n const isValid = isWithinRange(\n this.min,\n this.max,\n (e.currentTarget as HTMLInputElement).value\n );\n\n if (this.args.onChange) {\n this.args.onChange(e, isValid);\n }\n }\n\n get isValid(): boolean {\n return isWithinRange(this.min, this.max, this.args.value \|\| '');\n }\n\n get digitTolerance(): number {\n return Math.max(String(this.min).length, String(this.max).length);\n }\n\n get showInputOnly(): boolean {\n return this.showInput === 'inputWithPopover';\n }\n\n get canShowDropdown(): boolean {\n return this.showInputOnly && !this.args.readOnly && !this.args.disabled;\n }\n\n get showRangeTooltip(): boolean {\n return (\n this.showValue &&\n !!String(this.args.value).length &&\n this.args.value !== undefined\n );\n }\n\n @action\n onInputFocus(e: Event): void {\n if (this.args.onFocus) {\n this.args.onFocus(e);\n }\n\n this.isPopoverOpen = true;\n }\n\n @action\n onInputBlur(e: Event): void {\n later(\n this,\n () => {\n // Safari does not recognize any focus-related eventing for input[type=range]\n // making it impossible to capture its state using active/focus/relatedTarget\n // Instead, a prevention flag is set on mousedown, with a waiting period here.\n // Mousedown is viable because in the popover case, it is inaccessible via keyboard (intentionally)\n if (this.preventPopoverClose) {\n this.preventPopoverClose = false;\n\n return;\n }\n\n if (this.args.onBlur) {\n this.args.onBlur(e);\n }\n\n this.closePopover();\n },\n 200\n );\n }\n\n @action\n setPreventPopover(val: boolean): void {\n this.preventPopoverClose = val;\n }\n\n @action\n closePopover(): void {\n this.preventPopoverClose = false;\n this.isPopoverOpen = false;\n }\n\n @action\n setPreventPopoverClose(bool: boolean): void {\n this.preventPopoverClose = bool;\n }\n\n <template>\n {{#let\n (and (argOrDefault @isPrependProvided true) (has-block \"prepend\"))\n (and (argOrDefault @isAppendProvided true) (has-block \"append\"))\n (and (not (argOrDefault @isFakeMaxBlock false)) (has-block \"max\"))\n (and (not (argOrDefault @isFakeMinBlock false)) (has-block \"min\"))\n (and (not (argOrDefault @isFakeValueBlock false)) (has-block \"value\"))\n (and\n (not (argOrDefault @isFakeValueAppendBlock false))\n (has-block \"valueAppend\")\n )\n (and\n (not (argOrDefault @isFakeValuePrependBlock false))\n (has-block \"valuePrepend\")\n )\n as \|hasPrepend hasAppend hasMaxBlock hasMinBlock hasValueBlock hasValueAppendBlock hasValuePrependBlock\|\n }}\n {{#if this.showInputOnly}}\n <EuiInputPopover\n class=\"euiRange__popover\"\n @fullWidth={{@fullWidth}}\n @isOpen={{this.isPopoverOpen}}\n @closePopover={{this.closePopover}}\n @disableFocusTrap={{true}}\n >\n <:input>\n <EuiRangeInput\n id={{this.id}}\n @min={{this.min}}\n @max={{this.max}}\n @digitTolerance={{this.digitTolerance}}\n @readOnly={{@readOnly}}\n @step={{this.step}}\n @value={{@value}}\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @name={{@name}}\n @fullWidth={{and this.showInputOnly this.fullWidth}}\n @isLoading={{and this.showInputOnly @isLoading}}\n @isInvalid={{@isInvalid}}\n @autoSize={{not this.showInputOnly}}\n @isPrependProvided={{hasPrepend}}\n @isAppendProvided={{hasAppend}}\n ...attributes\n {{on\n \"focus\"\n (if this.canShowDropdown this.onInputFocus (optional @onFocus))\n }}\n {{on\n \"blur\"\n (if this.canShowDropdown this.onInputBlur (optional @onBlur))\n }}\n {{on \"input\" this.handleOnChange}}\n >\n <:prepend as \|classes\|>\n {{yield classes to=\"prepend\"}}\n </:prepend>\n <:append as \|classes\|>\n {{yield classes to=\"append\"}}\n </:append>\n </EuiRangeInput>\n </:input>\n <:content>\n <EuiRangeWrapper\n class={{classNames\n \"euiRange\"\n (if this.showInput \"euiRange--hasInput\")\n }}\n @fullWidth={{@fullWidth}}\n @compressed={{@compressed}}\n >\n {{#if this.showLabels}}\n <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n {{#if hasMinBlock}}\n {{yield this.min to=\"min\"}}\n {{else}}\n {{this.min}}\n {{/if}}\n </EuiRangeLabel>\n {{/if}}\n <EuiRangeTrack\n aria-hidden={{if (eq this.showInput true) \"true\"}}\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @max={{this.max}}\n @min={{this.min}}\n @step={{this.step}}\n @showTicks={{this.showTicks}}\n @tickInterval={{@tickInterval}}\n @ticks={{@ticks}}\n @levels={{this.levels}}\n @onChange={{this.handleOnChange}}\n @value={{@value}}\n >\n {{#if (and this.showRange this.isValid)}}\n <EuiRangeHighlight\n @compressed={{@compressed}}\n @showTicks={{this.showTicks}}\n {{!@glint-expect-error}}\n @min={{castTo this.min to=\"number\"}}\n {{!@glint-expect-error}}\n @max={{castTo this.max to=\"number\"}}\n {{!@glint-expect-error}}\n @lowerValue={{castTo this.min to=\"number\"}}\n {{!@glint-expect-error}}\n @upperValue={{castTo @value to=\"number\"}}\n />\n {{/if}}\n <EuiRangeSlider\n aria-hidden={{if (eq this.showInput true) \"true\"}}\n tabindex={{if (eq this.showInput true) \"-1\"}}\n @id={{if this.showInput undefined this.id}}\n @name={{@name}}\n @min={{this.min}}\n @max={{this.max}}\n @step={{this.step}}\n @value={{@value}}\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @showTicks={{this.showTicks}}\n @showRange={{this.showRange}}\n ...attributes\n {{on\n \"mousedown\"\n (if\n this.showInputOnly\n (fn this.setPreventPopoverClose true)\n (optional)\n )\n }}\n {{on\n \"focus\"\n (if (eq this.showInput true) (optional) (optional @onFocus))\n }}\n {{on\n \"blur\"\n (if this.showInputOnly this.onInputBlur (optional @onBlur))\n }}\n {{on \"input\" this.handleOnChange}}\n />\n {{#if this.showRangeTooltip}}\n <EuiRangeTooltip\n @compressed={{@compressed}}\n @value={{@value}}\n @max={{this.max}}\n @min={{this.min}}\n @name={{@name}}\n @showTicks={{this.showTicks}}\n >\n <:valuePrepend>\n {{#if hasValuePrependBlock}}\n {{yield to=\"valuePrepend\"}}\n {{else}}\n {{@valuePrepend}}\n {{/if}}\n </:valuePrepend>\n <:value>\n {{#if hasValueBlock}}\n {{yield to=\"value\"}}\n {{else}}\n {{@value}}\n {{/if}}\n </:value>\n <:valueAppend>\n {{#if hasValueAppendBlock}}\n {{yield to=\"valueAppend\"}}\n {{else}}\n {{@valueAppend}}\n {{/if}}\n </:valueAppend>\n </EuiRangeTooltip>\n {{/if}}\n </EuiRangeTrack>\n {{#if this.showLabels}}\n <EuiRangeLabel @side=\"max\" @disabled={{@disabled}}>\n {{#if hasMaxBlock}}\n {{yield this.max to=\"max\"}}\n {{else}}\n {{this.max}}\n {{/if}}\n </EuiRangeLabel>\n {{/if}}\n {{#if (and this.showInput (not this.showInputOnly))}}\n <div class=\"euiRange__horizontalSpacer\"></div>\n {{#if this.showInput}}\n <EuiRangeInput\n id={{this.id}}\n @min={{this.min}}\n @max={{this.max}}\n @digitTolerance={{this.digitTolerance}}\n @readOnly={{@readOnly}}\n @step={{this.step}}\n @value={{@value}}\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @name={{@name}}\n @fullWidth={{and this.showInputOnly this.fullWidth}}\n @isLoading={{and this.showInputOnly @isLoading}}\n @isInvalid={{@isInvalid}}\n @autoSize={{not this.showInputOnly}}\n @isPrependProvided={{hasPrepend}}\n @isAppendProvided={{hasAppend}}\n ...attributes\n {{on\n \"focus\"\n (if\n this.canShowDropdown\n this.onInputFocus\n (optional @onFocus)\n )\n }}\n {{on\n \"blur\"\n (if\n this.canShowDropdown this.onInputBlur (optional @onBlur)\n )\n }}\n {{on \"input\" this.handleOnChange}}\n >\n <:prepend as \|classes\|>\n {{yield classes to=\"prepend\"}}\n </:prepend>\n <:append as \|classes\|>\n {{yield classes to=\"append\"}}\n </:append>\n </EuiRangeInput>\n {{/if}}\n {{/if}}\n </EuiRangeWrapper>\n </:content>\n </EuiInputPopover>\n {{else}}\n <EuiRangeWrapper\n class={{classNames\n \"euiRange\"\n (if this.showInput \"euiRange--hasInput\")\n }}\n @fullWidth={{@fullWidth}}\n @compressed={{@compressed}}\n >\n {{#if this.showLabels}}\n <EuiRangeLabel @side=\"min\" @disabled={{@disabled}}>\n {{#if hasMinBlock}}\n {{yield this.min to=\"min\"}}\n {{else}}\n {{this.min}}\n {{/if}}\n </EuiRangeLabel>\n {{/if}}\n <EuiRangeTrack\n aria-hidden={{if (eq this.showInput true) \"true\"}}\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @max={{this.max}}\n @min={{this.min}}\n @step={{this.step}}\n @showTicks={{this.showTicks}}\n @tickInterval={{@tickInterval}}\n @ticks={{@ticks}}\n @levels={{this.levels}}\n @onChange={{this.handleOnChange}}\n @value={{@value}}\n >\n {{#if (and this.showRange this.isValid)}}\n <EuiRangeHighlight\n @compressed={{@compressed}}\n @showTicks={{this.showTicks}}\n {{!@glint-expect-error}}\n @min={{castTo this.min to=\"number\"}}\n {{!@glint-expect-error}}\n @max={{castTo this.max to=\"number\"}}\n {{!@glint-expect-error}}\n @lowerValue={{castTo this.min to=\"number\"}}\n {{!@glint-expect-error}}\n @upperValue={{castTo @value to=\"number\"}}\n />\n {{/if}}\n <EuiRangeSlider\n aria-hidden={{if (eq this.showInput true) \"true\"}}\n tabindex={{if (eq this.showInput true) \"-1\"}}\n @id={{if this.showInput undefined this.id}}\n @name={{@name}}\n @min={{this.min}}\n @max={{this.max}}\n @step={{this.step}}\n @value={{@value}}\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @showTicks={{this.showTicks}}\n @showRange={{this.showRange}}\n ...attributes\n {{on\n \"mousedown\"\n (if\n this.showInputOnly (fn this.setPreventPopover true) (optional)\n )\n }}\n {{on\n \"focus\"\n (if (eq this.showInput true) (optional) (optional @onFocus))\n }}\n {{on\n \"blur\"\n (if this.showInputOnly this.onInputBlur (optional @onBlur))\n }}\n {{on \"input\" this.handleOnChange}}\n />\n {{#if this.showRangeTooltip}}\n <EuiRangeTooltip\n @compressed={{@compressed}}\n @value={{@value}}\n @max={{this.max}}\n @min={{this.min}}\n @name={{@name}}\n @showTicks={{this.showTicks}}\n >\n <:valuePrepend>\n {{#if hasValuePrependBlock}}\n {{yield to=\"valuePrepend\"}}\n {{else}}\n {{@valuePrepend}}\n {{/if}}\n </:valuePrepend>\n <:value>\n {{#if hasValueBlock}}\n {{yield to=\"value\"}}\n {{else}}\n {{@value}}\n {{/if}}\n </:value>\n <:valueAppend>\n {{#if hasValueAppendBlock}}\n {{yield to=\"valueAppend\"}}\n {{else}}\n {{@valueAppend}}\n {{/if}}\n </:valueAppend>\n </EuiRangeTooltip>\n {{/if}}\n </EuiRangeTrack>\n {{#if this.showLabels}}\n <EuiRangeLabel @side=\"max\" @disabled={{@disabled}}>\n {{#if hasMaxBlock}}\n {{yield this.max to=\"max\"}}\n {{else}}\n {{this.max}}\n {{/if}}\n </EuiRangeLabel>\n {{/if}}\n {{#if (and this.showInput (not this.showInputOnly))}}\n <div class=\"euiRange__horizontalSpacer\"></div>\n {{#if this.showInput}}\n <EuiRangeInput\n id={{this.id}}\n @min={{this.min}}\n @max={{this.max}}\n @digitTolerance={{this.digitTolerance}}\n @readOnly={{@readOnly}}\n @step={{this.step}}\n @value={{@value}}\n @disabled={{@disabled}}\n @compressed={{@compressed}}\n @name={{@name}}\n @fullWidth={{and this.showInputOnly this.fullWidth}}\n @isLoading={{and this.showInputOnly @isLoading}}\n @isInvalid={{@isInvalid}}\n @autoSize={{not this.showInputOnly}}\n @isPrependProvided={{hasPrepend}}\n @isAppendProvided={{hasAppend}}\n ...attributes\n {{on\n \"focus\"\n (if\n this.canShowDropdown this.onInputFocus (optional @onFocus)\n )\n }}\n {{on\n \"blur\"\n (if this.canShowDropdown this.onInputBlur (optional @onBlur))\n }}\n {{on \"input\" this.handleOnChange}}\n >\n <:prepend as \|classes\|>\n {{yield classes to=\"prepend\"}}\n </:prepend>\n <:append as \|classes\|>\n {{yield classes to=\"append\"}}\n </:append>\n </EuiRangeInput>\n {{/if}}\n {{/if}}\n </EuiRangeWrapper>\n {{/if}}\n {{/let}}\n </template>\n}\n"],"names":["EuiRangeComponent","Component","g","prototype","argOrDefaultDecorator","i","preventPopoverClose","tracked","args","id","guidFor","handleOnChange","e","isValid","isWithinRange","min","max","currentTarget","value","onChange","n","action","digitTolerance","Math","String","length","showInputOnly","showInput","canShowDropdown","readOnly","disabled","showRangeTooltip","showValue","undefined","onInputFocus","onFocus","isPopoverOpen","onInputBlur","later","onBlur","closePopover","setPreventPopover","val","setPreventPopoverClose","bool","setComponentTemplate","precompileTemplate","strictMode","scope","and","argOrDefault","not","EuiInputPopover","EuiRangeInput","on","optional","EuiRangeWrapper","classNames","EuiRangeLabel","EuiRangeTrack","eq","EuiRangeHighlight","castTo","EuiRangeSlider","fn","EuiRangeTooltip"],"mappings":"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"}

package/dist/components/eui-select.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-const EuiSelect = setComponentTemplate(precompileTemplate("\n  {{#let (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\")) (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\")) (argOrDefault @id (randomId)) as |hasPrepend hasAppend inputId|}}\n    {{#let (classNames (if @fullWidth \"euiSelect--fullWidth\") (if @compressed \"euiSelect--compressed\") (if (or hasPrepend hasAppend) \"euiSelect--inGroup\") (if @isLoading \"euiSelect--isLoading\") \"euiSelect\") (argOrDefault @hasNoInitialSelection false) as |classes hasNoInitialSelection|}}\n\n      <EuiFormControlLayout @clear={{@clear}} @icon=\"arrowDown\" @iconSide=\"right\" @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @disabled={{@disabled}} @useGroup={{or hasPrepend hasAppend}}>\n        <:prepend as |prependClasses|>\n          {{yield prependClasses inputId to=\"prepend\"}}\n        </:prepend>\n        <:field>\n          <select id={{inputId}} class={{classes}} disabled={{@disabled}} {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}} ...attributes>\n            {{#if hasNoInitialSelection}}\n              {{!-- template-lint-disable--}}\n              <option value disabled hidden style=\"display: none\" selected={{not @value}}></option>\n              {{!-- template-lint-enable--}}\n            {{/if}}\n            {{#each @options as |opt|}}\n              <option value={{opt.value}} selected={{eq @value opt.value}} disabled={{eq opt.disabled true}}>\n                {{opt.text}}\n              </option>\n            {{/each}}\n          </select>\n        </:field>\n        <:append as |appendClasses|>\n          {{yield appendClasses inputId to=\"append\"}}\n        </:append>\n      </EuiFormControlLayout>\n    {{/let}}\n  {{/let}}\n", {
+const EuiSelect = setComponentTemplate(precompileTemplate("{{#let (and (not (argOrDefault @isFakePrependBlock false)) (has-block \"prepend\")) (and (not (argOrDefault @isFakeAppendBlock false)) (has-block \"append\")) (argOrDefault @id (randomId)) as |hasPrepend hasAppend inputId|}}\n  {{#let (classNames (if @fullWidth \"euiSelect--fullWidth\") (if @compressed \"euiSelect--compressed\") (if (or hasPrepend hasAppend) \"euiSelect--inGroup\") (if @isLoading \"euiSelect--isLoading\") \"euiSelect\") (argOrDefault @hasNoInitialSelection false) as |classes hasNoInitialSelection|}}\n\n    <EuiFormControlLayout @clear={{@clear}} @icon=\"arrowDown\" @iconSide=\"right\" @fullWidth={{@fullWidth}} @isLoading={{@isLoading}} @compressed={{@compressed}} @disabled={{@disabled}} @useGroup={{or hasPrepend hasAppend}}>\n      <:prepend as |prependClasses|>\n        {{yield prependClasses inputId to=\"prepend\"}}\n      </:prepend>\n      <:field>\n        <select id={{inputId}} class={{classes}} disabled={{@disabled}} {{validatableControl @isInvalid}} {{didInsert (optional @inputRef)}} ...attributes>\n          {{#if hasNoInitialSelection}}\n            {{!-- template-lint-disable--}}\n            <option value disabled hidden style=\"display: none\" selected={{not @value}}></option>\n            {{!-- template-lint-enable--}}\n          {{/if}}\n          {{#each @options as |opt|}}\n            <option value={{opt.value}} selected={{eq @value opt.value}} disabled={{eq opt.disabled true}}>\n              {{opt.text}}\n            </option>\n          {{/each}}\n        </select>\n      </:field>\n      <:append as |appendClasses|>\n        {{yield appendClasses inputId to=\"append\"}}\n      </:append>\n    </EuiFormControlLayout>\n  {{/let}}\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     and,