@luzmo/lucero 0.0.3 → 0.0.6

package/components/slider/index.js

@@ -0,0 +1,1158 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * 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.
+ * */
+import { L as Ct, r as Et, x as yt, n as Y } from "../base-CxUap9HL.js";
+import { S as At } from "../sized-mixin-DcJTTohI.js";
+const kt = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const r = document.createElement("style");
+    r.setAttribute("data-luzmo-vars", ""), r.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(r);
+  }
+};
+kt();
+var q;
+(function(r) {
+  r.Range = "range", r.Steps = "steps", r.Positions = "positions", r.Count = "count", r.Values = "values";
+})(q || (q = {}));
+var _;
+(function(r) {
+  r[r.None = -1] = "None", r[r.NoValue = 0] = "NoValue", r[r.LargeValue = 1] = "LargeValue", r[r.SmallValue = 2] = "SmallValue";
+})(_ || (_ = {}));
+function Pt(r) {
+  return oe(r) && typeof r.from == "function";
+}
+function oe(r) {
+  return typeof r == "object" && typeof r.to == "function";
+}
+function Ne(r) {
+  r.parentElement.removeChild(r);
+}
+function Se(r) {
+  return r != null;
+}
+function Be(r) {
+  r.preventDefault();
+}
+function Vt(r) {
+  return r.filter(function(e) {
+    return this[e] ? !1 : this[e] = !0;
+  }, {});
+}
+function Dt(r, e) {
+  return Math.round(r / e) * e;
+}
+function Mt(r, e) {
+  var a = r.getBoundingClientRect(), c = r.ownerDocument, u = c.documentElement, m = Ke(c);
+  return /webkit.*Chrome.*Mobile/i.test(navigator.userAgent) && (m.x = 0), e ? a.top + m.y - u.clientTop : a.left + m.x - u.clientLeft;
+}
+function L(r) {
+  return typeof r == "number" && !isNaN(r) && isFinite(r);
+}
+function qe(r, e, a) {
+  a > 0 && (M(r, e), setTimeout(function() {
+    ie(r, e);
+  }, a));
+}
+function Ie(r) {
+  return Math.max(Math.min(r, 100), 0);
+}
+function ne(r) {
+  return Array.isArray(r) ? r : [r];
+}
+function _t(r) {
+  r = String(r);
+  var e = r.split(".");
+  return e.length > 1 ? e[1].length : 0;
+}
+function M(r, e) {
+  r.classList && !/\s/.test(e) ? r.classList.add(e) : r.className += " " + e;
+}
+function ie(r, e) {
+  r.classList && !/\s/.test(e) ? r.classList.remove(e) : r.className = r.className.replace(new RegExp("(^|\\b)" + e.split(" ").join("|") + "(\\b|$)", "gi"), " ");
+}
+function Ot(r, e) {
+  return r.classList ? r.classList.contains(e) : new RegExp("\\b" + e + "\\b").test(r.className);
+}
+function Ke(r) {
+  var e = window.pageXOffset !== void 0, a = (r.compatMode || "") === "CSS1Compat", c = e ? window.pageXOffset : a ? r.documentElement.scrollLeft : r.body.scrollLeft, u = e ? window.pageYOffset : a ? r.documentElement.scrollTop : r.body.scrollTop;
+  return {
+    x: c,
+    y: u
+  };
+}
+function Lt() {
+  return window.navigator.pointerEnabled ? {
+    start: "pointerdown",
+    move: "pointermove",
+    end: "pointerup"
+  } : window.navigator.msPointerEnabled ? {
+    start: "MSPointerDown",
+    move: "MSPointerMove",
+    end: "MSPointerUp"
+  } : {
+    start: "mousedown touchstart",
+    move: "mousemove touchmove",
+    end: "mouseup touchend"
+  };
+}
+function Ht() {
+  var r = !1;
+  try {
+    var e = Object.defineProperty({}, "passive", {
+      get: function() {
+        r = !0;
+      }
+    });
+    window.addEventListener("test", null, e);
+  } catch {
+  }
+  return r;
+}
+function Rt() {
+  return window.CSS && CSS.supports && CSS.supports("touch-action", "none");
+}
+function Ue(r, e) {
+  return 100 / (e - r);
+}
+function we(r, e, a) {
+  return e * 100 / (r[a + 1] - r[a]);
+}
+function jt(r, e) {
+  return we(r, r[0] < 0 ? e + Math.abs(r[0]) : e - r[0], 0);
+}
+function Ft(r, e) {
+  return e * (r[1] - r[0]) / 100 + r[0];
+}
+function Z(r, e) {
+  for (var a = 1; r >= e[a]; )
+    a += 1;
+  return a;
+}
+function Nt(r, e, a) {
+  if (a >= r.slice(-1)[0])
+    return 100;
+  var c = Z(a, r), u = r[c - 1], m = r[c], h = e[c - 1], z = e[c];
+  return h + jt([u, m], a) / Ue(h, z);
+}
+function Bt(r, e, a) {
+  if (a >= 100)
+    return r.slice(-1)[0];
+  var c = Z(a, e), u = r[c - 1], m = r[c], h = e[c - 1], z = e[c];
+  return Ft([u, m], (a - h) * Ue(h, z));
+}
+function qt(r, e, a, c) {
+  if (c === 100)
+    return c;
+  var u = Z(c, r), m = r[u - 1], h = r[u];
+  return a ? c - m > (h - m) / 2 ? h : m : e[u - 1] ? r[u - 1] + Dt(c - r[u - 1], e[u - 1]) : c;
+}
+var Ye = (
+  /** @class */
+  function() {
+    function r(e, a, c) {
+      this.xPct = [], this.xVal = [], this.xSteps = [], this.xNumSteps = [], this.xHighestCompleteStep = [], this.xSteps = [c || !1], this.xNumSteps = [!1], this.snap = a;
+      var u, m = [];
+      for (Object.keys(e).forEach(function(h) {
+        m.push([ne(e[h]), h]);
+      }), m.sort(function(h, z) {
+        return h[0][0] - z[0][0];
+      }), u = 0; u < m.length; u++)
+        this.handleEntryPoint(m[u][1], m[u][0]);
+      for (this.xNumSteps = this.xSteps.slice(0), u = 0; u < this.xNumSteps.length; u++)
+        this.handleStepPoint(u, this.xNumSteps[u]);
+    }
+    return r.prototype.getDistance = function(e) {
+      for (var a = [], c = 0; c < this.xNumSteps.length - 1; c++)
+        a[c] = we(this.xVal, e, c);
+      return a;
+    }, r.prototype.getAbsoluteDistance = function(e, a, c) {
+      var u = 0;
+      if (e < this.xPct[this.xPct.length - 1])
+        for (; e > this.xPct[u + 1]; )
+          u++;
+      else e === this.xPct[this.xPct.length - 1] && (u = this.xPct.length - 2);
+      !c && e === this.xPct[u + 1] && u++, a === null && (a = []);
+      var m, h = 1, z = a[u], S = 0, p = 0, A = 0, V = 0;
+      for (c ? m = (e - this.xPct[u]) / (this.xPct[u + 1] - this.xPct[u]) : m = (this.xPct[u + 1] - e) / (this.xPct[u + 1] - this.xPct[u]); z > 0; )
+        S = this.xPct[u + 1 + V] - this.xPct[u + V], a[u + V] * h + 100 - m * 100 > 100 ? (p = S * m, h = (z - 100 * m) / a[u + V], m = 1) : (p = a[u + V] * S / 100 * h, h = 0), c ? (A = A - p, this.xPct.length + V >= 1 && V--) : (A = A + p, this.xPct.length - V >= 1 && V++), z = a[u + V] * h;
+      return e + A;
+    }, r.prototype.toStepping = function(e) {
+      return e = Nt(this.xVal, this.xPct, e), e;
+    }, r.prototype.fromStepping = function(e) {
+      return Bt(this.xVal, this.xPct, e);
+    }, r.prototype.getStep = function(e) {
+      return e = qt(this.xPct, this.xSteps, this.snap, e), e;
+    }, r.prototype.getDefaultStep = function(e, a, c) {
+      var u = Z(e, this.xPct);
+      return (e === 100 || a && e === this.xPct[u - 1]) && (u = Math.max(u - 1, 1)), (this.xVal[u] - this.xVal[u - 1]) / c;
+    }, r.prototype.getNearbySteps = function(e) {
+      var a = Z(e, this.xPct);
+      return {
+        stepBefore: {
+          startValue: this.xVal[a - 2],
+          step: this.xNumSteps[a - 2],
+          highestStep: this.xHighestCompleteStep[a - 2]
+        },
+        thisStep: {
+          startValue: this.xVal[a - 1],
+          step: this.xNumSteps[a - 1],
+          highestStep: this.xHighestCompleteStep[a - 1]
+        },
+        stepAfter: {
+          startValue: this.xVal[a],
+          step: this.xNumSteps[a],
+          highestStep: this.xHighestCompleteStep[a]
+        }
+      };
+    }, r.prototype.countStepDecimals = function() {
+      var e = this.xNumSteps.map(_t);
+      return Math.max.apply(null, e);
+    }, r.prototype.hasNoSize = function() {
+      return this.xVal[0] === this.xVal[this.xVal.length - 1];
+    }, r.prototype.convert = function(e) {
+      return this.getStep(this.toStepping(e));
+    }, r.prototype.handleEntryPoint = function(e, a) {
+      var c;
+      if (e === "min" ? c = 0 : e === "max" ? c = 100 : c = parseFloat(e), !L(c) || !L(a[0]))
+        throw new Error("noUiSlider: 'range' value isn't numeric.");
+      this.xPct.push(c), this.xVal.push(a[0]);
+      var u = Number(a[1]);
+      c ? this.xSteps.push(isNaN(u) ? !1 : u) : isNaN(u) || (this.xSteps[0] = u), this.xHighestCompleteStep.push(0);
+    }, r.prototype.handleStepPoint = function(e, a) {
+      if (a) {
+        if (this.xVal[e] === this.xVal[e + 1]) {
+          this.xSteps[e] = this.xHighestCompleteStep[e] = this.xVal[e];
+          return;
+        }
+        this.xSteps[e] = we([this.xVal[e], this.xVal[e + 1]], a, 0) / Ue(this.xPct[e], this.xPct[e + 1]);
+        var c = (this.xVal[e + 1] - this.xVal[e]) / this.xNumSteps[e], u = Math.ceil(Number(c.toFixed(3)) - 1), m = this.xVal[e] + this.xNumSteps[e] * u;
+        this.xHighestCompleteStep[e] = m;
+      }
+    }, r;
+  }()
+), Te = {
+  to: function(r) {
+    return r === void 0 ? "" : r.toFixed(2);
+  },
+  from: Number
+}, Xe = {
+  target: "target",
+  base: "base",
+  origin: "origin",
+  handle: "handle",
+  handleLower: "handle-lower",
+  handleUpper: "handle-upper",
+  touchArea: "touch-area",
+  horizontal: "horizontal",
+  vertical: "vertical",
+  background: "background",
+  connect: "connect",
+  connects: "connects",
+  ltr: "ltr",
+  rtl: "rtl",
+  textDirectionLtr: "txt-dir-ltr",
+  textDirectionRtl: "txt-dir-rtl",
+  draggable: "draggable",
+  drag: "state-drag",
+  tap: "state-tap",
+  active: "active",
+  tooltip: "tooltip",
+  pips: "pips",
+  pipsHorizontal: "pips-horizontal",
+  pipsVertical: "pips-vertical",
+  marker: "marker",
+  markerHorizontal: "marker-horizontal",
+  markerVertical: "marker-vertical",
+  markerNormal: "marker-normal",
+  markerLarge: "marker-large",
+  markerSub: "marker-sub",
+  value: "value",
+  valueHorizontal: "value-horizontal",
+  valueVertical: "value-vertical",
+  valueNormal: "value-normal",
+  valueLarge: "value-large",
+  valueSub: "value-sub"
+}, B = {
+  tooltips: ".__tooltips",
+  aria: ".__aria"
+};
+function It(r, e) {
+  if (!L(e))
+    throw new Error("noUiSlider: 'step' is not numeric.");
+  r.singleStep = e;
+}
+function Tt(r, e) {
+  if (!L(e))
+    throw new Error("noUiSlider: 'keyboardPageMultiplier' is not numeric.");
+  r.keyboardPageMultiplier = e;
+}
+function Kt(r, e) {
+  if (!L(e))
+    throw new Error("noUiSlider: 'keyboardMultiplier' is not numeric.");
+  r.keyboardMultiplier = e;
+}
+function Yt(r, e) {
+  if (!L(e))
+    throw new Error("noUiSlider: 'keyboardDefaultStep' is not numeric.");
+  r.keyboardDefaultStep = e;
+}
+function Xt(r, e) {
+  if (typeof e != "object" || Array.isArray(e))
+    throw new Error("noUiSlider: 'range' is not an object.");
+  if (e.min === void 0 || e.max === void 0)
+    throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");
+  r.spectrum = new Ye(e, r.snap || !1, r.singleStep);
+}
+function Gt(r, e) {
+  if (e = ne(e), !Array.isArray(e) || !e.length)
+    throw new Error("noUiSlider: 'start' option is incorrect.");
+  r.handles = e.length, r.start = e;
+}
+function Wt(r, e) {
+  if (typeof e != "boolean")
+    throw new Error("noUiSlider: 'snap' option must be a boolean.");
+  r.snap = e;
+}
+function Jt(r, e) {
+  if (typeof e != "boolean")
+    throw new Error("noUiSlider: 'animate' option must be a boolean.");
+  r.animate = e;
+}
+function Zt(r, e) {
+  if (typeof e != "number")
+    throw new Error("noUiSlider: 'animationDuration' option must be a number.");
+  r.animationDuration = e;
+}
+function Ge(r, e) {
+  var a = [!1], c;
+  if (e === "lower" ? e = [!0, !1] : e === "upper" && (e = [!1, !0]), e === !0 || e === !1) {
+    for (c = 1; c < r.handles; c++)
+      a.push(e);
+    a.push(!1);
+  } else {
+    if (!Array.isArray(e) || !e.length || e.length !== r.handles + 1)
+      throw new Error("noUiSlider: 'connect' option doesn't match handle count.");
+    a = e;
+  }
+  r.connect = a;
+}
+function $t(r, e) {
+  switch (e) {
+    case "horizontal":
+      r.ort = 0;
+      break;
+    case "vertical":
+      r.ort = 1;
+      break;
+    default:
+      throw new Error("noUiSlider: 'orientation' option is invalid.");
+  }
+}
+function We(r, e) {
+  if (!L(e))
+    throw new Error("noUiSlider: 'margin' option must be numeric.");
+  e !== 0 && (r.margin = r.spectrum.getDistance(e));
+}
+function Qt(r, e) {
+  if (!L(e))
+    throw new Error("noUiSlider: 'limit' option must be numeric.");
+  if (r.limit = r.spectrum.getDistance(e), !r.limit || r.handles < 2)
+    throw new Error("noUiSlider: 'limit' option is only supported on linear sliders with 2 or more handles.");
+}
+function er(r, e) {
+  var a;
+  if (!L(e) && !Array.isArray(e))
+    throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");
+  if (Array.isArray(e) && !(e.length === 2 || L(e[0]) || L(e[1])))
+    throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");
+  if (e !== 0) {
+    for (Array.isArray(e) || (e = [e, e]), r.padding = [r.spectrum.getDistance(e[0]), r.spectrum.getDistance(e[1])], a = 0; a < r.spectrum.xNumSteps.length - 1; a++)
+      if (r.padding[0][a] < 0 || r.padding[1][a] < 0)
+        throw new Error("noUiSlider: 'padding' option must be a positive number(s).");
+    var c = e[0] + e[1], u = r.spectrum.xVal[0], m = r.spectrum.xVal[r.spectrum.xVal.length - 1];
+    if (c / (m - u) > 1)
+      throw new Error("noUiSlider: 'padding' option must not exceed 100% of the range.");
+  }
+}
+function tr(r, e) {
+  switch (e) {
+    case "ltr":
+      r.dir = 0;
+      break;
+    case "rtl":
+      r.dir = 1;
+      break;
+    default:
+      throw new Error("noUiSlider: 'direction' option was not recognized.");
+  }
+}
+function rr(r, e) {
+  if (typeof e != "string")
+    throw new Error("noUiSlider: 'behaviour' must be a string containing options.");
+  var a = e.indexOf("tap") >= 0, c = e.indexOf("drag") >= 0, u = e.indexOf("fixed") >= 0, m = e.indexOf("snap") >= 0, h = e.indexOf("hover") >= 0, z = e.indexOf("unconstrained") >= 0, S = e.indexOf("invert-connects") >= 0, p = e.indexOf("drag-all") >= 0, A = e.indexOf("smooth-steps") >= 0;
+  if (u) {
+    if (r.handles !== 2)
+      throw new Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");
+    We(r, r.start[1] - r.start[0]);
+  }
+  if (S && r.handles !== 2)
+    throw new Error("noUiSlider: 'invert-connects' behaviour must be used with 2 handles");
+  if (z && (r.margin || r.limit))
+    throw new Error("noUiSlider: 'unconstrained' behaviour cannot be used with margin or limit");
+  r.events = {
+    tap: a || m,
+    drag: c,
+    dragAll: p,
+    smoothSteps: A,
+    fixed: u,
+    snap: m,
+    hover: h,
+    unconstrained: z,
+    invertConnects: S
+  };
+}
+function ir(r, e) {
+  if (e !== !1)
+    if (e === !0 || oe(e)) {
+      r.tooltips = [];
+      for (var a = 0; a < r.handles; a++)
+        r.tooltips.push(e);
+    } else {
+      if (e = ne(e), e.length !== r.handles)
+        throw new Error("noUiSlider: must pass a formatter for all handles.");
+      e.forEach(function(c) {
+        if (typeof c != "boolean" && !oe(c))
+          throw new Error("noUiSlider: 'tooltips' must be passed a formatter or 'false'.");
+      }), r.tooltips = e;
+    }
+}
+function or(r, e) {
+  if (e.length !== r.handles)
+    throw new Error("noUiSlider: must pass a attributes for all handles.");
+  r.handleAttributes = e;
+}
+function nr(r, e) {
+  if (!oe(e))
+    throw new Error("noUiSlider: 'ariaFormat' requires 'to' method.");
+  r.ariaFormat = e;
+}
+function ar(r, e) {
+  if (!Pt(e))
+    throw new Error("noUiSlider: 'format' requires 'to' and 'from' methods.");
+  r.format = e;
+}
+function sr(r, e) {
+  if (typeof e != "boolean")
+    throw new Error("noUiSlider: 'keyboardSupport' option must be a boolean.");
+  r.keyboardSupport = e;
+}
+function lr(r, e) {
+  r.documentElement = e;
+}
+function ur(r, e) {
+  if (typeof e != "string" && e !== !1)
+    throw new Error("noUiSlider: 'cssPrefix' must be a string or `false`.");
+  r.cssPrefix = e;
+}
+function cr(r, e) {
+  if (typeof e != "object")
+    throw new Error("noUiSlider: 'cssClasses' must be an object.");
+  typeof r.cssPrefix == "string" ? (r.cssClasses = {}, Object.keys(e).forEach(function(a) {
+    r.cssClasses[a] = r.cssPrefix + e[a];
+  })) : r.cssClasses = e;
+}
+function Je(r) {
+  var e = {
+    margin: null,
+    limit: null,
+    padding: null,
+    animate: !0,
+    animationDuration: 300,
+    ariaFormat: Te,
+    format: Te
+  }, a = {
+    step: { r: !1, t: It },
+    keyboardPageMultiplier: { r: !1, t: Tt },
+    keyboardMultiplier: { r: !1, t: Kt },
+    keyboardDefaultStep: { r: !1, t: Yt },
+    start: { r: !0, t: Gt },
+    connect: { r: !0, t: Ge },
+    direction: { r: !0, t: tr },
+    snap: { r: !1, t: Wt },
+    animate: { r: !1, t: Jt },
+    animationDuration: { r: !1, t: Zt },
+    range: { r: !0, t: Xt },
+    orientation: { r: !1, t: $t },
+    margin: { r: !1, t: We },
+    limit: { r: !1, t: Qt },
+    padding: { r: !1, t: er },
+    behaviour: { r: !0, t: rr },
+    ariaFormat: { r: !1, t: nr },
+    format: { r: !1, t: ar },
+    tooltips: { r: !1, t: ir },
+    keyboardSupport: { r: !0, t: sr },
+    documentElement: { r: !1, t: lr },
+    cssPrefix: { r: !0, t: ur },
+    cssClasses: { r: !0, t: cr },
+    handleAttributes: { r: !1, t: or }
+  }, c = {
+    connect: !1,
+    direction: "ltr",
+    behaviour: "tap",
+    orientation: "horizontal",
+    keyboardSupport: !0,
+    cssPrefix: "noUi-",
+    cssClasses: Xe,
+    keyboardPageMultiplier: 5,
+    keyboardMultiplier: 1,
+    keyboardDefaultStep: 10
+  };
+  r.format && !r.ariaFormat && (r.ariaFormat = r.format), Object.keys(a).forEach(function(S) {
+    if (!Se(r[S]) && c[S] === void 0) {
+      if (a[S].r)
+        throw new Error("noUiSlider: '" + S + "' is required.");
+      return;
+    }
+    a[S].t(e, Se(r[S]) ? r[S] : c[S]);
+  }), e.pips = r.pips;
+  var u = document.createElement("div"), m = u.style.msTransform !== void 0, h = u.style.transform !== void 0;
+  e.transformRule = h ? "transform" : m ? "msTransform" : "webkitTransform";
+  var z = [
+    ["left", "top"],
+    ["right", "bottom"]
+  ];
+  return e.style = z[e.dir][e.ort], e;
+}
+function fr(r, e, a) {
+  var c = Lt(), u = Rt(), m = u && Ht(), h = r, z, S, p, A, V, N, v = e.spectrum, H = [], w = [], O = [], ae = 0, R = {}, G = !1, K = r.ownerDocument, $ = e.documentElement || K.documentElement, Q = K.body, Ze = K.dir === "rtl" || e.ort === 1 ? 0 : 100;
+  function j(t, i) {
+    var o = K.createElement("div");
+    return i && M(o, i), t.appendChild(o), o;
+  }
+  function $e(t, i) {
+    var o = j(t, e.cssClasses.origin), n = j(o, e.cssClasses.handle);
+    if (j(n, e.cssClasses.touchArea), n.setAttribute("data-handle", String(i)), e.keyboardSupport && (n.setAttribute("tabindex", "0"), n.addEventListener("keydown", function(l) {
+      return mt(l, i);
+    })), e.handleAttributes !== void 0) {
+      var s = e.handleAttributes[i];
+      Object.keys(s).forEach(function(l) {
+        n.setAttribute(l, s[l]);
+      });
+    }
+    return n.setAttribute("role", "slider"), n.setAttribute("aria-orientation", e.ort ? "vertical" : "horizontal"), i === 0 ? M(n, e.cssClasses.handleLower) : i === e.handles - 1 && M(n, e.cssClasses.handleUpper), o.handle = n, o;
+  }
+  function se(t, i) {
+    return i ? j(t, e.cssClasses.connect) : !1;
+  }
+  function Qe(t, i) {
+    S = j(i, e.cssClasses.connects), p = [], A = [], A.push(se(S, t[0]));
+    for (var o = 0; o < e.handles; o++)
+      p.push($e(i, o)), O[o] = o, A.push(se(S, t[o + 1]));
+  }
+  function et(t) {
+    M(t, e.cssClasses.target), e.dir === 0 ? M(t, e.cssClasses.ltr) : M(t, e.cssClasses.rtl), e.ort === 0 ? M(t, e.cssClasses.horizontal) : M(t, e.cssClasses.vertical);
+    var i = getComputedStyle(t).direction;
+    return i === "rtl" ? M(t, e.cssClasses.textDirectionRtl) : M(t, e.cssClasses.textDirectionLtr), j(t, e.cssClasses.base);
+  }
+  function tt(t, i) {
+    return !e.tooltips || !e.tooltips[i] ? !1 : j(t.firstChild, e.cssClasses.tooltip);
+  }
+  function Ce() {
+    return h.hasAttribute("disabled");
+  }
+  function le(t) {
+    var i = p[t];
+    return i.hasAttribute("disabled");
+  }
+  function rt(t) {
+    t != null ? (p[t].setAttribute("disabled", ""), p[t].handle.removeAttribute("tabindex")) : (h.setAttribute("disabled", ""), p.forEach(function(i) {
+      i.handle.removeAttribute("tabindex");
+    }));
+  }
+  function it(t) {
+    t != null ? (p[t].removeAttribute("disabled"), p[t].handle.setAttribute("tabindex", "0")) : (h.removeAttribute("disabled"), p.forEach(function(i) {
+      i.removeAttribute("disabled"), i.handle.setAttribute("tabindex", "0");
+    }));
+  }
+  function ue() {
+    N && (W("update" + B.tooltips), N.forEach(function(t) {
+      t && Ne(t);
+    }), N = null);
+  }
+  function Ee() {
+    ue(), N = p.map(tt), me("update" + B.tooltips, function(t, i, o) {
+      if (!(!N || !e.tooltips) && N[i] !== !1) {
+        var n = t[i];
+        e.tooltips[i] !== !0 && (n = e.tooltips[i].to(o[i])), N[i].innerHTML = n;
+      }
+    });
+  }
+  function ot() {
+    W("update" + B.aria), me("update" + B.aria, function(t, i, o, n, s) {
+      O.forEach(function(l) {
+        var d = p[l], f = ee(w, l, 0, !0, !0, !0), b = ee(w, l, 100, !0, !0, !0), x = s[l], U = String(e.ariaFormat.to(o[l]));
+        f = v.fromStepping(f).toFixed(1), b = v.fromStepping(b).toFixed(1), x = v.fromStepping(x).toFixed(1), d.children[0].setAttribute("aria-valuemin", f), d.children[0].setAttribute("aria-valuemax", b), d.children[0].setAttribute("aria-valuenow", x), d.children[0].setAttribute("aria-valuetext", U);
+      });
+    });
+  }
+  function nt(t) {
+    if (t.mode === q.Range || t.mode === q.Steps)
+      return v.xVal;
+    if (t.mode === q.Count) {
+      if (t.values < 2)
+        throw new Error("noUiSlider: 'values' (>= 2) required for mode 'count'.");
+      for (var i = t.values - 1, o = 100 / i, n = []; i--; )
+        n[i] = i * o;
+      return n.push(100), ye(n, t.stepped);
+    }
+    return t.mode === q.Positions ? ye(t.values, t.stepped) : t.mode === q.Values ? t.stepped ? t.values.map(function(s) {
+      return v.fromStepping(v.getStep(v.toStepping(s)));
+    }) : t.values : [];
+  }
+  function ye(t, i) {
+    return t.map(function(o) {
+      return v.fromStepping(i ? v.getStep(o) : o);
+    });
+  }
+  function at(t) {
+    function i(x, U) {
+      return Number((x + U).toFixed(7));
+    }
+    var o = nt(t), n = {}, s = v.xVal[0], l = v.xVal[v.xVal.length - 1], d = !1, f = !1, b = 0;
+    return o = Vt(o.slice().sort(function(x, U) {
+      return x - U;
+    })), o[0] !== s && (o.unshift(s), d = !0), o[o.length - 1] !== l && (o.push(l), f = !0), o.forEach(function(x, U) {
+      var k, g, E, D = x, y = o[U + 1], P, ge, be, xe, Re, ze, je, Fe = t.mode === q.Steps;
+      for (Fe && (k = v.xNumSteps[U]), k || (k = y - D), y === void 0 && (y = D), k = Math.max(k, 1e-7), g = D; g <= y; g = i(g, k)) {
+        for (P = v.toStepping(g), ge = P - b, Re = ge / (t.density || 1), ze = Math.round(Re), je = ge / ze, E = 1; E <= ze; E += 1)
+          be = b + E * je, n[be.toFixed(5)] = [v.fromStepping(be), 0];
+        xe = o.indexOf(g) > -1 ? _.LargeValue : Fe ? _.SmallValue : _.NoValue, !U && d && g !== y && (xe = 0), g === y && f || (n[P.toFixed(5)] = [g, xe]), b = P;
+      }
+    }), n;
+  }
+  function st(t, i, o) {
+    var n, s, l = K.createElement("div"), d = (n = {}, n[_.None] = "", n[_.NoValue] = e.cssClasses.valueNormal, n[_.LargeValue] = e.cssClasses.valueLarge, n[_.SmallValue] = e.cssClasses.valueSub, n), f = (s = {}, s[_.None] = "", s[_.NoValue] = e.cssClasses.markerNormal, s[_.LargeValue] = e.cssClasses.markerLarge, s[_.SmallValue] = e.cssClasses.markerSub, s), b = [e.cssClasses.valueHorizontal, e.cssClasses.valueVertical], x = [e.cssClasses.markerHorizontal, e.cssClasses.markerVertical];
+    M(l, e.cssClasses.pips), M(l, e.ort === 0 ? e.cssClasses.pipsHorizontal : e.cssClasses.pipsVertical);
+    function U(g, E) {
+      var D = E === e.cssClasses.value, y = D ? b : x, P = D ? d : f;
+      return E + " " + y[e.ort] + " " + P[g];
+    }
+    function k(g, E, D) {
+      if (D = i ? i(E, D) : D, D !== _.None) {
+        var y = j(l, !1);
+        y.className = U(D, e.cssClasses.marker), y.style[e.style] = g + "%", D > _.NoValue && (y = j(l, !1), y.className = U(D, e.cssClasses.value), y.setAttribute("data-value", String(E)), y.style[e.style] = g + "%", y.innerHTML = String(o.to(E)));
+      }
+    }
+    return Object.keys(t).forEach(function(g) {
+      k(g, t[g][0], t[g][1]);
+    }), l;
+  }
+  function ce() {
+    V && (Ne(V), V = null);
+  }
+  function fe(t) {
+    ce();
+    var i = at(t), o = t.filter, n = t.format || {
+      to: function(s) {
+        return String(Math.round(s));
+      }
+    };
+    return V = h.appendChild(st(i, o, n)), V;
+  }
+  function Ae() {
+    var t = z.getBoundingClientRect(), i = "offset" + ["Width", "Height"][e.ort];
+    return e.ort === 0 ? t.width || z[i] : t.height || z[i];
+  }
+  function I(t, i, o, n) {
+    var s = function(d) {
+      var f = lt(d, n.pageOffset, n.target || i);
+      if (!f || Ce() && !n.doNotReject || Ot(h, e.cssClasses.tap) && !n.doNotReject || t === c.start && f.buttons !== void 0 && f.buttons > 1 || n.hover && f.buttons)
+        return !1;
+      m || f.preventDefault(), f.calcPoint = f.points[e.ort], o(f, n);
+    }, l = [];
+    return t.split(" ").forEach(function(d) {
+      i.addEventListener(d, s, m ? { passive: !0 } : !1), l.push([d, s]);
+    }), l;
+  }
+  function lt(t, i, o) {
+    var n = t.type.indexOf("touch") === 0, s = t.type.indexOf("mouse") === 0, l = t.type.indexOf("pointer") === 0, d = 0, f = 0;
+    if (t.type.indexOf("MSPointer") === 0 && (l = !0), t.type === "mousedown" && !t.buttons && !t.touches)
+      return !1;
+    if (n) {
+      var b = function(k) {
+        var g = k.target;
+        return g === o || o.contains(g) || t.composed && t.composedPath().shift() === o;
+      };
+      if (t.type === "touchstart") {
+        var x = Array.prototype.filter.call(t.touches, b);
+        if (x.length > 1)
+          return !1;
+        d = x[0].pageX, f = x[0].pageY;
+      } else {
+        var U = Array.prototype.find.call(t.changedTouches, b);
+        if (!U)
+          return !1;
+        d = U.pageX, f = U.pageY;
+      }
+    }
+    return i = i || Ke(K), (s || l) && (d = t.clientX + i.x, f = t.clientY + i.y), t.pageOffset = i, t.points = [d, f], t.cursor = s || l, t;
+  }
+  function Pe(t) {
+    var i = t - Mt(z, e.ort), o = i * 100 / Ae();
+    return o = Ie(o), e.dir ? 100 - o : o;
+  }
+  function ut(t) {
+    var i = 100, o = !1;
+    return p.forEach(function(n, s) {
+      if (!le(s)) {
+        var l = w[s], d = Math.abs(l - t), f = d === 100 && i === 100, b = d < i, x = d <= i && t > l;
+        (b || x || f) && (o = s, i = d);
+      }
+    }), o;
+  }
+  function ct(t, i) {
+    t.type === "mouseout" && t.target.nodeName === "HTML" && t.relatedTarget === null && de(t, i);
+  }
+  function ft(t, i) {
+    if (navigator.appVersion.indexOf("MSIE 9") === -1 && t.buttons === 0 && i.buttonsProperty !== 0)
+      return de(t, i);
+    var o = (e.dir ? -1 : 1) * (t.calcPoint - i.startCalcPoint), n = o * 100 / i.baseSize;
+    De(o > 0, n, i.locations, i.handleNumbers, i.connect);
+  }
+  function de(t, i) {
+    i.handle && (ie(i.handle, e.cssClasses.active), ae -= 1), i.listeners.forEach(function(o) {
+      $.removeEventListener(o[0], o[1]);
+    }), ae === 0 && (ie(h, e.cssClasses.drag), ve(), t.cursor && (Q.style.cursor = "", Q.removeEventListener("selectstart", Be))), e.events.smoothSteps && (i.handleNumbers.forEach(function(o) {
+      T(o, w[o], !0, !0, !1, !1);
+    }), i.handleNumbers.forEach(function(o) {
+      C("update", o);
+    })), i.handleNumbers.forEach(function(o) {
+      C("change", o), C("set", o), C("end", o);
+    });
+  }
+  function he(t, i) {
+    if (!i.handleNumbers.some(le)) {
+      var o;
+      if (i.handleNumbers.length === 1) {
+        var n = p[i.handleNumbers[0]];
+        o = n.children[0], ae += 1, M(o, e.cssClasses.active);
+      }
+      t.stopPropagation();
+      var s = [], l = I(c.move, $, ft, {
+        // The event target has changed so we need to propagate the original one so that we keep
+        // relying on it to extract target touches.
+        target: t.target,
+        handle: o,
+        connect: i.connect,
+        listeners: s,
+        startCalcPoint: t.calcPoint,
+        baseSize: Ae(),
+        pageOffset: t.pageOffset,
+        handleNumbers: i.handleNumbers,
+        buttonsProperty: t.buttons,
+        locations: w.slice()
+      }), d = I(c.end, $, de, {
+        target: t.target,
+        handle: o,
+        listeners: s,
+        doNotReject: !0,
+        handleNumbers: i.handleNumbers
+      }), f = I("mouseout", $, ct, {
+        target: t.target,
+        handle: o,
+        listeners: s,
+        doNotReject: !0,
+        handleNumbers: i.handleNumbers
+      });
+      s.push.apply(s, l.concat(d, f)), t.cursor && (Q.style.cursor = getComputedStyle(t.target).cursor, p.length > 1 && M(h, e.cssClasses.drag), Q.addEventListener("selectstart", Be, !1)), i.handleNumbers.forEach(function(b) {
+        C("start", b);
+      });
+    }
+  }
+  function dt(t) {
+    t.stopPropagation();
+    var i = Pe(t.calcPoint), o = ut(i);
+    o !== !1 && (e.events.snap || qe(h, e.cssClasses.tap, e.animationDuration), T(o, i, !0, !0), ve(), C("slide", o, !0), C("update", o, !0), e.events.snap ? he(t, { handleNumbers: [o] }) : (C("change", o, !0), C("set", o, !0)));
+  }
+  function ht(t) {
+    var i = Pe(t.calcPoint), o = v.getStep(i), n = v.fromStepping(o);
+    Object.keys(R).forEach(function(s) {
+      s.split(".")[0] === "hover" && R[s].forEach(function(l) {
+        l.call(re, n);
+      });
+    });
+  }
+  function mt(t, i) {
+    if (Ce() || le(i))
+      return !1;
+    var o = ["Left", "Right"], n = ["Down", "Up"], s = ["PageDown", "PageUp"], l = ["Home", "End"];
+    e.dir && !e.ort ? o.reverse() : e.ort && !e.dir && (n.reverse(), s.reverse());
+    var d = t.key.replace("Arrow", ""), f = d === s[0], b = d === s[1], x = d === n[0] || d === o[0] || f, U = d === n[1] || d === o[1] || b, k = d === l[0], g = d === l[1];
+    if (!x && !U && !k && !g)
+      return !0;
+    t.preventDefault();
+    var E;
+    if (U || x) {
+      var D = x ? 0 : 1, y = Le(i), P = y[D];
+      if (P === null)
+        return !1;
+      P === !1 && (P = v.getDefaultStep(w[i], x, e.keyboardDefaultStep)), b || f ? P *= e.keyboardPageMultiplier : P *= e.keyboardMultiplier, P = Math.max(P, 1e-7), P = (x ? -1 : 1) * P, E = H[i] + P;
+    } else g ? E = e.spectrum.xVal[e.spectrum.xVal.length - 1] : E = e.spectrum.xVal[0];
+    return T(i, v.toStepping(E), !0, !0), C("slide", i), C("update", i), C("change", i), C("set", i), !1;
+  }
+  function Ve(t) {
+    t.fixed || p.forEach(function(i, o) {
+      I(c.start, i.children[0], he, {
+        handleNumbers: [o]
+      });
+    }), t.tap && I(c.start, z, dt, {}), t.hover && I(c.move, z, ht, {
+      hover: !0
+    }), t.drag && A.forEach(function(i, o) {
+      if (!(i === !1 || o === 0 || o === A.length - 1)) {
+        var n = p[o - 1], s = p[o], l = [i], d = [n, s], f = [o - 1, o];
+        M(i, e.cssClasses.draggable), t.fixed && (l.push(n.children[0]), l.push(s.children[0])), t.dragAll && (d = p, f = O), l.forEach(function(b) {
+          I(c.start, b, he, {
+            handles: d,
+            handleNumbers: f,
+            connect: i
+          });
+        });
+      }
+    });
+  }
+  function me(t, i) {
+    R[t] = R[t] || [], R[t].push(i), t.split(".")[0] === "update" && p.forEach(function(o, n) {
+      C("update", n);
+    });
+  }
+  function pt(t) {
+    return t === B.aria || t === B.tooltips;
+  }
+  function W(t) {
+    var i = t && t.split(".")[0], o = i ? t.substring(i.length) : t;
+    Object.keys(R).forEach(function(n) {
+      var s = n.split(".")[0], l = n.substring(s.length);
+      (!i || i === s) && (!o || o === l) && (!pt(l) || o === l) && delete R[n];
+    });
+  }
+  function C(t, i, o) {
+    Object.keys(R).forEach(function(n) {
+      var s = n.split(".")[0];
+      t === s && R[n].forEach(function(l) {
+        l.call(
+          // Use the slider public API as the scope ('this')
+          re,
+          // Return values as array, so arg_1[arg_2] is always valid.
+          H.map(e.format.to),
+          // Handle index, 0 or 1
+          i,
+          // Un-formatted slider values
+          H.slice(),
+          // Event is fired by tap, true or false
+          o || !1,
+          // Left offset of the handle, in relation to the slider
+          w.slice(),
+          // add the slider public API to an accessible parameter when this is unavailable
+          re
+        );
+      });
+    });
+  }
+  function ee(t, i, o, n, s, l, d) {
+    var f;
+    return p.length > 1 && !e.events.unconstrained && (n && i > 0 && (f = v.getAbsoluteDistance(t[i - 1], e.margin, !1), o = Math.max(o, f)), s && i < p.length - 1 && (f = v.getAbsoluteDistance(t[i + 1], e.margin, !0), o = Math.min(o, f))), p.length > 1 && e.limit && (n && i > 0 && (f = v.getAbsoluteDistance(t[i - 1], e.limit, !1), o = Math.min(o, f)), s && i < p.length - 1 && (f = v.getAbsoluteDistance(t[i + 1], e.limit, !0), o = Math.max(o, f))), e.padding && (i === 0 && (f = v.getAbsoluteDistance(0, e.padding[0], !1), o = Math.max(o, f)), i === p.length - 1 && (f = v.getAbsoluteDistance(100, e.padding[1], !0), o = Math.min(o, f))), d || (o = v.getStep(o)), o = Ie(o), o === t[i] && !l ? !1 : o;
+  }
+  function pe(t, i) {
+    var o = e.ort;
+    return (o ? i : t) + ", " + (o ? t : i);
+  }
+  function De(t, i, o, n, s) {
+    var l = o.slice(), d = n[0], f = e.events.smoothSteps, b = [!t, t], x = [t, !t];
+    n = n.slice(), t && n.reverse(), n.length > 1 ? n.forEach(function(k, g) {
+      var E = ee(l, k, l[k] + i, b[g], x[g], !1, f);
+      E === !1 ? i = 0 : (i = E - l[k], l[k] = E);
+    }) : b = x = [!0];
+    var U = !1;
+    n.forEach(function(k, g) {
+      U = T(k, o[k] + i, b[g], x[g], !1, f) || U;
+    }), U && (n.forEach(function(k) {
+      C("update", k), C("slide", k);
+    }), s != null && C("drag", d));
+  }
+  function Me(t, i) {
+    return e.dir ? 100 - t - i : t;
+  }
+  function vt(t, i) {
+    w[t] = i, H[t] = v.fromStepping(i);
+    var o = Me(i, 0) - Ze, n = "translate(" + pe(o + "%", "0") + ")";
+    if (p[t].style[e.transformRule] = n, e.events.invertConnects && w.length > 1) {
+      var s = w.every(function(l, d, f) {
+        return d === 0 || l >= f[d - 1];
+      });
+      if (G !== !s) {
+        wt();
+        return;
+      }
+    }
+    J(t), J(t + 1), G && (J(t - 1), J(t + 2));
+  }
+  function ve() {
+    O.forEach(function(t) {
+      var i = w[t] > 50 ? -1 : 1, o = 3 + (p.length + i * t);
+      p[t].style.zIndex = String(o);
+    });
+  }
+  function T(t, i, o, n, s, l) {
+    return s || (i = ee(w, t, i, o, n, !1, l)), i === !1 ? !1 : (vt(t, i), !0);
+  }
+  function J(t) {
+    if (A[t]) {
+      var i = w.slice();
+      G && i.sort(function(f, b) {
+        return f - b;
+      });
+      var o = 0, n = 100;
+      t !== 0 && (o = i[t - 1]), t !== A.length - 1 && (n = i[t]);
+      var s = n - o, l = "translate(" + pe(Me(o, s) + "%", "0") + ")", d = "scale(" + pe(s / 100, "1") + ")";
+      A[t].style[e.transformRule] = l + " " + d;
+    }
+  }
+  function _e(t, i) {
+    return t === null || t === !1 || t === void 0 || (typeof t == "number" && (t = String(t)), t = e.format.from(t), t !== !1 && (t = v.toStepping(t)), t === !1 || isNaN(t)) ? w[i] : t;
+  }
+  function te(t, i, o) {
+    var n = ne(t), s = w[0] === void 0;
+    i = i === void 0 ? !0 : i, e.animate && !s && qe(h, e.cssClasses.tap, e.animationDuration), O.forEach(function(f) {
+      T(f, _e(n[f], f), !0, !1, o);
+    });
+    var l = O.length === 1 ? 0 : 1;
+    if (s && v.hasNoSize() && (o = !0, w[0] = 0, O.length > 1)) {
+      var d = 100 / (O.length - 1);
+      O.forEach(function(f) {
+        w[f] = f * d;
+      });
+    }
+    for (; l < O.length; ++l)
+      O.forEach(function(f) {
+        T(f, w[f], !0, !0, o);
+      });
+    ve(), O.forEach(function(f) {
+      C("update", f), n[f] !== null && i && C("set", f);
+    });
+  }
+  function gt(t) {
+    te(e.start, t);
+  }
+  function bt(t, i, o, n) {
+    if (t = Number(t), !(t >= 0 && t < O.length))
+      throw new Error("noUiSlider: invalid handle number, got: " + t);
+    T(t, _e(i, t), !0, !0, n), C("update", t), o && C("set", t);
+  }
+  function Oe(t) {
+    if (t === void 0 && (t = !1), t)
+      return H.length === 1 ? H[0] : H.slice(0);
+    var i = H.map(e.format.to);
+    return i.length === 1 ? i[0] : i;
+  }
+  function xt() {
+    for (W(B.aria), W(B.tooltips), Object.keys(e.cssClasses).forEach(function(t) {
+      ie(h, e.cssClasses[t]);
+    }); h.firstChild; )
+      h.removeChild(h.firstChild);
+    delete h.noUiSlider;
+  }
+  function Le(t) {
+    var i = w[t], o = v.getNearbySteps(i), n = H[t], s = o.thisStep.step, l = null;
+    if (e.snap)
+      return [
+        n - o.stepBefore.startValue || null,
+        o.stepAfter.startValue - n || null
+      ];
+    s !== !1 && n + s > o.stepAfter.startValue && (s = o.stepAfter.startValue - n), n > o.thisStep.startValue ? l = o.thisStep.step : o.stepBefore.step === !1 ? l = !1 : l = n - o.stepBefore.highestStep, i === 100 ? s = null : i === 0 && (l = null);
+    var d = v.countStepDecimals();
+    return s !== null && s !== !1 && (s = Number(s.toFixed(d))), l !== null && l !== !1 && (l = Number(l.toFixed(d))), [l, s];
+  }
+  function zt() {
+    return O.map(Le);
+  }
+  function St(t, i) {
+    var o = Oe(), n = [
+      "margin",
+      "limit",
+      "padding",
+      "range",
+      "animate",
+      "snap",
+      "step",
+      "format",
+      "pips",
+      "tooltips",
+      "connect"
+    ];
+    n.forEach(function(l) {
+      t[l] !== void 0 && (a[l] = t[l]);
+    });
+    var s = Je(a);
+    n.forEach(function(l) {
+      t[l] !== void 0 && (e[l] = s[l]);
+    }), v = s.spectrum, e.margin = s.margin, e.limit = s.limit, e.padding = s.padding, e.pips ? fe(e.pips) : ce(), e.tooltips ? Ee() : ue(), w = [], te(Se(t.start) ? t.start : o, i), t.connect && He();
+  }
+  function He() {
+    for (; S.firstChild; )
+      S.removeChild(S.firstChild);
+    for (var t = 0; t <= e.handles; t++)
+      A[t] = se(S, e.connect[t]), J(t);
+    Ve({ drag: e.events.drag, fixed: !0 });
+  }
+  function wt() {
+    G = !G, Ge(
+      e,
+      // inverse the connect boolean array
+      e.connect.map(function(t) {
+        return !t;
+      })
+    ), He();
+  }
+  function Ut() {
+    z = et(h), Qe(e.connect, z), Ve(e.events), te(e.start), e.pips && fe(e.pips), e.tooltips && Ee(), ot();
+  }
+  Ut();
+  var re = {
+    destroy: xt,
+    steps: zt,
+    on: me,
+    off: W,
+    get: Oe,
+    set: te,
+    setHandle: bt,
+    reset: gt,
+    disable: rt,
+    enable: it,
+    // Exposed for unit testing, don't use this in your application.
+    __moveHandles: function(t, i, o) {
+      De(t, i, w, o);
+    },
+    options: a,
+    updateOptions: St,
+    target: h,
+    removePips: ce,
+    removeTooltips: ue,
+    getPositions: function() {
+      return w.slice();
+    },
+    getTooltips: function() {
+      return N;
+    },
+    getOrigins: function() {
+      return p;
+    },
+    pips: fe
+    // Issue #594
+  };
+  return re;
+}
+function dr(r, e) {
+  if (!r || !r.nodeName)
+    throw new Error("noUiSlider: create requires a single element, got: " + r);
+  if (r.noUiSlider)
+    throw new Error("noUiSlider: Slider was already initialized.");
+  var a = Je(e), c = fr(r, a, e);
+  return r.noUiSlider = c, c;
+}
+const hr = {
+  // Exposed for unit testing, don't use this in your application.
+  __spectrum: Ye,
+  // A reference to the default classes, allows global changes.
+  // Use the cssClasses option for changes to one slider.
+  cssClasses: Xe,
+  create: dr
+}, mr = '.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,.noUi-horizontal[disabled] .noUi-connects .noUi-connect{background:var(--luzmo-slider-background-color-disabled, var(--luzmo-disabled-color, #b8b8b8))}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed!important}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub,.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translateY(-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translateY(-18px);top:auto;right:28px}.noUi-handle.noUi-handle-lower:focus-visible{outline:calc(var(--luzmo-border-width) / var(--luzmo-slider-handle-scale, var(--slider-handle-scale, .5))) solid var(--luzmo-primary)}:host{flex-grow:1;height:1rem}.luzmo-slider-container{width:100%}.noUi-horizontal{height:var(--luzmo-slider-track-height, var(--slider-track-height, 18px));top:var(--luzmo-slider-top-to-track, var(--slider-top-to-track, 0));border:none;box-shadow:none}.noUi-horizontal .noUi-base{background:var(--luzmo-background-color);cursor:pointer}.noUi-horizontal .noUi-connects{width:100%;left:0;background:var(--luzmo-border-color);border-radius:.625rem}.noUi-horizontal .noUi-connects .noUi-connect{background:var(--luzmo-primary)}.noUi-horizontal .noUi-origin .noUi-handle{transform:scale(var(--luzmo-slider-handle-scale, var(--slider-handle-scale, .5)));width:var(--luzmo-slider-handle-size, var(--slider-handle-size, 2rem));height:var(--luzmo-slider-handle-size, var(--slider-handle-size, 2rem));right:var(--luzmo-slider-edge-to-handle, var(--slider-edge-to-handle, 14px));top:var(--luzmo-slider-top-to-handle, var(--slider-top-to-handle, -.875rem));background:var(--luzmo-background-color);transition:background-color var(--luzmo-animation-duration);box-shadow:0 .125rem .25rem var(--luzmo-border-color),inset 0 0 0 .0625rem var(--luzmo-border-color);border-radius:50%;border:none;cursor:pointer}.noUi-horizontal .noUi-origin .noUi-handle:before,.noUi-horizontal .noUi-origin .noUi-handle:after{display:none}.noUi-horizontal .noUi-origin .noUi-handle:hover,.noUi-horizontal .noUi-origin .noUi-handle.noUi-active{background-color:var(--luzmo-slider-background-color-hover, var(--luzmo-background-color-hover))}.noUi-horizontal[disabled] .noUi-connects{background:var(--luzmo-slider-background-color-disabled, var(--luzmo-background-color-disabled))}.noUi-horizontal[disabled] .noUi-origin .noUi-handle:hover{background-color:var(--luzmo-slider-background-color-disabled-hover, var(--luzmo-background-color))}.noUi-tooltip{padding:.5rem;font-size:calc(var(--luzmo-slider-tooltip-font-size, var(--slider-tooltip-font-size)) / var(--luzmo-slider-handle-scale, var(--slider-handle-scale, .5)));background:var(--luzmo-background-color);color:var(--luzmo-font-color);display:none}.noUi-active .noUi-tooltip{display:block}:host{font-family:var(--luzmo-slider-font-family, var(--luzmo-font-family));min-block-size:var(--luzmo-slider-item-height, var(--slider-item-height));--slider-edge-to-handle: calc(-1 * var(--slider-handle-size) / 2);--slider-top-to-track: calc( ( var(--luzmo-slider-item-height, var(--slider-item-height)) - var(--luzmo-slider-track-height, var(--slider-track-height)) ) / 2 );--slider-top-to-handle: calc( ( ( (var(--luzmo-slider-track-height, var(--slider-track-height))) / 2 - var(--luzmo-slider-handle-size, var(--slider-handle-size)) * var(--luzmo-slider-handle-scale, var(--slider-handle-scale)) ) ) )}:host([size=s]){--slider-item-height: 24px;--slider-track-height: 3px;--slider-handle-scale: .5;--slider-handle-size: 32px;--slider-tooltip-font-size: var(--luzmo-font-size-xs)}:host{--slider-item-height: 32px;--slider-track-height: 4px;--slider-handle-scale: .5;--slider-handle-size: 36px;--slider-tooltip-font-size: var(--luzmo-font-size-s)}:host([size=l]){--slider-min-height: 40px;--slider-track-height: 6px;--slider-handle-scale: .5;--slider-handle-size: 40px;--slider-tooltip-font-size: var(--luzmo-font-size)}:host([size=xl]){--slider-min-height: 48px;--slider-track-height: 7px;--slider-handle-scale: .5;--slider-handle-size: 44px;--slider-tooltip-font-size: var(--luzmo-font-size)}';
+var pr = Object.defineProperty, X = (r, e, a, c) => {
+  for (var u = void 0, m = r.length - 1, h; m >= 0; m--)
+    (h = r[m]) && (u = h(e, a, u) || u);
+  return u && pr(e, a, u), u;
+};
+const ke = class ke extends At(Ct) {
+  constructor() {
+    super(...arguments), this.value = 0, this.min = 0, this.max = 100, this.step = 100, this.disabled = !1, this.debounce = 200, this._doingUpdate = !1;
+  }
+  get _slider() {
+    return this.renderRoot.querySelector("div");
+  }
+  firstUpdated() {
+    this.noUiSlider = hr.create(
+      this.renderRoot.querySelector("div"),
+      {
+        start: this.value ?? 0,
+        connect: [!0, !1],
+        step: this.step ?? 1,
+        range: {
+          min: this.min ?? 0,
+          max: this.max ?? 100
+        },
+        tooltips: !0
+      }
+    ), this.noUiSlider.on("slide", (e, a, [c]) => {
+      this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(() => {
+        this.setValue(c);
+      }, this.debounce ?? 200);
+    });
+  }
+  updated(e) {
+    const a = e.get("value"), c = e.get("min"), u = e.get("max"), m = e.get("step"), h = e.get("disabled");
+    this.value !== void 0 && this.value !== a && this.noUiSlider.set(this.value), (this.min !== void 0 && (u !== void 0 || this.max !== void 0) && this.min !== c || this.max !== void 0 && (c !== void 0 || this.min !== void 0) && this.max !== u) && this.noUiSlider.updateOptions(
+      { range: { min: this.min ?? c, max: this.max ?? u } },
+      !0
+    ), this.step !== void 0 && this.step !== m && this.noUiSlider.updateOptions({ step: this.step }, !0), this.disabled !== void 0 && this.disabled !== h && (this.disabled ? this.noUiSlider.disable() : this.noUiSlider.enable());
+  }
+  setValue(e) {
+    this.disabled || this.dispatchEvent(
+      new CustomEvent("change", {
+        detail: e,
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  render() {
+    return yt`<div class="luzmo-slider-container"></div>`;
+  }
+};
+ke.styles = [Et(mr)];
+let F = ke;
+X([
+  Y({ type: Number, reflect: !0 })
+], F.prototype, "value");
+X([
+  Y({ type: Number, reflect: !0 })
+], F.prototype, "min");
+X([
+  Y({ type: Number, reflect: !0 })
+], F.prototype, "max");
+X([
+  Y({ type: Number, reflect: !0 })
+], F.prototype, "step");
+X([
+  Y({ type: Boolean, reflect: !0 })
+], F.prototype, "disabled");
+X([
+  Y({ type: Number, reflect: !0 })
+], F.prototype, "debounce");
+customElements.get("luzmo-slider") || customElements.define("luzmo-slider", F);
+export {
+  F as LuzmoSlider
+};