@ember-eui/core 9.0.1 → 10.0.0

package/dist/components/eui-range.js

@@ -1,473 +1,101 @@
-import { _ as _applyDecoratedDescriptor, a as _initializerDefineProperty, b as _defineProperty } from '../_rollupPluginBabelHelpers-9wjJaosZ.js';
-import { setComponentTemplate } from '@ember/component';
-import { precompileTemplate } from '@ember/template-compilation';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
-import { fn } from '@ember/helper';
-import { on } from '@ember/modifier';
 import { action } from '@ember/object';
 import { guidFor } from '@ember/object/internals';
 import { later } from '@ember/runloop';
-import optional from 'ember-composable-helpers/helpers/optional';
-import { and, not, eq } from 'ember-truth-helpers';
 import argOrDefault, { argOrDefaultDecorator } from '../helpers/arg-or-default.js';
-import castTo from '../helpers/cast-to.js';
-import classNames from '../helpers/class-names.js';
 import { isWithinRange } from '../utils/number/number.js';
+import { g, i, n } from 'decorator-transforms/runtime';
+import { and, not, eq } from 'ember-truth-helpers';
 import EuiInputPopoverComponent from './eui-input-popover.js';
-import EuiRangeHighlight from './eui-range-highlight.js';
 import EuiRangeInput from './eui-range-input.js';
+import { on } from '@ember/modifier';
+import optional from 'ember-composable-helpers/helpers/optional';
+import EuiRangeWrapper from './eui-range-wrapper.js';
+import classNames from '../helpers/class-names.js';
 import EuiRangeLabel from './eui-range-label.js';
+import EuiRangeTrackComponent from './eui-range-track.js';
+import EuiRangeHighlight from './eui-range-highlight.js';
+import castTo from '../helpers/cast-to.js';
 import EuiRangeSlider from './eui-range-slider.js';
+import { fn } from '@ember/helper';
 import EuiRangeToolipComponent from './eui-range-tooltip.js';
-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';
 
-var _dec, _dec2, _dec3, _dec4, _dec5, _dec6, _dec7, _dec8, _dec9, _dec10, _dec11, _dec12, _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13, _descriptor14;
-let EuiRangeComponent = 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|
-    }}
-      {{#if this.showInputOnly}}
-        <EuiInputPopover
-          class="euiRange__popover"
-          @fullWidth={{@fullWidth}}
-          @isOpen={{this.isPopoverOpen}}
-          @closePopover={{this.closePopover}}
-          @disableFocusTrap={{true}}
-        >
-          <:input>
-            <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}}
-            >
-              <:prepend as |classes|>
-                {{yield classes to="prepend"}}
-              </:prepend>
-              <:append as |classes|>
-                {{yield classes to="append"}}
-              </:append>
-            </EuiRangeInput>
-          </:input>
-          <:content>
-            <EuiRangeWrapper
-              class={{classNames
-                "euiRange"
-                (if this.showInput "euiRange--hasInput")
-              }}
-              @fullWidth={{@fullWidth}}
-              @compressed={{@compressed}}
-            >
-              {{#if this.showLabels}}
-                <EuiRangeLabel @side="min" @disabled={{@disabled}}>
-                  {{#if hasMinBlock}}
-                    {{yield this.min to="min"}}
-                  {{else}}
-                    {{this.min}}
-                  {{/if}}
-                </EuiRangeLabel>
-              {{/if}}
-              <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}}
-              >
-                {{#if (and this.showRange this.isValid)}}
-                  <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"}}
-                  />
-                {{/if}}
-                <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}}
-                />
-                {{#if this.showRangeTooltip}}
-                  <EuiRangeTooltip
-                    @compressed={{@compressed}}
-                    @value={{@value}}
-                    @max={{this.max}}
-                    @min={{this.min}}
-                    @name={{@name}}
-                    @showTicks={{this.showTicks}}
-                  >
-                    <:valuePrepend>
-                      {{#if hasValuePrependBlock}}
-                        {{yield to="valuePrepend"}}
-                      {{else}}
-                        {{@valuePrepend}}
-                      {{/if}}
-                    </:valuePrepend>
-                    <:value>
-                      {{#if hasValueBlock}}
-                        {{yield to="value"}}
-                      {{else}}
-                        {{@value}}
-                      {{/if}}
-                    </:value>
-                    <:valueAppend>
-                      {{#if hasValueAppendBlock}}
-                        {{yield to="valueAppend"}}
-                      {{else}}
-                        {{@valueAppend}}
-                      {{/if}}
-                    </:valueAppend>
-                  </EuiRangeTooltip>
-                {{/if}}
-              </EuiRangeTrack>
-              {{#if this.showLabels}}
-                <EuiRangeLabel @side="max" @disabled={{@disabled}}>
-                  {{#if hasMaxBlock}}
-                    {{yield this.max to="max"}}
-                  {{else}}
-                    {{this.max}}
-                  {{/if}}
-                </EuiRangeLabel>
-              {{/if}}
-              {{#if (and this.showInput (not this.showInputOnly))}}
-                <div class="euiRange__horizontalSpacer"></div>
-                {{#if this.showInput}}
-                  <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}}
-                  >
-                    <:prepend as |classes|>
-                      {{yield classes to="prepend"}}
-                    </:prepend>
-                    <:append as |classes|>
-                      {{yield classes to="append"}}
-                    </:append>
-                  </EuiRangeInput>
-                {{/if}}
-              {{/if}}
-            </EuiRangeWrapper>
-          </:content>
-        </EuiInputPopover>
-      {{else}}
-        <EuiRangeWrapper
-          class={{classNames
-            "euiRange"
-            (if this.showInput "euiRange--hasInput")
-          }}
-          @fullWidth={{@fullWidth}}
-          @compressed={{@compressed}}
-        >
-          {{#if this.showLabels}}
-            <EuiRangeLabel @side="min" @disabled={{@disabled}}>
-              {{#if hasMinBlock}}
-                {{yield this.min to="min"}}
-              {{else}}
-                {{this.min}}
-              {{/if}}
-            </EuiRangeLabel>
-          {{/if}}
-          <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}}
-          >
-            {{#if (and this.showRange this.isValid)}}
-              <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"}}
-              />
-            {{/if}}
-            <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}}
-            />
-            {{#if this.showRangeTooltip}}
-              <EuiRangeTooltip
-                @compressed={{@compressed}}
-                @value={{@value}}
-                @max={{this.max}}
-                @min={{this.min}}
-                @name={{@name}}
-                @showTicks={{this.showTicks}}
-              >
-                <:valuePrepend>
-                  {{#if hasValuePrependBlock}}
-                    {{yield to="valuePrepend"}}
-                  {{else}}
-                    {{@valuePrepend}}
-                  {{/if}}
-                </:valuePrepend>
-                <:value>
-                  {{#if hasValueBlock}}
-                    {{yield to="value"}}
-                  {{else}}
-                    {{@value}}
-                  {{/if}}
-                </:value>
-                <:valueAppend>
-                  {{#if hasValueAppendBlock}}
-                    {{yield to="valueAppend"}}
-                  {{else}}
-                    {{@valueAppend}}
-                  {{/if}}
-                </:valueAppend>
-              </EuiRangeTooltip>
-            {{/if}}
-          </EuiRangeTrack>
-          {{#if this.showLabels}}
-            <EuiRangeLabel @side="max" @disabled={{@disabled}}>
-              {{#if hasMaxBlock}}
-                {{yield this.max to="max"}}
-              {{else}}
-                {{this.max}}
-              {{/if}}
-            </EuiRangeLabel>
-          {{/if}}
-          {{#if (and this.showInput (not this.showInputOnly))}}
-            <div class="euiRange__horizontalSpacer"></div>
-            {{#if this.showInput}}
-              <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}}
-              >
-                <:prepend as |classes|>
-                  {{yield classes to="prepend"}}
-                </:prepend>
-                <:append as |classes|>
-                  {{yield classes to="append"}}
-                </:append>
-              </EuiRangeInput>
-            {{/if}}
-          {{/if}}
-        </EuiRangeWrapper>
-      {{/if}}
-    {{/let}}
-  `, {
-  strictMode: true,
-  scope: () => ({
-    and,
-    argOrDefault,
-    not,
-    EuiInputPopover: EuiInputPopoverComponent,
-    EuiRangeInput,
-    on,
-    optional,
-    EuiRangeWrapper,
-    classNames,
-    EuiRangeLabel,
-    EuiRangeTrack: EuiRangeTrackComponent,
-    eq,
-    EuiRangeHighlight,
-    castTo,
-    EuiRangeSlider,
-    fn,
-    EuiRangeTooltip: EuiRangeToolipComponent
-  })
-}), (_dec = argOrDefaultDecorator(0), _dec2 = argOrDefaultDecorator(100), _dec3 = argOrDefaultDecorator(1), _dec4 = argOrDefaultDecorator(false), _dec5 = argOrDefaultDecorator(false), _dec6 = argOrDefaultDecorator(false), _dec7 = argOrDefaultDecorator(false), _dec8 = argOrDefaultDecorator(false), _dec9 = argOrDefaultDecorator(false), _dec10 = argOrDefaultDecorator(false), _dec11 = argOrDefaultDecorator(false), _dec12 = argOrDefaultDecorator([]), (_class = class EuiRangeComponent extends Component {
-  constructor(...args) {
-    super(...args);
-    // Defaults
-    _initializerDefineProperty(this, "min", _descriptor, this);
-    _initializerDefineProperty(this, "max", _descriptor2, this);
-    _initializerDefineProperty(this, "step", _descriptor3, this);
-    _initializerDefineProperty(this, "fullWidth", _descriptor4, this);
-    _initializerDefineProperty(this, "compressed", _descriptor5, this);
-    _initializerDefineProperty(this, "isLoading", _descriptor6, this);
-    _initializerDefineProperty(this, "showLabels", _descriptor7, this);
-    _initializerDefineProperty(this, "showInput", _descriptor8, this);
-    _initializerDefineProperty(this, "showRange", _descriptor9, this);
-    _initializerDefineProperty(this, "showTicks", _descriptor10, this);
-    _initializerDefineProperty(this, "showValue", _descriptor11, this);
-    _initializerDefineProperty(this, "levels", _descriptor12, this);
-    _defineProperty(this, "preventPopoverClose", false);
-    //State
-    _initializerDefineProperty(this, "id", _descriptor13, this);
-    _initializerDefineProperty(this, "isPopoverOpen", _descriptor14, this);
+class EuiRangeComponent extends Component {
+  static {
+    g(this.prototype, "min", [argOrDefaultDecorator(0)]);
   }
+  #min = (i(this, "min"), void 0); // Defaults
+  static {
+    g(this.prototype, "max", [argOrDefaultDecorator(100)]);
+  }
+  #max = (i(this, "max"), void 0);
+  static {
+    g(this.prototype, "step", [argOrDefaultDecorator(1)]);
+  }
+  #step = (i(this, "step"), void 0);
+  static {
+    g(this.prototype, "fullWidth", [argOrDefaultDecorator(false)]);
+  }
+  #fullWidth = (i(this, "fullWidth"), void 0);
+  static {
+    g(this.prototype, "compressed", [argOrDefaultDecorator(false)]);
+  }
+  #compressed = (i(this, "compressed"), void 0);
+  static {
+    g(this.prototype, "isLoading", [argOrDefaultDecorator(false)]);
+  }
+  #isLoading = (i(this, "isLoading"), void 0);
+  static {
+    g(this.prototype, "showLabels", [argOrDefaultDecorator(false)]);
+  }
+  #showLabels = (i(this, "showLabels"), void 0);
+  static {
+    g(this.prototype, "showInput", [argOrDefaultDecorator(false)]);
+  }
+  #showInput = (i(this, "showInput"), void 0);
+  static {
+    g(this.prototype, "showRange", [argOrDefaultDecorator(false)]);
+  }
+  #showRange = (i(this, "showRange"), void 0);
+  static {
+    g(this.prototype, "showTicks", [argOrDefaultDecorator(false)]);
+  }
+  #showTicks = (i(this, "showTicks"), void 0);
+  static {
+    g(this.prototype, "showValue", [argOrDefaultDecorator(false)]);
+  }
+  #showValue = (i(this, "showValue"), void 0);
+  static {
+    g(this.prototype, "levels", [argOrDefaultDecorator([])]);
+  }
+  #levels = (i(this, "levels"), void 0);
+  preventPopoverClose = false;
+  //State
+  static {
+    g(this.prototype, "id", [tracked], function () {
+      return this.args.id || guidFor({});
+    });
+  }
+  #id = (i(this, "id"), void 0);
+  static {
+    g(this.prototype, "isPopoverOpen", [tracked], function () {
+      return false;
+    });
+  }
+  #isPopoverOpen = (i(this, "isPopoverOpen"), void 0);
   ///
-
-  handleOnChange(e) {
-    const isValid = isWithinRange(this.min, this.max, e.currentTarget.value);
+  handleOnChange(e1) {
+    const isValid1 = isWithinRange(this.min, this.max, e1.currentTarget.value);
     if (this.args.onChange) {
-      this.args.onChange(e, isValid);
+      this.args.onChange(e1, isValid1);
     }
   }
+  static {
+    n(this.prototype, "handleOnChange", [action]);
+  }
   get isValid() {
     return isWithinRange(this.min, this.max, this.args.value || '');
   }
@@ -483,13 +111,16 @@ let EuiRangeComponent = setComponentTemplate(precompileTemplate(`
   get showRangeTooltip() {
     return this.showValue && !!String(this.args.value).length && this.args.value !== undefined;
   }
-  onInputFocus(e) {
+  onInputFocus(e1) {
     if (this.args.onFocus) {
-      this.args.onFocus(e);
+      this.args.onFocus(e1);
     }
     this.isPopoverOpen = true;
   }
-  onInputBlur(e) {
+  static {
+    n(this.prototype, "onInputFocus", [action]);
+  }
+  onInputBlur(e1) {
     later(this, () => {
       // Safari does not recognize any focus-related eventing for input[type=range]
       // making it impossible to capture its state using active/focus/relatedTarget
@@ -500,96 +131,58 @@ let EuiRangeComponent = setComponentTemplate(precompileTemplate(`
         return;
       }
       if (this.args.onBlur) {
-        this.args.onBlur(e);
+        this.args.onBlur(e1);
       }
       this.closePopover();
     }, 200);
   }
-  setPreventPopover(val) {
-    this.preventPopoverClose = val;
+  static {
+    n(this.prototype, "onInputBlur", [action]);
+  }
+  setPreventPopover(val1) {
+    this.preventPopoverClose = val1;
+  }
+  static {
+    n(this.prototype, "setPreventPopover", [action]);
   }
   closePopover() {
     this.preventPopoverClose = false;
     this.isPopoverOpen = false;
   }
-  setPreventPopoverClose(bool) {
-    this.preventPopoverClose = bool;
-  }
-}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "min", [_dec], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "max", [_dec2], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "step", [_dec3], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, "fullWidth", [_dec4], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, "compressed", [_dec5], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, "isLoading", [_dec6], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, "showLabels", [_dec7], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, "showInput", [_dec8], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, "showRange", [_dec9], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor10 = _applyDecoratedDescriptor(_class.prototype, "showTicks", [_dec10], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor11 = _applyDecoratedDescriptor(_class.prototype, "showValue", [_dec11], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor12 = _applyDecoratedDescriptor(_class.prototype, "levels", [_dec12], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor13 = _applyDecoratedDescriptor(_class.prototype, "id", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return this.args.id || guidFor({});
-  }
-}), _descriptor14 = _applyDecoratedDescriptor(_class.prototype, "isPopoverOpen", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return false;
-  }
-}), _applyDecoratedDescriptor(_class.prototype, "handleOnChange", [action], Object.getOwnPropertyDescriptor(_class.prototype, "handleOnChange"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onInputFocus", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onInputFocus"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onInputBlur", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onInputBlur"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "setPreventPopover", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setPreventPopover"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "closePopover", [action], Object.getOwnPropertyDescriptor(_class.prototype, "closePopover"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "setPreventPopoverClose", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setPreventPopoverClose"), _class.prototype)), _class)));
+  static {
+    n(this.prototype, "closePopover", [action]);
+  }
+  setPreventPopoverClose(bool1) {
+    this.preventPopoverClose = bool1;
+  }
+  static {
+    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  ", {
+      scope: () => ({
+        and,
+        argOrDefault,
+        not,
+        EuiInputPopover: EuiInputPopoverComponent,
+        EuiRangeInput,
+        on,
+        optional,
+        EuiRangeWrapper,
+        classNames,
+        EuiRangeLabel,
+        EuiRangeTrack: EuiRangeTrackComponent,
+        eq,
+        EuiRangeHighlight,
+        castTo,
+        EuiRangeSlider,
+        fn,
+        EuiRangeTooltip: EuiRangeToolipComponent
+      }),
+      strictMode: true
+    }), this);
+  }
+}
 
 export { EuiRangeComponent as default };
 //# sourceMappingURL=eui-range.js.map