@transsionfe/semi-ui-vue 0.0.4 → 0.0.5

package/lib/es/components/slider/Slider.vue.js

@@ -1,11 +1,12 @@
-import { defineComponent as Ue, mergeModels as Pe, useModel as Xe, ref as G, reactive as We, computed as T, watch as we, onMounted as Je, onUnmounted as Ye, createElementBlock as m, openBlock as s, normalizeClass as d, createElementVNode as V, normalizeStyle as b, createCommentVNode as f, createBlock as Q, unref as l, Fragment as Z, renderList as ye, withCtx as _, withDirectives as Re, toDisplayString as ee, vShow as Oe } from "vue";
-import ae from "classnames";
-import { cssClasses as v } from "@douyinfe/semi-foundation/slider/constants";
-import qe from "@douyinfe/semi-foundation/slider/foundation";
-import le from "../tooltip/Tooltip.vue.js";
-const Ge = ["aria-label"], Qe = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], Ze = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], _e = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], ea = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], aa = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], la = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], ia = { class: "semi-slider-boundary-min" }, na = { class: "semi-slider-boundary-max" }, ra = ["aria-label"], ta = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], oa = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], ua = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], sa = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], da = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], va = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], ma = { class: "semi-slider-boundary-min" }, ba = { class: "semi-slider-boundary-max" }, ca = /* @__PURE__ */ Ue({
+import { defineComponent as Oe, useModel as $e, ref as z, reactive as Be, computed as g, watch as re, onMounted as ze, onUnmounted as Ke, openBlock as b, createElementBlock as f, normalizeClass as c, createElementVNode as p, normalizeStyle as y, unref as i, Fragment as K, renderList as ae, createCommentVNode as x, createBlock as Te, withCtx as j, createVNode as le, withDirectives as Me, toDisplayString as U, vShow as Ae, mergeModels as De } from "vue";
+import X from "classnames";
+import { cssClasses as u } from "@douyinfe/semi-foundation/slider/constants";
+import je from "@douyinfe/semi-foundation/slider/foundation";
+import W from "../tooltip/Tooltip.vue.js";
+import "../tooltip/tooltip.css";
+const Ue = ["aria-label"], Xe = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], We = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], Je = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], Ye = { class: "semi-slider-boundary-min" }, qe = { class: "semi-slider-boundary-max" }, Ge = ["aria-label"], Qe = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], Ze = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], _e = ["tabindex", "aria-label", "aria-labelledby", "aria-disabled", "aria-orientation", "aria-valuetext", "aria-valuenow", "aria-valuemax", "aria-valuemin"], ea = { class: "semi-slider-boundary-min" }, aa = { class: "semi-slider-boundary-max" }, da = /* @__PURE__ */ Oe({
   __name: "Slider",
-  props: /* @__PURE__ */ Pe({
+  props: /* @__PURE__ */ De({
     disabled: { type: Boolean, default: !1 },
     showMarkLabel: { type: Boolean, default: !0 },
     included: { type: Boolean, default: !0 },
@@ -35,15 +36,15 @@ const Ge = ["aria-label"], Qe = ["tabindex", "aria-label", "aria-labelledby", "a
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Pe(["change", "afterChange", "mouseup"], ["update:modelValue"]),
-  setup(n, { emit: $e }) {
-    const ie = Xe(n, "modelValue"), r = n, ne = $e, R = G(), O = G(), W = G(), ke = G([!1, !1]), xe = G(/* @__PURE__ */ new Set()), re = G(/* @__PURE__ */ new Set()), g = We({
-      currentValue: ie.value !== void 0 ? ie.value : r.value !== void 0 ? r.value : r.range ? [0, 0] : 0,
-      min: r.min || 0,
-      max: r.max || 100,
+  emits: /* @__PURE__ */ De(["change", "afterChange", "mouseup"], ["update:modelValue"]),
+  setup(o, { emit: Ee }) {
+    const J = $e(o, "modelValue"), n = o, Y = Ee, T = z(), S = z(), Q = z(), oe = z([!1, !1]), te = z(/* @__PURE__ */ new Set()), q = z(/* @__PURE__ */ new Set()), r = Be({
+      currentValue: J.value !== void 0 ? J.value : n.value !== void 0 ? n.value : n.range ? [0, 0] : 0,
+      min: n.min || 0,
+      max: n.max || 100,
       focusPos: "",
-      onChange: (a) => ne("change", a),
-      disabled: r.disabled || !1,
+      onChange: (e) => Y("change", e),
+      disabled: n.disabled || !1,
       chooseMovePos: "",
       isDrag: !1,
       clickValue: 0,
@@ -51,24 +52,24 @@ const Ge = ["aria-label"], Qe = ["tabindex", "aria-label", "aria-labelledby", "a
       isInRenderTree: !0,
       firstDotFocusVisible: !1,
       secondDotFocusVisible: !1
-    }), Be = {
-      getContext: (a) => null,
+    }), Se = {
+      getContext: (e) => null,
       getContexts: () => ({}),
-      getCache: (a) => null,
+      getCache: (e) => null,
       getCaches: () => ({}),
-      setCache: (a, e) => {
+      setCache: (e, a) => {
       },
       getSliderLengths: () => {
-        if (R.value) {
-          const a = R.value.getBoundingClientRect(), e = R.value.offsetParent, w = e == null ? void 0 : e.getBoundingClientRect(), E = {
-            x: w ? a.left - w.left : R.value.offsetLeft,
-            y: w ? a.top - w.top : R.value.offsetTop
+        if (T.value) {
+          const e = T.value.getBoundingClientRect(), a = T.value.offsetParent, l = a == null ? void 0 : a.getBoundingClientRect(), s = {
+            x: l ? e.left - l.left : T.value.offsetLeft,
+            y: l ? e.top - l.top : T.value.offsetTop
           };
           return {
-            sliderX: E.x,
-            sliderY: E.y,
-            sliderWidth: a.width,
-            sliderHeight: a.height
+            sliderX: s.x,
+            sliderY: s.y,
+            sliderWidth: e.width,
+            sliderHeight: e.height
           };
         }
         return {
@@ -79,941 +80,772 @@ const Ge = ["aria-label"], Qe = ["tabindex", "aria-label", "aria-labelledby", "a
         };
       },
       getParentRect: () => {
-        var e;
-        const a = (e = R.value) == null ? void 0 : e.offsetParent;
-        if (a)
-          return a.getBoundingClientRect();
+        var a;
+        const e = (a = T.value) == null ? void 0 : a.offsetParent;
+        if (e)
+          return e.getBoundingClientRect();
       },
       getScrollParentVal: () => {
-        const a = y.getScrollParent(R.value);
+        const e = d.getScrollParent(T.value);
         return {
-          scrollTop: a.scrollTop,
-          scrollLeft: a.scrollLeft
+          scrollTop: e.scrollTop,
+          scrollLeft: e.scrollLeft
         };
       },
-      isEventFromHandle: (a) => {
-        const e = [O.value, W.value];
-        let w = !1;
-        return e.forEach((E) => {
-          E && E.contains(a.target) && (w = !0);
-        }), w;
+      isEventFromHandle: (e) => {
+        const a = [S.value, Q.value];
+        let l = !1;
+        return a.forEach((s) => {
+          s && s.contains(e.target) && (l = !0);
+        }), l;
       },
       getOverallVars: () => ({
-        dragging: ke.value
+        dragging: oe.value
       }),
-      updateDisabled: (a) => {
-        g.disabled = a;
+      updateDisabled: (e) => {
+        r.disabled = e;
       },
-      transNewPropsToState(a, e = () => {
+      transNewPropsToState(e, a = () => {
       }) {
-        Object.assign(g, a), e();
+        Object.assign(r, e), a();
       },
       /**
        * 通知值变化
        * 自动更新 v-model 绑定的值，并触发 change 事件
        */
-      notifyChange: (a) => {
-        const e = Array.isArray(a) ? [...a].sort((w, E) => w - E) : a;
-        ie.value = e, ne("change", e);
+      notifyChange: (e) => {
+        const a = Array.isArray(e) ? [...e].sort((l, s) => l - s) : e;
+        J.value = a, Y("change", a);
       },
-      setDragging: (a) => {
-        ke.value = a;
+      setDragging: (e) => {
+        oe.value = e;
       },
-      updateCurrentValue: (a) => {
-        a !== g.currentValue && (g.currentValue = a);
+      updateCurrentValue: (e) => {
+        e !== r.currentValue && (r.currentValue = e);
       },
-      setOverallVars: (a, e) => {
+      setOverallVars: (e, a) => {
       },
-      getMinHandleEl: () => O.value,
-      getMaxHandleEl: () => W.value,
-      onHandleDown: (a) => {
-        re.value.add(
-          fe(document.body, "mousemove", y.onHandleMove, !1)
-        ), re.value.add(fe(window, "mouseup", y.onHandleUp, !1)), re.value.add(
-          fe(document.body, "touchmove", y.onHandleTouchMove, !1)
+      getMinHandleEl: () => S.value,
+      getMaxHandleEl: () => Q.value,
+      onHandleDown: (e) => {
+        q.value.add(
+          ne(document.body, "mousemove", d.onHandleMove, !1)
+        ), q.value.add(ne(window, "mouseup", d.onHandleUp, !1)), q.value.add(
+          ne(document.body, "touchmove", d.onHandleTouchMove, !1)
         );
       },
-      onHandleMove: (a, e, w = () => {
-      }, E = !1, U) => {
-        if (!y.checkAndUpdateIsInRenderTreeState())
+      onHandleMove: (e, a, l = () => {
+      }, s = !1, t) => {
+        if (!d.checkAndUpdateIsInRenderTreeState())
           return;
-        const { value: be } = r;
-        let X = U;
-        if (X === void 0) {
-          const oe = y.transPosToValue(a, e);
-          if (oe === !1)
+        const { value: Ne } = n;
+        let G = t;
+        if (G === void 0) {
+          const he = d.transPosToValue(e, a);
+          if (he === !1)
             return;
-          X = y.outPutValue(oe);
+          G = d.outPutValue(he);
         }
-        const { currentValue: te } = g;
-        if (y.outPutValue(te) !== X && JSON.stringify(y.outPutValue(te)) !== JSON.stringify(X)) {
-          if (!E && y.valueFormatIsCorrect(be))
+        const { currentValue: ke } = r;
+        if (d.outPutValue(ke) !== G && JSON.stringify(d.outPutValue(ke)) !== JSON.stringify(G)) {
+          if (!s && d.valueFormatIsCorrect(Ne))
             return !1;
-          g.currentValue = X, w();
+          r.currentValue = G, l();
         }
       },
-      setEventDefault: (a) => {
-        a.stopPropagation(), a.preventDefault();
+      setEventDefault: (e) => {
+        e.stopPropagation(), e.preventDefault();
       },
-      setStateVal: (a, e) => {
-        g[a] = e;
+      setStateVal: (e, a) => {
+        r[e] = a;
       },
       checkAndUpdateIsInRenderTreeState: () => {
-        const a = je(R.value);
-        return a !== g.isInRenderTree && (g.isInRenderTree = a), a;
+        const e = Le(T.value);
+        return e !== r.isInRenderTree && (r.isInRenderTree = e), e;
       },
-      onHandleEnter: (a) => {
-        g.focusPos = a;
+      onHandleEnter: (e) => {
+        r.focusPos = e;
       },
       onHandleLeave: () => {
-        g.focusPos = "";
+        r.focusPos = "";
       },
-      onHandleUpBefore: (a) => {
-        ne("mouseup", a), a.stopPropagation(), a.preventDefault(), Array.from(re.value).forEach((e) => e()), re.value.clear();
+      onHandleUpBefore: (e) => {
+        Y("mouseup", e), e.stopPropagation(), e.preventDefault(), Array.from(q.value).forEach((a) => a()), q.value.clear();
       },
       onHandleUpAfter: () => {
-        const { currentValue: a } = g, e = y.outPutValue(a);
-        ne("afterChange", e);
+        const { currentValue: e } = r, a = d.outPutValue(e);
+        Y("afterChange", a);
       },
       unSubscribeEventListener: () => {
-        Array.from(xe.value).forEach((a) => a());
+        Array.from(te.value).forEach((e) => e());
       },
-      getState: (a) => g[a],
-      getStates: () => g,
-      getProp: (a) => r[a],
-      getProps: () => r,
-      setState: (a) => {
-        Object.assign(g, a);
+      getState: (e) => r[e],
+      getStates: () => r,
+      getProp: (e) => n[e],
+      getProps: () => n,
+      setState: (e) => {
+        Object.assign(r, e);
       },
-      stopPropagation: (a) => {
-        var e;
+      stopPropagation: (e) => {
+        var a;
         try {
-          a.stopPropagation(), (e = a.stopImmediatePropagation) == null || e.call(a);
+          e.stopPropagation(), (a = e.stopImmediatePropagation) == null || a.call(e);
         } catch {
         }
       },
-      persistEvent: (a) => {
+      persistEvent: (e) => {
       }
-    }, y = new qe(Be), D = T(() => r.vertical ? "top" : "left"), ce = T(() => y.getMinAndMaxPercent(g.currentValue)), A = T(() => ce.value.min), $ = T(() => ce.value.max), Fe = T(() => r.tipFormatter === null ? null : r.tipFormatter || ((a) => a)), Te = T(() => y.computeHandleVisibleVal(
-      r.tooltipVisible && g.isInRenderTree,
-      Fe.value,
-      r.range
-    )), J = T(() => Te.value.tipVisible), Y = T(() => {
-      const a = Te.value.tipChildren;
-      return {
-        min: a.min != null ? String(a.min) : "",
-        max: a.max != null ? String(a.max) : null
+    }, d = new je(Se), M = g(() => n.vertical ? "top" : "left"), se = g(() => d.getMinAndMaxPercent(r.currentValue)), w = g(() => se.value.min), A = g(() => se.value.max), Ce = g(() => n.tipFormatter === null ? null : n.tipFormatter || ((e) => e)), Ie = g(() => {
+      const e = n.tooltipVisible === void 0 ? void 0 : n.tooltipVisible && r.isInRenderTree;
+      return r.focusPos, r.currentValue, d.computeHandleVisibleVal(e, Ce.value, n.range);
+    }), Z = g(() => {
+      const e = r.focusPos;
+      if (console.log("[Slider] tipVisible computed triggered", {
+        focusPos: e,
+        tipFormatter: n.tipFormatter,
+        tooltipVisible: n.tooltipVisible,
+        isInRenderTree: r.isInRenderTree
+      }), n.tooltipVisible === !0 && r.isInRenderTree) {
+        const l = { min: !0, max: !0 };
+        return console.log("[Slider] tipVisible computed (tooltipVisible=true)", l), l;
+      }
+      if (n.tooltipVisible === !1) {
+        const l = { min: !1, max: !1 };
+        return console.log("[Slider] tipVisible computed (tooltipVisible=false)", l), l;
+      }
+      if (n.tipFormatter === null) {
+        const l = { min: !1, max: !1 };
+        return console.log("[Slider] tipVisible computed (tipFormatter=null)", l), l;
+      }
+      if (n.tooltipVisible === void 0) {
+        const l = {
+          min: e === "min",
+          max: e === "max"
+        };
+        return console.log("[Slider] tipVisible computed (tooltipVisible=undefined)", {
+          result: l,
+          focusPos: e,
+          tipFormatter: n.tipFormatter,
+          isInRenderTree: r.isInRenderTree
+        }), l;
+      }
+      const a = {
+        min: e === "min",
+        max: e === "max"
       };
-    }), K = T(() => ae(v.HANDLE, {
-      [`${v.HANDLE}-clicked`]: g.chooseMovePos === "min" && g.isDrag
-    })), ue = T(() => ae(v.HANDLE, {
-      [`${v.HANDLE}-clicked`]: g.chooseMovePos === "max" && g.isDrag
-    })), Ae = T(() => ae(
-      `${v.PREFIX}-wrapper`,
+      return console.log("[Slider] tipVisible computed (fallback)", a), a;
+    }), D = g(() => {
+      const e = Ie.value.tipChildren, a = {
+        min: e.min != null ? String(e.min) : "",
+        max: e.max != null ? String(e.max) : null
+      };
+      return console.log("[Slider] tipChildren computed", a), a;
+    }), ie = g(() => {
+      const e = r.focusPos, a = r.isInRenderTree, l = r.firstDotFocusVisible;
+      console.log("[Slider] tooltipVisibleMin computed triggered", {
+        focusPos: e,
+        isInRenderTree: a,
+        firstDotFocusVisible: l
+      });
+      const s = Z.value, t = a && (s.min || l);
+      return console.log("[Slider] tooltipVisibleMin computed result", {
+        visible: t,
+        isInRenderTree: a,
+        tipVisibleMin: s.min,
+        firstDotFocusVisible: l,
+        tipChildrenMin: D.value.min,
+        focusPos: e,
+        tipFormatter: n.tipFormatter,
+        tooltipVisible: n.tooltipVisible
+      }), t;
+    }), Pe = g(() => {
+      const e = r.focusPos, a = r.isInRenderTree, l = r.secondDotFocusVisible, s = Z.value, t = a && (s.max || l);
+      return console.log("[Slider] tooltipVisibleMax computed", {
+        visible: t,
+        isInRenderTree: a,
+        tipVisibleMax: s.max,
+        secondDotFocusVisible: l,
+        tipChildrenMax: D.value.max,
+        focusPos: e
+      }), t;
+    }), _ = g(() => X(u.HANDLE, {
+      [`${u.HANDLE}-clicked`]: r.chooseMovePos === "min" && r.isDrag
+    })), ue = g(() => X(u.HANDLE, {
+      [`${u.HANDLE}-clicked`]: r.chooseMovePos === "max" && r.isDrag
+    })), de = g(() => X(
+      `${u.PREFIX}-wrapper`,
       {
-        [`${v.PREFIX}-disabled`]: g.disabled,
-        [`${v.VERTICAL}-wrapper`]: r.vertical,
-        [`${v.PREFIX}-reverse`]: r.vertical && r.verticalReverse
+        [`${u.PREFIX}-disabled`]: r.disabled,
+        [`${u.VERTICAL}-wrapper`]: n.vertical,
+        [`${u.PREFIX}-reverse`]: n.vertical && n.verticalReverse
       },
-      r.className
-    )), Me = T(() => ae(`${v.PREFIX}-boundary`, {
-      [`${v.PREFIX}-boundary-show`]: r.showBoundary && g.showBoundary
-    })), Ke = T(() => ae({
-      [`${v.PREFIX}`]: !r.vertical,
-      [v.VERTICAL]: r.vertical
-    })), Ve = T(() => {
-      const { range: a, included: e, vertical: w } = r;
-      return e ? w ? {
-        height: a ? `${Math.abs($.value - A.value) * 100}%` : `${A.value * 100}%`,
-        top: a ? `${Math.min(A.value, $.value) * 100}%` : "0"
+      n.className
+    )), ve = g(() => X(`${u.PREFIX}-boundary`, {
+      [`${u.PREFIX}-boundary-show`]: n.showBoundary && r.showBoundary
+    })), Re = g(() => X({
+      [`${u.PREFIX}`]: !n.vertical,
+      [u.VERTICAL]: n.vertical
+    })), ce = g(() => {
+      const { range: e, included: a, vertical: l } = n;
+      return a ? l ? {
+        height: e ? `${Math.abs(A.value - w.value) * 100}%` : `${w.value * 100}%`,
+        top: e ? `${Math.min(w.value, A.value) * 100}%` : "0"
       } : {
-        width: a ? `${Math.abs($.value - A.value) * 100}%` : `${A.value * 100}%`,
-        left: a ? `${Math.min(A.value, $.value) * 100}%` : "0"
+        width: e ? `${Math.abs(A.value - w.value) * 100}%` : `${w.value * 100}%`,
+        left: e ? `${Math.min(w.value, A.value) * 100}%` : "0"
       } : {};
-    }), De = T(() => r.marks && Object.keys(r.marks).length > 0), u = T(() => {
-      const a = {
-        "aria-label": r["aria-label"] ?? (r.disabled ? "Disabled Slider" : void 0),
-        "aria-labelledby": r["aria-labelledby"],
-        "aria-disabled": r.disabled
+    }), me = g(() => n.marks && Object.keys(n.marks).length > 0), m = g(() => {
+      const e = {
+        "aria-label": n["aria-label"] ?? (n.disabled ? "Disabled Slider" : void 0),
+        "aria-labelledby": n["aria-labelledby"],
+        "aria-disabled": n.disabled
       };
-      return r.vertical && (a["aria-orientation"] = "vertical"), a;
-    }), Ee = T(() => {
-      if (r.range) {
-        const a = Array.isArray(g.currentValue) ? [...g.currentValue].sort() : g.currentValue, e = (w, E) => r.getAriaValueText ? r.getAriaValueText(w, E) : w;
-        return `Range: ${e(a[0], 0)} to ${e(a[1], 1)}`;
+      return n.vertical && (e["aria-orientation"] = "vertical"), e;
+    }), be = g(() => {
+      if (n.range) {
+        const e = Array.isArray(r.currentValue) ? [...r.currentValue].sort() : r.currentValue, a = (l, s) => n.getAriaValueText ? n.getAriaValueText(l, s) : l;
+        return `Range: ${a(e[0], 0)} to ${a(e[1], 1)}`;
       }
-    }), k = T(() => Array.isArray(r.handleDot) ? void 0 : r.handleDot), o = T(() => Array.isArray(r.handleDot) ? r.handleDot : void 0), H = T(() => r.tipFormatter === null || r.tooltipVisible === !1), {
-      min: B,
-      max: F,
-      currentValue: x,
-      chooseMovePos: C,
-      isDrag: se,
-      isInRenderTree: q,
-      firstDotFocusVisible: de,
-      secondDotFocusVisible: He,
-      disabled: p
-    } = g;
-    function je(a) {
-      return a ? !!(a.offsetWidth || a.offsetHeight || a.getClientRects().length) : !1;
+    }), k = g(() => Array.isArray(n.handleDot) ? void 0 : n.handleDot), v = g(() => Array.isArray(n.handleDot) ? n.handleDot : void 0), {
+      min: C,
+      max: I,
+      currentValue: V,
+      chooseMovePos: P,
+      isDrag: fe,
+      isInRenderTree: ye,
+      firstDotFocusVisible: He,
+      secondDotFocusVisible: Fe,
+      disabled: R
+    } = r;
+    function Le(e) {
+      return e ? !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length) : !1;
     }
-    function fe(a, e, w, ...E) {
-      if (a.addEventListener) {
-        a.addEventListener(e, w, ...E);
-        const U = () => {
-          a == null || a.removeEventListener(e, w), Promise.resolve().then(() => {
-            xe.value.delete(U);
+    function ne(e, a, l, ...s) {
+      if (e.addEventListener) {
+        e.addEventListener(a, l, ...s);
+        const t = () => {
+          e == null || e.removeEventListener(a, l), Promise.resolve().then(() => {
+            te.value.delete(t);
           });
         };
-        return xe.value.add(U), U;
+        return te.value.add(t), t;
       } else
         return () => {
         };
     }
-    function ve(a) {
-      return (a - r.min) / (r.max - r.min);
+    function ee(e) {
+      return (e - n.min) / (n.max - n.min);
     }
-    function Ce(a) {
-      return ae(`${v.PREFIX}-dot`, {
-        [`${v.PREFIX}-dot-active`]: y.isMarkActive(a) === "active"
+    function ge(e) {
+      return X(`${u.PREFIX}-dot`, {
+        [`${u.PREFIX}-dot-active`]: d.isMarkActive(e) === "active"
       });
     }
-    function pe(a) {
-      return y.isMarkActive(a);
+    function xe(e) {
+      return d.isMarkActive(e);
     }
-    function j(a) {
-      y.handleWrapClick(a);
+    function E(e) {
+      d.handleWrapClick(e);
     }
-    function z(a, e) {
-      y.onHandleDown(a, e);
+    function H(e, a) {
+      d.onHandleDown(e, a);
     }
-    function I(a) {
-      y.onHandleEnter(a);
+    function F(e) {
+      console.log("[Slider] handleMouseEnter", { pos: e, disabled: r.disabled, currentFocusPos: r.focusPos }), r.disabled || (r.focusPos = e, console.log("[Slider] focusPos updated to", r.focusPos));
     }
-    function h() {
-      y.onHandleLeave();
+    function L() {
+      d.onHandleLeave();
     }
-    function c(a) {
-      y.onHandleUp(a);
+    function h(e) {
+      d.onHandleUp(e);
     }
-    function S(a, e) {
-      y.onHandleTouchStart(a, e);
+    function N(e, a) {
+      d.onHandleTouchStart(e, a);
     }
-    function L(a, e) {
-      y.handleKeyDown(a, e);
+    function O(e, a) {
+      d.handleKeyDown(e, a);
     }
-    function N(a, e) {
-      y.onFocus(a, e);
+    function $(e, a) {
+      d.onFocus(e, a);
     }
-    function P(a, e) {
-      y.onBlur(a, e);
+    function B(e, a) {
+      d.onBlur(e, a);
     }
-    function ze() {
-      y.handleWrapperEnter();
+    function pe() {
+      d.handleWrapperEnter();
     }
-    function Ie() {
-      y.handleWrapperLeave();
+    function Ve() {
+      d.handleWrapperLeave();
     }
-    function me() {
-      y.checkAndUpdateIsInRenderTreeState();
+    function we() {
+      d.checkAndUpdateIsInRenderTreeState();
     }
-    return we(
-      () => ie.value,
-      (a, e) => {
-        if (a !== void 0 && JSON.stringify(a) !== JSON.stringify(e)) {
-          const w = g.currentValue;
-          y.handleValueChange(w, a);
+    return re(
+      () => J.value,
+      (e, a) => {
+        if (e !== void 0 && JSON.stringify(e) !== JSON.stringify(a)) {
+          const l = r.currentValue;
+          d.handleValueChange(l, e);
         }
       },
       { deep: !0 }
-    ), we(
-      () => r.value,
-      (a, e) => {
-        if (ie.value === void 0 && JSON.stringify(a) !== JSON.stringify(e)) {
-          const w = g.currentValue;
-          y.handleValueChange(w, a), ne("afterChange", a);
+    ), re(
+      () => n.value,
+      (e, a) => {
+        if (J.value === void 0 && JSON.stringify(e) !== JSON.stringify(a)) {
+          const l = r.currentValue;
+          d.handleValueChange(l, e), Y("afterChange", e);
         }
       },
       { deep: !0 }
-    ), we(
-      () => r.disabled,
-      (a) => {
-        y.handleDisabledChange(a);
+    ), re(
+      () => n.disabled,
+      (e) => {
+        d.handleDisabledChange(e);
       }
-    ), Je(() => {
-      y.init();
-    }), Ye(() => {
-      y.destroy();
-    }), (a, e) => {
-      var w, E, U, ge, be, X, te, oe, he, Se, Le, Ne;
-      return n.vertical ? (s(), m("div", {
+    ), ze(() => {
+      d.init();
+    }), Ke(() => {
+      d.destroy();
+    }), (e, a) => o.vertical ? (b(), f("div", {
+      key: 1,
+      ref_key: "sliderEl",
+      ref: T,
+      class: c(de.value),
+      style: y(n.style),
+      "aria-label": be.value,
+      onMouseenter: pe,
+      onMouseleave: Ve
+    }, [
+      p("div", {
+        class: "semi-slider-rail",
+        style: y(n.railStyle),
+        onClick: E
+      }, null, 4),
+      p("div", {
+        class: c(i(u).TRACK),
+        style: y(ce.value),
+        onClick: E
+      }, null, 6),
+      me.value ? (b(), f("div", {
+        key: 0,
+        class: c(i(u).DOTS)
+      }, [
+        (b(!0), f(K, null, ae(Object.keys(o.marks || {}), (l) => (b(), f("span", {
+          key: l,
+          class: c(ge(Number(l))),
+          style: y({ [M.value]: `calc(${ee(Number(l)) * 100}% - 2px)` }),
+          onClick: E
+        }, null, 6))), 128))
+      ], 2)) : x("", !0),
+      o.range ? x("", !0) : (b(), Te(i(W), {
         key: 1,
+        content: D.value.min,
+        "show-arrow": o.showArrow,
+        position: "top",
+        trigger: "custom",
+        "re-pos-key": w.value,
+        visible: i(ye) && (Z.value.min || i(He)),
+        "class-name": i(u).HANDLE + "-tooltip"
+      }, {
+        default: j(() => {
+          var l, s;
+          return [
+            p("span", {
+              ref_key: "minHandleEl",
+              ref: S,
+              class: c(_.value),
+              style: y({
+                [M.value]: `${w.value * 100}%`,
+                zIndex: i(P) === "min" && i(fe) ? 2 : 1
+              }),
+              role: "slider",
+              tabindex: i(R) ? -1 : 0,
+              "aria-label": m.value["aria-label"],
+              "aria-labelledby": m.value["aria-labelledby"],
+              "aria-disabled": m.value["aria-disabled"],
+              "aria-orientation": m.value["aria-orientation"],
+              "aria-valuetext": o.getAriaValueText ? o.getAriaValueText(i(V), 0) : n["aria-valuetext"],
+              "aria-valuenow": i(V),
+              "aria-valuemax": i(I),
+              "aria-valuemin": i(C),
+              onMousedown: a[36] || (a[36] = (t) => H(t, "min")),
+              onMouseenter: a[37] || (a[37] = () => F("min")),
+              onTouchstart: a[38] || (a[38] = (t) => N(t, "min")),
+              onMouseleave: L,
+              onKeyup: h,
+              onTouchend: h,
+              onKeydown: a[39] || (a[39] = (t) => O(t, "min")),
+              onFocus: a[40] || (a[40] = (t) => $(t, "min")),
+              onBlur: a[41] || (a[41] = (t) => B(t, "min")),
+              onMouseover: we
+            }, [
+              k.value ? (b(), f("div", {
+                key: 0,
+                class: c(i(u).HANDLE_DOT),
+                style: y({
+                  ...(l = k.value) != null && l.size ? { width: k.value.size, height: k.value.size } : {},
+                  ...(s = k.value) != null && s.color ? { backgroundColor: k.value.color } : {}
+                })
+              }, null, 6)) : x("", !0)
+            ], 46, Qe)
+          ];
+        }),
+        _: 1
+      }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"])),
+      x("", !0),
+      o.range ? (b(), f(K, { key: 3 }, [
+        le(i(W), {
+          content: D.value.min,
+          "show-arrow": o.showArrow,
+          position: "top",
+          trigger: "custom",
+          "re-pos-key": w.value,
+          visible: ie.value,
+          "class-name": i(u).HANDLE + "-tooltip"
+        }, {
+          default: j(() => {
+            var l, s;
+            return [
+              p("span", {
+                ref_key: "minHandleEl",
+                ref: S,
+                class: c(_.value),
+                style: y({
+                  [M.value]: `${w.value * 100}%`,
+                  zIndex: i(P) === "min" ? 2 : 1
+                }),
+                role: "slider",
+                tabindex: i(R) ? -1 : 0,
+                "aria-label": m.value["aria-label"],
+                "aria-labelledby": m.value["aria-labelledby"],
+                "aria-disabled": m.value["aria-disabled"],
+                "aria-orientation": m.value["aria-orientation"],
+                "aria-valuetext": o.getAriaValueText ? o.getAriaValueText(i(V)[0], 0) : n["aria-valuetext"],
+                "aria-valuenow": i(V)[0],
+                "aria-valuemax": i(V)[1],
+                "aria-valuemin": i(C),
+                onMousedown: a[48] || (a[48] = (t) => H(t, "min")),
+                onMouseenter: a[49] || (a[49] = () => F("min")),
+                onTouchstart: a[50] || (a[50] = (t) => N(t, "min")),
+                onMouseleave: L,
+                onKeyup: h,
+                onTouchend: h,
+                onKeydown: a[51] || (a[51] = (t) => O(t, "min")),
+                onFocus: a[52] || (a[52] = (t) => $(t, "min")),
+                onBlur: a[53] || (a[53] = (t) => B(t, "min"))
+              }, [
+                v.value && v.value[0] ? (b(), f("div", {
+                  key: 0,
+                  class: c(i(u).HANDLE_DOT),
+                  style: y({
+                    ...(l = v.value[0]) != null && l.size ? { width: v.value[0].size, height: v.value[0].size } : {},
+                    ...(s = v.value[0]) != null && s.color ? { backgroundColor: v.value[0].color } : {}
+                  })
+                }, null, 6)) : x("", !0)
+              ], 46, Ze)
+            ];
+          }),
+          _: 1
+        }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"]),
+        x("", !0),
+        le(i(W), {
+          content: D.value.max,
+          "show-arrow": o.showArrow,
+          position: "top",
+          trigger: "custom",
+          "re-pos-key": A.value,
+          visible: i(ye) && (Z.value.max || i(Fe)),
+          "class-name": i(u).HANDLE + "-tooltip"
+        }, {
+          default: j(() => {
+            var l, s;
+            return [
+              p("span", {
+                ref_key: "maxHandleEl",
+                ref: Q,
+                class: c(ue.value),
+                style: y({
+                  [M.value]: `${A.value * 100}%`,
+                  zIndex: i(P) === "max" ? 2 : 1
+                }),
+                role: "slider",
+                tabindex: i(R) ? -1 : 0,
+                "aria-label": m.value["aria-label"],
+                "aria-labelledby": m.value["aria-labelledby"],
+                "aria-disabled": m.value["aria-disabled"],
+                "aria-orientation": m.value["aria-orientation"],
+                "aria-valuetext": o.getAriaValueText ? o.getAriaValueText(i(V)[1], 1) : n["aria-valuetext"],
+                "aria-valuenow": i(V)[1],
+                "aria-valuemax": i(I),
+                "aria-valuemin": i(V)[0],
+                onMousedown: a[60] || (a[60] = (t) => H(t, "max")),
+                onMouseenter: a[61] || (a[61] = () => F("max")),
+                onTouchstart: a[62] || (a[62] = (t) => N(t, "max")),
+                onMouseleave: L,
+                onKeyup: h,
+                onTouchend: h,
+                onKeydown: a[63] || (a[63] = (t) => O(t, "max")),
+                onFocus: a[64] || (a[64] = (t) => $(t, "max")),
+                onBlur: a[65] || (a[65] = (t) => B(t, "max"))
+              }, [
+                v.value && v.value[1] ? (b(), f("div", {
+                  key: 0,
+                  class: c(i(u).HANDLE_DOT),
+                  style: y({
+                    ...(l = v.value[1]) != null && l.size ? { width: v.value[1].size, height: v.value[1].size } : {},
+                    ...(s = v.value[1]) != null && s.color ? { backgroundColor: v.value[1].color } : {}
+                  })
+                }, null, 6)) : x("", !0)
+              ], 46, _e)
+            ];
+          }),
+          _: 1
+        }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"]),
+        x("", !0)
+      ], 64)) : x("", !0),
+      o.showMarkLabel && o.marks && Object.keys(o.marks).length > 0 ? (b(), f("div", {
+        key: 4,
+        class: c(i(u).MARKS + (o.vertical && o.verticalReverse ? "-reverse" : ""))
+      }, [
+        (b(!0), f(K, null, ae(Object.keys(o.marks || {}), (l) => Me((b(), f("span", {
+          key: l,
+          class: c(`semi-slider-mark${o.vertical && o.verticalReverse ? "-reverse" : ""}`),
+          style: y({ [M.value]: `${ee(Number(l)) * 100}%` }),
+          onClick: E
+        }, U(o.marks[Number(l)]), 7)), [
+          [Ae, xe(Number(l))]
+        ])), 128))
+      ], 2)) : x("", !0),
+      p("div", {
+        class: c(ve.value)
+      }, [
+        p("span", ea, U(i(C)), 1),
+        p("span", aa, U(i(I)), 1)
+      ], 2)
+    ], 46, Ge)) : (b(), f("div", {
+      key: 0,
+      class: c(Re.value)
+    }, [
+      p("div", {
         ref_key: "sliderEl",
-        ref: R,
-        class: d(Ae.value),
-        style: b(r.style),
-        "aria-label": Ee.value,
-        onMouseenter: ze,
-        onMouseleave: Ie
+        ref: T,
+        class: c(de.value),
+        style: y(n.style),
+        "aria-label": be.value,
+        onMouseenter: pe,
+        onMouseleave: Ve
       }, [
-        V("div", {
+        p("div", {
           class: "semi-slider-rail",
-          style: b(r.railStyle),
-          onClick: j
+          style: y(n.railStyle),
+          onClick: E
         }, null, 4),
-        V("div", {
-          class: d(l(v).TRACK),
-          style: b(Ve.value),
-          onClick: j
+        p("div", {
+          class: c(i(u).TRACK),
+          style: y(ce.value),
+          onClick: E
         }, null, 6),
-        De.value ? (s(), m("div", {
+        me.value ? (b(), f("div", {
           key: 0,
-          class: d(l(v).DOTS)
+          class: c(i(u).DOTS)
         }, [
-          (s(!0), m(Z, null, ye(Object.keys(n.marks || {}), (i) => (s(), m("span", {
-            key: i,
-            class: d(Ce(Number(i))),
-            style: b({ [D.value]: `calc(${ve(Number(i)) * 100}% - 2px)` }),
-            onClick: j
+          (b(!0), f(K, null, ae(Object.keys(o.marks || {}), (l) => (b(), f("span", {
+            key: l,
+            class: c(ge(Number(l))),
+            style: y({ [M.value]: `calc(${ee(Number(l)) * 100}% - 2px)` }),
+            onClick: E
           }, null, 6))), 128))
-        ], 2)) : f("", !0),
-        !n.range && !H.value ? (s(), Q(l(le), {
+        ], 2)) : x("", !0),
+        o.range ? x("", !0) : (b(), Te(i(W), {
           key: 1,
-          content: Y.value.min,
-          "show-arrow": n.showArrow,
+          content: D.value.min,
+          "show-arrow": o.showArrow,
           position: "top",
           trigger: "custom",
-          "re-pos-key": A.value,
-          visible: l(q) && (J.value.min || l(de)),
-          "class-name": l(v).HANDLE + "-tooltip"
+          "re-pos-key": w.value,
+          visible: ie.value,
+          "class-name": i(u).HANDLE + "-tooltip"
         }, {
-          default: _(() => {
-            var i, M;
+          default: j(() => {
+            var l, s;
             return [
-              V("span", {
+              p("span", {
                 ref_key: "minHandleEl",
-                ref: O,
-                class: d(K.value),
-                style: b({
-                  [D.value]: `${A.value * 100}%`,
-                  zIndex: l(C) === "min" && l(se) ? 2 : 1
+                ref: S,
+                class: c(_.value),
+                style: y({
+                  [M.value]: `${w.value * 100}%`,
+                  zIndex: i(P) === "min" && i(fe) ? 2 : 1
                 }),
                 role: "slider",
-                tabindex: l(p) ? -1 : 0,
-                "aria-label": u.value["aria-label"],
-                "aria-labelledby": u.value["aria-labelledby"],
-                "aria-disabled": u.value["aria-disabled"],
-                "aria-orientation": u.value["aria-orientation"],
-                "aria-valuetext": n.getAriaValueText ? n.getAriaValueText(l(x), 0) : r["aria-valuetext"],
-                "aria-valuenow": l(x),
-                "aria-valuemax": l(F),
-                "aria-valuemin": l(B),
-                onMousedown: e[36] || (e[36] = (t) => z(t, "min")),
-                onMouseenter: e[37] || (e[37] = () => I("min")),
-                onTouchstart: e[38] || (e[38] = (t) => S(t, "min")),
-                onMouseleave: h,
-                onKeyup: c,
-                onTouchend: c,
-                onKeydown: e[39] || (e[39] = (t) => L(t, "min")),
-                onFocus: e[40] || (e[40] = (t) => N(t, "min")),
-                onBlur: e[41] || (e[41] = (t) => P(t, "min")),
-                onMouseover: me
+                tabindex: i(R) ? -1 : 0,
+                "aria-label": m.value["aria-label"],
+                "aria-labelledby": m.value["aria-labelledby"],
+                "aria-disabled": m.value["aria-disabled"],
+                "aria-orientation": m.value["aria-orientation"],
+                "aria-valuetext": o.getAriaValueText ? o.getAriaValueText(i(V), 0) : n["aria-valuetext"],
+                "aria-valuenow": i(V),
+                "aria-valuemax": i(I),
+                "aria-valuemin": i(C),
+                onMousedown: a[0] || (a[0] = (t) => H(t, "min")),
+                onMouseenter: a[1] || (a[1] = () => F("min")),
+                onTouchstart: a[2] || (a[2] = (t) => N(t, "min")),
+                onMouseleave: L,
+                onKeyup: h,
+                onTouchend: h,
+                onKeydown: a[3] || (a[3] = (t) => O(t, "min")),
+                onFocus: a[4] || (a[4] = (t) => $(t, "min")),
+                onBlur: a[5] || (a[5] = (t) => B(t, "min")),
+                onMouseover: we
               }, [
-                k.value ? (s(), m("div", {
+                k.value ? (b(), f("div", {
                   key: 0,
-                  class: d(l(v).HANDLE_DOT),
-                  style: b({
-                    ...(i = k.value) != null && i.size ? { width: k.value.size, height: k.value.size } : {},
-                    ...(M = k.value) != null && M.color ? { backgroundColor: k.value.color } : {}
+                  class: c(i(u).HANDLE_DOT),
+                  style: y({
+                    ...(l = k.value) != null && l.size ? { width: k.value.size, height: k.value.size } : {},
+                    ...(s = k.value) != null && s.color ? { backgroundColor: k.value.color } : {}
                   })
-                }, null, 6)) : f("", !0)
-              ], 46, ta)
+                }, null, 6)) : x("", !0)
+              ], 46, Xe)
             ];
           }),
           _: 1
-        }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"])) : f("", !0),
-        !n.range && H.value ? (s(), m("span", {
-          key: 2,
-          ref_key: "minHandleEl",
-          ref: O,
-          class: d(K.value),
-          style: b({
-            [D.value]: `${A.value * 100}%`,
-            zIndex: l(C) === "min" && l(se) ? 2 : 1
-          }),
-          role: "slider",
-          tabindex: l(p) ? -1 : 0,
-          "aria-label": u.value["aria-label"],
-          "aria-labelledby": u.value["aria-labelledby"],
-          "aria-disabled": u.value["aria-disabled"],
-          "aria-orientation": u.value["aria-orientation"],
-          "aria-valuetext": n.getAriaValueText ? n.getAriaValueText(l(x), 0) : r["aria-valuetext"],
-          "aria-valuenow": l(x),
-          "aria-valuemax": l(F),
-          "aria-valuemin": l(B),
-          onMousedown: e[42] || (e[42] = (i) => z(i, "min")),
-          onMouseenter: e[43] || (e[43] = () => I("min")),
-          onTouchstart: e[44] || (e[44] = (i) => S(i, "min")),
-          onMouseleave: h,
-          onKeyup: c,
-          onTouchend: c,
-          onKeydown: e[45] || (e[45] = (i) => L(i, "min")),
-          onFocus: e[46] || (e[46] = (i) => N(i, "min")),
-          onBlur: e[47] || (e[47] = (i) => P(i, "min")),
-          onMouseover: me
-        }, [
-          k.value ? (s(), m("div", {
-            key: 0,
-            class: d(l(v).HANDLE_DOT),
-            style: b({
-              ...(te = k.value) != null && te.size ? { width: k.value.size, height: k.value.size } : {},
-              ...(oe = k.value) != null && oe.color ? { backgroundColor: k.value.color } : {}
-            })
-          }, null, 6)) : f("", !0)
-        ], 46, oa)) : f("", !0),
-        n.range ? (s(), m(Z, { key: 3 }, [
-          H.value ? f("", !0) : (s(), Q(l(le), {
-            key: 0,
-            content: Y.value.min,
-            "show-arrow": n.showArrow,
+        }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"])),
+        x("", !0),
+        o.range ? (b(), f(K, { key: 3 }, [
+          le(i(W), {
+            content: D.value.min,
+            "show-arrow": o.showArrow,
             position: "top",
             trigger: "custom",
-            "re-pos-key": A.value,
-            visible: l(q) && (J.value.min || l(de)),
-            "class-name": l(v).HANDLE + "-tooltip"
+            "re-pos-key": w.value,
+            visible: ie.value,
+            "class-name": i(u).HANDLE + "-tooltip"
           }, {
-            default: _(() => {
-              var i, M;
+            default: j(() => {
+              var l, s;
               return [
-                V("span", {
+                p("span", {
                   ref_key: "minHandleEl",
-                  ref: O,
-                  class: d(K.value),
-                  style: b({
-                    [D.value]: `${A.value * 100}%`,
-                    zIndex: l(C) === "min" ? 2 : 1
+                  ref: S,
+                  class: c(_.value),
+                  style: y({
+                    [M.value]: `${w.value * 100}%`,
+                    zIndex: i(P) === "min" ? 2 : 1
                   }),
                   role: "slider",
-                  tabindex: l(p) ? -1 : 0,
-                  "aria-label": u.value["aria-label"],
-                  "aria-labelledby": u.value["aria-labelledby"],
-                  "aria-disabled": u.value["aria-disabled"],
-                  "aria-orientation": u.value["aria-orientation"],
-                  "aria-valuetext": n.getAriaValueText ? n.getAriaValueText(l(x)[0], 0) : r["aria-valuetext"],
-                  "aria-valuenow": l(x)[0],
-                  "aria-valuemax": l(x)[1],
-                  "aria-valuemin": l(B),
-                  onMousedown: e[48] || (e[48] = (t) => z(t, "min")),
-                  onMouseenter: e[49] || (e[49] = () => I("min")),
-                  onTouchstart: e[50] || (e[50] = (t) => S(t, "min")),
-                  onMouseleave: h,
-                  onKeyup: c,
-                  onTouchend: c,
-                  onKeydown: e[51] || (e[51] = (t) => L(t, "min")),
-                  onFocus: e[52] || (e[52] = (t) => N(t, "min")),
-                  onBlur: e[53] || (e[53] = (t) => P(t, "min"))
+                  tabindex: i(R) ? -1 : 0,
+                  "aria-label": m.value["aria-label"],
+                  "aria-labelledby": m.value["aria-labelledby"],
+                  "aria-disabled": m.value["aria-disabled"],
+                  "aria-orientation": m.value["aria-orientation"],
+                  "aria-valuetext": o.getAriaValueText ? o.getAriaValueText(i(V)[0], 0) : n["aria-valuetext"],
+                  "aria-valuenow": i(V)[0],
+                  "aria-valuemax": i(V)[1],
+                  "aria-valuemin": i(C),
+                  onMousedown: a[12] || (a[12] = (t) => H(t, "min")),
+                  onMouseenter: a[13] || (a[13] = () => F("min")),
+                  onTouchstart: a[14] || (a[14] = (t) => N(t, "min")),
+                  onMouseleave: L,
+                  onKeyup: h,
+                  onTouchend: h,
+                  onKeydown: a[15] || (a[15] = (t) => O(t, "min")),
+                  onFocus: a[16] || (a[16] = (t) => $(t, "min")),
+                  onBlur: a[17] || (a[17] = (t) => B(t, "min"))
                 }, [
-                  o.value && o.value[0] ? (s(), m("div", {
+                  v.value && v.value[0] ? (b(), f("div", {
                     key: 0,
-                    class: d(l(v).HANDLE_DOT),
-                    style: b({
-                      ...(i = o.value[0]) != null && i.size ? { width: o.value[0].size, height: o.value[0].size } : {},
-                      ...(M = o.value[0]) != null && M.color ? { backgroundColor: o.value[0].color } : {}
+                    class: c(i(u).HANDLE_DOT),
+                    style: y({
+                      ...(l = v.value[0]) != null && l.size ? { width: v.value[0].size, height: v.value[0].size } : {},
+                      ...(s = v.value[0]) != null && s.color ? { backgroundColor: v.value[0].color } : {}
                     })
-                  }, null, 6)) : f("", !0)
-                ], 46, ua)
+                  }, null, 6)) : x("", !0)
+                ], 46, We)
               ];
             }),
             _: 1
-          }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"])),
-          H.value ? (s(), m("span", {
-            key: 1,
-            ref_key: "minHandleEl",
-            ref: O,
-            class: d(K.value),
-            style: b({
-              [D.value]: `${A.value * 100}%`,
-              zIndex: l(C) === "min" ? 2 : 1
-            }),
-            role: "slider",
-            tabindex: l(p) ? -1 : 0,
-            "aria-label": u.value["aria-label"],
-            "aria-labelledby": u.value["aria-labelledby"],
-            "aria-disabled": u.value["aria-disabled"],
-            "aria-orientation": u.value["aria-orientation"],
-            "aria-valuetext": n.getAriaValueText ? n.getAriaValueText(l(x)[0], 0) : r["aria-valuetext"],
-            "aria-valuenow": l(x)[0],
-            "aria-valuemax": l(x)[1],
-            "aria-valuemin": l(B),
-            onMousedown: e[54] || (e[54] = (i) => z(i, "min")),
-            onMouseenter: e[55] || (e[55] = () => I("min")),
-            onTouchstart: e[56] || (e[56] = (i) => S(i, "min")),
-            onMouseleave: h,
-            onKeyup: c,
-            onTouchend: c,
-            onKeydown: e[57] || (e[57] = (i) => L(i, "min")),
-            onFocus: e[58] || (e[58] = (i) => N(i, "min")),
-            onBlur: e[59] || (e[59] = (i) => P(i, "min"))
-          }, [
-            o.value && o.value[0] ? (s(), m("div", {
-              key: 0,
-              class: d(l(v).HANDLE_DOT),
-              style: b({
-                ...(he = o.value[0]) != null && he.size ? { width: o.value[0].size, height: o.value[0].size } : {},
-                ...(Se = o.value[0]) != null && Se.color ? { backgroundColor: o.value[0].color } : {}
-              })
-            }, null, 6)) : f("", !0)
-          ], 46, sa)) : f("", !0),
-          H.value ? f("", !0) : (s(), Q(l(le), {
-            key: 2,
-            content: Y.value.max,
-            "show-arrow": n.showArrow,
+          }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"]),
+          x("", !0),
+          le(i(W), {
+            content: D.value.max,
+            "show-arrow": o.showArrow,
             position: "top",
             trigger: "custom",
-            "re-pos-key": $.value,
-            visible: l(q) && (J.value.max || l(He)),
-            "class-name": l(v).HANDLE + "-tooltip"
+            "re-pos-key": A.value,
+            visible: Pe.value,
+            "class-name": i(u).HANDLE + "-tooltip"
           }, {
-            default: _(() => {
-              var i, M;
+            default: j(() => {
+              var l, s;
               return [
-                V("span", {
+                p("span", {
                   ref_key: "maxHandleEl",
-                  ref: W,
-                  class: d(ue.value),
-                  style: b({
-                    [D.value]: `${$.value * 100}%`,
-                    zIndex: l(C) === "max" ? 2 : 1
+                  ref: Q,
+                  class: c(ue.value),
+                  style: y({
+                    [M.value]: `${A.value * 100}%`,
+                    zIndex: i(P) === "max" ? 2 : 1
                   }),
                   role: "slider",
-                  tabindex: l(p) ? -1 : 0,
-                  "aria-label": u.value["aria-label"],
-                  "aria-labelledby": u.value["aria-labelledby"],
-                  "aria-disabled": u.value["aria-disabled"],
-                  "aria-orientation": u.value["aria-orientation"],
-                  "aria-valuetext": n.getAriaValueText ? n.getAriaValueText(l(x)[1], 1) : r["aria-valuetext"],
-                  "aria-valuenow": l(x)[1],
-                  "aria-valuemax": l(F),
-                  "aria-valuemin": l(x)[0],
-                  onMousedown: e[60] || (e[60] = (t) => z(t, "max")),
-                  onMouseenter: e[61] || (e[61] = () => I("max")),
-                  onTouchstart: e[62] || (e[62] = (t) => S(t, "max")),
-                  onMouseleave: h,
-                  onKeyup: c,
-                  onTouchend: c,
-                  onKeydown: e[63] || (e[63] = (t) => L(t, "max")),
-                  onFocus: e[64] || (e[64] = (t) => N(t, "max")),
-                  onBlur: e[65] || (e[65] = (t) => P(t, "max"))
+                  tabindex: i(R) ? -1 : 0,
+                  "aria-label": m.value["aria-label"],
+                  "aria-labelledby": m.value["aria-labelledby"],
+                  "aria-disabled": m.value["aria-disabled"],
+                  "aria-orientation": m.value["aria-orientation"],
+                  "aria-valuetext": o.getAriaValueText ? o.getAriaValueText(i(V)[1], 1) : n["aria-valuetext"],
+                  "aria-valuenow": i(V)[1],
+                  "aria-valuemax": i(I),
+                  "aria-valuemin": i(V)[0],
+                  onMousedown: a[24] || (a[24] = (t) => H(t, "max")),
+                  onMouseenter: a[25] || (a[25] = () => F("max")),
+                  onTouchstart: a[26] || (a[26] = (t) => N(t, "max")),
+                  onMouseleave: L,
+                  onKeyup: h,
+                  onTouchend: h,
+                  onKeydown: a[27] || (a[27] = (t) => O(t, "max")),
+                  onFocus: a[28] || (a[28] = (t) => $(t, "max")),
+                  onBlur: a[29] || (a[29] = (t) => B(t, "max"))
                 }, [
-                  o.value && o.value[1] ? (s(), m("div", {
+                  v.value && v.value[1] ? (b(), f("div", {
                     key: 0,
-                    class: d(l(v).HANDLE_DOT),
-                    style: b({
-                      ...(i = o.value[1]) != null && i.size ? { width: o.value[1].size, height: o.value[1].size } : {},
-                      ...(M = o.value[1]) != null && M.color ? { backgroundColor: o.value[1].color } : {}
+                    class: c(i(u).HANDLE_DOT),
+                    style: y({
+                      ...(l = v.value[1]) != null && l.size ? { width: v.value[1].size, height: v.value[1].size } : {},
+                      ...(s = v.value[1]) != null && s.color ? { backgroundColor: v.value[1].color } : {}
                     })
-                  }, null, 6)) : f("", !0)
-                ], 46, da)
+                  }, null, 6)) : x("", !0)
+                ], 46, Je)
               ];
             }),
             _: 1
-          }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"])),
-          H.value ? (s(), m("span", {
-            key: 3,
-            ref_key: "maxHandleEl",
-            ref: W,
-            class: d(ue.value),
-            style: b({
-              [D.value]: `${$.value * 100}%`,
-              zIndex: l(C) === "max" ? 2 : 1
-            }),
-            role: "slider",
-            tabindex: l(p) ? -1 : 0,
-            "aria-label": u.value["aria-label"],
-            "aria-labelledby": u.value["aria-labelledby"],
-            "aria-disabled": u.value["aria-disabled"],
-            "aria-orientation": u.value["aria-orientation"],
-            "aria-valuetext": n.getAriaValueText ? n.getAriaValueText(l(x)[1], 1) : r["aria-valuetext"],
-            "aria-valuenow": l(x)[1],
-            "aria-valuemax": l(F),
-            "aria-valuemin": l(x)[0],
-            onMousedown: e[66] || (e[66] = (i) => z(i, "max")),
-            onMouseenter: e[67] || (e[67] = () => I("max")),
-            onTouchstart: e[68] || (e[68] = (i) => S(i, "max")),
-            onMouseleave: h,
-            onKeyup: c,
-            onTouchend: c,
-            onKeydown: e[69] || (e[69] = (i) => L(i, "max")),
-            onFocus: e[70] || (e[70] = (i) => N(i, "max")),
-            onBlur: e[71] || (e[71] = (i) => P(i, "max"))
-          }, [
-            o.value && o.value[1] ? (s(), m("div", {
-              key: 0,
-              class: d(l(v).HANDLE_DOT),
-              style: b({
-                ...(Le = o.value[1]) != null && Le.size ? { width: o.value[1].size, height: o.value[1].size } : {},
-                ...(Ne = o.value[1]) != null && Ne.color ? { backgroundColor: o.value[1].color } : {}
-              })
-            }, null, 6)) : f("", !0)
-          ], 46, va)) : f("", !0)
-        ], 64)) : f("", !0),
-        n.showMarkLabel && n.marks && Object.keys(n.marks).length > 0 ? (s(), m("div", {
+          }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"]),
+          x("", !0)
+        ], 64)) : x("", !0),
+        o.showMarkLabel && o.marks && Object.keys(o.marks).length > 0 ? (b(), f("div", {
           key: 4,
-          class: d(l(v).MARKS + (n.vertical && n.verticalReverse ? "-reverse" : ""))
+          class: c(i(u).MARKS + (o.vertical && o.verticalReverse ? "-reverse" : ""))
         }, [
-          (s(!0), m(Z, null, ye(Object.keys(n.marks || {}), (i) => Re((s(), m("span", {
-            key: i,
-            class: d(`semi-slider-mark${n.vertical && n.verticalReverse ? "-reverse" : ""}`),
-            style: b({ [D.value]: `${ve(Number(i)) * 100}%` }),
-            onClick: j
-          }, ee(n.marks[Number(i)]), 7)), [
-            [Oe, pe(Number(i))]
+          (b(!0), f(K, null, ae(Object.keys(o.marks || {}), (l) => Me((b(), f("span", {
+            key: l,
+            class: c(`semi-slider-mark${o.vertical && o.verticalReverse ? "-reverse" : ""}`),
+            style: y({ [M.value]: `${ee(Number(l)) * 100}%` }),
+            onClick: E
+          }, U(o.marks[Number(l)]), 7)), [
+            [Ae, xe(Number(l))]
           ])), 128))
-        ], 2)) : f("", !0),
-        V("div", {
-          class: d(Me.value)
+        ], 2)) : x("", !0),
+        p("div", {
+          class: c(ve.value)
         }, [
-          V("span", ma, ee(l(B)), 1),
-          V("span", ba, ee(l(F)), 1)
+          p("span", Ye, U(i(C)), 1),
+          p("span", qe, U(i(I)), 1)
         ], 2)
-      ], 46, ra)) : (s(), m("div", {
-        key: 0,
-        class: d(Ke.value)
-      }, [
-        V("div", {
-          ref_key: "sliderEl",
-          ref: R,
-          class: d(Ae.value),
-          style: b(r.style),
-          "aria-label": Ee.value,
-          onMouseenter: ze,
-          onMouseleave: Ie
-        }, [
-          V("div", {
-            class: "semi-slider-rail",
-            style: b(r.railStyle),
-            onClick: j
-          }, null, 4),
-          V("div", {
-            class: d(l(v).TRACK),
-            style: b(Ve.value),
-            onClick: j
-          }, null, 6),
-          De.value ? (s(), m("div", {
-            key: 0,
-            class: d(l(v).DOTS)
-          }, [
-            (s(!0), m(Z, null, ye(Object.keys(n.marks || {}), (i) => (s(), m("span", {
-              key: i,
-              class: d(Ce(Number(i))),
-              style: b({ [D.value]: `calc(${ve(Number(i)) * 100}% - 2px)` }),
-              onClick: j
-            }, null, 6))), 128))
-          ], 2)) : f("", !0),
-          !n.range && !H.value ? (s(), Q(l(le), {
-            key: 1,
-            content: Y.value.min,
-            "show-arrow": n.showArrow,
-            position: "top",
-            trigger: "custom",
-            "re-pos-key": A.value,
-            visible: l(q) && (J.value.min || l(de)),
-            "class-name": l(v).HANDLE + "-tooltip"
-          }, {
-            default: _(() => {
-              var i, M;
-              return [
-                V("span", {
-                  ref_key: "minHandleEl",
-                  ref: O,
-                  class: d(K.value),
-                  style: b({
-                    [D.value]: `${A.value * 100}%`,
-                    zIndex: l(C) === "min" && l(se) ? 2 : 1
-                  }),
-                  role: "slider",
-                  tabindex: l(p) ? -1 : 0,
-                  "aria-label": u.value["aria-label"],
-                  "aria-labelledby": u.value["aria-labelledby"],
-                  "aria-disabled": u.value["aria-disabled"],
-                  "aria-orientation": u.value["aria-orientation"],
-                  "aria-valuetext": n.getAriaValueText ? n.getAriaValueText(l(x), 0) : r["aria-valuetext"],
-                  "aria-valuenow": l(x),
-                  "aria-valuemax": l(F),
-                  "aria-valuemin": l(B),
-                  onMousedown: e[0] || (e[0] = (t) => z(t, "min")),
-                  onMouseenter: e[1] || (e[1] = () => I("min")),
-                  onTouchstart: e[2] || (e[2] = (t) => S(t, "min")),
-                  onMouseleave: h,
-                  onKeyup: c,
-                  onTouchend: c,
-                  onKeydown: e[3] || (e[3] = (t) => L(t, "min")),
-                  onFocus: e[4] || (e[4] = (t) => N(t, "min")),
-                  onBlur: e[5] || (e[5] = (t) => P(t, "min")),
-                  onMouseover: me
-                }, [
-                  k.value ? (s(), m("div", {
-                    key: 0,
-                    class: d(l(v).HANDLE_DOT),
-                    style: b({
-                      ...(i = k.value) != null && i.size ? { width: k.value.size, height: k.value.size } : {},
-                      ...(M = k.value) != null && M.color ? { backgroundColor: k.value.color } : {}
-                    })
-                  }, null, 6)) : f("", !0)
-                ], 46, Qe)
-              ];
-            }),
-            _: 1
-          }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"])) : f("", !0),
-          !n.range && H.value ? (s(), m("span", {
-            key: 2,
-            ref_key: "minHandleEl",
-            ref: O,
-            class: d(K.value),
-            style: b({
-              [D.value]: `${A.value * 100}%`,
-              zIndex: l(C) === "min" && l(se) ? 2 : 1
-            }),
-            role: "slider",
-            tabindex: l(p) ? -1 : 0,
-            "aria-label": u.value["aria-label"],
-            "aria-labelledby": u.value["aria-labelledby"],
-            "aria-disabled": u.value["aria-disabled"],
-            "aria-orientation": u.value["aria-orientation"],
-            "aria-valuetext": n.getAriaValueText ? n.getAriaValueText(l(x), 0) : r["aria-valuetext"],
-            "aria-valuenow": l(x),
-            "aria-valuemax": l(F),
-            "aria-valuemin": l(B),
-            onMousedown: e[6] || (e[6] = (i) => z(i, "min")),
-            onMouseenter: e[7] || (e[7] = () => I("min")),
-            onTouchstart: e[8] || (e[8] = (i) => S(i, "min")),
-            onMouseleave: h,
-            onKeyup: c,
-            onTouchend: c,
-            onKeydown: e[9] || (e[9] = (i) => L(i, "min")),
-            onFocus: e[10] || (e[10] = (i) => N(i, "min")),
-            onBlur: e[11] || (e[11] = (i) => P(i, "min")),
-            onMouseover: me
-          }, [
-            k.value ? (s(), m("div", {
-              key: 0,
-              class: d(l(v).HANDLE_DOT),
-              style: b({
-                ...(w = k.value) != null && w.size ? { width: k.value.size, height: k.value.size } : {},
-                ...(E = k.value) != null && E.color ? { backgroundColor: k.value.color } : {}
-              })
-            }, null, 6)) : f("", !0)
-          ], 46, Ze)) : f("", !0),
-          n.range ? (s(), m(Z, { key: 3 }, [
-            H.value ? f("", !0) : (s(), Q(l(le), {
-              key: 0,
-              content: Y.value.min,
-              "show-arrow": n.showArrow,
-              position: "top",
-              trigger: "custom",
-              "re-pos-key": A.value,
-              visible: l(q) && (J.value.min || l(de)),
-              "class-name": l(v).HANDLE + "-tooltip"
-            }, {
-              default: _(() => {
-                var i, M;
-                return [
-                  V("span", {
-                    ref_key: "minHandleEl",
-                    ref: O,
-                    class: d(K.value),
-                    style: b({
-                      [D.value]: `${A.value * 100}%`,
-                      zIndex: l(C) === "min" ? 2 : 1
-                    }),
-                    role: "slider",
-                    tabindex: l(p) ? -1 : 0,
-                    "aria-label": u.value["aria-label"],
-                    "aria-labelledby": u.value["aria-labelledby"],
-                    "aria-disabled": u.value["aria-disabled"],
-                    "aria-orientation": u.value["aria-orientation"],
-                    "aria-valuetext": n.getAriaValueText ? n.getAriaValueText(l(x)[0], 0) : r["aria-valuetext"],
-                    "aria-valuenow": l(x)[0],
-                    "aria-valuemax": l(x)[1],
-                    "aria-valuemin": l(B),
-                    onMousedown: e[12] || (e[12] = (t) => z(t, "min")),
-                    onMouseenter: e[13] || (e[13] = () => I("min")),
-                    onTouchstart: e[14] || (e[14] = (t) => S(t, "min")),
-                    onMouseleave: h,
-                    onKeyup: c,
-                    onTouchend: c,
-                    onKeydown: e[15] || (e[15] = (t) => L(t, "min")),
-                    onFocus: e[16] || (e[16] = (t) => N(t, "min")),
-                    onBlur: e[17] || (e[17] = (t) => P(t, "min"))
-                  }, [
-                    o.value && o.value[0] ? (s(), m("div", {
-                      key: 0,
-                      class: d(l(v).HANDLE_DOT),
-                      style: b({
-                        ...(i = o.value[0]) != null && i.size ? { width: o.value[0].size, height: o.value[0].size } : {},
-                        ...(M = o.value[0]) != null && M.color ? { backgroundColor: o.value[0].color } : {}
-                      })
-                    }, null, 6)) : f("", !0)
-                  ], 46, _e)
-                ];
-              }),
-              _: 1
-            }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"])),
-            H.value ? (s(), m("span", {
-              key: 1,
-              ref_key: "minHandleEl",
-              ref: O,
-              class: d(K.value),
-              style: b({
-                [D.value]: `${A.value * 100}%`,
-                zIndex: l(C) === "min" ? 2 : 1
-              }),
-              role: "slider",
-              tabindex: l(p) ? -1 : 0,
-              "aria-label": u.value["aria-label"],
-              "aria-labelledby": u.value["aria-labelledby"],
-              "aria-disabled": u.value["aria-disabled"],
-              "aria-orientation": u.value["aria-orientation"],
-              "aria-valuetext": n.getAriaValueText ? n.getAriaValueText(l(x)[0], 0) : r["aria-valuetext"],
-              "aria-valuenow": l(x)[0],
-              "aria-valuemax": l(x)[1],
-              "aria-valuemin": l(B),
-              onMousedown: e[18] || (e[18] = (i) => z(i, "min")),
-              onMouseenter: e[19] || (e[19] = () => I("min")),
-              onTouchstart: e[20] || (e[20] = (i) => S(i, "min")),
-              onMouseleave: h,
-              onKeyup: c,
-              onTouchend: c,
-              onKeydown: e[21] || (e[21] = (i) => L(i, "min")),
-              onFocus: e[22] || (e[22] = (i) => N(i, "min")),
-              onBlur: e[23] || (e[23] = (i) => P(i, "min"))
-            }, [
-              o.value && o.value[0] ? (s(), m("div", {
-                key: 0,
-                class: d(l(v).HANDLE_DOT),
-                style: b({
-                  ...(U = o.value[0]) != null && U.size ? { width: o.value[0].size, height: o.value[0].size } : {},
-                  ...(ge = o.value[0]) != null && ge.color ? { backgroundColor: o.value[0].color } : {}
-                })
-              }, null, 6)) : f("", !0)
-            ], 46, ea)) : f("", !0),
-            H.value ? f("", !0) : (s(), Q(l(le), {
-              key: 2,
-              content: Y.value.max,
-              "show-arrow": n.showArrow,
-              position: "top",
-              trigger: "custom",
-              "re-pos-key": $.value,
-              visible: l(q) && (J.value.max || l(He)),
-              "class-name": l(v).HANDLE + "-tooltip"
-            }, {
-              default: _(() => {
-                var i, M;
-                return [
-                  V("span", {
-                    ref_key: "maxHandleEl",
-                    ref: W,
-                    class: d(ue.value),
-                    style: b({
-                      [D.value]: `${$.value * 100}%`,
-                      zIndex: l(C) === "max" ? 2 : 1
-                    }),
-                    role: "slider",
-                    tabindex: l(p) ? -1 : 0,
-                    "aria-label": u.value["aria-label"],
-                    "aria-labelledby": u.value["aria-labelledby"],
-                    "aria-disabled": u.value["aria-disabled"],
-                    "aria-orientation": u.value["aria-orientation"],
-                    "aria-valuetext": n.getAriaValueText ? n.getAriaValueText(l(x)[1], 1) : r["aria-valuetext"],
-                    "aria-valuenow": l(x)[1],
-                    "aria-valuemax": l(F),
-                    "aria-valuemin": l(x)[0],
-                    onMousedown: e[24] || (e[24] = (t) => z(t, "max")),
-                    onMouseenter: e[25] || (e[25] = () => I("max")),
-                    onTouchstart: e[26] || (e[26] = (t) => S(t, "max")),
-                    onMouseleave: h,
-                    onKeyup: c,
-                    onTouchend: c,
-                    onKeydown: e[27] || (e[27] = (t) => L(t, "max")),
-                    onFocus: e[28] || (e[28] = (t) => N(t, "max")),
-                    onBlur: e[29] || (e[29] = (t) => P(t, "max"))
-                  }, [
-                    o.value && o.value[1] ? (s(), m("div", {
-                      key: 0,
-                      class: d(l(v).HANDLE_DOT),
-                      style: b({
-                        ...(i = o.value[1]) != null && i.size ? { width: o.value[1].size, height: o.value[1].size } : {},
-                        ...(M = o.value[1]) != null && M.color ? { backgroundColor: o.value[1].color } : {}
-                      })
-                    }, null, 6)) : f("", !0)
-                  ], 46, aa)
-                ];
-              }),
-              _: 1
-            }, 8, ["content", "show-arrow", "re-pos-key", "visible", "class-name"])),
-            H.value ? (s(), m("span", {
-              key: 3,
-              ref_key: "maxHandleEl",
-              ref: W,
-              class: d(ue.value),
-              style: b({
-                [D.value]: `${$.value * 100}%`,
-                zIndex: l(C) === "max" ? 2 : 1
-              }),
-              role: "slider",
-              tabindex: l(p) ? -1 : 0,
-              "aria-label": u.value["aria-label"],
-              "aria-labelledby": u.value["aria-labelledby"],
-              "aria-disabled": u.value["aria-disabled"],
-              "aria-orientation": u.value["aria-orientation"],
-              "aria-valuetext": n.getAriaValueText ? n.getAriaValueText(l(x)[1], 1) : r["aria-valuetext"],
-              "aria-valuenow": l(x)[1],
-              "aria-valuemax": l(F),
-              "aria-valuemin": l(x)[0],
-              onMousedown: e[30] || (e[30] = (i) => z(i, "max")),
-              onMouseenter: e[31] || (e[31] = () => I("max")),
-              onTouchstart: e[32] || (e[32] = (i) => S(i, "max")),
-              onMouseleave: h,
-              onKeyup: c,
-              onTouchend: c,
-              onKeydown: e[33] || (e[33] = (i) => L(i, "max")),
-              onFocus: e[34] || (e[34] = (i) => N(i, "max")),
-              onBlur: e[35] || (e[35] = (i) => P(i, "max"))
-            }, [
-              o.value && o.value[1] ? (s(), m("div", {
-                key: 0,
-                class: d(l(v).HANDLE_DOT),
-                style: b({
-                  ...(be = o.value[1]) != null && be.size ? { width: o.value[1].size, height: o.value[1].size } : {},
-                  ...(X = o.value[1]) != null && X.color ? { backgroundColor: o.value[1].color } : {}
-                })
-              }, null, 6)) : f("", !0)
-            ], 46, la)) : f("", !0)
-          ], 64)) : f("", !0),
-          n.showMarkLabel && n.marks && Object.keys(n.marks).length > 0 ? (s(), m("div", {
-            key: 4,
-            class: d(l(v).MARKS + (n.vertical && n.verticalReverse ? "-reverse" : ""))
-          }, [
-            (s(!0), m(Z, null, ye(Object.keys(n.marks || {}), (i) => Re((s(), m("span", {
-              key: i,
-              class: d(`semi-slider-mark${n.vertical && n.verticalReverse ? "-reverse" : ""}`),
-              style: b({ [D.value]: `${ve(Number(i)) * 100}%` }),
-              onClick: j
-            }, ee(n.marks[Number(i)]), 7)), [
-              [Oe, pe(Number(i))]
-            ])), 128))
-          ], 2)) : f("", !0),
-          V("div", {
-            class: d(Me.value)
-          }, [
-            V("span", ia, ee(l(B)), 1),
-            V("span", na, ee(l(F)), 1)
-          ], 2)
-        ], 46, Ge)
-      ], 2));
-    };
+      ], 46, Ue)
+    ], 2));
   }
 });
 export {
-  ca as default
+  da as default
 };
-//# sourceMappingURL=Slider.vue.js.map