@unoff/ui 1.21.0 → 1.21.1

package/dist/components/inputs/multiple-slider/MultipleSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multiple-slider/MultipleSlider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MultipleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multiple-slider/MultipleSlider.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/multiple-slider/MultipleSlider.js

@@ -1,19 +1,19 @@
 import '../../../assets/MultipleSlider.css';
-import { jsxs as S, jsx as m } from "react/jsx-runtime";
-import v from "react";
-import F from "../../tags/icon-chip/IconChip.js";
-import T from "../../tags/chip/Chip.js";
-import y from "../../actions/knob/Knob.js";
+import { jsxs as I, jsx as g } from "react/jsx-runtime";
+import T from "react";
 import { r as f } from "../../../do-map-2nhWP1KI.js";
-import { t as x } from "../../../do-classnames-DSDFCvzy.js";
-const E = (h, e, o, l = "LINEAR") => {
+import { t as E } from "../../../do-classnames-DSDFCvzy.js";
+import w from "../../tags/icon-chip/IconChip.js";
+import D from "../../tags/chip/Chip.js";
+import F from "../../actions/knob/Knob.js";
+const M = (h, e, i, l = "LINEAR") => {
   let t = 1;
   const p = {};
   return h.map((r) => {
-    p[r] = l !== "NONE" ? parseFloat(f(w(l, t), 0, 1, e, o).toFixed(1)) : r, t -= 1 / (h.length - 1), t < 0.01 && (t = 0);
+    p[r] = l !== "NONE" ? parseFloat(f(A(l, t), 0, 1, e, i).toFixed(1)) : r, t -= 1 / (h.length - 1), t < 0.01 && (t = 0);
   }), p;
-}, w = (h, e) => {
-  var o;
+}, A = (h, e) => {
+  var i;
   const l = {
     LINEAR: (t) => t,
     EASEIN_SINE: (t) => Math.pow(t, 1.2),
@@ -26,42 +26,42 @@ const E = (h, e, o, l = "LINEAR") => {
     EASEOUT_CUBIC: (t) => Math.sin(t * Math.PI / 2),
     EASEINOUT_CUBIC: (t) => -(Math.cos(Math.PI * t) - 1) / 2
   };
-  return (o = l[h ?? "LINEAR"]) == null ? void 0 : o.call(l, e);
-}, D = (h, e, o, l, t, p) => {
-  const r = [], a = o || l ? 0.1 : 1;
+  return (i = l[h ?? "LINEAR"]) == null ? void 0 : i.call(l, e);
+}, _ = (h, e, i, l, t, p = 1) => {
+  const r = [], a = i ? p * 10 : p;
   Object.entries(h).sort((c, u) => c[1] - u[1]).forEach((c) => {
     r.push(c[0]);
   });
-  const i = r.indexOf(
+  const n = r.indexOf(
     e.dataset.id
-  ), n = h, s = n[r[i]];
-  return s + a <= t ? n[r[i]] = t : s + a >= p ? n[r[i]] = p : n[r[i]] = n[r[i]] + a, {
-    scale: n
+  ), o = h, s = o[r[n]];
+  return s + a <= l ? o[r[n]] = l : s + a >= t ? o[r[n]] = t : o[r[n]] = o[r[n]] + a, {
+    scale: o
   };
-}, A = (h, e, o, l, t, p) => {
-  const r = [], a = o || l ? 0.1 : 1;
+}, N = (h, e, i, l, t, p = 1) => {
+  const r = [], a = i ? p * 10 : p;
   Object.entries(h).sort((c, u) => c[1] - u[1]).forEach((c) => {
     r.push(c[0]);
   });
-  const i = r.indexOf(
+  const n = r.indexOf(
     e.dataset.id
-  ), n = h, s = n[r[i]];
-  return s - a <= t ? n[r[i]] = t : s - a >= p ? n[r[i]] = p : n[r[i]] = n[r[i]] - a, {
-    scale: n
+  ), o = h, s = o[r[n]];
+  return s - a <= l ? o[r[n]] = l : s - a >= t ? o[r[n]] = t : o[r[n]] = o[r[n]] - a, {
+    scale: o
   };
-}, _ = (h) => {
+}, O = (h) => {
   const e = Math.floor(Math.abs(h)).toString().length;
   return Math.pow(10, e - 1);
-}, N = (h, e) => {
-  const o = Object.entries(h).map(([a, i]) => ({
+}, L = (h, e) => {
+  const i = Object.entries(h).map(([a, n]) => ({
     index: parseFloat(a),
-    value: i
-  })).filter((a) => a.index > 0), l = Math.min(...o.map((a) => a.index)), t = _(l), p = o.filter(
+    value: n
+  })).filter((a) => a.index > 0), l = Math.min(...i.map((a) => a.index)), t = O(l), p = i.filter(
     (a) => a.index !== parseFloat(e.dataset.id)
   ), r = p.reduce(
-    (a, i, n) => {
-      const s = Math.max(1, n + 1) * t;
-      return a[s] = p[n].value, a;
+    (a, n, o) => {
+      const s = Math.max(1, o + 1) * t;
+      return a[s] = p[o].value, a;
     },
     {}
   );
@@ -71,32 +71,32 @@ const E = (h, e, o, l = "LINEAR") => {
     min: Math.min(...Object.values(r)),
     max: Math.max(...Object.values(r))
   };
-}, K = (h) => {
+}, C = (h) => {
   const e = Math.floor(Math.abs(h)).toString().length;
   return Math.pow(10, e - 1);
-}, O = (h, e, o, l) => {
+}, K = (h, e, i, l) => {
   const t = Object.entries(e).map(([s, c]) => ({
     index: Math.max(1, parseFloat(s)),
     value: c
-  })).filter((s) => s.index > 0), p = K(Math.min(...t.map((s) => s.index))), r = t[0].value > t[t.length - 1].value, a = h.target, i = parseFloat(
-    f(h.layerX, 0, a.offsetWidth, o, l).toFixed(1)
+  })).filter((s) => s.index > 0), p = C(Math.min(...t.map((s) => s.index))), r = t[0].value > t[t.length - 1].value, a = h.target, n = parseFloat(
+    f(h.layerX, 0, a.offsetWidth, i, l).toFixed(1)
   );
   t.push({
     index: Math.max(...t.map((s) => s.index)) + p,
-    value: i
+    value: n
   }), t.sort((s, c) => r ? c.value - s.value : s.value - c.value);
-  const n = t.reduce(
+  const o = t.reduce(
     (s, c, u) => (s[(u + 1) * p] = c.value, s),
     {}
   );
   return {
-    scale: n,
-    stops: Object.keys(n).map((s) => parseFloat(s)),
-    min: Math.min(...Object.values(n)),
-    max: Math.max(...Object.values(n))
+    scale: o,
+    stops: Object.keys(o).map((s) => parseFloat(s)),
+    min: Math.min(...Object.values(o)),
+    max: Math.max(...Object.values(o))
   };
 };
-class B extends v.Component {
+class H extends T.Component {
   static defaultProps = {
     scale: {},
     stops: {
@@ -118,13 +118,13 @@ class B extends v.Component {
     };
   }
   // Handlers
-  validHandler = (e, o) => {
-    const { scale: l, onChange: t, range: p } = this.props, r = p.step || 0.1, a = l ?? {}, i = o.target;
-    if (i.value !== "") {
-      let n = parseFloat(i.value);
-      n = Math.round(n / r) * r, n > parseFloat(i.max) ? n = parseFloat(i.max) : n < parseFloat(i.min) && (n = parseFloat(i.min));
+  validHandler = (e, i) => {
+    const { scale: l, onChange: t, range: p } = this.props, r = p.step || 0.1, a = l ?? {}, n = i.target;
+    if (n.value !== "") {
+      let o = parseFloat(n.value);
+      o = Math.round(o / r) * r, o > parseFloat(n.max) ? o = parseFloat(n.max) : o < parseFloat(n.min) && (o = parseFloat(n.min));
       const s = r.toString().split(".")[1]?.length || 0;
-      a[e] = parseFloat(n.toFixed(s)), t("TYPED", {
+      a[e] = parseFloat(o.toFixed(s)), t("TYPED", {
         scale: a
       });
     }
@@ -132,52 +132,51 @@ class B extends v.Component {
   // Direct Actions
   onGrab = (e) => {
     e.stopPropagation();
-    const o = e.currentTarget, l = o.parentElement, t = e.clientX - e.currentTarget.getBoundingClientRect().left - e.currentTarget.getBoundingClientRect().width / 2, p = l.offsetWidth, r = l.parentElement, a = Array.from(l.children);
+    const i = e.currentTarget, l = i.parentElement, t = e.clientX - e.currentTarget.getBoundingClientRect().left - e.currentTarget.getBoundingClientRect().width / 2, p = l.getBoundingClientRect(), r = p.width, a = l.parentElement, n = Array.from(l.children);
     this.setState({
-      activeKnobId: o.dataset.id || null
+      activeKnobId: i.dataset.id || null
     });
-    const i = (n) => {
-      const { range: s, onChange: c } = this.props, u = {};
-      a.forEach(
-        (d) => u[d.dataset.id] = parseFloat(
+    const o = (s) => {
+      const { range: c, onChange: u } = this.props, d = {};
+      n.forEach(
+        (m) => d[m.dataset.id] = parseFloat(
           f(
-            parseFloat(d.style.left.replace("%", "")),
+            parseFloat(m.style.left.replace("%", "")),
             0,
             100,
-            s.min,
-            s.max
+            c.min,
+            c.max
           ).toFixed(1)
         )
-      ), c(n, {
-        scale: u
+      ), u(s, {
+        scale: d
       });
     };
-    o.style.zIndex = "2", document.onmousemove = (n) => this.onSlide(
-      n,
-      r,
-      l,
+    i.style.zIndex = "2", document.onmousemove = (s) => this.onSlide(
+      s,
       a,
-      o,
+      l,
+      n,
+      i,
       t,
+      r,
       p,
-      (s) => i(s)
-    ), document.onmouseup = () => this.onRelease(a, o, (n) => i(n));
+      (c) => o(c)
+    ), document.onmouseup = () => this.onRelease(n, i, (s) => o(s));
   };
-  onSlide = (e, o, l, t, p, r, a, i) => {
-    const { min: n, max: s, step: c = 0.1 } = this.props.range, u = parseFloat(
-      window.getComputedStyle(o, null).getPropertyValue("padding-left")
-    );
-    let d = e.clientX - o.offsetLeft - u - r;
+  onSlide = (e, i, l, t, p, r, a, n, o) => {
+    const { min: s, max: c, step: u = 0.1 } = this.props.range;
+    let d = e.clientX - n.left - r;
     if (d <= 0 ? d = 0 : d >= a && (d = a), p === l.firstChild && e.shiftKey)
       return this.distributeStops(
         "MIN",
-        parseFloat(f(d, 0, a, n, s).toFixed(1)),
+        parseFloat(f(d, 0, a, s, c).toFixed(1)),
         t
       );
     if (p === l.lastChild && e.shiftKey)
       return this.distributeStops(
         "MAX",
-        parseFloat(f(d, 0, a, n, s).toFixed(1)),
+        parseFloat(f(d, 0, a, s, c).toFixed(1)),
         t
       );
     if (e.ctrlKey || e.metaKey)
@@ -185,72 +184,92 @@ class B extends v.Component {
         d = p.offsetLeft;
       else
         return this.linkStops(
-          parseFloat(f(d, 0, a, n, s).toFixed(1)),
+          parseFloat(f(d, 0, a, s, c).toFixed(1)),
           p,
           t
         );
     e.ctrlKey === !1 && e.metaKey === !1 && e.shiftKey === !1 && this.setState({
       isTooltipDisplay: Array(t.length).fill(!1)
     });
-    const g = f(d, 0, a, n, s), I = Math.round(g / c) * c, M = c.toString().split(".")[1]?.length || 0, b = f(I, n, s, 0, 100);
-    p.style.left = b.toFixed(M) + "%", requestAnimationFrame(() => {
-      p.focus();
-    }), i("UPDATING"), document.body.style.cursor = "ew-resize";
+    const m = f(d, 0, a, s, c), y = Math.round(m / u) * u, S = u.toString().split(".")[1]?.length || 0;
+    if (u >= 1) {
+      const x = parseFloat(
+        f(
+          parseFloat(p.style.left.replace("%", "")),
+          0,
+          100,
+          s,
+          c
+        ).toFixed(S)
+      ), b = parseFloat(y.toFixed(S));
+      if (x !== b) {
+        const v = f(y, s, c, 0, 100);
+        p.style.left = v.toFixed(S) + "%", requestAnimationFrame(() => {
+          p.focus();
+        }), o("UPDATING");
+      }
+    } else {
+      const x = f(y, s, c, 0, 100);
+      p.style.left = x.toFixed(S) + "%", requestAnimationFrame(() => {
+        p.focus();
+      }), o("UPDATING");
+    }
+    document.body.style.cursor = "ew-resize";
   };
-  onRelease = (e, o, l) => {
-    document.onmousemove = null, document.onmouseup = null, o.onmouseup = null, o.style.zIndex = "1", this.setState({
+  onRelease = (e, i, l) => {
+    document.onmousemove = null, document.onmouseup = null, i.onmouseup = null, i.style.zIndex = "1", this.setState({
       activeKnobId: null
     }), requestAnimationFrame(() => {
-      o.focus();
+      i.focus();
     }), this.setState({
       isTooltipDisplay: Array(e.length).fill(!1)
     }), l("RELEASED"), document.body.style.cursor = "";
   };
   onAdd = (e) => {
-    const { scale: o, onChange: l } = this.props, { min: t, max: p } = this.props.range, r = O(e.nativeEvent, o, t, p);
+    const { scale: i, onChange: l } = this.props, { min: t, max: p } = this.props.range, r = K(e.nativeEvent, i, t, p);
     l("SHIFTED", r, "ADD_STOP");
   };
   onDelete = (e) => {
-    const { scale: o, onChange: l } = this.props, t = N(o, e);
+    const { scale: i, onChange: l } = this.props, t = L(i, e);
     l("SHIFTED", t, "DELETE_STOP");
   };
-  onShiftRight = (e, o, l) => {
-    const { scale: t, onChange: p } = this.props, { min: r, max: a } = this.props.range, i = D(t, e, o, l, r, a);
-    p("SHIFTED", i), requestAnimationFrame(() => {
-      const n = e.closest(".multiple-slider__range");
-      if (n) {
-        const s = n.querySelector(
+  onShiftRight = (e, i) => {
+    const { scale: l, onChange: t } = this.props, { min: p, max: r, step: a = 1 } = this.props.range, n = _(l, e, i, p, r, a);
+    t("SHIFTED", n), requestAnimationFrame(() => {
+      const o = e.closest(".multiple-slider__range");
+      if (o) {
+        const s = o.querySelector(
           `[data-id="${e.dataset.id}"]`
         );
         s instanceof HTMLElement && s.focus();
       }
     });
   };
-  onShiftLeft = (e, o, l) => {
-    const { scale: t, onChange: p } = this.props, { min: r, max: a } = this.props.range, i = A(t, e, o, l, r, a);
-    p("SHIFTED", i), requestAnimationFrame(() => {
-      const n = e.closest(".multiple-slider__range");
-      if (n) {
-        const s = n.querySelector(
+  onShiftLeft = (e, i) => {
+    const { scale: l, onChange: t } = this.props, { min: p, max: r, step: a = 1 } = this.props.range, n = N(l, e, i, p, r, a);
+    t("SHIFTED", n), requestAnimationFrame(() => {
+      const o = e.closest(".multiple-slider__range");
+      if (o) {
+        const s = o.querySelector(
           `[data-id="${e.dataset.id}"]`
         );
         s instanceof HTMLElement && s.focus();
       }
     });
   };
-  distributeStops = (e, o, l) => {
-    const { scale: t, distributionEasing: p, onChange: r, range: a } = this.props, { min: i, max: n, step: s = 0.1 } = a, c = Math.round(o / s) * s, u = s.toString().split(".")[1]?.length || 0;
+  distributeStops = (e, i, l) => {
+    const { scale: t, distributionEasing: p, onChange: r, range: a } = this.props, { min: n, max: o, step: s = 0.1 } = a, c = Math.round(i / s) * s, u = s.toString().split(".")[1]?.length || 0;
     e === "MIN" ? r("UPDATING", {
-      scale: E(
-        Object.entries(t).sort((d, g) => g[1] - d[1]).map((d) => parseFloat(d[0])),
+      scale: M(
+        Object.entries(t).sort((d, m) => m[1] - d[1]).map((d) => parseFloat(d[0])),
         parseFloat(c.toFixed(u)),
-        Math.max(...Object.values(t)) ?? n,
+        Math.max(...Object.values(t)) ?? o,
         p
       )
     }) : e === "MAX" && r("UPDATING", {
-      scale: E(
-        Object.entries(t).sort((d, g) => g[1] - d[1]).map((d) => parseFloat(d[0])),
-        Math.min(...Object.values(t)) ?? i,
+      scale: M(
+        Object.entries(t).sort((d, m) => m[1] - d[1]).map((d) => parseFloat(d[0])),
+        Math.min(...Object.values(t)) ?? n,
         parseFloat(c.toFixed(u)),
         p
       )
@@ -258,28 +277,28 @@ class B extends v.Component {
       isTooltipDisplay: Array(l.length).fill(!0)
     }), document.body.style.cursor = "ew-resize";
   };
-  linkStops = (e, o, l) => {
-    const { scale: t, onChange: p, range: r } = this.props, { step: a = 0.1 } = r, i = t, n = Math.round(e / a) * a, s = a.toString().split(".")[1]?.length || 0;
-    l.filter((c) => c !== o).forEach((c) => {
-      const u = i[c.dataset.id] - i[o.dataset.id] + n, d = Math.round(u / a) * a;
-      i[c.dataset.id] = parseFloat(
+  linkStops = (e, i, l) => {
+    const { scale: t, onChange: p, range: r } = this.props, { step: a = 0.1 } = r, n = t, o = Math.round(e / a) * a, s = a.toString().split(".")[1]?.length || 0;
+    l.filter((c) => c !== i).forEach((c) => {
+      const u = n[c.dataset.id] - n[i.dataset.id] + o, d = Math.round(u / a) * a;
+      n[c.dataset.id] = parseFloat(
         d.toFixed(s)
       );
-    }), i[o.dataset.id] = parseFloat(
-      n.toFixed(s)
+    }), n[i.dataset.id] = parseFloat(
+      o.toFixed(s)
     ), this.setState({
       isTooltipDisplay: this.state.isTooltipDisplay.fill(!0)
     }), p("UPDATING", {
-      scale: i
+      scale: n
     }), document.body.style.cursor = "ew-resize";
   };
   // Templates
   Status = () => {
-    const { warning: e, isBlocked: o, isNew: l } = this.props;
-    if (e || o || l)
-      return /* @__PURE__ */ S("div", { className: "multiple-slider__status", children: [
-        e !== void 0 && /* @__PURE__ */ m(
-          F,
+    const { warning: e, isBlocked: i, isNew: l } = this.props;
+    if (e || i || l)
+      return /* @__PURE__ */ I("div", { className: "multiple-slider__status", children: [
+        e !== void 0 && /* @__PURE__ */ g(
+          w,
           {
             iconType: "PICTO",
             iconName: "warning",
@@ -288,22 +307,22 @@ class B extends v.Component {
             type: e.type
           }
         ),
-        (o || l) && /* @__PURE__ */ m(
-          T,
+        (i || l) && /* @__PURE__ */ g(
+          D,
           {
             isSolo: !0,
-            action: o ? this.props.onUnblock : void 0,
+            action: i ? this.props.onUnblock : void 0,
             children: l ? "New" : "Pro"
           }
         )
       ] });
   };
   Edit = () => {
-    const { scale: e, range: o, colors: l, tips: t, isBlocked: p } = this.props, { isTooltipDisplay: r } = this.state;
-    return /* @__PURE__ */ m(
+    const { scale: e, range: i, colors: l, tips: t, isBlocked: p } = this.props, { isTooltipDisplay: r } = this.state;
+    return /* @__PURE__ */ g(
       "div",
       {
-        className: x([
+        className: E([
           "multiple-slider__range",
           p && "multiple-slider__range--blocked"
         ]),
@@ -311,30 +330,30 @@ class B extends v.Component {
           background: `linear-gradient(90deg, ${l.min}, ${l.max})`
         },
         role: "presentation",
-        children: Object.entries(e).sort((a, i) => a[1] - i[1]).map((a, i, n) => /* @__PURE__ */ m(
-          y,
+        children: Object.entries(e).sort((a, n) => a[1] - n[1]).map((a, n, o) => /* @__PURE__ */ g(
+          F,
           {
             id: a[0],
             shortId: a[0],
             value: a[1],
-            offset: f(a[1], o.min, o.max, 0, 100),
-            min: o.min.toString(),
-            max: o.max.toString(),
-            helper: i === 0 || i === n.length - 1 ? {
+            offset: f(a[1], i.min, i.max, 0, 100),
+            min: i.min.toString(),
+            max: i.max.toString(),
+            helper: n === 0 || n === o.length - 1 ? {
               label: t.minMax,
               type: "MULTI_LINE"
             } : void 0,
             canBeTyped: !0,
-            isDisplayed: r[i],
+            isDisplayed: r[n],
             isBlocked: p,
             style: {
               pointerEvents: this.state.activeKnobId && this.state.activeKnobId !== a[0] || p ? "none" : "auto"
             },
             onShiftRight: (s) => {
-              this.onShiftRight(s.target, s.metaKey, s.ctrlKey);
+              this.onShiftRight(s.target, s.shiftKey);
             },
             onShiftLeft: (s) => {
-              this.onShiftLeft(s.target, s.metaKey, s.ctrlKey);
+              this.onShiftLeft(s.target, s.shiftKey);
             },
             onMouseDown: (s) => {
               this.onGrab(s), s.target.focus();
@@ -348,55 +367,55 @@ class B extends v.Component {
     );
   };
   FullyEdit = () => {
-    const { scale: e, stops: o, range: l, colors: t, tips: p, isBlocked: r } = this.props, { isTooltipDisplay: a } = this.state;
-    return /* @__PURE__ */ m(
+    const { scale: e, stops: i, range: l, colors: t, tips: p, isBlocked: r } = this.props, { isTooltipDisplay: a } = this.state;
+    return /* @__PURE__ */ g(
       "div",
       {
-        className: x([
+        className: E([
           "multiple-slider__range",
-          o.list.length < (o.max ?? 1 / 0) && !r && "multiple-slider__range--add",
-          o.list.length === (o.max ?? 1 / 0) && "multiple-slider__range--not-allowed",
+          i.list.length < (i.max ?? 1 / 0) && !r && "multiple-slider__range--add",
+          i.list.length === (i.max ?? 1 / 0) && "multiple-slider__range--not-allowed",
           r && "multiple-slider__range--blocked"
         ]),
         style: {
           background: `linear-gradient(90deg, ${t.min}, ${t.max})`
         },
-        onMouseDown: (i) => o.list.length < (o.max ?? 1 / 0) && this.onAdd(i),
-        children: Object.entries(e).sort((i, n) => i[1] - n[1]).map((i, n, s) => /* @__PURE__ */ m(
-          y,
+        onMouseDown: (n) => i.list.length < (i.max ?? 1 / 0) && this.onAdd(n),
+        children: Object.entries(e).sort((n, o) => n[1] - o[1]).map((n, o, s) => /* @__PURE__ */ g(
+          F,
           {
-            id: i[0],
-            shortId: i[0],
-            value: i[1],
-            offset: f(i[1], l.min, l.max, 0, 100),
+            id: n[0],
+            shortId: n[0],
+            value: n[1],
+            offset: f(n[1], l.min, l.max, 0, 100),
             min: l.min.toString(),
             max: l.max.toString(),
-            helper: n === 0 || n === s.length - 1 ? {
+            helper: o === 0 || o === s.length - 1 ? {
               label: p.minMax,
               type: "MULTI_LINE"
             } : void 0,
             canBeTyped: !0,
-            isDisplayed: a[n],
+            isDisplayed: a[o],
             isBlocked: r,
             style: {
-              pointerEvents: this.state.activeKnobId && this.state.activeKnobId !== i[0] || r ? "none" : "auto"
+              pointerEvents: this.state.activeKnobId && this.state.activeKnobId !== n[0] || r ? "none" : "auto"
             },
             onShiftRight: (c) => {
-              this.onShiftRight(c.target, c.metaKey, c.ctrlKey);
+              this.onShiftRight(c.target, c.shiftKey);
             },
             onShiftLeft: (c) => {
-              this.onShiftLeft(c.target, c.metaKey, c.ctrlKey);
+              this.onShiftLeft(c.target, c.shiftKey);
             },
             onDelete: (c) => {
-              o.list.length > (o.min ?? 1 / 0) && this.onDelete(c.target);
+              i.list.length > (i.min ?? 1 / 0) && this.onDelete(c.target);
             },
             onMouseDown: (c) => {
               this.onGrab(c), c.target.focus();
             },
             onValidStopValue: (c, u) => this.validHandler(c, u),
-            "aria-valuenow": i[1]
+            "aria-valuenow": n[1]
           },
-          i[0]
+          n[0]
         ))
       }
     );
@@ -404,14 +423,14 @@ class B extends v.Component {
   // Render
   render() {
     const { type: e } = this.props;
-    return /* @__PURE__ */ S("div", { className: "multiple-slider", children: [
-      e === "EDIT" && /* @__PURE__ */ m(this.Edit, {}),
-      e === "FULLY_EDIT" && /* @__PURE__ */ m(this.FullyEdit, {}),
+    return /* @__PURE__ */ I("div", { className: "multiple-slider", children: [
+      e === "EDIT" && /* @__PURE__ */ g(this.Edit, {}),
+      e === "FULLY_EDIT" && /* @__PURE__ */ g(this.FullyEdit, {}),
       this.Status()
     ] });
   }
 }
 export {
-  B as default
+  H as default
 };
 //# sourceMappingURL=MultipleSlider.js.map