@covalent/components 6.0.1 → 6.0.3

package/mwc-slider.css.mjs

@@ -0,0 +1,956 @@
+import { _ as F, a as x, b as o } from "./tslib.es6.mjs";
+import { e as H, R as O } from "./ripple-handlers.mjs";
+import { a as w } from "./aria-property.mjs";
+import { F as B } from "./form-element.mjs";
+import { y as _, b as g, i as $ } from "./query-assigned-elements.mjs";
+import { e as f } from "./property.mjs";
+import { t as b } from "./state.mjs";
+import { i as y } from "./query.mjs";
+import { o as P } from "./class-map.mjs";
+import { l as R } from "./if-defined.mjs";
+import { i as W } from "./style-map.mjs";
+/**
+ * @license
+ * Copyright 2020 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var E;
+(function(s) {
+  s[s.ACTIVE = 0] = "ACTIVE", s[s.INACTIVE = 1] = "INACTIVE";
+})(E || (E = {}));
+var r;
+(function(s) {
+  s[s.START = 1] = "START", s[s.END = 2] = "END";
+})(r || (r = {}));
+/**
+ * @license
+ * Copyright 2020 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var X = (
+  /** @class */
+  function() {
+    function s() {
+      this.rafIDs = /* @__PURE__ */ new Map();
+    }
+    return s.prototype.request = function(i, t) {
+      var e = this;
+      this.cancel(i);
+      var n = requestAnimationFrame(function(a) {
+        e.rafIDs.delete(i), t(a);
+      });
+      this.rafIDs.set(i, n);
+    }, s.prototype.cancel = function(i) {
+      var t = this.rafIDs.get(i);
+      t && (cancelAnimationFrame(t), this.rafIDs.delete(i));
+    }, s.prototype.cancelAll = function() {
+      var i = this;
+      this.rafIDs.forEach(function(t, e) {
+        i.cancel(e);
+      });
+    }, s.prototype.getQueue = function() {
+      var i = [];
+      return this.rafIDs.forEach(function(t, e) {
+        i.push(e);
+      }), i;
+    }, s;
+  }()
+);
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var V = {
+  animation: {
+    prefixed: "-webkit-animation",
+    standard: "animation"
+  },
+  transform: {
+    prefixed: "-webkit-transform",
+    standard: "transform"
+  },
+  transition: {
+    prefixed: "-webkit-transition",
+    standard: "transition"
+  }
+};
+function K(s) {
+  return Boolean(s.document) && typeof s.document.createElement == "function";
+}
+function L(s, i) {
+  if (K(s) && i in V) {
+    var t = s.document.createElement("div"), e = V[i], n = e.standard, a = e.prefixed, d = n in t.style;
+    return d ? n : a;
+  }
+  return i;
+}
+/**
+ * @license
+ * Copyright 2016 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var z = (
+  /** @class */
+  function() {
+    function s(i) {
+      i === void 0 && (i = {}), this.adapter = i;
+    }
+    return Object.defineProperty(s, "cssClasses", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(s, "strings", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(s, "numbers", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(s, "defaultAdapter", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), s.prototype.init = function() {
+    }, s.prototype.destroy = function() {
+    }, s;
+  }()
+);
+/**
+ * @license
+ * Copyright 2020 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var h = {
+  DISABLED: "mdc-slider--disabled",
+  DISCRETE: "mdc-slider--discrete",
+  INPUT: "mdc-slider__input",
+  RANGE: "mdc-slider--range",
+  THUMB: "mdc-slider__thumb",
+  // Applied when thumb is in the focused state.
+  THUMB_FOCUSED: "mdc-slider__thumb--focused",
+  THUMB_KNOB: "mdc-slider__thumb-knob",
+  // Class added to the top thumb (for overlapping thumbs in range slider).
+  THUMB_TOP: "mdc-slider__thumb--top",
+  THUMB_WITH_INDICATOR: "mdc-slider__thumb--with-indicator",
+  TICK_MARKS: "mdc-slider--tick-marks",
+  TICK_MARKS_CONTAINER: "mdc-slider__tick-marks",
+  TICK_MARK_ACTIVE: "mdc-slider__tick-mark--active",
+  TICK_MARK_INACTIVE: "mdc-slider__tick-mark--inactive",
+  TRACK: "mdc-slider__track",
+  // The active track fill element that will be scaled as the value changes.
+  TRACK_ACTIVE: "mdc-slider__track--active_fill",
+  VALUE_INDICATOR_CONTAINER: "mdc-slider__value-indicator-container",
+  VALUE_INDICATOR_TEXT: "mdc-slider__value-indicator-text"
+}, k = {
+  // Default step size.
+  STEP_SIZE: 1,
+  // Default minimum difference between the start and end values.
+  MIN_RANGE: 0,
+  // Minimum absolute difference between clientX of move event / down event
+  // for which to update thumb, in the case of overlapping thumbs.
+  // This is needed to reduce chances of choosing the thumb based on
+  // pointer jitter.
+  THUMB_UPDATE_MIN_PX: 5
+}, c = {
+  ARIA_VALUETEXT: "aria-valuetext",
+  INPUT_DISABLED: "disabled",
+  INPUT_MIN: "min",
+  INPUT_MAX: "max",
+  INPUT_VALUE: "value",
+  INPUT_STEP: "step",
+  DATA_MIN_RANGE: "data-min-range"
+}, p = {
+  VAR_VALUE_INDICATOR_CARET_LEFT: "--slider-value-indicator-caret-left",
+  VAR_VALUE_INDICATOR_CARET_RIGHT: "--slider-value-indicator-caret-right",
+  VAR_VALUE_INDICATOR_CARET_TRANSFORM: "--slider-value-indicator-caret-transform",
+  VAR_VALUE_INDICATOR_CONTAINER_LEFT: "--slider-value-indicator-container-left",
+  VAR_VALUE_INDICATOR_CONTAINER_RIGHT: "--slider-value-indicator-container-right",
+  VAR_VALUE_INDICATOR_CONTAINER_TRANSFORM: "--slider-value-indicator-container-transform"
+};
+/**
+ * @license
+ * Copyright 2020 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var S;
+(function(s) {
+  s.SLIDER_UPDATE = "slider_update";
+})(S || (S = {}));
+var M = typeof window < "u", G = (
+  /** @class */
+  function(s) {
+    F(i, s);
+    function i(t) {
+      var e = s.call(this, x(x({}, i.defaultAdapter), t)) || this;
+      return e.initialStylesRemoved = !1, e.isDisabled = !1, e.isDiscrete = !1, e.step = k.STEP_SIZE, e.minRange = k.MIN_RANGE, e.hasTickMarks = !1, e.isRange = !1, e.thumb = null, e.downEventClientX = null, e.startThumbKnobWidth = 0, e.endThumbKnobWidth = 0, e.animFrame = new X(), e;
+    }
+    return Object.defineProperty(i, "defaultAdapter", {
+      get: function() {
+        return {
+          hasClass: function() {
+            return !1;
+          },
+          addClass: function() {
+          },
+          removeClass: function() {
+          },
+          addThumbClass: function() {
+          },
+          removeThumbClass: function() {
+          },
+          getAttribute: function() {
+            return null;
+          },
+          getInputValue: function() {
+            return "";
+          },
+          setInputValue: function() {
+          },
+          getInputAttribute: function() {
+            return null;
+          },
+          setInputAttribute: function() {
+            return null;
+          },
+          removeInputAttribute: function() {
+            return null;
+          },
+          focusInput: function() {
+          },
+          isInputFocused: function() {
+            return !1;
+          },
+          shouldHideFocusStylesForPointerEvents: function() {
+            return !1;
+          },
+          getThumbKnobWidth: function() {
+            return 0;
+          },
+          getValueIndicatorContainerWidth: function() {
+            return 0;
+          },
+          getThumbBoundingClientRect: function() {
+            return { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };
+          },
+          getBoundingClientRect: function() {
+            return { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };
+          },
+          isRTL: function() {
+            return !1;
+          },
+          setThumbStyleProperty: function() {
+          },
+          removeThumbStyleProperty: function() {
+          },
+          setTrackActiveStyleProperty: function() {
+          },
+          removeTrackActiveStyleProperty: function() {
+          },
+          setValueIndicatorText: function() {
+          },
+          getValueToAriaValueTextFn: function() {
+            return null;
+          },
+          updateTickMarks: function() {
+          },
+          setPointerCapture: function() {
+          },
+          emitChangeEvent: function() {
+          },
+          emitInputEvent: function() {
+          },
+          emitDragStartEvent: function() {
+          },
+          emitDragEndEvent: function() {
+          },
+          registerEventHandler: function() {
+          },
+          deregisterEventHandler: function() {
+          },
+          registerThumbEventHandler: function() {
+          },
+          deregisterThumbEventHandler: function() {
+          },
+          registerInputEventHandler: function() {
+          },
+          deregisterInputEventHandler: function() {
+          },
+          registerBodyEventHandler: function() {
+          },
+          deregisterBodyEventHandler: function() {
+          },
+          registerWindowEventHandler: function() {
+          },
+          deregisterWindowEventHandler: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), i.prototype.init = function() {
+      var t = this;
+      this.isDisabled = this.adapter.hasClass(h.DISABLED), this.isDiscrete = this.adapter.hasClass(h.DISCRETE), this.hasTickMarks = this.adapter.hasClass(h.TICK_MARKS), this.isRange = this.adapter.hasClass(h.RANGE);
+      var e = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(c.INPUT_MIN, this.isRange ? r.START : r.END), c.INPUT_MIN), n = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(c.INPUT_MAX, r.END), c.INPUT_MAX), a = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(c.INPUT_VALUE, r.END), c.INPUT_VALUE), d = this.isRange ? this.convertAttributeValueToNumber(this.adapter.getInputAttribute(c.INPUT_VALUE, r.START), c.INPUT_VALUE) : e, l = this.adapter.getInputAttribute(c.INPUT_STEP, r.END), m = l ? this.convertAttributeValueToNumber(l, c.INPUT_STEP) : this.step, v = this.adapter.getAttribute(c.DATA_MIN_RANGE), T = v ? this.convertAttributeValueToNumber(v, c.DATA_MIN_RANGE) : this.minRange;
+      this.validateProperties({ min: e, max: n, value: a, valueStart: d, step: m, minRange: T }), this.min = e, this.max = n, this.value = a, this.valueStart = d, this.step = m, this.minRange = T, this.numDecimalPlaces = U(this.step), this.valueBeforeDownEvent = a, this.valueStartBeforeDownEvent = d, 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(r.START);
+      }, this.inputEndChangeListener = function() {
+        t.handleInputChange(r.END);
+      }, this.inputStartFocusListener = function() {
+        t.handleInputFocus(r.START);
+      }, this.inputEndFocusListener = function() {
+        t.handleInputFocus(r.END);
+      }, this.inputStartBlurListener = function() {
+        t.handleInputBlur(r.START);
+      }, this.inputEndBlurListener = function() {
+        t.handleInputBlur(r.END);
+      }, this.resizeListener = this.handleResize.bind(this), this.registerEventHandlers();
+    }, i.prototype.destroy = function() {
+      this.deregisterEventHandlers();
+    }, i.prototype.setMin = function(t) {
+      this.min = t, this.isRange || (this.valueStart = t), this.updateUI();
+    }, i.prototype.setMax = function(t) {
+      this.max = t, this.updateUI();
+    }, i.prototype.getMin = function() {
+      return this.min;
+    }, i.prototype.getMax = function() {
+      return this.max;
+    }, i.prototype.getValue = function() {
+      return this.value;
+    }, i.prototype.setValue = function(t) {
+      if (this.isRange && t < this.valueStart + this.minRange)
+        throw new Error("end thumb value (" + t + ") must be >= start thumb " + ("value (" + this.valueStart + ") + min range (" + this.minRange + ")"));
+      this.updateValue(t, r.END);
+    }, i.prototype.getValueStart = function() {
+      if (!this.isRange)
+        throw new Error("`valueStart` is only applicable for range sliders.");
+      return this.valueStart;
+    }, i.prototype.setValueStart = function(t) {
+      if (!this.isRange)
+        throw new Error("`valueStart` is only applicable for range sliders.");
+      if (this.isRange && t > this.value - this.minRange)
+        throw new Error("start thumb value (" + t + ") must be <= end thumb " + ("value (" + this.value + ") - min range (" + this.minRange + ")"));
+      this.updateValue(t, r.START);
+    }, i.prototype.setStep = function(t) {
+      this.step = t, this.numDecimalPlaces = U(t), this.updateUI();
+    }, i.prototype.setMinRange = function(t) {
+      if (!this.isRange)
+        throw new Error("`minRange` is only applicable for range sliders.");
+      if (t < 0)
+        throw new Error("`minRange` must be non-negative. " + ("Current value: " + t));
+      if (this.value - this.valueStart < t)
+        throw new Error("start thumb value (" + this.valueStart + ") and end thumb value " + ("(" + this.value + ") must differ by at least " + t + "."));
+      this.minRange = t;
+    }, i.prototype.setIsDiscrete = function(t) {
+      this.isDiscrete = t, this.updateValueIndicatorUI(), this.updateTickMarksUI();
+    }, i.prototype.getStep = function() {
+      return this.step;
+    }, i.prototype.getMinRange = function() {
+      if (!this.isRange)
+        throw new Error("`minRange` is only applicable for range sliders.");
+      return this.minRange;
+    }, i.prototype.setHasTickMarks = function(t) {
+      this.hasTickMarks = t, this.updateTickMarksUI();
+    }, i.prototype.getDisabled = function() {
+      return this.isDisabled;
+    }, i.prototype.setDisabled = function(t) {
+      this.isDisabled = t, t ? (this.adapter.addClass(h.DISABLED), this.isRange && this.adapter.setInputAttribute(c.INPUT_DISABLED, "", r.START), this.adapter.setInputAttribute(c.INPUT_DISABLED, "", r.END)) : (this.adapter.removeClass(h.DISABLED), this.isRange && this.adapter.removeInputAttribute(c.INPUT_DISABLED, r.START), this.adapter.removeInputAttribute(c.INPUT_DISABLED, r.END));
+    }, i.prototype.getIsRange = function() {
+      return this.isRange;
+    }, i.prototype.layout = function(t) {
+      var e = t === void 0 ? {} : t, n = e.skipUpdateUI;
+      this.rect = this.adapter.getBoundingClientRect(), this.isRange && (this.startThumbKnobWidth = this.adapter.getThumbKnobWidth(r.START), this.endThumbKnobWidth = this.adapter.getThumbKnobWidth(r.END)), n || this.updateUI();
+    }, i.prototype.handleResize = function() {
+      this.layout();
+    }, i.prototype.handleDown = function(t) {
+      if (!this.isDisabled) {
+        this.valueStartBeforeDownEvent = this.valueStart, this.valueBeforeDownEvent = this.value;
+        var e = t.clientX != null ? t.clientX : t.targetTouches[0].clientX;
+        this.downEventClientX = e;
+        var n = this.mapClientXOnSliderScale(e);
+        this.thumb = this.getThumbFromDownEvent(e, n), this.thumb !== null && (this.handleDragStart(t, n, this.thumb), this.updateValue(n, this.thumb, { emitInputEvent: !0 }));
+      }
+    }, i.prototype.handleMove = function(t) {
+      if (!this.isDisabled) {
+        t.preventDefault();
+        var e = t.clientX != null ? t.clientX : t.targetTouches[0].clientX, n = this.thumb != null;
+        if (this.thumb = this.getThumbFromMoveEvent(e), this.thumb !== null) {
+          var a = this.mapClientXOnSliderScale(e);
+          n || (this.handleDragStart(t, a, this.thumb), this.adapter.emitDragStartEvent(a, this.thumb)), this.updateValue(a, this.thumb, { emitInputEvent: !0 });
+        }
+      }
+    }, i.prototype.handleUp = function() {
+      var t, e;
+      if (!(this.isDisabled || this.thumb === null)) {
+        !((e = (t = this.adapter).shouldHideFocusStylesForPointerEvents) === null || e === void 0) && e.call(t) && this.handleInputBlur(this.thumb);
+        var n = this.thumb === r.START ? this.valueStartBeforeDownEvent : this.valueBeforeDownEvent, a = this.thumb === r.START ? this.valueStart : this.value;
+        n !== a && this.adapter.emitChangeEvent(a, this.thumb), this.adapter.emitDragEndEvent(a, this.thumb), this.thumb = null;
+      }
+    }, i.prototype.handleThumbMouseenter = function() {
+      !this.isDiscrete || !this.isRange || (this.adapter.addThumbClass(h.THUMB_WITH_INDICATOR, r.START), this.adapter.addThumbClass(h.THUMB_WITH_INDICATOR, r.END));
+    }, i.prototype.handleThumbMouseleave = function() {
+      var t, e;
+      !this.isDiscrete || !this.isRange || !(!((e = (t = this.adapter).shouldHideFocusStylesForPointerEvents) === null || e === void 0) && e.call(t)) && (this.adapter.isInputFocused(r.START) || this.adapter.isInputFocused(r.END)) || this.thumb || (this.adapter.removeThumbClass(h.THUMB_WITH_INDICATOR, r.START), this.adapter.removeThumbClass(h.THUMB_WITH_INDICATOR, r.END));
+    }, i.prototype.handleMousedownOrTouchstart = function(t) {
+      var e = this, n = t.type === "mousedown" ? "mousemove" : "touchmove";
+      this.adapter.registerBodyEventHandler(n, this.moveListener);
+      var a = function() {
+        e.handleUp(), e.adapter.deregisterBodyEventHandler(n, e.moveListener), e.adapter.deregisterEventHandler("mouseup", a), e.adapter.deregisterEventHandler("touchend", a);
+      };
+      this.adapter.registerBodyEventHandler("mouseup", a), this.adapter.registerBodyEventHandler("touchend", a), this.handleDown(t);
+    }, i.prototype.handlePointerdown = function(t) {
+      var e = t.button === 0;
+      e && (t.pointerId != null && this.adapter.setPointerCapture(t.pointerId), this.adapter.registerEventHandler("pointermove", this.moveListener), this.handleDown(t));
+    }, i.prototype.handleInputChange = function(t) {
+      var e = Number(this.adapter.getInputValue(t));
+      t === r.START ? this.setValueStart(e) : this.setValue(e), this.adapter.emitChangeEvent(t === r.START ? this.valueStart : this.value, t), this.adapter.emitInputEvent(t === r.START ? this.valueStart : this.value, t);
+    }, i.prototype.handleInputFocus = function(t) {
+      if (this.adapter.addThumbClass(h.THUMB_FOCUSED, t), !!this.isDiscrete && (this.adapter.addThumbClass(h.THUMB_WITH_INDICATOR, t), this.isRange)) {
+        var e = t === r.START ? r.END : r.START;
+        this.adapter.addThumbClass(h.THUMB_WITH_INDICATOR, e);
+      }
+    }, i.prototype.handleInputBlur = function(t) {
+      if (this.adapter.removeThumbClass(h.THUMB_FOCUSED, t), !!this.isDiscrete && (this.adapter.removeThumbClass(h.THUMB_WITH_INDICATOR, t), this.isRange)) {
+        var e = t === r.START ? r.END : r.START;
+        this.adapter.removeThumbClass(h.THUMB_WITH_INDICATOR, e);
+      }
+    }, i.prototype.handleDragStart = function(t, e, n) {
+      var a, d;
+      this.adapter.emitDragStartEvent(e, n), this.adapter.focusInput(n), !((d = (a = this.adapter).shouldHideFocusStylesForPointerEvents) === null || d === void 0) && d.call(a) && this.handleInputFocus(n), t.preventDefault();
+    }, i.prototype.getThumbFromDownEvent = function(t, e) {
+      if (!this.isRange)
+        return r.END;
+      var n = this.adapter.getThumbBoundingClientRect(r.START), a = this.adapter.getThumbBoundingClientRect(r.END), d = t >= n.left && t <= n.right, l = t >= a.left && t <= a.right;
+      return d && l ? null : d ? r.START : l ? r.END : e < this.valueStart ? r.START : e > this.value ? r.END : e - this.valueStart <= this.value - e ? r.START : r.END;
+    }, i.prototype.getThumbFromMoveEvent = function(t) {
+      if (this.thumb !== null)
+        return this.thumb;
+      if (this.downEventClientX === null)
+        throw new Error("`downEventClientX` is null after move event.");
+      var e = Math.abs(this.downEventClientX - t) < k.THUMB_UPDATE_MIN_PX;
+      if (e)
+        return this.thumb;
+      var n = t < this.downEventClientX;
+      return n ? this.adapter.isRTL() ? r.END : r.START : this.adapter.isRTL() ? r.START : r.END;
+    }, i.prototype.updateUI = function(t) {
+      t ? this.updateThumbAndInputAttributes(t) : (this.updateThumbAndInputAttributes(r.START), this.updateThumbAndInputAttributes(r.END)), this.updateThumbAndTrackUI(t), this.updateValueIndicatorUI(t), this.updateTickMarksUI();
+    }, i.prototype.updateThumbAndInputAttributes = function(t) {
+      if (t) {
+        var e = this.isRange && t === r.START ? this.valueStart : this.value, n = String(e);
+        this.adapter.setInputAttribute(c.INPUT_VALUE, n, t), this.isRange && t === r.START ? this.adapter.setInputAttribute(c.INPUT_MIN, String(e + this.minRange), r.END) : this.isRange && t === r.END && this.adapter.setInputAttribute(c.INPUT_MAX, String(e - this.minRange), r.START), this.adapter.getInputValue(t) !== n && this.adapter.setInputValue(n, t);
+        var a = this.adapter.getValueToAriaValueTextFn();
+        a && this.adapter.setInputAttribute(c.ARIA_VALUETEXT, a(e, t), t);
+      }
+    }, i.prototype.updateValueIndicatorUI = function(t) {
+      if (this.isDiscrete) {
+        var e = this.isRange && t === r.START ? this.valueStart : this.value;
+        this.adapter.setValueIndicatorText(e, t === r.START ? r.START : r.END), !t && this.isRange && this.adapter.setValueIndicatorText(this.valueStart, r.START);
+      }
+    }, i.prototype.updateTickMarksUI = function() {
+      if (!(!this.isDiscrete || !this.hasTickMarks)) {
+        var t = (this.valueStart - this.min) / this.step, e = (this.value - this.valueStart) / this.step + 1, n = (this.max - this.value) / this.step, a = Array.from({ length: t }).fill(E.INACTIVE), d = Array.from({ length: e }).fill(E.ACTIVE), l = Array.from({ length: n }).fill(E.INACTIVE);
+        this.adapter.updateTickMarks(a.concat(d).concat(l));
+      }
+    }, i.prototype.mapClientXOnSliderScale = function(t) {
+      var e = t - this.rect.left, n = e / this.rect.width;
+      this.adapter.isRTL() && (n = 1 - n);
+      var a = this.min + n * (this.max - this.min);
+      return a === this.max || a === this.min ? a : Number(this.quantize(a).toFixed(this.numDecimalPlaces));
+    }, i.prototype.quantize = function(t) {
+      var e = Math.round((t - this.min) / this.step);
+      return this.min + e * this.step;
+    }, i.prototype.updateValue = function(t, e, n) {
+      var a = n === void 0 ? {} : n, d = a.emitInputEvent;
+      if (t = this.clampValue(t, e), this.isRange && e === r.START) {
+        if (this.valueStart === t)
+          return;
+        this.valueStart = t;
+      } else {
+        if (this.value === t)
+          return;
+        this.value = t;
+      }
+      this.updateUI(e), d && this.adapter.emitInputEvent(e === r.START ? this.valueStart : this.value, e);
+    }, i.prototype.clampValue = function(t, e) {
+      t = Math.min(Math.max(t, this.min), this.max);
+      var n = this.isRange && e === r.START && t > this.value - this.minRange;
+      if (n)
+        return this.value - this.minRange;
+      var a = this.isRange && e === r.END && t < this.valueStart + this.minRange;
+      return a ? this.valueStart + this.minRange : t;
+    }, i.prototype.updateThumbAndTrackUI = function(t) {
+      var e = this, n = this, a = n.max, d = n.min, l = (this.value - this.valueStart) / (a - d), m = l * this.rect.width, v = this.adapter.isRTL(), T = M ? L(window, "transform") : "transform";
+      if (this.isRange) {
+        var A = this.adapter.isRTL() ? (a - this.value) / (a - d) * this.rect.width : (this.valueStart - d) / (a - d) * this.rect.width, D = A + m;
+        this.animFrame.request(S.SLIDER_UPDATE, function() {
+          var I = !v && t === r.START || v && t !== r.START;
+          I ? (e.adapter.setTrackActiveStyleProperty("transform-origin", "right"), e.adapter.setTrackActiveStyleProperty("left", "auto"), e.adapter.setTrackActiveStyleProperty("right", e.rect.width - D + "px")) : (e.adapter.setTrackActiveStyleProperty("transform-origin", "left"), e.adapter.setTrackActiveStyleProperty("right", "auto"), e.adapter.setTrackActiveStyleProperty("left", A + "px")), e.adapter.setTrackActiveStyleProperty(T, "scaleX(" + l + ")");
+          var N = v ? D : A, C = e.adapter.isRTL() ? A : D;
+          (t === r.START || !t || !e.initialStylesRemoved) && (e.adapter.setThumbStyleProperty(T, "translateX(" + N + "px)", r.START), e.alignValueIndicator(r.START, N)), (t === r.END || !t || !e.initialStylesRemoved) && (e.adapter.setThumbStyleProperty(T, "translateX(" + C + "px)", r.END), e.alignValueIndicator(r.END, C)), e.removeInitialStyles(v), e.updateOverlappingThumbsUI(N, C, t);
+        });
+      } else
+        this.animFrame.request(S.SLIDER_UPDATE, function() {
+          var I = v ? e.rect.width - m : m;
+          e.adapter.setThumbStyleProperty(T, "translateX(" + I + "px)", r.END), e.alignValueIndicator(r.END, I), e.adapter.setTrackActiveStyleProperty(T, "scaleX(" + l + ")"), e.removeInitialStyles(v);
+        });
+    }, i.prototype.alignValueIndicator = function(t, e) {
+      if (this.isDiscrete) {
+        var n = this.adapter.getThumbBoundingClientRect(t).width / 2, a = this.adapter.getValueIndicatorContainerWidth(t), d = this.adapter.getBoundingClientRect().width;
+        a / 2 > e + n ? (this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_LEFT, n + "px", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_RIGHT, "auto", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_TRANSFORM, "translateX(-50%)", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_LEFT, "0", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_RIGHT, "auto", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_TRANSFORM, "none", t)) : a / 2 > d - e + n ? (this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_LEFT, "auto", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_RIGHT, n + "px", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_TRANSFORM, "translateX(50%)", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_LEFT, "auto", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_RIGHT, "0", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_TRANSFORM, "none", t)) : (this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_LEFT, "50%", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_RIGHT, "auto", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_TRANSFORM, "translateX(-50%)", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_LEFT, "50%", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_RIGHT, "auto", t), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_TRANSFORM, "translateX(-50%)", t));
+      }
+    }, i.prototype.removeInitialStyles = function(t) {
+      if (!this.initialStylesRemoved) {
+        var e = t ? "right" : "left";
+        this.adapter.removeThumbStyleProperty(e, r.END), this.isRange && this.adapter.removeThumbStyleProperty(e, r.START), this.initialStylesRemoved = !0, this.resetTrackAndThumbAnimation();
+      }
+    }, i.prototype.resetTrackAndThumbAnimation = function() {
+      var t = this;
+      if (this.isDiscrete) {
+        var e = M ? L(window, "transition") : "transition", n = "none 0s ease 0s";
+        this.adapter.setThumbStyleProperty(e, n, r.END), this.isRange && this.adapter.setThumbStyleProperty(e, n, r.START), this.adapter.setTrackActiveStyleProperty(e, n), requestAnimationFrame(function() {
+          t.adapter.removeThumbStyleProperty(e, r.END), t.adapter.removeTrackActiveStyleProperty(e), t.isRange && t.adapter.removeThumbStyleProperty(e, r.START);
+        });
+      }
+    }, i.prototype.updateOverlappingThumbsUI = function(t, e, n) {
+      var a = !1;
+      if (this.adapter.isRTL()) {
+        var d = t - this.startThumbKnobWidth / 2, l = e + this.endThumbKnobWidth / 2;
+        a = l >= d;
+      } else {
+        var m = t + this.startThumbKnobWidth / 2, v = e - this.endThumbKnobWidth / 2;
+        a = m >= v;
+      }
+      a ? (this.adapter.addThumbClass(
+        h.THUMB_TOP,
+        // If no thumb was dragged (in the case of initial layout), end
+        // thumb is on top by default.
+        n || r.END
+      ), this.adapter.removeThumbClass(h.THUMB_TOP, n === r.START ? r.END : r.START)) : (this.adapter.removeThumbClass(h.THUMB_TOP, r.START), this.adapter.removeThumbClass(h.THUMB_TOP, r.END));
+    }, i.prototype.convertAttributeValueToNumber = function(t, e) {
+      if (t === null)
+        throw new Error("MDCSliderFoundation: `" + e + "` must be non-null.");
+      var n = Number(t);
+      if (isNaN(n))
+        throw new Error("MDCSliderFoundation: `" + e + "` value is `" + t + "`, but must be a number.");
+      return n;
+    }, i.prototype.validateProperties = function(t) {
+      var e = t.min, n = t.max, a = t.value, d = t.valueStart, l = t.step, m = t.minRange;
+      if (e >= n)
+        throw new Error("MDCSliderFoundation: min must be strictly less than max. " + ("Current: [min: " + e + ", max: " + n + "]"));
+      if (l <= 0)
+        throw new Error("MDCSliderFoundation: step must be a positive number. " + ("Current step: " + l));
+      if (this.isRange) {
+        if (a < e || a > n || d < e || d > n)
+          throw new Error("MDCSliderFoundation: values must be in [min, max] range. " + ("Current values: [start value: " + d + ", end value: ") + (a + ", min: " + e + ", max: " + n + "]"));
+        if (d > a)
+          throw new Error("MDCSliderFoundation: start value must be <= end value. " + ("Current values: [start value: " + d + ", end value: " + a + "]"));
+        if (m < 0)
+          throw new Error("MDCSliderFoundation: minimum range must be non-negative. " + ("Current min range: " + m));
+        if (a - d < m)
+          throw new Error("MDCSliderFoundation: start value and end value must differ by at least " + (m + ". Current values: [start value: " + d + ", ") + ("end value: " + a + "]"));
+        var v = (d - e) / l, T = (a - e) / l;
+        if (!Number.isInteger(parseFloat(v.toFixed(6))) || !Number.isInteger(parseFloat(T.toFixed(6))))
+          throw new Error("MDCSliderFoundation: Slider values must be valid based on the " + ("step value (" + l + "). Current values: [start value: ") + (d + ", end value: " + a + ", min: " + e + "]"));
+      } else {
+        if (a < e || a > n)
+          throw new Error("MDCSliderFoundation: value must be in [min, max] range. " + ("Current values: [value: " + a + ", min: " + e + ", max: " + n + "]"));
+        var T = (a - e) / l;
+        if (!Number.isInteger(parseFloat(T.toFixed(6))))
+          throw new Error("MDCSliderFoundation: Slider value must be valid based on the " + ("step value (" + l + "). Current value: " + a));
+      }
+    }, i.prototype.registerEventHandlers = function() {
+      this.adapter.registerWindowEventHandler("resize", this.resizeListener), i.SUPPORTS_POINTER_EVENTS ? (this.adapter.registerEventHandler("pointerdown", this.pointerdownListener), this.adapter.registerEventHandler("pointerup", this.pointerupListener)) : (this.adapter.registerEventHandler("mousedown", this.mousedownOrTouchstartListener), this.adapter.registerEventHandler("touchstart", this.mousedownOrTouchstartListener)), this.isRange && (this.adapter.registerThumbEventHandler(r.START, "mouseenter", this.thumbMouseenterListener), this.adapter.registerThumbEventHandler(r.START, "mouseleave", this.thumbMouseleaveListener), this.adapter.registerInputEventHandler(r.START, "change", this.inputStartChangeListener), this.adapter.registerInputEventHandler(r.START, "focus", this.inputStartFocusListener), this.adapter.registerInputEventHandler(r.START, "blur", this.inputStartBlurListener)), this.adapter.registerThumbEventHandler(r.END, "mouseenter", this.thumbMouseenterListener), this.adapter.registerThumbEventHandler(r.END, "mouseleave", this.thumbMouseleaveListener), this.adapter.registerInputEventHandler(r.END, "change", this.inputEndChangeListener), this.adapter.registerInputEventHandler(r.END, "focus", this.inputEndFocusListener), this.adapter.registerInputEventHandler(r.END, "blur", this.inputEndBlurListener);
+    }, i.prototype.deregisterEventHandlers = function() {
+      this.adapter.deregisterWindowEventHandler("resize", this.resizeListener), i.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(r.START, "mouseenter", this.thumbMouseenterListener), this.adapter.deregisterThumbEventHandler(r.START, "mouseleave", this.thumbMouseleaveListener), this.adapter.deregisterInputEventHandler(r.START, "change", this.inputStartChangeListener), this.adapter.deregisterInputEventHandler(r.START, "focus", this.inputStartFocusListener), this.adapter.deregisterInputEventHandler(r.START, "blur", this.inputStartBlurListener)), this.adapter.deregisterThumbEventHandler(r.END, "mouseenter", this.thumbMouseenterListener), this.adapter.deregisterThumbEventHandler(r.END, "mouseleave", this.thumbMouseleaveListener), this.adapter.deregisterInputEventHandler(r.END, "change", this.inputEndChangeListener), this.adapter.deregisterInputEventHandler(r.END, "focus", this.inputEndFocusListener), this.adapter.deregisterInputEventHandler(r.END, "blur", this.inputEndBlurListener);
+    }, i.prototype.handlePointerup = function() {
+      this.handleUp(), this.adapter.deregisterEventHandler("pointermove", this.moveListener);
+    }, i.SUPPORTS_POINTER_EVENTS = M && Boolean(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
+    !q(), i;
+  }(z)
+);
+function q() {
+  return [
+    "iPad Simulator",
+    "iPhone Simulator",
+    "iPod Simulator",
+    "iPad",
+    "iPhone",
+    "iPod"
+  ].includes(navigator.platform) || navigator.userAgent.includes("Mac") && "ontouchend" in document;
+}
+function U(s) {
+  var i = /(?:\.(\d+))?(?:[eE]([+\-]?\d+))?$/.exec(String(s));
+  if (!i)
+    return 0;
+  var t = i[1] || "", e = i[2] || 0;
+  return Math.max(
+    0,
+    // lower limit
+    (t === "0" ? 0 : t.length) - Number(e)
+  );
+}
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class u extends B {
+  constructor() {
+    super(...arguments), this.mdcFoundationClass = G, this.disabled = !1, this.min = 0, this.max = 100, this.valueEnd = 0, this.name = "", this.step = 1, this.withTickMarks = !1, this.discrete = !1, this.tickMarks = [], this.trackTransformOriginStyle = "", this.trackLeftStyle = "", this.trackRightStyle = "", this.trackTransitionStyle = "", this.endThumbWithIndicator = !1, this.endThumbTop = !1, this.shouldRenderEndRipple = !1, this.endThumbTransformStyle = "", this.endThumbTransitionStyle = "", this.endThumbCssProperties = {}, this.valueToAriaTextTransform = null, this.valueToValueIndicatorTransform = (i) => `${i}`, this.boundMoveListener = null, this.endRippleHandlers = new O(() => (this.shouldRenderEndRipple = !0, this.endRipple));
+  }
+  update(i) {
+    if (i.has("valueEnd") && this.mdcFoundation) {
+      this.mdcFoundation.setValue(this.valueEnd);
+      const t = this.mdcFoundation.getValue();
+      t !== this.valueEnd && (this.valueEnd = t);
+    }
+    i.has("discrete") && (this.discrete || (this.tickMarks = [])), super.update(i);
+  }
+  render() {
+    return this.renderRootEl(_`
+      ${this.renderStartInput()}
+      ${this.renderEndInput()}
+      ${this.renderTrack()}
+      ${this.renderTickMarks()}
+      ${this.renderStartThumb()}
+      ${this.renderEndThumb()}`);
+  }
+  renderRootEl(i) {
+    const t = P({
+      "mdc-slider--disabled": this.disabled,
+      "mdc-slider--discrete": this.discrete
+    });
+    return _`
+    <div
+        class="mdc-slider ${t}"
+        @pointerdown=${this.onPointerdown}
+        @pointerup=${this.onPointerup}
+        @contextmenu=${this.onContextmenu}>
+      ${i}
+    </div>`;
+  }
+  renderStartInput() {
+    return g;
+  }
+  renderEndInput() {
+    var i;
+    return _`
+      <input
+          class="mdc-slider__input end"
+          type="range"
+          step=${this.step}
+          min=${this.min}
+          max=${this.max}
+          .value=${this.valueEnd}
+          @change=${this.onEndChange}
+          @focus=${this.onEndFocus}
+          @blur=${this.onEndBlur}
+          ?disabled=${this.disabled}
+          name=${this.name}
+          aria-label=${R(this.ariaLabel)}
+          aria-labelledby=${R(this.ariaLabelledBy)}
+          aria-describedby=${R(this.ariaDescribedBy)}
+          aria-valuetext=${R((i = this.valueToAriaTextTransform) === null || i === void 0 ? void 0 : i.call(this, this.valueEnd))}>
+    `;
+  }
+  renderTrack() {
+    return g;
+  }
+  renderTickMarks() {
+    return this.withTickMarks ? _`
+      <div class="mdc-slider__tick-marks">
+        ${this.tickMarks.map((i) => {
+      const t = i === E.ACTIVE;
+      return _`<div class="${t ? "mdc-slider__tick-mark--active" : "mdc-slider__tick-mark--inactive"}"></div>`;
+    })}
+      </div>` : g;
+  }
+  renderStartThumb() {
+    return g;
+  }
+  renderEndThumb() {
+    const i = P({
+      "mdc-slider__thumb--with-indicator": this.endThumbWithIndicator,
+      "mdc-slider__thumb--top": this.endThumbTop
+    }), t = W(Object.assign({ "-webkit-transform": this.endThumbTransformStyle, transform: this.endThumbTransformStyle, "-webkit-transition": this.endThumbTransitionStyle, transition: this.endThumbTransitionStyle, left: this.endThumbTransformStyle || getComputedStyle(this).direction === "rtl" ? "" : `calc(${(this.valueEnd - this.min) / (this.max - this.min) * 100}% - 24px)`, right: this.endThumbTransformStyle || getComputedStyle(this).direction !== "rtl" ? "" : `calc(${(this.valueEnd - this.min) / (this.max - this.min) * 100}% - 24px)` }, this.endThumbCssProperties)), e = this.shouldRenderEndRipple ? _`<mwc-ripple class="ripple" unbounded></mwc-ripple>` : g;
+    return _`
+      <div
+          class="mdc-slider__thumb end ${i}"
+          style=${t}
+          @mouseenter=${this.onEndMouseenter}
+          @mouseleave=${this.onEndMouseleave}>
+        ${e}
+        ${this.renderValueIndicator(this.valueToValueIndicatorTransform(this.valueEnd))}
+        <div class="mdc-slider__thumb-knob"></div>
+      </div>
+    `;
+  }
+  renderValueIndicator(i) {
+    return this.discrete ? _`
+    <div class="mdc-slider__value-indicator-container" aria-hidden="true">
+      <div class="mdc-slider__value-indicator">
+        <span class="mdc-slider__value-indicator-text">
+          ${i}
+        </span>
+      </div>
+    </div>` : g;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.mdcFoundation && this.mdcFoundation.destroy();
+  }
+  createAdapter() {
+  }
+  async firstUpdated() {
+    super.firstUpdated(), await this.layout(!0);
+  }
+  updated(i) {
+    super.updated(i), this.mdcFoundation && (i.has("disabled") && this.mdcFoundation.setDisabled(this.disabled), i.has("min") && this.mdcFoundation.setMin(this.min), i.has("max") && this.mdcFoundation.setMax(this.max), i.has("step") && this.mdcFoundation.setStep(this.step), i.has("discrete") && this.mdcFoundation.setIsDiscrete(this.discrete), i.has("withTickMarks") && this.mdcFoundation.setHasTickMarks(this.withTickMarks));
+  }
+  async layout(i = !1) {
+    var t;
+    (t = this.mdcFoundation) === null || t === void 0 || t.layout({ skipUpdateUI: i }), this.requestUpdate(), await this.updateComplete;
+  }
+  onEndChange(i) {
+    var t;
+    this.valueEnd = Number(i.target.value), (t = this.mdcFoundation) === null || t === void 0 || t.handleInputChange(r.END);
+  }
+  onEndFocus() {
+    var i;
+    (i = this.mdcFoundation) === null || i === void 0 || i.handleInputFocus(r.END), this.endRippleHandlers.startFocus();
+  }
+  onEndBlur() {
+    var i;
+    (i = this.mdcFoundation) === null || i === void 0 || i.handleInputBlur(r.END), this.endRippleHandlers.endFocus();
+  }
+  onEndMouseenter() {
+    var i;
+    (i = this.mdcFoundation) === null || i === void 0 || i.handleThumbMouseenter(), this.endRippleHandlers.startHover();
+  }
+  onEndMouseleave() {
+    var i;
+    (i = this.mdcFoundation) === null || i === void 0 || i.handleThumbMouseleave(), this.endRippleHandlers.endHover();
+  }
+  onPointerdown(i) {
+    this.layout(), this.mdcFoundation && (this.mdcFoundation.handlePointerdown(i), this.boundMoveListener = this.mdcFoundation.handleMove.bind(this.mdcFoundation), this.mdcRoot.addEventListener("pointermove", this.boundMoveListener));
+  }
+  onPointerup() {
+    this.mdcFoundation && (this.mdcFoundation.handleUp(), this.boundMoveListener && (this.mdcRoot.removeEventListener("pointermove", this.boundMoveListener), this.boundMoveListener = null));
+  }
+  onContextmenu(i) {
+    i.preventDefault();
+  }
+  setFormData(i) {
+    this.name && i.append(this.name, `${this.valueEnd}`);
+  }
+}
+o([
+  y("input.end")
+], u.prototype, "formElement", void 0);
+o([
+  y(".mdc-slider")
+], u.prototype, "mdcRoot", void 0);
+o([
+  y(".end.mdc-slider__thumb")
+], u.prototype, "endThumb", void 0);
+o([
+  y(".end.mdc-slider__thumb .mdc-slider__thumb-knob")
+], u.prototype, "endThumbKnob", void 0);
+o([
+  y(".end.mdc-slider__thumb .mdc-slider__value-indicator-container")
+], u.prototype, "endValueIndicatorContainer", void 0);
+o([
+  H(".end .ripple")
+], u.prototype, "endRipple", void 0);
+o([
+  f({ type: Boolean, reflect: !0 })
+], u.prototype, "disabled", void 0);
+o([
+  f({ type: Number })
+], u.prototype, "min", void 0);
+o([
+  f({ type: Number })
+], u.prototype, "max", void 0);
+o([
+  f({ type: Number })
+], u.prototype, "valueEnd", void 0);
+o([
+  f({ type: String })
+], u.prototype, "name", void 0);
+o([
+  f({ type: Number })
+], u.prototype, "step", void 0);
+o([
+  f({ type: Boolean })
+], u.prototype, "withTickMarks", void 0);
+o([
+  f({ type: Boolean })
+], u.prototype, "discrete", void 0);
+o([
+  b()
+], u.prototype, "tickMarks", void 0);
+o([
+  b()
+], u.prototype, "trackTransformOriginStyle", void 0);
+o([
+  b()
+], u.prototype, "trackLeftStyle", void 0);
+o([
+  b()
+], u.prototype, "trackRightStyle", void 0);
+o([
+  b()
+], u.prototype, "trackTransitionStyle", void 0);
+o([
+  b()
+], u.prototype, "endThumbWithIndicator", void 0);
+o([
+  b()
+], u.prototype, "endThumbTop", void 0);
+o([
+  b()
+], u.prototype, "shouldRenderEndRipple", void 0);
+o([
+  b()
+], u.prototype, "endThumbTransformStyle", void 0);
+o([
+  b()
+], u.prototype, "endThumbTransitionStyle", void 0);
+o([
+  b()
+], u.prototype, "endThumbCssProperties", void 0);
+o([
+  w,
+  f({ type: String, attribute: "aria-label" })
+], u.prototype, "ariaLabel", void 0);
+o([
+  w,
+  f({ type: String, attribute: "aria-labelledby" })
+], u.prototype, "ariaLabelledBy", void 0);
+o([
+  w,
+  f({ type: String, attribute: "aria-describedby" })
+], u.prototype, "ariaDescribedBy", void 0);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const st = $`.mdc-slider{cursor:pointer;height:48px;margin:0 24px;position:relative;touch-action:pan-y}.mdc-slider .mdc-slider__track{height:4px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.mdc-slider .mdc-slider__track--active,.mdc-slider .mdc-slider__track--inactive{display:flex;height:100%;position:absolute;width:100%}.mdc-slider .mdc-slider__track--active{border-radius:3px;height:6px;overflow:hidden;top:-1px}.mdc-slider .mdc-slider__track--active_fill{border-top:6px solid;box-sizing:border-box;height:100%;width:100%;position:relative;-webkit-transform-origin:left;transform-origin:left}[dir=rtl] .mdc-slider .mdc-slider__track--active_fill,.mdc-slider .mdc-slider__track--active_fill[dir=rtl]{-webkit-transform-origin:right;transform-origin:right}.mdc-slider .mdc-slider__track--inactive{border-radius:2px;height:4px;left:0;top:0}.mdc-slider .mdc-slider__track--inactive::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors: active){.mdc-slider .mdc-slider__track--inactive::before{border-color:CanvasText}}.mdc-slider .mdc-slider__track--active_fill{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider .mdc-slider__track--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:.24}.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:.24}.mdc-slider .mdc-slider__value-indicator-container{bottom:44px;left:50%;left:var(--slider-value-indicator-container-left, 50%);pointer-events:none;position:absolute;right:var(--slider-value-indicator-container-right);transform:translateX(-50%);transform:var(--slider-value-indicator-container-transform, translateX(-50%))}.mdc-slider .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);align-items:center;border-radius:4px;display:flex;height:32px;padding:0 12px;transform:scale(0);transform-origin:bottom}.mdc-slider .mdc-slider__value-indicator::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid;bottom:-5px;content:"";height:0;left:50%;left:var(--slider-value-indicator-caret-left, 50%);position:absolute;right:var(--slider-value-indicator-caret-right);transform:translateX(-50%);transform:var(--slider-value-indicator-caret-transform, translateX(-50%));width:0}.mdc-slider .mdc-slider__value-indicator::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors: active){.mdc-slider .mdc-slider__value-indicator::after{border-color:CanvasText}}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container{pointer-events:auto}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(1)}@media(prefers-reduced-motion){.mdc-slider .mdc-slider__value-indicator,.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:none}}.mdc-slider .mdc-slider__value-indicator-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit)}.mdc-slider .mdc-slider__value-indicator{background-color:#000;opacity:.6}.mdc-slider .mdc-slider__value-indicator::before{border-top-color:#000}.mdc-slider .mdc-slider__value-indicator{color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-slider .mdc-slider__thumb{display:flex;height:48px;left:-24px;outline:none;position:absolute;user-select:none;width:48px}.mdc-slider .mdc-slider__thumb--top{z-index:1}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-style:solid;border-width:1px;box-sizing:content-box}.mdc-slider .mdc-slider__thumb-knob{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0,0,0,.12);border:10px solid;border-radius:50%;box-sizing:border-box;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:20px}.mdc-slider .mdc-slider__thumb-knob{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider .mdc-slider__thumb::before,.mdc-slider .mdc-slider__thumb::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-slider .mdc-slider__thumb:hover::before,.mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__tick-marks{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 1px;position:absolute;width:100%}.mdc-slider .mdc-slider__tick-mark--active,.mdc-slider .mdc-slider__tick-mark--inactive{border-radius:50%;height:2px;width:2px}.mdc-slider .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:.6}.mdc-slider .mdc-slider__tick-mark--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:.6}.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:transform 80ms ease}@media(prefers-reduced-motion){.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:none}}.mdc-slider--disabled{opacity:.38;cursor:auto}.mdc-slider--disabled .mdc-slider__thumb{pointer-events:none}.mdc-slider__input{cursor:pointer;left:0;margin:0;height:100%;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}:host{outline:none;display:block;-webkit-tap-highlight-color:transparent}.ripple{--mdc-ripple-color:#6200ee;--mdc-ripple-color:var(--mdc-theme-primary, #6200ee)}`;
+export {
+  u as S,
+  r as T,
+  st as s
+};