abl-ui 0.5.73 → 0.5.74

package/lib/abl-ui.es.js

@@ -601,7 +601,7 @@ function it(e, n = 0, t = !1) {
 function St(e) {
   e && e.id && typeof e.id == "number" ? cancelAnimationFrame(e.id) : console.warn("cancelRaf received an invalid id:", e);
 }
-const He = (e) => (ye("data-v-37a282cc"), e = e(), be(), e), ln = ["onMouseenter", "onMouseleave", "onClick"], nn = {
+const He = (e) => (ye("data-v-5a886afb"), e = e(), be(), e), ln = ["onMouseenter", "onMouseleave", "onClick"], nn = {
   key: 1,
   class: "icon-svg",
   focusable: "false",
@@ -696,15 +696,15 @@ const He = (e) => (ye("data-v-37a282cc"), e = e(), be(), e), ln = ["onMouseenter
       }, c.value));
     }
     function $(g) {
-      const S = s.value.findIndex((H) => H.id === g), F = s.value.length - 1, q = s.value[F];
-      q.top !== void 0 ? m.value = typeof q.top == "number" ? `${q.top}px` : q.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, i.value[S] = !0, q.duration !== null ? (c.value = q.duration || l.duration, o.value[S] = it(() => {
+      const S = s.value.findIndex((W) => W.id === g), F = s.value.length - 1, H = s.value[F];
+      (H == null ? void 0 : H.top) !== void 0 ? m.value = typeof H.top == "number" ? `${H.top}px` : H.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, i.value[S] = !0, (H == null ? void 0 : H.duration) !== null ? (c.value = H.duration || l.duration, o.value[S] = it(() => {
         i.value[S] = !1, s.value[S].onClose && s.value[S].onClose(), f("close");
       }, 0)) : c.value = null;
     }
     function k() {
       a.value && St(a.value);
       const g = s.value.length - 1, S = s.value[g];
-      S.top !== void 0 ? m.value = typeof S.top == "number" ? `${S.top}px` : S.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, i.value[g] = !0, S.duration !== null ? (c.value = S.duration || l.duration, x(g)) : c.value = null;
+      (S == null ? void 0 : S.top) !== void 0 ? m.value = typeof S.top == "number" ? `${S.top}px` : S.top : m.value = typeof l.top == "number" ? `${l.top}px` : l.top, i.value[g] = !0, (S == null ? void 0 : S.duration) !== null ? (c.value = S.duration || l.duration, x(g)) : c.value = null;
     }
     const _ = (g, S) => {
       let F;
@@ -760,16 +760,16 @@ const He = (e) => (ye("data-v-37a282cc"), e = e(), be(), e), ln = ["onMouseenter
         appear: ""
       }, {
         default: re(() => [
-          (r(!0), d(K, null, ae(s.value, (F, q) => Z((r(), d("div", {
+          (r(!0), d(K, null, ae(s.value, (F, H) => Z((r(), d("div", {
             class: V(["message-wrap", F.class]),
             style: E(F.style),
-            key: q
+            key: H
           }, [
             u("div", {
               class: V(["message-content-wrap", `icon-${F.mode}`]),
-              onMouseenter: (H) => v(q),
-              onMouseleave: (H) => y(q),
-              onClick: (H) => h(H, q)
+              onMouseenter: (W) => v(H),
+              onMouseleave: (W) => y(H),
+              onClick: (W) => h(W, H)
             }, [
               F.icon ? (r(), ie(ft(F.icon), {
                 key: 0,
@@ -779,18 +779,18 @@ const He = (e) => (ye("data-v-37a282cc"), e = e(), be(), e), ln = ["onMouseenter
               F.closable ? (r(), d("span", {
                 key: 6,
                 class: "icon iconfont-abl close-icon",
-                onClick: (H) => $(F.id)
+                onClick: (W) => $(F.id)
               }, "", 8, _n)) : R("", !0)
             ], 42, ln)
           ], 6)), [
-            [le, i.value[q]]
+            [le, i.value[H]]
           ])), 128))
         ]),
         _: 1
       })) : (r(), d(K, { key: 1 }, [], 64))
     ], 4));
   }
-}, xn = /* @__PURE__ */ G(wn, [["__scopeId", "data-v-37a282cc"]]);
+}, xn = /* @__PURE__ */ G(wn, [["__scopeId", "data-v-5a886afb"]]);
 let qe;
 function Be() {
   return qe || (qe = pl(xn).mount(document.createElement("div")), document.body.appendChild(qe.$el)), qe;
@@ -1549,12 +1549,12 @@ const ea = (e) => ({
     }, y = gt(a), h = ht(y), x = await o.getDimensions(f), $ = y === "y", k = $ ? "top" : "left", _ = $ ? "bottom" : "right", M = $ ? "clientHeight" : "clientWidth", C = i.reference[h] + i.reference[y] - v[y] - i.floating[h], I = v[y] - i.reference[y], N = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
     let w = N ? N[M] : 0;
     (!w || !await (o.isElement == null ? void 0 : o.isElement(N))) && (w = s.floating[M] || i.floating[h]);
-    const L = C / 2 - I / 2, g = w / 2 - x[h] / 2 - 1, S = Me(p[k], g), F = Me(p[_], g), q = S, H = w - x[h] - F, j = w / 2 - x[h] / 2 + L, A = ct(q, j, H), X = !c.arrow && Ue(a) != null && j !== A && i.reference[h] / 2 - (j < q ? S : F) - x[h] / 2 < 0, Q = X ? j < q ? j - q : j - H : 0;
+    const L = C / 2 - I / 2, g = w / 2 - x[h] / 2 - 1, S = Me(p[k], g), F = Me(p[_], g), H = S, W = w - x[h] - F, q = w / 2 - x[h] / 2 + L, A = ct(H, q, W), X = !c.arrow && Ue(a) != null && q !== A && i.reference[h] / 2 - (q < H ? S : F) - x[h] / 2 < 0, Q = X ? q < H ? q - H : q - W : 0;
     return {
       [y]: v[y] + Q,
       data: {
         [y]: A,
-        centerOffset: j - A - Q,
+        centerOffset: q - A - Q,
         ...X && {
           alignmentOffset: Q
         }
@@ -1591,42 +1591,42 @@ const ea = (e) => ({
       const I = [s, ...C], N = await Yt(n, $), w = [];
       let L = ((l = i.flip) == null ? void 0 : l.overflows) || [];
       if (m && w.push(N[k]), p) {
-        const q = Xn(a, o, M);
-        w.push(N[q[0]], N[q[1]]);
+        const H = Xn(a, o, M);
+        w.push(N[H[0]], N[H[1]]);
       }
       if (L = [...L, {
         placement: a,
         overflows: w
-      }], !w.every((q) => q <= 0)) {
+      }], !w.every((H) => H <= 0)) {
         var g, S;
-        const q = (((g = i.flip) == null ? void 0 : g.index) || 0) + 1, H = I[q];
-        if (H)
+        const H = (((g = i.flip) == null ? void 0 : g.index) || 0) + 1, W = I[H];
+        if (W)
           return {
             data: {
-              index: q,
+              index: H,
               overflows: L
             },
             reset: {
-              placement: H
+              placement: W
             }
           };
-        let j = (S = L.filter((A) => A.overflows[0] <= 0).sort((A, X) => A.overflows[1] - X.overflows[1])[0]) == null ? void 0 : S.placement;
-        if (!j)
+        let q = (S = L.filter((A) => A.overflows[0] <= 0).sort((A, X) => A.overflows[1] - X.overflows[1])[0]) == null ? void 0 : S.placement;
+        if (!q)
           switch (y) {
             case "bestFit": {
               var F;
               const A = (F = L.map((X) => [X.placement, X.overflows.filter((Q) => Q > 0).reduce((Q, P) => Q + P, 0)]).sort((X, Q) => X[1] - Q[1])[0]) == null ? void 0 : F[0];
-              A && (j = A);
+              A && (q = A);
               break;
             }
             case "initialPlacement":
-              j = s;
+              q = s;
               break;
           }
-        if (a !== j)
+        if (a !== q)
           return {
             reset: {
-              placement: j
+              placement: q
             }
           };
       }
@@ -2263,7 +2263,7 @@ const Ca = ["data-side"], ll = {
     };
     ge(() => {
       t.value = !0, N(), vt(() => {
-        j();
+        q();
       });
     }), ne(() => m.value, (A) => {
       A && M(m.value);
@@ -2278,7 +2278,7 @@ const Ca = ["data-side"], ll = {
       }, 0);
     }, g = () => {
       I(), document.removeEventListener("mousedown", g);
-    }, S = O(() => o.value.split("-")[0]), F = O(() => ({ left: v.value + "px", top: y.value + "px", zIndex: l.zIndex, width: f.value })), q = O(() => {
+    }, S = O(() => o.value.split("-")[0]), F = O(() => ({ left: v.value + "px", top: y.value + "px", zIndex: l.zIndex, width: f.value })), H = O(() => {
       if (!l.showArrow)
         return {};
       const { arrow: A } = se(h);
@@ -2286,7 +2286,7 @@ const Ca = ["data-side"], ll = {
         left: (A == null ? void 0 : A.x) + "px",
         top: (A == null ? void 0 : A.y) + "px"
       };
-    }), H = async () => {
+    }), W = async () => {
       if (!(!_.value || !p.value))
         try {
           const A = await Sa(_.value, p.value, {
@@ -2301,10 +2301,10 @@ const Ca = ["data-side"], ll = {
           console.error("Error updating position:", A);
         }
     };
-    async function j() {
+    async function q() {
       if (!(!_.value || !p.value))
         try {
-          await me(), $ = xa(_.value, p.value, H);
+          await me(), $ = xa(_.value, p.value, W);
         } catch (A) {
           console.error("Error updating position:", A);
         }
@@ -2341,7 +2341,7 @@ const Ca = ["data-side"], ll = {
             ref_key: "arrowRef",
             ref: a,
             class: "abl-popper__arrow",
-            style: E(q.value)
+            style: E(H.value)
           }, null, 4)) : R("", !0)
         ], 46, Ca)) : R("", !0)
       ])) : R("", !0)
@@ -3057,40 +3057,40 @@ const so = /* @__PURE__ */ u("div", {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = Ze(), l = e, a = O(() => l.previewSrcList.length), i = b(Array(a.value).fill(!1)), o = b(l.initialIndex), s = b(1), c = b(0), f = b(0), m = b(0), p = b(0), v = b(0), y = n, h = (H) => {
-      t && (t.appContext.config.globalProperties.$lockCount = H || 0);
+    const t = Ze(), l = e, a = O(() => l.previewSrcList.length), i = b(Array(a.value).fill(!1)), o = b(l.initialIndex), s = b(1), c = b(0), f = b(0), m = b(0), p = b(0), v = b(0), y = n, h = (W) => {
+      t && (t.appContext.config.globalProperties.$lockCount = W || 0);
     }, x = () => {
       document.body.style.paddingRight = window.innerWidth - document.documentElement.clientWidth + "px", document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
-      const H = t.appContext.config.globalProperties.$lockCount || 0;
-      h(H + 1);
+      const W = t.appContext.config.globalProperties.$lockCount || 0;
+      h(W + 1);
     }, $ = () => {
       t.appContext.config.globalProperties.$lockCount > 0 && h((t.appContext.config.globalProperties.$lockCount || 0) - 1), (t.appContext.config.globalProperties.$lockCount || 0) <= 0 && (document.body.style.overflow = "", document.body.style.touchAction = "", document.body.style.paddingRight = "");
     };
-    ne(() => l.modelValue, (H) => {
+    ne(() => l.modelValue, (W) => {
       ol && l.modelValue && x();
     }, {
       deep: !0,
       immediate: !0
     });
-    const k = (H, j) => {
+    const k = (W, q) => {
       let A, X;
       try {
-        A = H.toString().split(".")[1].length;
+        A = W.toString().split(".")[1].length;
       } catch {
         A = 0;
       }
       try {
-        X = j.toString().split(".")[1].length;
+        X = q.toString().split(".")[1].length;
       } catch {
         X = 0;
       }
       const Q = Math.max(A, X), P = Math.pow(10, Q);
-      return H = Math.round(H * P), j = Math.round(j * P), (H + j) / P;
-    }, _ = (H) => {
-      i.value[H] = !0;
-    }, M = (H) => {
+      return W = Math.round(W * P), q = Math.round(q * P), (W + q) / P;
+    }, _ = (W) => {
+      i.value[W] = !0;
+    }, M = (W) => {
       o.value = (o.value + 1) % a.value;
-    }, C = (H) => {
+    }, C = (W) => {
       o.value = (o.value - 1 + a.value) % a.value;
     }, I = () => {
       s.value + l.zoomRate > l.maxScale ? s.value = l.maxScale : s.value = k(s.value, l.zoomRate);
@@ -3102,26 +3102,26 @@ const so = /* @__PURE__ */ u("div", {
       v.value += 90;
     }, g = () => {
       v.value = 0, s.value = 1, m.value = 0, p.value = 0;
-    }, S = (H) => {
+    }, S = (W) => {
       if (!l.drag)
         return;
-      const j = H.target, { top: A, left: X, right: Q, bottom: P } = j.getBoundingClientRect(), T = document.documentElement.clientWidth, Y = document.documentElement.clientHeight;
-      c.value = H.clientX, f.value = H.clientY;
-      const B = m.value, W = p.value;
-      document.onmousemove = (U) => {
-        m.value = B + U.clientX - c.value, p.value = W + U.clientY - f.value;
-      }, document.onmouseup = (U) => {
-        m.value > B + T - Q && (m.value = B + T - Q), m.value < B - X && (m.value = B - X), p.value > W + Y - P && (p.value = W + Y - P), p.value < W - A && (p.value = W - A), document.onmousemove = null;
+      const q = W.target, { top: A, left: X, right: Q, bottom: P } = q.getBoundingClientRect(), T = document.documentElement.clientWidth, Y = document.documentElement.clientHeight;
+      c.value = W.clientX, f.value = W.clientY;
+      const B = m.value, U = p.value;
+      document.onmousemove = (j) => {
+        m.value = B + j.clientX - c.value, p.value = U + j.clientY - f.value;
+      }, document.onmouseup = (j) => {
+        m.value > B + T - Q && (m.value = B + T - Q), m.value < B - X && (m.value = B - X), p.value > U + Y - P && (p.value = U + Y - P), p.value < U - A && (p.value = U - A), document.onmousemove = null;
       };
-    }, F = (H) => {
+    }, F = (W) => {
       if (!l.drag)
         return;
-      const j = H.deltaY * l.zoomRate * 0.1;
-      s.value === l.minScale && j > 0 || s.value === l.maxScale && j < 0 || (s.value - j < l.minScale ? s.value = l.minScale : s.value - j > l.maxScale ? s.value = l.maxScale : s.value = k(s.value, -j));
-    }, q = () => {
+      const q = W.deltaY * l.zoomRate * 0.1;
+      s.value === l.minScale && q > 0 || s.value === l.maxScale && q < 0 || (s.value - q < l.minScale ? s.value = l.minScale : s.value - q > l.maxScale ? s.value = l.maxScale : s.value = k(s.value, -q));
+    }, H = () => {
       $(), y("update:modelValue", !1);
     };
-    return (H, j) => (r(), ie(et, { to: "body" }, [
+    return (W, q) => (r(), ie(et, { to: "body" }, [
       fe(ke, { name: "mask" }, {
         default: re(() => [
           so
@@ -3135,7 +3135,7 @@ const so = /* @__PURE__ */ u("div", {
         default: re(() => [
           u("div", {
             class: "abl-image-preview-wrap",
-            onWheel: j[4] || (j[4] = J((A) => F(A), ["prevent"]))
+            onWheel: q[4] || (q[4] = J((A) => F(A), ["prevent"]))
           }, [
             u("div", io, [
               u("div", {
@@ -3156,8 +3156,8 @@ const so = /* @__PURE__ */ u("div", {
                       class: "abl-image-preview__img",
                       style: E(`transform: scale3d(${s.value}, ${s.value}, 1) rotate(${v.value}deg);`),
                       onLoad: (Q) => _(X),
-                      onMousedown: j[0] || (j[0] = J((Q) => S(Q), ["prevent"])),
-                      onClick: j[1] || (j[1] = J(() => {
+                      onMousedown: q[0] || (q[0] = J((Q) => S(Q), ["prevent"])),
+                      onClick: q[1] || (q[1] = J(() => {
                       }, ["stop"]))
                     }, null, 44, ro)) : (r(), d("video", {
                       key: 1,
@@ -3186,12 +3186,12 @@ const so = /* @__PURE__ */ u("div", {
                     title: "",
                     style: E(`transform: scale3d(${s.value}, ${s.value}, 1) rotate(${v.value}deg);`),
                     onLoad: (Q) => _(X),
-                    onMousedown: j[2] || (j[2] = J((Q) => S(Q), ["prevent"])),
-                    onClick: j[3] || (j[3] = J(() => {
+                    onMousedown: q[2] || (q[2] = J((Q) => S(Q), ["prevent"])),
+                    onClick: q[3] || (q[3] = J(() => {
                     }, ["stop"])),
                     loading: "lazy"
                   }, null, 44, uo)),
-                  z(H.$slots, "default"),
+                  z(W.$slots, "default"),
                   e.showProgress ? (r(), d("div", fo, [
                     u("div", po, D(`${o.value + 1}/${a.value}`), 1)
                   ])) : R("", !0)
@@ -3211,7 +3211,7 @@ const so = /* @__PURE__ */ u("div", {
               ], 64)) : R("", !0),
               u("div", {
                 class: "abl-image-preview__btn abl-image-preview__close",
-                onClick: q
+                onClick: H
               }, bo),
               e.showAction ? (r(), d("div", _o, [
                 u("div", wo, [
@@ -4109,8 +4109,8 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Is = { class: "abl-
       const g = (S = w.dataTransfer) == null ? void 0 : S.files;
       if (g != null && g.length) {
         const F = g.length;
-        for (let q = 0; q < F && L + q <= t.maxCount; q++)
-          k(g[q], L + q);
+        for (let H = 0; H < F && L + H <= t.maxCount; H++)
+          k(g[H], L + H);
         o.value[L].value = "";
       }
     }, h = (w) => {
@@ -4138,12 +4138,12 @@ const wt = (e) => (ye("data-v-915b5556"), e = e(), be(), e), Is = { class: "abl-
       }, g.onprogress = function(S) {
         S.loaded === S.total && (i.value[L] = !1);
       }, g.onload = function(S) {
-        var F, q;
+        var F, H;
         t.isUrl ? l.value.push({
           name: w.name,
           url: (F = S.target) == null ? void 0 : F.result,
           type: w.type
-        }) : l.value.push((q = S.target) == null ? void 0 : q.result), $("update:fileList", l.value), $("change", l.value);
+        }) : l.value.push((H = S.target) == null ? void 0 : H.result), $("update:fileList", l.value), $("change", l.value);
       }, g.onloadend = function(S) {
         console.log("读取结束 onloadend:", S);
       };
@@ -4414,15 +4414,15 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
         });
         _.list = T;
       }
-    }, q = (P) => {
+    }, H = (P) => {
       o.disabled || (M.value = !0, y.value === "focus" ? y.value = "blur" : y.value = "focus", setTimeout(() => {
         const T = document.querySelector("#abl-select"), Y = T.querySelector(".abl-options-item-active");
         if (!Y)
           return;
-        const B = T.getBoundingClientRect(), W = Y.getBoundingClientRect();
-        W.top >= B.top && W.bottom <= B.bottom || (T.scrollTop = Y.offsetTop - T.offsetHeight / 2);
+        const B = T.getBoundingClientRect(), U = Y.getBoundingClientRect();
+        U.top >= B.top && U.bottom <= B.bottom || (T.scrollTop = Y.offsetTop - T.offsetHeight / 2);
       }, 100));
-    }, H = (P, T) => {
+    }, W = (P, T) => {
       var B;
       if (o.disabled)
         return;
@@ -4434,8 +4434,8 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
       let Y = null;
       y.value = "blur", w.value[0] && w.value[0].value === P.value ? w.value.shift() : w.value[0] = P, Y = P.value, c("update:modelValue", Y), c("change", Y, P, $t(w.value)), h.value.close();
     };
-    $e("handleSlotClick", H);
-    const j = () => {
+    $e("handleSlotClick", W);
+    const q = () => {
       var P;
       (P = v.value) == null || P.focus(), !C.value && y.value === "focus" && w.value.length > 0 && (w.value.pop(), c("change", $t(w.value)));
     }, A = () => {
@@ -4504,9 +4504,9 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
             id: "abl-select"
           }, [
             _.list.length > 0 ? (r(!0), d(K, { key: 0 }, ae(_.list, (Y, B) => (r(), d("div", {
-              class: V(["abl-select-options-item", w.value.some((W) => W.value === Y.value) ? "abl-options-item-active" : ""]),
+              class: V(["abl-select-options-item", w.value.some((U) => U.value === Y.value) ? "abl-options-item-active" : ""]),
               key: Y.name + Y.value,
-              onMousedown: (W) => H(Y, W)
+              onMousedown: (U) => W(Y, U)
             }, [
               i.value ? z(P.$slots, "abloption", xt(xe({ key: 0 }, Y)), void 0, !0) : (r(), d(K, { key: 1 }, [
                 Y.iconColor ? (r(), d("div", {
@@ -4528,11 +4528,11 @@ const Gs = { class: "abl-select-warpper-content" }, Js = { class: "abl-select-ha
         ]),
         default: re(() => [
           u("div", {
-            onClick: q,
+            onClick: H,
             id: "select-input-warpper",
             class: V(["abl-select-warpper", I.value ? "abl-select-warpper-disabled" : ""]),
             style: E({ height: e.height }),
-            onKeydown: Dt(j, ["delete"])
+            onKeydown: Dt(q, ["delete"])
           }, [
             u("div", Gs, [
               u("div", {
@@ -4929,8 +4929,8 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
     const s = b(), c = b(), f = $i();
     b(), b(), b([]);
     const m = O(() => {
-      const { marks: B, max: W, min: U } = t;
-      return Object.keys(B).map(parseFloat).sort((ce, ve) => ce - ve).filter((ce) => ce >= +U && ce <= +W);
+      const { marks: B, max: U, min: j } = t;
+      return Object.keys(B).map(parseFloat).sort((ce, ve) => ce - ve).filter((ce) => ce >= +j && ce <= +U);
     }), p = O(() => Number(t.max) - Number(t.min)), v = b([]), y = b(), h = O(() => {
       const B = "abl-range";
       return {
@@ -4950,11 +4950,11 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
     })), k = O(() => ({
       borderColor: t.buttonColor
     })), _ = b(!1), M = (B) => !!t.range && Array.isArray(B), C = () => {
-      const { modelValue: B, min: W } = t;
-      return M(B) ? `${(B[1] - B[0]) * 100 / p.value}%` : `${(B - Number(W)) * 100 / p.value}%`;
+      const { modelValue: B, min: U } = t;
+      return M(B) ? `${(B[1] - B[0]) * 100 / p.value}%` : `${(B - Number(U)) * 100 / p.value}%`;
     }, I = () => {
-      const { modelValue: B, min: W } = t;
-      return M(B) ? `${(B[0] - Number(W)) * 100 / p.value}%` : "0%";
+      const { modelValue: B, min: U } = t;
+      return M(B) ? `${(B[0] - Number(U)) * 100 / p.value}%` : "0%";
     }, N = O(() => t.vertical ? {
       height: C(),
       top: I(),
@@ -4966,54 +4966,54 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
       background: t.activeColor,
       transition: c.value ? "none" : void 0
     }), w = (B) => {
-      const W = "abl-range-mark", { modelValue: U, max: te, min: de } = t;
+      const U = "abl-range-mark", { modelValue: j, max: te, min: de } = t;
       let ce = Number(de), ve = Number(te);
       if (t.range) {
-        const [ze, Oe] = U;
+        const [ze, Oe] = j;
         ce = ze, ve = Oe;
       } else
-        ve = U;
+        ve = j;
       let Te = B <= +ve && B >= ce;
       return {
-        [`${W}-text`]: !0,
-        [`${W}-text-active`]: Te
+        [`${U}-text`]: !0,
+        [`${U}-text-active`]: Te
       };
     }, L = (B) => {
-      const { min: W, vertical: U } = t;
+      const { min: U, vertical: j } = t;
       let te = {
-        left: `${(B - Number(W)) / p.value * 100}%`
+        left: `${(B - Number(U)) / p.value * 100}%`
       };
-      return U && (te = {
-        top: `${(B - Number(W)) / p.value * 100}%`
+      return j && (te = {
+        top: `${(B - Number(U)) / p.value * 100}%`
       }), te;
     }, g = (B) => {
-      const { modelValue: W, max: U, min: te } = t;
-      let de = Number(te), ce = Number(U);
+      const { modelValue: U, max: j, min: te } = t;
+      let de = Number(te), ce = Number(j);
       if (t.range) {
-        const [ze, Oe] = W;
+        const [ze, Oe] = U;
         de = ze, ce = Oe;
       }
       return {
         background: B <= ce && B >= de ? t.activeColor : t.inactiveColor
       };
     }, S = (B) => {
-      const { min: W, max: U, step: te } = t;
-      return B = Math.max(+W, Math.min(B, +U)), Math.round(B / +te) * +te;
-    }, F = (B, W) => JSON.stringify(B) === JSON.stringify(W), q = (B) => B[0] > B[1] ? B.slice(0).reverse() : B, H = (B, W) => {
-      M(B) ? B = q(B).map(S) : B = S(B), F(B, t.modelValue) || l("update:modelValue", B), W && !F(B, i) && l("change", B);
-    }, j = (B) => {
+      const { min: U, max: j, step: te } = t;
+      return B = Math.max(+U, Math.min(B, +j)), Math.round(B / +te) * +te;
+    }, F = (B, U) => JSON.stringify(B) === JSON.stringify(U), H = (B) => B[0] > B[1] ? B.slice(0).reverse() : B, W = (B, U) => {
+      M(B) ? B = H(B).map(S) : B = S(B), F(B, t.modelValue) || l("update:modelValue", B), U && !F(B, i) && l("change", B);
+    }, q = (B) => {
       if (t.disabled || c.value === "draging")
         return;
       _.value = !0;
-      const { min: W, modelValue: U } = t, te = Nt(s);
+      const { min: U, modelValue: j } = t, te = Nt(s);
       let de = B.clientX - te.left, ce = te.width;
       t.vertical && (de = B.clientY - te.top, ce = te.height);
-      const ve = Number(W) + de / ce * p.value;
-      if (M(U)) {
-        const [Te, ze] = U, Oe = (Te + ze) / 2;
-        ve <= Oe ? (a.value = 0, H([ve, ze], !0)) : (a.value = 1, H([Te, ve], !0));
+      const ve = Number(U) + de / ce * p.value;
+      if (M(j)) {
+        const [Te, ze] = j, Oe = (Te + ze) / 2;
+        ve <= Oe ? (a.value = 0, W([ve, ze], !0)) : (a.value = 1, W([Te, ve], !0));
       } else
-        H(ve, !0);
+        W(ve, !0);
       setTimeout(() => {
         document.addEventListener("mousedown", A, { once: !0 });
       });
@@ -5025,17 +5025,17 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
       if (t.disabled)
         return;
       c.value === "start" && l("dragStart"), f.move(B), c.value = "draging", B.type.startsWith("touch") && (_.value = !0);
-      const W = Nt(s);
-      let U = f.deltaX.value, te = W.width, de = U / te * p.value;
-      t.vertical && (U = f.deltaY.value, te = W.height, de = U / te * p.value), M(i) ? o[a.value] = i[a.value] + de : o = i + de, H(o);
+      const U = Nt(s);
+      let j = f.deltaX.value, te = U.width, de = j / te * p.value;
+      t.vertical && (j = f.deltaY.value, te = U.height, de = j / te * p.value), M(i) ? o[a.value] = i[a.value] + de : o = i + de, W(o);
     }, P = (B) => {
-      t.disabled || c.value === "draging" && (H(o, !0), l("dragEnd"), window.removeEventListener("mousemove", Q), window.removeEventListener("touchmove", Q), window.removeEventListener("mouseup", P), window.removeEventListener("touchend", P), B.type.startsWith("touch") && (_.value = !1), setTimeout(() => {
+      t.disabled || c.value === "draging" && (W(o, !0), l("dragEnd"), window.removeEventListener("mousemove", Q), window.removeEventListener("touchmove", Q), window.removeEventListener("mouseup", P), window.removeEventListener("touchend", P), B.type.startsWith("touch") && (_.value = !1), setTimeout(() => {
         c.value = "";
       }));
-    }, T = (B, W) => {
+    }, T = (B, U) => {
       t.disabled || (X(B), window.addEventListener("mousemove", Q), window.addEventListener("touchmove", Q), window.addEventListener("mouseup", P), window.addEventListener("touchend", P));
     }, Y = (B) => Array.isArray(t.modelValue) && typeof B == "number" ? t.modelValue[B] : Number(t.modelValue);
-    return (B, W) => (r(), d("div", {
+    return (B, U) => (r(), d("div", {
       class: V(x.value)
     }, [
       e.hiddenRange ? R("", !0) : (r(), d("div", Si, D(+e.min), 1)),
@@ -5044,18 +5044,18 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
         ref: s,
         style: E($.value),
         class: V(h.value),
-        onClick: J(j, ["stop"])
+        onClick: J(q, ["stop"])
       }, [
         m.value.length > 0 ? (r(), d("div", Ci, [
-          (r(!0), d(K, null, ae(m.value, (U) => (r(), d("span", {
-            key: U,
-            class: V(w(U)),
-            style: E(L(U))
+          (r(!0), d(K, null, ae(m.value, (j) => (r(), d("span", {
+            key: j,
+            class: V(w(j)),
+            style: E(L(j))
           }, [
-            ee(D(U) + " ", 1),
+            ee(D(j) + " ", 1),
             u("span", {
               class: "abl-range-tick",
-              style: E(g(U))
+              style: E(g(j))
             }, null, 4)
           ], 6))), 128))
         ])) : R("", !0),
@@ -5063,24 +5063,24 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
           class: "abl-range-bar",
           style: E(N.value)
         }, [
-          e.range ? (r(), d(K, { key: 0 }, ae([0, 1], (U) => u("div", {
-            key: U,
+          e.range ? (r(), d(K, { key: 0 }, ae([0, 1], (j) => u("div", {
+            key: j,
             role: "slider",
-            class: V({ "abl-range-button-wrapper-left": U == 0, "abl-range-button-wrapper-right": U == 1 }),
+            class: V({ "abl-range-button-wrapper-left": j == 0, "abl-range-button-wrapper-right": j == 1 }),
             tabindex: e.disabled ? -1 : 0,
             "aria-valuemin": +e.min,
-            "aria-valuenow": Y(U),
+            "aria-valuenow": Y(j),
             "aria-valuemax": +e.max,
             "aria-orientation": "horizontal",
             ref_for: !0,
             ref: (te) => {
-              v.value[U] = te;
+              v.value[j] = te;
             },
             onTouchstartPassive: (te) => {
-              typeof U == "number" && (a.value = U), T(te);
+              typeof j == "number" && (a.value = j), T(te);
             },
             onMousedown: (te) => {
-              typeof U == "number" && (a.value = U), T(te);
+              typeof j == "number" && (a.value = j), T(te);
             }
           }, [
             B.$slots.button ? z(B.$slots, "button", { key: 0 }, void 0, !0) : (r(), d("div", {
@@ -5090,9 +5090,9 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
             }, [
               e.showTooltip ? (r(), d("div", {
                 key: 0,
-                class: V(["abl-handle-tooltip", [{ "display-tooltip": a.value === U && _.value }]])
+                class: V(["abl-handle-tooltip", [{ "display-tooltip": a.value === j && _.value }]])
               }, [
-                ee(D(Y(U)) + " ", 1),
+                ee(D(Y(j)) + " ", 1),
                 Vi
               ], 2)) : R("", !0)
             ], 4))
@@ -5107,11 +5107,11 @@ const ul = (e) => (ye("data-v-f4c52821"), e = e(), be(), e), Si = {
             ref_key: "buttonRef",
             ref: y,
             "aria-orientation": "horizontal",
-            onTouchstart: W[0] || (W[0] = (U) => {
-              T(U);
+            onTouchstart: U[0] || (U[0] = (j) => {
+              T(j);
             }),
-            onMousedown: W[1] || (W[1] = (U) => {
-              T(U);
+            onMousedown: U[1] || (U[1] = (j) => {
+              T(j);
             })
           }, [
             B.$slots.button ? z(B.$slots, "button", { key: 0 }, void 0, !0) : (r(), d("div", {