@hortiview/shared-components 2.8.6 → 2.8.7

package/dist/components/FormComponents/FormSlider/FormSlider.js

@@ -1,15 +1,17 @@
-import { jsx as Y } from "react/jsx-runtime";
-import { _ as O, c as F, P as l } from "../../../index-D5m--65X.js";
-import c, { forwardRef as ft, useRef as tt, useImperativeHandle as et, useCallback as B, useEffect as k, useMemo as rt } from "react";
-import { I as nt } from "../../../index.es-8MVlRCi4.js";
-import { T as it } from "../../../index.es-jFaPNuBO.js";
-import { c as at } from "../../../index.es-ChSlnpSq.js";
-import { b as dt, c as K } from "../../../tslib.es6-BDCynO9F.js";
-import { M as gt, a as Et } from "../../../component-neHBNHRu.js";
-import { M as st, a as bt, m as It, b as St } from "../../../component-DsB0poTj.js";
-import { A as yt } from "../../../animationframe-EMBh6XeO.js";
-import { a as ut } from "../../../util-DA21pZXj.js";
-import { useFormContext as At, Controller as Ct } from "react-hook-form";
+import { jsx as ye } from "react/jsx-runtime";
+import { _ as Ze, a as W, c as X, b as Ae, d as Je, P as d } from "../../../index-Cpb-8cAN.js";
+import { _ as Qe, a as Ce, b as Ye, c as et, d as Oe, e as _e, f as tt } from "../../../defineProperty-CmuOyxyf.js";
+import { _ as Re } from "../../../parse-int-qVAoFbOL.js";
+import p, { forwardRef as rt, useRef as De, useImperativeHandle as Ne, useCallback as x, useEffect as V, useMemo as ke } from "react";
+import { I as Be } from "../../../index.es-DwzB1d7_.js";
+import { T as Pe } from "../../../index.es-DENZVv7_.js";
+import { c as Me } from "../../../index.es-BXj90wb_.js";
+import { b as Fe, c as j } from "../../../tslib.es6-BDCynO9F.js";
+import { M as nt, a as it } from "../../../component-neHBNHRu.js";
+import { M as Le, a as at, m as st, b as ut } from "../../../component-DsB0poTj.js";
+import { A as ot } from "../../../animationframe-EMBh6XeO.js";
+import { a as Ve } from "../../../util-DA21pZXj.js";
+import { useFormContext as lt, Controller as dt } from "react-hook-form";
 /**
  * @license
  * Copyright 2020 Google Inc.
@@ -32,7 +34,7 @@ import { useFormContext as At, Controller as Ct } from "react-hook-form";
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var o = {
+var l = {
   DISABLED: "mdc-slider--disabled",
   DISCRETE: "mdc-slider--discrete",
   INPUT: "mdc-slider__input",
@@ -52,7 +54,7 @@ var o = {
   // The active track fill element that will be scaled as the value changes.
   TRACK_ACTIVE: "mdc-slider__track--active_fill",
   VALUE_INDICATOR_TEXT: "mdc-slider__value-indicator-text"
-}, ot = {
+}, we = {
   // Default step size.
   STEP_SIZE: 1,
   // Minimum absolute difference between clientX of move event / down event
@@ -67,7 +69,7 @@ var o = {
   INPUT_MAX: "max",
   INPUT_VALUE: "value",
   INPUT_STEP: "step"
-}, lt = {
+}, Ue = {
   CHANGE: "MDCSlider:change",
   INPUT: "MDCSlider:input"
 };
@@ -93,13 +95,13 @@ var o = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var L;
-(function(v) {
-  v[v.ACTIVE = 0] = "ACTIVE", v[v.INACTIVE = 1] = "INACTIVE";
-})(L || (L = {}));
+var w;
+(function(s) {
+  s[s.ACTIVE = 0] = "ACTIVE", s[s.INACTIVE = 1] = "INACTIVE";
+})(w || (w = {}));
 var i;
-(function(v) {
-  v[v.START = 1] = "START", v[v.END = 2] = "END";
+(function(s) {
+  s[s.START = 1] = "START", s[s.END = 2] = "END";
 })(i || (i = {}));
 /**
  * @license
@@ -123,17 +125,17 @@ var i;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var W;
-(function(v) {
-  v.SLIDER_UPDATE = "slider_update";
-})(W || (W = {}));
-var Z = typeof window < "u", Rt = (
+var q;
+(function(s) {
+  s.SLIDER_UPDATE = "slider_update";
+})(q || (q = {}));
+var ee = typeof window < "u", ct = (
   /** @class */
-  function(v) {
-    dt(a, v);
-    function a(t) {
-      var r = v.call(this, K(K({}, a.defaultAdapter), t)) || this;
-      return r.initialStylesRemoved = !1, r.isDisabled = !1, r.isDiscrete = !1, r.step = ot.STEP_SIZE, r.hasTickMarks = !1, r.isRange = !1, r.thumb = null, r.downEventClientX = null, r.startThumbKnobWidth = 0, r.endThumbKnobWidth = 0, r.animFrame = new yt(), r;
+  function(s) {
+    Fe(a, s);
+    function a(e) {
+      var r = s.call(this, j(j({}, a.defaultAdapter), e)) || this;
+      return r.initialStylesRemoved = !1, r.isDisabled = !1, r.isDiscrete = !1, r.step = we.STEP_SIZE, r.hasTickMarks = !1, r.isRange = !1, r.thumb = null, r.downEventClientX = null, r.startThumbKnobWidth = 0, r.endThumbKnobWidth = 0, r.animFrame = new ot(), r;
     }
     return Object.defineProperty(a, "defaultAdapter", {
       get: function() {
@@ -233,21 +235,21 @@ var Z = typeof window < "u", Rt = (
       enumerable: !1,
       configurable: !0
     }), a.prototype.init = function() {
-      var t = this;
-      this.isDisabled = this.adapter.hasClass(o.DISABLED), this.isDiscrete = this.adapter.hasClass(o.DISCRETE), this.hasTickMarks = this.adapter.hasClass(o.TICK_MARKS), this.isRange = this.adapter.hasClass(o.RANGE);
-      var r = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_MIN, this.isRange ? i.START : i.END), g.INPUT_MIN), e = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_MAX, i.END), g.INPUT_MAX), n = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_VALUE, i.END), g.INPUT_VALUE), s = this.isRange ? this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_VALUE, i.START), g.INPUT_VALUE) : r, h = this.adapter.getInputAttribute(g.INPUT_STEP, i.END), d = h ? this.convertAttributeValueToNumber(h, g.INPUT_STEP) : this.step;
-      this.validateProperties({ min: r, max: e, value: n, valueStart: s, step: d }), this.min = r, this.max = e, this.value = n, this.valueStart = s, this.step = d, this.numDecimalPlaces = _t(this.step), this.valueBeforeDownEvent = n, this.valueStartBeforeDownEvent = s, this.mousedownOrTouchstartListener = this.handleMousedownOrTouchstart.bind(this), this.moveListener = this.handleMove.bind(this), this.pointerdownListener = this.handlePointerdown.bind(this), this.pointerupListener = this.handlePointerup.bind(this), this.thumbMouseenterListener = this.handleThumbMouseenter.bind(this), this.thumbMouseleaveListener = this.handleThumbMouseleave.bind(this), this.inputStartChangeListener = function() {
-        t.handleInputChange(i.START);
+      var e = this;
+      this.isDisabled = this.adapter.hasClass(l.DISABLED), this.isDiscrete = this.adapter.hasClass(l.DISCRETE), this.hasTickMarks = this.adapter.hasClass(l.TICK_MARKS), this.isRange = this.adapter.hasClass(l.RANGE);
+      var r = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_MIN, this.isRange ? i.START : i.END), g.INPUT_MIN), t = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_MAX, i.END), g.INPUT_MAX), n = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_VALUE, i.END), g.INPUT_VALUE), u = this.isRange ? this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_VALUE, i.START), g.INPUT_VALUE) : r, c = this.adapter.getInputAttribute(g.INPUT_STEP, i.END), v = c ? this.convertAttributeValueToNumber(c, g.INPUT_STEP) : this.step;
+      this.validateProperties({ min: r, max: t, value: n, valueStart: u, step: v }), this.min = r, this.max = t, this.value = n, this.valueStart = u, this.step = v, this.numDecimalPlaces = pt(this.step), this.valueBeforeDownEvent = n, this.valueStartBeforeDownEvent = u, this.mousedownOrTouchstartListener = this.handleMousedownOrTouchstart.bind(this), this.moveListener = this.handleMove.bind(this), this.pointerdownListener = this.handlePointerdown.bind(this), this.pointerupListener = this.handlePointerup.bind(this), this.thumbMouseenterListener = this.handleThumbMouseenter.bind(this), this.thumbMouseleaveListener = this.handleThumbMouseleave.bind(this), this.inputStartChangeListener = function() {
+        e.handleInputChange(i.START);
       }, this.inputEndChangeListener = function() {
-        t.handleInputChange(i.END);
+        e.handleInputChange(i.END);
       }, this.inputStartFocusListener = function() {
-        t.handleInputFocus(i.START);
+        e.handleInputFocus(i.START);
       }, this.inputEndFocusListener = function() {
-        t.handleInputFocus(i.END);
+        e.handleInputFocus(i.END);
       }, this.inputStartBlurListener = function() {
-        t.handleInputBlur(i.START);
+        e.handleInputBlur(i.START);
       }, this.inputEndBlurListener = function() {
-        t.handleInputBlur(i.END);
+        e.handleInputBlur(i.END);
       }, this.resizeListener = this.handleResize.bind(this), this.registerEventHandlers();
     }, a.prototype.destroy = function() {
       this.deregisterEventHandlers();
@@ -257,213 +259,213 @@ var Z = typeof window < "u", Rt = (
       return this.max;
     }, a.prototype.getValue = function() {
       return this.value;
-    }, a.prototype.setValue = function(t) {
-      if (this.isRange && t < this.valueStart)
-        throw new Error("end thumb value (" + t + ") must be >= start thumb " + ("value (" + this.valueStart + ")"));
-      this.updateValue(t, i.END);
+    }, a.prototype.setValue = function(e) {
+      if (this.isRange && e < this.valueStart)
+        throw new Error("end thumb value (" + e + ") must be >= start thumb " + ("value (" + this.valueStart + ")"));
+      this.updateValue(e, i.END);
     }, a.prototype.getValueStart = function() {
       if (!this.isRange)
         throw new Error("`valueStart` is only applicable for range sliders.");
       return this.valueStart;
-    }, a.prototype.setValueStart = function(t) {
+    }, a.prototype.setValueStart = function(e) {
       if (!this.isRange)
         throw new Error("`valueStart` is only applicable for range sliders.");
-      if (this.isRange && t > this.value)
-        throw new Error("start thumb value (" + t + ") must be <= end thumb " + ("value (" + this.value + ")"));
-      this.updateValue(t, i.START);
+      if (this.isRange && e > this.value)
+        throw new Error("start thumb value (" + e + ") must be <= end thumb " + ("value (" + this.value + ")"));
+      this.updateValue(e, i.START);
     }, a.prototype.getStep = function() {
       return this.step;
     }, a.prototype.getDisabled = function() {
       return this.isDisabled;
-    }, a.prototype.setDisabled = function(t) {
-      this.isDisabled = t, t ? (this.adapter.addClass(o.DISABLED), this.isRange && this.adapter.setInputAttribute(g.INPUT_DISABLED, "", i.START), this.adapter.setInputAttribute(g.INPUT_DISABLED, "", i.END)) : (this.adapter.removeClass(o.DISABLED), this.isRange && this.adapter.removeInputAttribute(g.INPUT_DISABLED, i.START), this.adapter.removeInputAttribute(g.INPUT_DISABLED, i.END));
+    }, a.prototype.setDisabled = function(e) {
+      this.isDisabled = e, e ? (this.adapter.addClass(l.DISABLED), this.isRange && this.adapter.setInputAttribute(g.INPUT_DISABLED, "", i.START), this.adapter.setInputAttribute(g.INPUT_DISABLED, "", i.END)) : (this.adapter.removeClass(l.DISABLED), this.isRange && this.adapter.removeInputAttribute(g.INPUT_DISABLED, i.START), this.adapter.removeInputAttribute(g.INPUT_DISABLED, i.END));
     }, a.prototype.getIsRange = function() {
       return this.isRange;
-    }, a.prototype.layout = function(t) {
-      var r = t === void 0 ? {} : t, e = r.skipUpdateUI;
-      this.rect = this.adapter.getBoundingClientRect(), this.isRange && (this.startThumbKnobWidth = this.adapter.getThumbKnobWidth(i.START), this.endThumbKnobWidth = this.adapter.getThumbKnobWidth(i.END)), e || this.updateUI();
+    }, a.prototype.layout = function(e) {
+      var r = e === void 0 ? {} : e, t = r.skipUpdateUI;
+      this.rect = this.adapter.getBoundingClientRect(), this.isRange && (this.startThumbKnobWidth = this.adapter.getThumbKnobWidth(i.START), this.endThumbKnobWidth = this.adapter.getThumbKnobWidth(i.END)), t || this.updateUI();
     }, a.prototype.handleResize = function() {
       this.layout();
-    }, a.prototype.handleDown = function(t) {
+    }, a.prototype.handleDown = function(e) {
       if (!this.isDisabled) {
         this.valueStartBeforeDownEvent = this.valueStart, this.valueBeforeDownEvent = this.value;
-        var r = t.clientX != null ? t.clientX : t.targetTouches[0].clientX;
+        var r = e.clientX != null ? e.clientX : e.targetTouches[0].clientX;
         this.downEventClientX = r;
-        var e = this.mapClientXOnSliderScale(r);
-        this.thumb = this.getThumbFromDownEvent(r, e), this.thumb !== null && (this.handleDragStart(t, e, this.thumb), this.updateValue(e, this.thumb, { emitInputEvent: !0 }));
+        var t = this.mapClientXOnSliderScale(r);
+        this.thumb = this.getThumbFromDownEvent(r, t), this.thumb !== null && (this.handleDragStart(e, t, this.thumb), this.updateValue(t, this.thumb, { emitInputEvent: !0 }));
       }
-    }, a.prototype.handleMove = function(t) {
+    }, a.prototype.handleMove = function(e) {
       if (!this.isDisabled) {
-        t.preventDefault();
-        var r = t.clientX != null ? t.clientX : t.targetTouches[0].clientX, e = this.thumb != null;
+        e.preventDefault();
+        var r = e.clientX != null ? e.clientX : e.targetTouches[0].clientX, t = this.thumb != null;
         if (this.thumb = this.getThumbFromMoveEvent(r), this.thumb !== null) {
           var n = this.mapClientXOnSliderScale(r);
-          e || (this.handleDragStart(t, n, this.thumb), this.adapter.emitDragStartEvent(n, this.thumb)), this.updateValue(n, this.thumb, { emitInputEvent: !0 });
+          t || (this.handleDragStart(e, n, this.thumb), this.adapter.emitDragStartEvent(n, this.thumb)), this.updateValue(n, this.thumb, { emitInputEvent: !0 });
         }
       }
     }, a.prototype.handleUp = function() {
       if (!(this.isDisabled || this.thumb === null)) {
-        var t = this.thumb === i.START ? this.valueStartBeforeDownEvent : this.valueBeforeDownEvent, r = this.thumb === i.START ? this.valueStart : this.value;
-        t !== r && this.adapter.emitChangeEvent(r, this.thumb), this.adapter.emitDragEndEvent(r, this.thumb), this.thumb = null;
+        var e = this.thumb === i.START ? this.valueStartBeforeDownEvent : this.valueBeforeDownEvent, r = this.thumb === i.START ? this.valueStart : this.value;
+        e !== r && this.adapter.emitChangeEvent(r, this.thumb), this.adapter.emitDragEndEvent(r, this.thumb), this.thumb = null;
       }
     }, a.prototype.handleThumbMouseenter = function() {
-      !this.isDiscrete || !this.isRange || (this.adapter.addThumbClass(o.THUMB_WITH_INDICATOR, i.START), this.adapter.addThumbClass(o.THUMB_WITH_INDICATOR, i.END));
+      !this.isDiscrete || !this.isRange || (this.adapter.addThumbClass(l.THUMB_WITH_INDICATOR, i.START), this.adapter.addThumbClass(l.THUMB_WITH_INDICATOR, i.END));
     }, a.prototype.handleThumbMouseleave = function() {
-      !this.isDiscrete || !this.isRange || this.adapter.isInputFocused(i.START) || this.adapter.isInputFocused(i.END) || (this.adapter.removeThumbClass(o.THUMB_WITH_INDICATOR, i.START), this.adapter.removeThumbClass(o.THUMB_WITH_INDICATOR, i.END));
-    }, a.prototype.handleMousedownOrTouchstart = function(t) {
-      var r = this, e = t.type === "mousedown" ? "mousemove" : "touchmove";
-      this.adapter.registerBodyEventHandler(e, this.moveListener);
+      !this.isDiscrete || !this.isRange || this.adapter.isInputFocused(i.START) || this.adapter.isInputFocused(i.END) || (this.adapter.removeThumbClass(l.THUMB_WITH_INDICATOR, i.START), this.adapter.removeThumbClass(l.THUMB_WITH_INDICATOR, i.END));
+    }, a.prototype.handleMousedownOrTouchstart = function(e) {
+      var r = this, t = e.type === "mousedown" ? "mousemove" : "touchmove";
+      this.adapter.registerBodyEventHandler(t, this.moveListener);
       var n = function() {
-        r.handleUp(), r.adapter.deregisterBodyEventHandler(e, r.moveListener), r.adapter.deregisterEventHandler("mouseup", n), r.adapter.deregisterEventHandler("touchend", n);
+        r.handleUp(), r.adapter.deregisterBodyEventHandler(t, r.moveListener), r.adapter.deregisterEventHandler("mouseup", n), r.adapter.deregisterEventHandler("touchend", n);
       };
-      this.adapter.registerBodyEventHandler("mouseup", n), this.adapter.registerBodyEventHandler("touchend", n), this.handleDown(t);
-    }, a.prototype.handlePointerdown = function(t) {
-      this.adapter.setPointerCapture(t.pointerId), this.adapter.registerEventHandler("pointermove", this.moveListener), this.handleDown(t);
-    }, a.prototype.handleInputChange = function(t) {
-      var r = Number(this.adapter.getInputValue(t));
-      t === i.START ? this.setValueStart(r) : this.setValue(r), this.adapter.emitChangeEvent(t === i.START ? this.valueStart : this.value, t), this.adapter.emitInputEvent(t === i.START ? this.valueStart : this.value, t);
-    }, a.prototype.handleInputFocus = function(t) {
-      if (this.adapter.addThumbClass(o.THUMB_FOCUSED, t), !!this.isDiscrete && (this.adapter.addThumbClass(o.THUMB_WITH_INDICATOR, t), this.isRange)) {
-        var r = t === i.START ? i.END : i.START;
-        this.adapter.addThumbClass(o.THUMB_WITH_INDICATOR, r);
+      this.adapter.registerBodyEventHandler("mouseup", n), this.adapter.registerBodyEventHandler("touchend", n), this.handleDown(e);
+    }, a.prototype.handlePointerdown = function(e) {
+      this.adapter.setPointerCapture(e.pointerId), this.adapter.registerEventHandler("pointermove", this.moveListener), this.handleDown(e);
+    }, a.prototype.handleInputChange = function(e) {
+      var r = Number(this.adapter.getInputValue(e));
+      e === i.START ? this.setValueStart(r) : this.setValue(r), this.adapter.emitChangeEvent(e === i.START ? this.valueStart : this.value, e), this.adapter.emitInputEvent(e === i.START ? this.valueStart : this.value, e);
+    }, a.prototype.handleInputFocus = function(e) {
+      if (this.adapter.addThumbClass(l.THUMB_FOCUSED, e), !!this.isDiscrete && (this.adapter.addThumbClass(l.THUMB_WITH_INDICATOR, e), this.isRange)) {
+        var r = e === i.START ? i.END : i.START;
+        this.adapter.addThumbClass(l.THUMB_WITH_INDICATOR, r);
       }
-    }, a.prototype.handleInputBlur = function(t) {
-      if (this.adapter.removeThumbClass(o.THUMB_FOCUSED, t), !!this.isDiscrete && (this.adapter.removeThumbClass(o.THUMB_WITH_INDICATOR, t), this.isRange)) {
-        var r = t === i.START ? i.END : i.START;
-        this.adapter.removeThumbClass(o.THUMB_WITH_INDICATOR, r);
+    }, a.prototype.handleInputBlur = function(e) {
+      if (this.adapter.removeThumbClass(l.THUMB_FOCUSED, e), !!this.isDiscrete && (this.adapter.removeThumbClass(l.THUMB_WITH_INDICATOR, e), this.isRange)) {
+        var r = e === i.START ? i.END : i.START;
+        this.adapter.removeThumbClass(l.THUMB_WITH_INDICATOR, r);
       }
-    }, a.prototype.handleDragStart = function(t, r, e) {
-      this.adapter.focusInput(e), t.preventDefault(), this.adapter.emitDragStartEvent(r, e);
-    }, a.prototype.getThumbFromDownEvent = function(t, r) {
+    }, a.prototype.handleDragStart = function(e, r, t) {
+      this.adapter.focusInput(t), e.preventDefault(), this.adapter.emitDragStartEvent(r, t);
+    }, a.prototype.getThumbFromDownEvent = function(e, r) {
       if (!this.isRange)
         return i.END;
-      var e = this.adapter.getThumbBoundingClientRect(i.START), n = this.adapter.getThumbBoundingClientRect(i.END), s = t >= e.left && t <= e.right, h = t >= n.left && t <= n.right;
-      return s && h ? null : s ? i.START : h ? i.END : r < this.valueStart ? i.START : r > this.value ? i.END : r - this.valueStart <= this.value - r ? i.START : i.END;
-    }, a.prototype.getThumbFromMoveEvent = function(t) {
+      var t = this.adapter.getThumbBoundingClientRect(i.START), n = this.adapter.getThumbBoundingClientRect(i.END), u = e >= t.left && e <= t.right, c = e >= n.left && e <= n.right;
+      return u && c ? null : u ? i.START : c ? i.END : r < this.valueStart ? i.START : r > this.value ? i.END : r - this.valueStart <= this.value - r ? i.START : i.END;
+    }, a.prototype.getThumbFromMoveEvent = function(e) {
       if (this.thumb !== null)
         return this.thumb;
       if (this.downEventClientX === null)
         throw new Error("`downEventClientX` is null after move event.");
-      var r = Math.abs(this.downEventClientX - t) < ot.THUMB_UPDATE_MIN_PX;
+      var r = Math.abs(this.downEventClientX - e) < we.THUMB_UPDATE_MIN_PX;
       if (r)
         return this.thumb;
-      var e = t < this.downEventClientX;
-      return e ? this.adapter.isRTL() ? i.END : i.START : this.adapter.isRTL() ? i.START : i.END;
-    }, a.prototype.updateUI = function(t) {
-      this.updateThumbAndInputAttributes(t), this.updateThumbAndTrackUI(t), this.updateValueIndicatorUI(t), this.updateTickMarksUI();
-    }, a.prototype.updateThumbAndInputAttributes = function(t) {
-      if (t) {
-        var r = this.isRange && t === i.START ? this.valueStart : this.value, e = String(r);
-        this.adapter.setInputAttribute(g.INPUT_VALUE, e, t), this.isRange && t === i.START ? this.adapter.setInputAttribute(g.INPUT_MIN, e, i.END) : this.isRange && t === i.END && this.adapter.setInputAttribute(g.INPUT_MAX, e, i.START), this.adapter.getInputValue(t) !== e && this.adapter.setInputValue(e, t);
+      var t = e < this.downEventClientX;
+      return t ? this.adapter.isRTL() ? i.END : i.START : this.adapter.isRTL() ? i.START : i.END;
+    }, a.prototype.updateUI = function(e) {
+      this.updateThumbAndInputAttributes(e), this.updateThumbAndTrackUI(e), this.updateValueIndicatorUI(e), this.updateTickMarksUI();
+    }, a.prototype.updateThumbAndInputAttributes = function(e) {
+      if (e) {
+        var r = this.isRange && e === i.START ? this.valueStart : this.value, t = String(r);
+        this.adapter.setInputAttribute(g.INPUT_VALUE, t, e), this.isRange && e === i.START ? this.adapter.setInputAttribute(g.INPUT_MIN, t, i.END) : this.isRange && e === i.END && this.adapter.setInputAttribute(g.INPUT_MAX, t, i.START), this.adapter.getInputValue(e) !== t && this.adapter.setInputValue(t, e);
         var n = this.adapter.getValueToAriaValueTextFn();
-        n && this.adapter.setInputAttribute(g.ARIA_VALUETEXT, n(r), t);
+        n && this.adapter.setInputAttribute(g.ARIA_VALUETEXT, n(r), e);
       }
-    }, a.prototype.updateValueIndicatorUI = function(t) {
+    }, a.prototype.updateValueIndicatorUI = function(e) {
       if (this.isDiscrete) {
-        var r = this.isRange && t === i.START ? this.valueStart : this.value;
-        this.adapter.setValueIndicatorText(r, t === i.START ? i.START : i.END), !t && this.isRange && this.adapter.setValueIndicatorText(this.valueStart, i.START);
+        var r = this.isRange && e === i.START ? this.valueStart : this.value;
+        this.adapter.setValueIndicatorText(r, e === i.START ? i.START : i.END), !e && this.isRange && this.adapter.setValueIndicatorText(this.valueStart, i.START);
       }
     }, a.prototype.updateTickMarksUI = function() {
       if (!(!this.isDiscrete || !this.hasTickMarks)) {
-        var t = (this.valueStart - this.min) / this.step, r = (this.value - this.valueStart) / this.step + 1, e = (this.max - this.value) / this.step, n = Array.from({ length: t }).fill(L.INACTIVE), s = Array.from({ length: r }).fill(L.ACTIVE), h = Array.from({ length: e }).fill(L.INACTIVE);
-        this.adapter.updateTickMarks(n.concat(s).concat(h));
+        var e = (this.valueStart - this.min) / this.step, r = (this.value - this.valueStart) / this.step + 1, t = (this.max - this.value) / this.step, n = Array.from({ length: e }).fill(w.INACTIVE), u = Array.from({ length: r }).fill(w.ACTIVE), c = Array.from({ length: t }).fill(w.INACTIVE);
+        this.adapter.updateTickMarks(n.concat(u).concat(c));
       }
-    }, a.prototype.mapClientXOnSliderScale = function(t) {
-      var r = t - this.rect.left, e = r / this.rect.width;
-      this.adapter.isRTL() && (e = 1 - e);
-      var n = this.min + e * (this.max - this.min);
+    }, a.prototype.mapClientXOnSliderScale = function(e) {
+      var r = e - this.rect.left, t = r / this.rect.width;
+      this.adapter.isRTL() && (t = 1 - t);
+      var n = this.min + t * (this.max - this.min);
       return n === this.max || n === this.min ? n : Number(this.quantize(n).toFixed(this.numDecimalPlaces));
-    }, a.prototype.quantize = function(t) {
-      var r = Math.round((t - this.min) / this.step);
+    }, a.prototype.quantize = function(e) {
+      var r = Math.round((e - this.min) / this.step);
       return this.min + r * this.step;
-    }, a.prototype.updateValue = function(t, r, e) {
-      var n = e === void 0 ? {} : e, s = n.emitInputEvent;
-      if (t = this.clampValue(t, r), this.isRange && r === i.START) {
-        if (this.valueStart === t)
+    }, a.prototype.updateValue = function(e, r, t) {
+      var n = t === void 0 ? {} : t, u = n.emitInputEvent;
+      if (e = this.clampValue(e, r), this.isRange && r === i.START) {
+        if (this.valueStart === e)
           return;
-        this.valueStart = t;
+        this.valueStart = e;
       } else {
-        if (this.value === t)
+        if (this.value === e)
           return;
-        this.value = t;
+        this.value = e;
       }
-      this.updateUI(r), s && this.adapter.emitInputEvent(r === i.START ? this.valueStart : this.value, r);
-    }, a.prototype.clampValue = function(t, r) {
-      t = Math.min(Math.max(t, this.min), this.max);
-      var e = this.isRange && r === i.START && t > this.value;
-      if (e)
+      this.updateUI(r), u && this.adapter.emitInputEvent(r === i.START ? this.valueStart : this.value, r);
+    }, a.prototype.clampValue = function(e, r) {
+      e = Math.min(Math.max(e, this.min), this.max);
+      var t = this.isRange && r === i.START && e > this.value;
+      if (t)
         return this.value;
-      var n = this.isRange && r === i.END && t < this.valueStart;
-      return n ? this.valueStart : t;
-    }, a.prototype.updateThumbAndTrackUI = function(t) {
-      var r = this, e = this, n = e.max, s = e.min, h = (this.value - this.valueStart) / (n - s), d = h * this.rect.width, m = this.adapter.isRTL(), y = Z ? ut(window, "transform") : "transform";
+      var n = this.isRange && r === i.END && e < this.valueStart;
+      return n ? this.valueStart : e;
+    }, a.prototype.updateThumbAndTrackUI = function(e) {
+      var r = this, t = this, n = t.max, u = t.min, c = (this.value - this.valueStart) / (n - u), v = c * this.rect.width, f = this.adapter.isRTL(), R = ee ? Ve(window, "transform") : "transform";
       if (this.isRange) {
-        var D = this.adapter.isRTL() ? (n - this.value) / (n - s) * this.rect.width : (this.valueStart - s) / (n - s) * this.rect.width, T = D + d;
-        this.animFrame.request(W.SLIDER_UPDATE, function() {
-          var f = !m && t === i.START || m && t !== i.START;
-          f ? (r.adapter.setTrackActiveStyleProperty("transform-origin", "right"), r.adapter.setTrackActiveStyleProperty("left", "unset"), r.adapter.setTrackActiveStyleProperty("right", r.rect.width - T + "px")) : (r.adapter.setTrackActiveStyleProperty("transform-origin", "left"), r.adapter.setTrackActiveStyleProperty("right", "unset"), r.adapter.setTrackActiveStyleProperty("left", D + "px")), r.adapter.setTrackActiveStyleProperty(y, "scaleX(" + h + ")");
-          var V = m ? T : D, _ = r.adapter.isRTL() ? D : T;
-          (t === i.START || !t || !r.initialStylesRemoved) && r.adapter.setThumbStyleProperty(y, "translateX(" + V + "px)", i.START), (t === i.END || !t || !r.initialStylesRemoved) && r.adapter.setThumbStyleProperty(y, "translateX(" + _ + "px)", i.END), r.removeInitialStyles(m), r.updateOverlappingThumbsUI(V, _, t);
+        var N = this.adapter.isRTL() ? (n - this.value) / (n - u) * this.rect.width : (this.valueStart - u) / (n - u) * this.rect.width, b = N + v;
+        this.animFrame.request(q.SLIDER_UPDATE, function() {
+          var T = !f && e === i.START || f && e !== i.START;
+          T ? (r.adapter.setTrackActiveStyleProperty("transform-origin", "right"), r.adapter.setTrackActiveStyleProperty("left", "unset"), r.adapter.setTrackActiveStyleProperty("right", r.rect.width - b + "px")) : (r.adapter.setTrackActiveStyleProperty("transform-origin", "left"), r.adapter.setTrackActiveStyleProperty("right", "unset"), r.adapter.setTrackActiveStyleProperty("left", N + "px")), r.adapter.setTrackActiveStyleProperty(R, "scaleX(" + c + ")");
+          var O = f ? b : N, k = r.adapter.isRTL() ? N : b;
+          (e === i.START || !e || !r.initialStylesRemoved) && r.adapter.setThumbStyleProperty(R, "translateX(" + O + "px)", i.START), (e === i.END || !e || !r.initialStylesRemoved) && r.adapter.setThumbStyleProperty(R, "translateX(" + k + "px)", i.END), r.removeInitialStyles(f), r.updateOverlappingThumbsUI(O, k, e);
         });
       } else
-        this.animFrame.request(W.SLIDER_UPDATE, function() {
-          var f = m ? r.rect.width - d : d;
-          r.adapter.setThumbStyleProperty(y, "translateX(" + f + "px)", i.END), r.adapter.setTrackActiveStyleProperty(y, "scaleX(" + h + ")"), r.removeInitialStyles(m);
+        this.animFrame.request(q.SLIDER_UPDATE, function() {
+          var T = f ? r.rect.width - v : v;
+          r.adapter.setThumbStyleProperty(R, "translateX(" + T + "px)", i.END), r.adapter.setTrackActiveStyleProperty(R, "scaleX(" + c + ")"), r.removeInitialStyles(f);
         });
-    }, a.prototype.removeInitialStyles = function(t) {
+    }, a.prototype.removeInitialStyles = function(e) {
       if (!this.initialStylesRemoved) {
-        var r = t ? "right" : "left";
+        var r = e ? "right" : "left";
         this.adapter.removeThumbStyleProperty(r, i.END), this.isRange && this.adapter.removeThumbStyleProperty(r, i.START), this.initialStylesRemoved = !0, this.resetTrackAndThumbAnimation();
       }
     }, a.prototype.resetTrackAndThumbAnimation = function() {
-      var t = this;
+      var e = this;
       if (this.isDiscrete) {
-        var r = Z ? ut(window, "transition") : "transition", e = "all 0s ease 0s";
-        this.adapter.setThumbStyleProperty(r, e, i.END), this.isRange && this.adapter.setThumbStyleProperty(r, e, i.START), this.adapter.setTrackActiveStyleProperty(r, e), requestAnimationFrame(function() {
-          t.adapter.removeThumbStyleProperty(r, i.END), t.adapter.removeTrackActiveStyleProperty(r), t.isRange && t.adapter.removeThumbStyleProperty(r, i.START);
+        var r = ee ? Ve(window, "transition") : "transition", t = "all 0s ease 0s";
+        this.adapter.setThumbStyleProperty(r, t, i.END), this.isRange && this.adapter.setThumbStyleProperty(r, t, i.START), this.adapter.setTrackActiveStyleProperty(r, t), requestAnimationFrame(function() {
+          e.adapter.removeThumbStyleProperty(r, i.END), e.adapter.removeTrackActiveStyleProperty(r), e.isRange && e.adapter.removeThumbStyleProperty(r, i.START);
         });
       }
-    }, a.prototype.updateOverlappingThumbsUI = function(t, r, e) {
+    }, a.prototype.updateOverlappingThumbsUI = function(e, r, t) {
       var n = !1;
       if (this.adapter.isRTL()) {
-        var s = t - this.startThumbKnobWidth / 2, h = r + this.endThumbKnobWidth / 2;
-        n = h >= s;
+        var u = e - this.startThumbKnobWidth / 2, c = r + this.endThumbKnobWidth / 2;
+        n = c >= u;
       } else {
-        var d = t + this.startThumbKnobWidth / 2, m = r - this.endThumbKnobWidth / 2;
-        n = d >= m;
+        var v = e + this.startThumbKnobWidth / 2, f = r - this.endThumbKnobWidth / 2;
+        n = v >= f;
       }
       n ? (this.adapter.addThumbClass(
-        o.THUMB_TOP,
+        l.THUMB_TOP,
         // If no thumb was dragged (in the case of initial layout), end
         // thumb is on top by default.
-        e || i.END
-      ), this.adapter.removeThumbClass(o.THUMB_TOP, e === i.START ? i.END : i.START)) : (this.adapter.removeThumbClass(o.THUMB_TOP, i.START), this.adapter.removeThumbClass(o.THUMB_TOP, i.END));
-    }, a.prototype.convertAttributeValueToNumber = function(t, r) {
-      if (t === null)
+        t || i.END
+      ), this.adapter.removeThumbClass(l.THUMB_TOP, t === i.START ? i.END : i.START)) : (this.adapter.removeThumbClass(l.THUMB_TOP, i.START), this.adapter.removeThumbClass(l.THUMB_TOP, i.END));
+    }, a.prototype.convertAttributeValueToNumber = function(e, r) {
+      if (e === null)
         throw new Error("MDCSliderFoundation: `" + r + "` must be non-null.");
-      var e = Number(t);
-      if (isNaN(e))
-        throw new Error("MDCSliderFoundation: `" + r + "` value is " + ("`" + t + "`, but must be a number."));
-      return e;
-    }, a.prototype.validateProperties = function(t) {
-      var r = t.min, e = t.max, n = t.value, s = t.valueStart, h = t.step;
-      if (r >= e)
-        throw new Error("MDCSliderFoundation: min must be strictly less than max. " + ("Current: [min: " + r + ", max: " + e + "]"));
-      if (h <= 0)
+      var t = Number(e);
+      if (isNaN(t))
+        throw new Error("MDCSliderFoundation: `" + r + "` value is " + ("`" + e + "`, but must be a number."));
+      return t;
+    }, a.prototype.validateProperties = function(e) {
+      var r = e.min, t = e.max, n = e.value, u = e.valueStart, c = e.step;
+      if (r >= t)
+        throw new Error("MDCSliderFoundation: min must be strictly less than max. " + ("Current: [min: " + r + ", max: " + t + "]"));
+      if (c <= 0)
         throw new Error("MDCSliderFoundation: step must be a positive number. " + ("Current step: " + this.step));
       if (this.isRange) {
-        if (n < r || n > e || s < r || s > e)
-          throw new Error("MDCSliderFoundation: values must be in [min, max] range. " + ("Current values: [start value: " + s + ", end value: " + n + "]"));
-        if (s > n)
-          throw new Error("MDCSliderFoundation: start value must be <= end value. " + ("Current values: [start value: " + s + ", end value: " + n + "]"));
-        var d = (s - r) / h, m = (n - r) / h;
-        if (d % 1 !== 0 || m % 1 !== 0)
-          throw new Error("MDCSliderFoundation: Slider values must be valid based on the " + ("step value. Current values: [start value: " + s + ", ") + ("end value: " + n + "]"));
+        if (n < r || n > t || u < r || u > t)
+          throw new Error("MDCSliderFoundation: values must be in [min, max] range. " + ("Current values: [start value: " + u + ", end value: " + n + "]"));
+        if (u > n)
+          throw new Error("MDCSliderFoundation: start value must be <= end value. " + ("Current values: [start value: " + u + ", end value: " + n + "]"));
+        var v = (u - r) / c, f = (n - r) / c;
+        if (v % 1 !== 0 || f % 1 !== 0)
+          throw new Error("MDCSliderFoundation: Slider values must be valid based on the " + ("step value. Current values: [start value: " + u + ", ") + ("end value: " + n + "]"));
       } else {
-        if (n < r || n > e)
+        if (n < r || n > t)
           throw new Error("MDCSliderFoundation: value must be in [min, max] range. " + ("Current value: " + n));
-        var m = (n - r) / h;
-        if (m % 1 !== 0)
+        var f = (n - r) / c;
+        if (f % 1 !== 0)
           throw new Error("MDCSliderFoundation: Slider value must be valid based on the " + ("step value. Current value: " + n));
       }
     }, a.prototype.registerEventHandlers = function() {
@@ -472,13 +474,13 @@ var Z = typeof window < "u", Rt = (
       this.adapter.deregisterWindowEventHandler("resize", this.resizeListener), a.SUPPORTS_POINTER_EVENTS ? (this.adapter.deregisterEventHandler("pointerdown", this.pointerdownListener), this.adapter.deregisterEventHandler("pointerup", this.pointerupListener)) : (this.adapter.deregisterEventHandler("mousedown", this.mousedownOrTouchstartListener), this.adapter.deregisterEventHandler("touchstart", this.mousedownOrTouchstartListener)), this.isRange && (this.adapter.deregisterThumbEventHandler(i.START, "mouseenter", this.thumbMouseenterListener), this.adapter.deregisterThumbEventHandler(i.START, "mouseleave", this.thumbMouseleaveListener), this.adapter.deregisterInputEventHandler(i.START, "change", this.inputStartChangeListener), this.adapter.deregisterInputEventHandler(i.START, "focus", this.inputStartFocusListener), this.adapter.deregisterInputEventHandler(i.START, "blur", this.inputStartBlurListener)), this.adapter.deregisterThumbEventHandler(i.END, "mouseenter", this.thumbMouseenterListener), this.adapter.deregisterThumbEventHandler(i.END, "mouseleave", this.thumbMouseleaveListener), this.adapter.deregisterInputEventHandler(i.END, "change", this.inputEndChangeListener), this.adapter.deregisterInputEventHandler(i.END, "focus", this.inputEndFocusListener), this.adapter.deregisterInputEventHandler(i.END, "blur", this.inputEndBlurListener);
     }, a.prototype.handlePointerup = function() {
       this.handleUp(), this.adapter.deregisterEventHandler("pointermove", this.moveListener);
-    }, a.SUPPORTS_POINTER_EVENTS = Z && !!window.PointerEvent && // #setPointerCapture is buggy on iOS, so we can't use pointer events
+    }, a.SUPPORTS_POINTER_EVENTS = ee && !!window.PointerEvent && // #setPointerCapture is buggy on iOS, so we can't use pointer events
     // until the following bug is fixed:
     // https://bugs.webkit.org/show_bug.cgi?id=220196
-    !Dt(), a;
-  }(gt)
+    !ht(), a;
+  }(nt)
 );
-function Dt() {
+function ht() {
   return [
     "iPad Simulator",
     "iPhone Simulator",
@@ -488,15 +490,15 @@ function Dt() {
     "iPod"
   ].includes(navigator.platform) || navigator.userAgent.includes("Mac") && "ontouchend" in document;
 }
-function _t(v) {
-  var a = /(?:\.(\d+))?(?:[eE]([+\-]?\d+))?$/.exec(String(v));
+function pt(s) {
+  var a = /(?:\.(\d+))?(?:[eE]([+\-]?\d+))?$/.exec(String(s));
   if (!a)
     return 0;
-  var t = a[1] || "", r = a[2] || 0;
+  var e = a[1] || "", r = a[2] || 0;
   return Math.max(
     0,
     // lower limit
-    (t === "0" ? 0 : t.length) - Number(r)
+    (e === "0" ? 0 : e.length) - Number(r)
   );
 }
 /**
@@ -521,359 +523,358 @@ function _t(v) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Nt = (
+var mt = (
   /** @class */
-  function(v) {
-    dt(a, v);
+  function(s) {
+    Fe(a, s);
     function a() {
-      var t = v !== null && v.apply(this, arguments) || this;
-      return t.skipInitialUIUpdate = !1, t.valueToAriaValueTextFn = null, t;
+      var e = s !== null && s.apply(this, arguments) || this;
+      return e.skipInitialUIUpdate = !1, e.valueToAriaValueTextFn = null, e;
     }
-    return a.attachTo = function(t, r) {
-      return r === void 0 && (r = {}), new a(t, void 0, r);
+    return a.attachTo = function(e, r) {
+      return r === void 0 && (r = {}), new a(e, void 0, r);
     }, a.prototype.getDefaultFoundation = function() {
-      var t = this, r = {
-        hasClass: function(e) {
-          return t.root.classList.contains(e);
+      var e = this, r = {
+        hasClass: function(t) {
+          return e.root.classList.contains(t);
         },
-        addClass: function(e) {
-          t.root.classList.add(e);
+        addClass: function(t) {
+          e.root.classList.add(t);
         },
-        removeClass: function(e) {
-          t.root.classList.remove(e);
+        removeClass: function(t) {
+          e.root.classList.remove(t);
         },
-        addThumbClass: function(e, n) {
-          t.getThumbEl(n).classList.add(e);
+        addThumbClass: function(t, n) {
+          e.getThumbEl(n).classList.add(t);
         },
-        removeThumbClass: function(e, n) {
-          t.getThumbEl(n).classList.remove(e);
+        removeThumbClass: function(t, n) {
+          e.getThumbEl(n).classList.remove(t);
         },
-        getAttribute: function(e) {
-          return t.root.getAttribute(e);
+        getAttribute: function(t) {
+          return e.root.getAttribute(t);
         },
-        getInputValue: function(e) {
-          return t.getInput(e).value;
+        getInputValue: function(t) {
+          return e.getInput(t).value;
         },
-        setInputValue: function(e, n) {
-          t.getInput(n).value = e;
+        setInputValue: function(t, n) {
+          e.getInput(n).value = t;
         },
-        getInputAttribute: function(e, n) {
-          return t.getInput(n).getAttribute(e);
+        getInputAttribute: function(t, n) {
+          return e.getInput(n).getAttribute(t);
         },
-        setInputAttribute: function(e, n, s) {
-          t.getInput(s).setAttribute(e, n);
+        setInputAttribute: function(t, n, u) {
+          e.getInput(u).setAttribute(t, n);
         },
-        removeInputAttribute: function(e, n) {
-          t.getInput(n).removeAttribute(e);
+        removeInputAttribute: function(t, n) {
+          e.getInput(n).removeAttribute(t);
         },
-        focusInput: function(e) {
-          t.getInput(e).focus();
+        focusInput: function(t) {
+          e.getInput(t).focus();
         },
-        isInputFocused: function(e) {
-          return t.getInput(e) === document.activeElement;
+        isInputFocused: function(t) {
+          return e.getInput(t) === document.activeElement;
         },
-        getThumbKnobWidth: function(e) {
-          return t.getThumbEl(e).querySelector("." + o.THUMB_KNOB).getBoundingClientRect().width;
+        getThumbKnobWidth: function(t) {
+          return e.getThumbEl(t).querySelector("." + l.THUMB_KNOB).getBoundingClientRect().width;
         },
-        getThumbBoundingClientRect: function(e) {
-          return t.getThumbEl(e).getBoundingClientRect();
+        getThumbBoundingClientRect: function(t) {
+          return e.getThumbEl(t).getBoundingClientRect();
         },
         getBoundingClientRect: function() {
-          return t.root.getBoundingClientRect();
+          return e.root.getBoundingClientRect();
         },
         isRTL: function() {
-          return getComputedStyle(t.root).direction === "rtl";
+          return getComputedStyle(e.root).direction === "rtl";
         },
-        setThumbStyleProperty: function(e, n, s) {
-          t.getThumbEl(s).style.setProperty(e, n);
+        setThumbStyleProperty: function(t, n, u) {
+          e.getThumbEl(u).style.setProperty(t, n);
         },
-        removeThumbStyleProperty: function(e, n) {
-          t.getThumbEl(n).style.removeProperty(e);
+        removeThumbStyleProperty: function(t, n) {
+          e.getThumbEl(n).style.removeProperty(t);
         },
-        setTrackActiveStyleProperty: function(e, n) {
-          t.trackActive.style.setProperty(e, n);
+        setTrackActiveStyleProperty: function(t, n) {
+          e.trackActive.style.setProperty(t, n);
         },
-        removeTrackActiveStyleProperty: function(e) {
-          t.trackActive.style.removeProperty(e);
+        removeTrackActiveStyleProperty: function(t) {
+          e.trackActive.style.removeProperty(t);
         },
-        setValueIndicatorText: function(e, n) {
-          var s = t.getThumbEl(n).querySelector("." + o.VALUE_INDICATOR_TEXT);
-          s.textContent = String(e);
+        setValueIndicatorText: function(t, n) {
+          var u = e.getThumbEl(n).querySelector("." + l.VALUE_INDICATOR_TEXT);
+          u.textContent = String(t);
         },
         getValueToAriaValueTextFn: function() {
-          return t.valueToAriaValueTextFn;
+          return e.valueToAriaValueTextFn;
         },
-        updateTickMarks: function(e) {
-          var n = t.root.querySelector("." + o.TICK_MARKS_CONTAINER);
+        updateTickMarks: function(t) {
+          var n = e.root.querySelector("." + l.TICK_MARKS_CONTAINER);
           if (!n) {
-            n = document.createElement("div"), n.classList.add(o.TICK_MARKS_CONTAINER);
-            var s = t.root.querySelector("." + o.TRACK);
-            s.appendChild(n);
+            n = document.createElement("div"), n.classList.add(l.TICK_MARKS_CONTAINER);
+            var u = e.root.querySelector("." + l.TRACK);
+            u.appendChild(n);
           }
-          e.length !== n.children.length ? (n.innerHTML = "", t.addTickMarks(n, e)) : t.updateTickMarks(n, e);
+          t.length !== n.children.length ? (n.innerHTML = "", e.addTickMarks(n, t)) : e.updateTickMarks(n, t);
         },
-        setPointerCapture: function(e) {
-          t.root.setPointerCapture(e);
+        setPointerCapture: function(t) {
+          e.root.setPointerCapture(t);
         },
-        emitChangeEvent: function(e, n) {
-          t.emit(lt.CHANGE, { value: e, thumb: n });
+        emitChangeEvent: function(t, n) {
+          e.emit(Ue.CHANGE, { value: t, thumb: n });
         },
-        emitInputEvent: function(e, n) {
-          t.emit(lt.INPUT, { value: e, thumb: n });
+        emitInputEvent: function(t, n) {
+          e.emit(Ue.INPUT, { value: t, thumb: n });
         },
-        emitDragStartEvent: function(e, n) {
-          t.getRipple(n).activate();
+        emitDragStartEvent: function(t, n) {
+          e.getRipple(n).activate();
         },
-        emitDragEndEvent: function(e, n) {
-          t.getRipple(n).deactivate();
+        emitDragEndEvent: function(t, n) {
+          e.getRipple(n).deactivate();
         },
-        registerEventHandler: function(e, n) {
-          t.listen(e, n);
+        registerEventHandler: function(t, n) {
+          e.listen(t, n);
         },
-        deregisterEventHandler: function(e, n) {
-          t.unlisten(e, n);
+        deregisterEventHandler: function(t, n) {
+          e.unlisten(t, n);
         },
-        registerThumbEventHandler: function(e, n, s) {
-          t.getThumbEl(e).addEventListener(n, s);
+        registerThumbEventHandler: function(t, n, u) {
+          e.getThumbEl(t).addEventListener(n, u);
         },
-        deregisterThumbEventHandler: function(e, n, s) {
-          t.getThumbEl(e).removeEventListener(n, s);
+        deregisterThumbEventHandler: function(t, n, u) {
+          e.getThumbEl(t).removeEventListener(n, u);
         },
-        registerInputEventHandler: function(e, n, s) {
-          t.getInput(e).addEventListener(n, s);
+        registerInputEventHandler: function(t, n, u) {
+          e.getInput(t).addEventListener(n, u);
         },
-        deregisterInputEventHandler: function(e, n, s) {
-          t.getInput(e).removeEventListener(n, s);
+        deregisterInputEventHandler: function(t, n, u) {
+          e.getInput(t).removeEventListener(n, u);
         },
-        registerBodyEventHandler: function(e, n) {
-          document.body.addEventListener(e, n);
+        registerBodyEventHandler: function(t, n) {
+          document.body.addEventListener(t, n);
         },
-        deregisterBodyEventHandler: function(e, n) {
-          document.body.removeEventListener(e, n);
+        deregisterBodyEventHandler: function(t, n) {
+          document.body.removeEventListener(t, n);
         },
-        registerWindowEventHandler: function(e, n) {
-          window.addEventListener(e, n);
+        registerWindowEventHandler: function(t, n) {
+          window.addEventListener(t, n);
         },
-        deregisterWindowEventHandler: function(e, n) {
-          window.removeEventListener(e, n);
+        deregisterWindowEventHandler: function(t, n) {
+          window.removeEventListener(t, n);
         }
         // tslint:enable:object-literal-sort-keys
       };
-      return new Rt(r);
-    }, a.prototype.initialize = function(t) {
-      var r = t === void 0 ? {} : t, e = r.skipInitialUIUpdate;
-      this.inputs = [].slice.call(this.root.querySelectorAll("." + o.INPUT)), this.thumbs = [].slice.call(this.root.querySelectorAll("." + o.THUMB)), this.trackActive = this.root.querySelector("." + o.TRACK_ACTIVE), this.ripples = this.createRipples(), e && (this.skipInitialUIUpdate = !0);
+      return new ct(r);
+    }, a.prototype.initialize = function(e) {
+      var r = e === void 0 ? {} : e, t = r.skipInitialUIUpdate;
+      this.inputs = [].slice.call(this.root.querySelectorAll("." + l.INPUT)), this.thumbs = [].slice.call(this.root.querySelectorAll("." + l.THUMB)), this.trackActive = this.root.querySelector("." + l.TRACK_ACTIVE), this.ripples = this.createRipples(), t && (this.skipInitialUIUpdate = !0);
     }, a.prototype.initialSyncWithDOM = function() {
       this.foundation.layout({ skipUpdateUI: this.skipInitialUIUpdate });
     }, a.prototype.layout = function() {
       this.foundation.layout();
     }, a.prototype.getValueStart = function() {
       return this.foundation.getValueStart();
-    }, a.prototype.setValueStart = function(t) {
-      this.foundation.setValueStart(t);
+    }, a.prototype.setValueStart = function(e) {
+      this.foundation.setValueStart(e);
     }, a.prototype.getValue = function() {
       return this.foundation.getValue();
-    }, a.prototype.setValue = function(t) {
-      this.foundation.setValue(t);
+    }, a.prototype.setValue = function(e) {
+      this.foundation.setValue(e);
     }, a.prototype.getDisabled = function() {
       return this.foundation.getDisabled();
-    }, a.prototype.setDisabled = function(t) {
-      this.foundation.setDisabled(t);
-    }, a.prototype.setValueToAriaValueTextFn = function(t) {
-      this.valueToAriaValueTextFn = t;
-    }, a.prototype.getThumbEl = function(t) {
-      return t === i.END ? this.thumbs[this.thumbs.length - 1] : this.thumbs[0];
-    }, a.prototype.getInput = function(t) {
-      return t === i.END ? this.inputs[this.inputs.length - 1] : this.inputs[0];
-    }, a.prototype.getRipple = function(t) {
-      return t === i.END ? this.ripples[this.ripples.length - 1] : this.ripples[0];
-    }, a.prototype.addTickMarks = function(t, r) {
-      for (var e = document.createDocumentFragment(), n = 0; n < r.length; n++) {
-        var s = document.createElement("div"), h = r[n] === L.ACTIVE ? o.TICK_MARK_ACTIVE : o.TICK_MARK_INACTIVE;
-        s.classList.add(h), e.appendChild(s);
+    }, a.prototype.setDisabled = function(e) {
+      this.foundation.setDisabled(e);
+    }, a.prototype.setValueToAriaValueTextFn = function(e) {
+      this.valueToAriaValueTextFn = e;
+    }, a.prototype.getThumbEl = function(e) {
+      return e === i.END ? this.thumbs[this.thumbs.length - 1] : this.thumbs[0];
+    }, a.prototype.getInput = function(e) {
+      return e === i.END ? this.inputs[this.inputs.length - 1] : this.inputs[0];
+    }, a.prototype.getRipple = function(e) {
+      return e === i.END ? this.ripples[this.ripples.length - 1] : this.ripples[0];
+    }, a.prototype.addTickMarks = function(e, r) {
+      for (var t = document.createDocumentFragment(), n = 0; n < r.length; n++) {
+        var u = document.createElement("div"), c = r[n] === w.ACTIVE ? l.TICK_MARK_ACTIVE : l.TICK_MARK_INACTIVE;
+        u.classList.add(c), t.appendChild(u);
       }
-      t.appendChild(e);
-    }, a.prototype.updateTickMarks = function(t, r) {
-      for (var e = Array.from(t.children), n = 0; n < e.length; n++)
-        r[n] === L.ACTIVE ? (e[n].classList.add(o.TICK_MARK_ACTIVE), e[n].classList.remove(o.TICK_MARK_INACTIVE)) : (e[n].classList.add(o.TICK_MARK_INACTIVE), e[n].classList.remove(o.TICK_MARK_ACTIVE));
+      e.appendChild(t);
+    }, a.prototype.updateTickMarks = function(e, r) {
+      for (var t = Array.from(e.children), n = 0; n < t.length; n++)
+        r[n] === w.ACTIVE ? (t[n].classList.add(l.TICK_MARK_ACTIVE), t[n].classList.remove(l.TICK_MARK_INACTIVE)) : (t[n].classList.add(l.TICK_MARK_INACTIVE), t[n].classList.remove(l.TICK_MARK_ACTIVE));
     }, a.prototype.createRipples = function() {
-      for (var t = [], r = [].slice.call(this.root.querySelectorAll("." + o.THUMB)), e = function(h) {
-        var d = r[h], m = n.inputs[h], y = K(K({}, st.createAdapter(n)), { addClass: function(T) {
-          d.classList.add(T);
+      for (var e = [], r = [].slice.call(this.root.querySelectorAll("." + l.THUMB)), t = function(c) {
+        var v = r[c], f = n.inputs[c], R = j(j({}, Le.createAdapter(n)), { addClass: function(b) {
+          v.classList.add(b);
         }, computeBoundingRect: function() {
-          return d.getBoundingClientRect();
-        }, deregisterInteractionHandler: function(T, f) {
-          m.removeEventListener(T, f);
+          return v.getBoundingClientRect();
+        }, deregisterInteractionHandler: function(b, T) {
+          f.removeEventListener(b, T);
         }, isSurfaceActive: function() {
-          return It(m, ":active");
+          return st(f, ":active");
         }, isUnbounded: function() {
           return !0;
-        }, registerInteractionHandler: function(T, f) {
-          m.addEventListener(T, f, bt());
-        }, removeClass: function(T) {
-          d.classList.remove(T);
-        }, updateCssVariable: function(T, f) {
-          d.style.setProperty(T, f);
-        } }), D = new st(d, new St(y));
-        D.unbounded = !0, t.push(D);
-      }, n = this, s = 0; s < r.length; s++)
-        e(s);
-      return t;
+        }, registerInteractionHandler: function(b, T) {
+          f.addEventListener(b, T, at());
+        }, removeClass: function(b) {
+          v.classList.remove(b);
+        }, updateCssVariable: function(b, T) {
+          v.style.setProperty(b, T);
+        } }), N = new Le(v, new ut(R));
+        N.unbounded = !0, e.push(N);
+      }, n = this, u = 0; u < r.length; u++)
+        t(u);
+      return e;
     }, a;
-  }(Et)
-);
-const Mt = {
+  }(it)
+), vt = {
   /**
    * Accessibility label for assistive technologies.
    *
    * Defaults to **null**.
    */
-  ariaLabel: l.string,
+  ariaLabel: d.string,
   /**
    * Id of the component being labeled for assistive technologies.
    *
    * Defaults to **null**.
    */
-  ariaLabelledBy: l.string,
+  ariaLabelledBy: d.string,
   /**
    * Set this input attribute to a string that makes the slider value understandable, e.g. 'Monday'.
    *
    * Defaults to **null**.
    */
-  ariaValuetext: l.string,
+  ariaValuetext: d.string,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: l.string,
+  className: d.string,
   /**
    * Prevent user interaction.
    *
    * Defaults to **false**.
    */
-  disabled: l.bool,
+  disabled: d.bool,
   /**
    * Discrete sliders display a numeric value label when the slider control is focused, which allows a user to input an exact value.
    *
    * Defaults to **false**.
    */
-  discrete: l.bool,
+  discrete: d.bool,
   /**
    * Display tracker markers with discrete slider only.
    *
    * Defaults to **false**.
    */
-  displayMarkers: l.bool,
+  displayMarkers: d.bool,
   /**
    * ID for html input. May be overwritten.
    *
    * Defaults to **null**.
    */
-  id: l.string,
+  id: d.string,
   /**
    * Custom content to be displayed in the leading block container. See leadingBlockType for types supported. If a string is sent for a icon an Element Icon will be rendered
    *
    * Defaults to **null**.
    */
-  leadingBlock: l.node,
+  leadingBlock: d.node,
   /**
    * Props to be added to the leading block node. For example, if an input is chosen, this is where you should send the input value and you can send in variant: 'filled' to use a filled textfield.
    *
    * Defaults to **null**.
    */
-  leadingBlockProps: l.object,
+  leadingBlockProps: d.object,
   /**
    * Styles to be added to leading block div.
    *
    * Defaults to **null**.
    */
-  leadingBlockStyle: l.object,
+  leadingBlockStyle: d.object,
   /**
    * The type of media that will render in the leading block.
    *
    * Defaults to **null**.
    */
-  leadingBlockType: l.oneOf(["", "icon", "input", "text"]),
+  leadingBlockType: d.oneOf(["", "icon", "input", "text"]),
   /**
    * The maximum value a slider can have.
    *
    * Defaults to **100**.
    */
-  max: l.number,
+  max: d.number,
   /**
    * The minimum value a slider can have.
    *
    * Defaults to **0**.
    */
-  min: l.number,
+  min: d.number,
   /**
    * When using the range slider, this is the value of the minimum knob of the slider. The maximum value will use the standard value prop.
    *
    * Defaults to **'0'**.
    */
-  minValue: l.oneOfType([l.number, l.string, l.object]),
+  minValue: d.oneOfType([d.number, d.string, d.object]),
   /**
    * Fired when the slider is blurred after the value of slider changes.
    *
    * Defaults to **null**.
    */
-  onChange: l.func,
+  onChange: d.func,
   /**
    * Fired whenever the value of slider changes.
    *
    * Defaults to **null**.
    */
-  onInput: l.func,
+  onInput: d.func,
   /**
    * Allows the slider to have two knobs to select a range value.
    *
    * Defaults to **false**.
    */
-  range: l.bool,
+  range: d.bool,
   /**
    * Specifies the increments at which a slider value can be set. Can be any positive number.
    *
    * Defaults to **1**.
    */
-  step: l.number,
+  step: d.number,
   /**
    * Slider color theme.
    *
    * Defaults to **'primary'**.
    */
-  themeColor: l.oneOf(["primary", "secondary"]),
+  themeColor: d.oneOf(["primary", "secondary"]),
   /**
    * Custom content to be displayed in the trailing block container. See trailingBlockType for types supported. If a string is sent for icon an Element Icon will be rendered.
    *
    * Defaults to **null**.
    */
-  trailingBlock: l.node,
+  trailingBlock: d.node,
   /**
    * Props to be added to the trailing block node. For example, if an input is chosen, this is where you should send the input value and you can send in variant: 'filled' to use a filled textfield.
    *
    * Defaults to **null**.
    */
-  trailingBlockProps: l.object,
+  trailingBlockProps: d.object,
   /**
    * Styles to be added to trailing block div.
    *
    * Defaults to **null**.
    */
-  trailingBlockStyle: l.object,
+  trailingBlockStyle: d.object,
   /**
    * The type of media that will render in the trailing block.
    *
    * Defaults to **null**.
    */
-  trailingBlockType: l.oneOf(["", "icon", "input", "text"]),
+  trailingBlockType: d.oneOf(["", "icon", "input", "text"]),
   /**
    * The current value of the slider. If the slider is a range slider, it will be the max value of the slider.
    *
-   * Defaults to **null**.
+   * Defaults to **'0'**.
    */
-  value: l.oneOfType([l.number, l.string, l.object])
-}, Pt = {
+  value: d.oneOfType([d.number, d.string, d.object])
+}, ft = {
   ariaLabel: null,
   ariaLabelledBy: null,
   ariaValuetext: null,
@@ -889,6 +890,8 @@ const Mt = {
   max: 100,
   min: 0,
   minValue: "0",
+  onChange: null,
+  onInput: null,
   range: !1,
   step: 1,
   themeColor: "primary",
@@ -896,273 +899,275 @@ const Mt = {
   trailingBlockProps: null,
   trailingBlockStyle: null,
   trailingBlockType: null,
-  value: null
-}, X = /* @__PURE__ */ ft((v, a) => {
-  var t, r;
-  const {
-    ariaLabel: e,
-    ariaLabelledBy: n,
-    ariaValuetext: s,
-    className: h,
-    disabled: d,
-    discrete: m,
-    displayMarkers: y,
-    id: D,
-    leadingBlock: T,
-    leadingBlockProps: f,
-    leadingBlockStyle: V,
-    leadingBlockType: _,
-    max: I,
-    min: S,
-    minValue: P,
-    onChange: q,
-    onInput: z,
-    range: b,
-    step: R,
-    themeColor: U,
-    trailingBlock: N,
-    trailingBlockProps: A,
-    trailingBlockStyle: ht,
-    trailingBlockType: C,
-    value: M,
-    ...pt
-  } = v, x = tt(), p = tt();
-  et(a, () => x.current, []), et(a, () => ({
-    ...x.current,
-    layout: () => {
-      p.current && p.current.foundation.layout();
-    }
-  }), [p]);
-  const w = B((u) => b ? u >= S && u <= M : u >= S && u <= I, [S, M, I, b]), H = B((u) => b ? u <= I && u >= P : u <= I && u >= S, [I, P, S, b]);
-  k(() => (p.current = Nt.attachTo(x.current), () => {
-    var u;
-    (u = p.current) === null || u === void 0 || u.destroy();
-  }), [p]), k(() => {
-    p.current.foundation.min = S, p.current.foundation.max = I, p.current.foundation.step = R, p.current.foundation.layout();
-  }, [p, m, y, I, S, R]), k(() => {
-    p.current.foundation.layout();
-  }, [p, _, C]);
-  const j = B((u) => {
-    q && q(u.detail, u);
-  }, [q]), J = B((u) => {
-    const E = u.target.value;
-    f.onChange && f.onChange({
-      value: E && parseInt(E, 10),
-      thumb: 1
+  value: "0"
+}, Tt = ["ariaLabel", "ariaLabelledBy", "ariaValuetext", "className", "disabled", "discrete", "displayMarkers", "id", "leadingBlock", "leadingBlockProps", "leadingBlockStyle", "leadingBlockType", "max", "min", "minValue", "onChange", "onInput", "range", "step", "themeColor", "trailingBlock", "trailingBlockProps", "trailingBlockStyle", "trailingBlockType", "value"];
+function He(s, a) {
+  var e = Je(s);
+  if (_e) {
+    var r = _e(s);
+    a && (r = tt(r).call(r, function(t) {
+      return Oe(s, t).enumerable;
+    })), e.push.apply(e, r);
+  }
+  return e;
+}
+function xe(s) {
+  for (var a = 1; a < arguments.length; a++) {
+    var e, r, t = arguments[a] != null ? arguments[a] : {};
+    a % 2 ? Ae(e = He(Object(t), !0)).call(e, function(n) {
+      Qe(s, n, t[n]);
+    }) : Ce ? Ye(s, Ce(t)) : Ae(r = He(Object(t))).call(r, function(n) {
+      et(s, n, Oe(t, n));
+    });
+  }
+  return s;
+}
+var m = ft, te = /* @__PURE__ */ rt(function(s, a) {
+  var e, r, t = s.ariaLabel, n = t === void 0 ? m.ariaLabel : t, u = s.ariaLabelledBy, c = u === void 0 ? m.ariaLabelledBy : u, v = s.ariaValuetext, f = v === void 0 ? m.ariaValuetext : v, R = s.className, N = R === void 0 ? m.className : R, b = s.disabled, T = b === void 0 ? m.disabled : b, O = s.discrete, k = O === void 0 ? m.discrete : O, re = s.displayMarkers, z = re === void 0 ? m.displayMarkers : re, ne = s.id, Ke = ne === void 0 ? m.id : ne, ie = s.leadingBlock, M = ie === void 0 ? m.leadingBlock : ie, ae = s.leadingBlockProps, A = ae === void 0 ? m.leadingBlockProps : ae, se = s.leadingBlockStyle, $e = se === void 0 ? m.leadingBlockStyle : se, ue = s.leadingBlockType, U = ue === void 0 ? m.leadingBlockType : ue, oe = s.max, S = oe === void 0 ? m.max : oe, le = s.min, y = le === void 0 ? m.min : le, de = s.minValue, L = de === void 0 ? m.minValue : de, ce = s.onChange, G = ce === void 0 ? m.onChange : ce, he = s.onInput, Z = he === void 0 ? m.onInput : he, pe = s.range, I = pe === void 0 ? m.range : pe, me = s.step, D = me === void 0 ? m.step : me, ve = s.themeColor, H = ve === void 0 ? m.themeColor : ve, fe = s.trailingBlock, B = fe === void 0 ? m.trailingBlock : fe, Te = s.trailingBlockProps, C = Te === void 0 ? m.trailingBlockProps : Te, ge = s.trailingBlockStyle, We = ge === void 0 ? m.trailingBlockStyle : ge, Ee = s.trailingBlockType, _ = Ee === void 0 ? m.trailingBlockType : Ee, be = s.value, P = be === void 0 ? m.value : be, Xe = Ze(s, Tt), $ = De(), h = De();
+  Ne(a, function() {
+    return $.current;
+  }, []), Ne(a, function() {
+    return xe(xe({}, $.current), {}, {
+      layout: function() {
+        h.current && h.current.foundation.layout();
+      }
     });
-  }, [f]), Q = B((u) => {
-    const E = u.target.value;
+  }, [h]);
+  var F = x(function(o) {
+    return I ? o >= y && o <= P : o >= y && o <= S;
+  }, [y, P, S, I]), K = x(function(o) {
+    return I ? o <= S && o >= L : o <= S && o >= y;
+  }, [S, L, y, I]);
+  V(function() {
+    return h.current = mt.attachTo($.current), function() {
+      var o;
+      (o = h.current) === null || o === void 0 || o.destroy();
+    };
+  }, [h]), V(function() {
+    h.current.foundation.min = y, h.current.foundation.max = S, h.current.foundation.step = D, h.current.foundation.layout();
+  }, [h, k, z, S, y, D]), V(function() {
+    h.current.foundation.layout();
+  }, [h, U, _]);
+  var J = x(function(o) {
+    G && G(o.detail, o);
+  }, [G]), Ie = x(function(o) {
+    var E = o.target.value;
     A.onChange && A.onChange({
-      value: E && parseInt(E, 10),
+      value: E && Re(E, 10),
+      thumb: 1
+    });
+  }, [A]), Se = x(function(o) {
+    var E = o.target.value;
+    C.onChange && C.onChange({
+      value: E && Re(E, 10),
       thumb: 2
     });
-  }, [A]);
-  k(() => {
-    var u;
-    return (u = p.current) === null || u === void 0 || u.listen("MDCSlider:change", j), () => {
+  }, [C]);
+  V(function() {
+    var o;
+    return (o = h.current) === null || o === void 0 || o.listen("MDCSlider:change", J), function() {
       var E;
-      (E = p.current) === null || E === void 0 || E.unlisten("MDCSlider:change", j);
+      (E = h.current) === null || E === void 0 || E.unlisten("MDCSlider:change", J);
     };
-  }, [p, j]);
-  const G = B((u) => {
-    z && z(u.detail, u);
-  }, [z]);
-  k(() => {
-    var u;
-    return (u = p.current) === null || u === void 0 || u.listen("MDCSlider:input", G), () => {
+  }, [h, J]);
+  var Q = x(function(o) {
+    Z && Z(o.detail, o);
+  }, [Z]);
+  V(function() {
+    var o;
+    return (o = h.current) === null || o === void 0 || o.listen("MDCSlider:input", Q), function() {
       var E;
-      (E = p.current) === null || E === void 0 || E.unlisten("MDCSlider:input", G);
+      (E = h.current) === null || E === void 0 || E.unlisten("MDCSlider:input", Q);
     };
-  }, [p, G]), k(() => {
-    if (b) {
-      if (H(M)) {
+  }, [h, Q]), V(function() {
+    if (I) {
+      if (K(P)) {
         var E;
-        (E = p.current) === null || E === void 0 || E.setValue(M);
+        (E = h.current) === null || E === void 0 || E.setValue(P);
       }
-      if (w(P)) {
-        var $;
-        ($ = p.current) === null || $ === void 0 || $.setValueStart(P);
+      if (F(L)) {
+        var Y;
+        (Y = h.current) === null || Y === void 0 || Y.setValueStart(L);
       }
     } else {
-      var u;
-      (u = p.current) === null || u === void 0 || u.setValue(M);
+      var o;
+      (o = h.current) === null || o === void 0 || o.setValue(P);
     }
-  }, [p, M, P, b, w, H]), k(() => {
-    var u;
-    (u = p.current) === null || u === void 0 || u.setDisabled(d);
-  }, [p, d]);
-  const ct = rt(() => {
-    const u = b ? M - 1 : I;
-    switch (_) {
+  }, [h, P, L, I, F, K]), V(function() {
+    var o;
+    (o = h.current) === null || o === void 0 || o.setDisabled(T);
+  }, [h, T]);
+  var je = ke(function() {
+    var o = I ? P - 1 : S;
+    switch (U) {
       case "icon":
-        return T && typeof T == "string" ? /* @__PURE__ */ c.createElement(nt, O({
-          icon: T
-        }, f)) : T;
+        return M && typeof M == "string" ? /* @__PURE__ */ p.createElement(Be, W({
+          icon: M
+        }, A)) : M;
       case "input":
-        return T ? (b || C !== "input") && at(T, {
-          min: S,
-          max: u,
-          step: R,
+        return M ? (I || _ !== "input") && Me(M, {
+          min: y,
+          max: o,
+          step: D,
           type: "number",
-          valid: w(f?.value)
-        }) : (b || C !== "input") && /* @__PURE__ */ c.createElement(it, O({
+          valid: F(A?.value)
+        }) : (I || _ !== "input") && /* @__PURE__ */ p.createElement(Pe, W({
           variant: "outlined"
-        }, f, {
+        }, A, {
           dense: !0,
           type: "number",
-          min: S,
-          max: u,
-          step: R,
-          onChange: J,
-          valid: w(f?.value)
+          min: y,
+          max: o,
+          step: D,
+          onChange: Ie,
+          valid: F(A?.value)
         }));
       default:
-        return T;
+        return M;
     }
-  }, [_, T, C, S, M, R, f, b, J, w, I]), mt = rt(() => {
-    const u = b ? P : S;
-    switch (C) {
+  }, [U, M, _, y, P, D, A, I, Ie, F, S]), qe = ke(function() {
+    var o = I ? L : y;
+    switch (_) {
       case "icon":
-        return C && typeof N == "string" ? /* @__PURE__ */ c.createElement(nt, {
-          icon: N
-        }) : N;
+        return _ && typeof B == "string" ? /* @__PURE__ */ p.createElement(Be, {
+          icon: B
+        }) : B;
       case "input":
-        return N ? C && at(N, {
-          min: u,
-          max: I,
-          step: R,
+        return B ? _ && Me(B, {
+          min: o,
+          max: S,
+          step: D,
           type: "number",
-          valid: H(A?.value)
-        }) : /* @__PURE__ */ c.createElement(it, O({
+          valid: K(C?.value)
+        }) : /* @__PURE__ */ p.createElement(Pe, W({
           variant: "outlined"
-        }, A, {
+        }, C, {
           dense: !0,
           type: "number",
-          min: u,
-          max: I,
-          step: R,
-          onChange: Q,
-          valid: H(A?.value)
+          min: o,
+          max: S,
+          step: D,
+          onChange: Se,
+          valid: K(C?.value)
         }));
       default:
-        return N;
+        return B;
     }
-  }, [C, N, A, P, S, I, R, Q, b, H]), vt = _ !== "input" || (b || C !== "input") && _ === "input", Tt = C || N !== null || N !== void 0;
-  return /* @__PURE__ */ c.createElement("div", {
-    className: F("lmnt", "lmnt-slider-container", d && "lmnt-slider--disabled")
-  }, vt && /* @__PURE__ */ c.createElement("div", {
-    className: F("lmnt-slider-info", "lmnt-slider-info-leading", _ === "input" && "lmnt-slider-info-with-input", U === "primary" && "lmnt-slider-info--primary", U === "secondary" && "lmnt-slider-info--secondary"),
-    style: V
-  }, ct), /* @__PURE__ */ c.createElement("div", {
+  }, [_, B, C, L, y, S, D, Se, I, K]), ze = U !== "input" || (I || _ !== "input") && U === "input", Ge = _ || B !== null || B !== void 0;
+  return /* @__PURE__ */ p.createElement("div", {
+    className: X("lmnt", "lmnt-slider-container", T && "lmnt-slider--disabled")
+  }, ze && /* @__PURE__ */ p.createElement("div", {
+    className: X("lmnt-slider-info", "lmnt-slider-info-leading", U === "input" && "lmnt-slider-info-with-input", H === "primary" && "lmnt-slider-info--primary", H === "secondary" && "lmnt-slider-info--secondary"),
+    style: $e
+  }, je), /* @__PURE__ */ p.createElement("div", {
     className: "lmnt lmnt-slider-inner"
-  }, /* @__PURE__ */ c.createElement("div", O({
-    className: F("lmnt", "mdc-slider", b && "mdc-slider--range", m && "mdc-slider--discrete", m && y && "mdc-slider--tick-marks", U === "primary" && "mdc-slider--primary", U === "secondary" && "mdc-slider--secondary", h),
-    id: D,
-    ref: x
-  }, pt), b && /* @__PURE__ */ c.createElement("input", {
+  }, /* @__PURE__ */ p.createElement("div", W({
+    className: X("lmnt", "mdc-slider", I && "mdc-slider--range", k && "mdc-slider--discrete", k && z && "mdc-slider--tick-marks", H === "primary" && "mdc-slider--primary", H === "secondary" && "mdc-slider--secondary", N),
+    id: Ke,
+    ref: $
+  }, Xe), I && /* @__PURE__ */ p.createElement("input", {
     className: "mdc-slider__input",
     name: "rangeStart",
     type: "range",
-    step: R,
-    min: S,
-    max: I,
-    defaultValue: P,
-    "aria-label": e,
-    "aria-labelledby": n,
-    "aria-valuetext": s,
-    "aria-disabled": d,
-    disabled: d,
-    tabIndex: d ? -1 : "0",
+    step: D,
+    min: y,
+    max: S,
+    defaultValue: L,
+    "aria-label": n,
+    "aria-labelledby": c,
+    "aria-valuetext": f,
+    "aria-disabled": T,
+    disabled: T,
+    tabIndex: T ? -1 : "0",
     readOnly: !0
-  }), /* @__PURE__ */ c.createElement("input", {
+  }), /* @__PURE__ */ p.createElement("input", {
     className: "mdc-slider__input",
     type: "range",
     name: "rangeEnd",
-    step: R,
-    min: S,
-    max: I,
-    defaultValue: M,
-    "aria-label": e,
-    "aria-labelledby": n,
-    "aria-valuetext": s,
-    "aria-disabled": d,
-    disabled: d,
-    tabIndex: d ? -1 : "0",
+    step: D,
+    min: y,
+    max: S,
+    defaultValue: P,
+    "aria-label": n,
+    "aria-labelledby": c,
+    "aria-valuetext": f,
+    "aria-disabled": T,
+    disabled: T,
+    tabIndex: T ? -1 : "0",
     readOnly: !0
-  }), /* @__PURE__ */ c.createElement("div", {
+  }), /* @__PURE__ */ p.createElement("div", {
     className: "mdc-slider__track"
-  }, /* @__PURE__ */ c.createElement("div", {
+  }, /* @__PURE__ */ p.createElement("div", {
     className: "mdc-slider__track--inactive"
-  }), /* @__PURE__ */ c.createElement("div", {
+  }), /* @__PURE__ */ p.createElement("div", {
     className: "mdc-slider__track--active"
-  }, /* @__PURE__ */ c.createElement("div", {
+  }, /* @__PURE__ */ p.createElement("div", {
     className: "mdc-slider__track--active_fill"
-  })), m && y && /* @__PURE__ */ c.createElement("div", {
+  })), k && z && /* @__PURE__ */ p.createElement("div", {
     className: "mdc-slider__tick-marks"
-  })), b && /* @__PURE__ */ c.createElement("div", {
+  })), I && /* @__PURE__ */ p.createElement("div", {
     className: "mdc-slider__thumb"
-  }, m && /* @__PURE__ */ c.createElement("div", {
+  }, k && /* @__PURE__ */ p.createElement("div", {
     className: "mdc-slider__value-indicator-container",
     "aria-hidden": "true"
-  }, /* @__PURE__ */ c.createElement("div", {
+  }, /* @__PURE__ */ p.createElement("div", {
     className: "mdc-slider__value-indicator"
-  }, /* @__PURE__ */ c.createElement("span", {
+  }, /* @__PURE__ */ p.createElement("span", {
     className: "mdc-slider__value-indicator-text"
-  }, (t = p.current) === null || t === void 0 ? void 0 : t.getValueStart()))), /* @__PURE__ */ c.createElement("div", {
+  }, (e = h.current) === null || e === void 0 ? void 0 : e.getValueStart()))), /* @__PURE__ */ p.createElement("div", {
     className: "mdc-slider__thumb-knob"
-  })), /* @__PURE__ */ c.createElement("div", {
+  })), /* @__PURE__ */ p.createElement("div", {
     className: "mdc-slider__thumb"
-  }, m && /* @__PURE__ */ c.createElement("div", {
+  }, k && /* @__PURE__ */ p.createElement("div", {
     className: "mdc-slider__value-indicator-container",
     "aria-hidden": "true"
-  }, /* @__PURE__ */ c.createElement("div", {
+  }, /* @__PURE__ */ p.createElement("div", {
     className: "mdc-slider__value-indicator"
-  }, /* @__PURE__ */ c.createElement("span", {
+  }, /* @__PURE__ */ p.createElement("span", {
     className: "mdc-slider__value-indicator-text"
-  }, (r = p.current) === null || r === void 0 ? void 0 : r.getValue()))), /* @__PURE__ */ c.createElement("div", {
+  }, (r = h.current) === null || r === void 0 ? void 0 : r.getValue()))), /* @__PURE__ */ p.createElement("div", {
     className: "mdc-slider__thumb-knob"
-  })))), Tt && /* @__PURE__ */ c.createElement("div", {
-    className: F("lmnt-slider-info", "lmnt-slider-info-trailing", C === "input" && "lmnt-slider-info-with-input", U === "primary" && "lmnt-slider-info--primary", U === "secondary" && "lmnt-slider-info--secondary"),
-    style: ht
-  }, mt));
+  })))), Ge && /* @__PURE__ */ p.createElement("div", {
+    className: X("lmnt-slider-info", "lmnt-slider-info-trailing", _ === "input" && "lmnt-slider-info-with-input", H === "primary" && "lmnt-slider-info--primary", H === "secondary" && "lmnt-slider-info--secondary"),
+    style: We
+  }, qe));
 });
-X.displayName = "Slider";
-X.propTypes = Mt;
-X.defaultProps = Pt;
-const Xt = ({
-  propertyName: v,
+te.displayName = "Slider";
+te.propTypes = vt;
+const Pt = ({
+  propertyName: s,
   label: a,
-  minValue: t,
+  minValue: e,
   maxValue: r,
-  step: e,
+  step: t,
   disabled: n,
-  ...s
+  ...u
 }) => {
-  const { control: h } = At();
-  return /* @__PURE__ */ Y(
-    Ct,
+  const { control: c } = lt();
+  return /* @__PURE__ */ ye(
+    dt,
     {
-      name: v,
-      control: h,
-      render: ({ field: d }) => /* @__PURE__ */ Y(
-        X,
+      name: s,
+      control: c,
+      render: ({ field: v }) => /* @__PURE__ */ ye(
+        te,
         {
           "data-testid": "slider",
-          ...d,
-          onChange: (m) => {
-            d.onChange(m.value);
+          ...v,
+          onChange: (f) => {
+            v.onChange(f.value);
           },
           label: a,
-          min: t,
+          min: e,
           max: r,
-          step: e,
+          step: t,
           disabled: n,
-          ...s
+          ...u
         }
       )
     }
   );
 };
 export {
-  Xt as FormSlider
+  Pt as FormSlider
 };