vft 0.0.429 → 0.0.431

package/es/components/router-view-content/router-view-content.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as v, computed as u, resolveComponent as C, createBlock as n, openBlock as a, withCtx as m, createVNode as d, unref as r, KeepAlive as A, createCommentVNode as k, resolveDynamicComponent as f, Transition as B, mergeProps as N } from "vue";
-import { getRouterKeyPath as R } from "@vft/router";
+import { defineComponent as p, computed as u, resolveComponent as C, createBlock as n, openBlock as a, withCtx as c, createVNode as f, unref as r, KeepAlive as x, createCommentVNode as A, resolveDynamicComponent as v, Transition as k, mergeProps as B } from "vue";
+import { getRouterKeyPath as N } from "@vft/router";
 import "vue-router";
-import { createReusableTemplate as K } from "@vueuse/core";
-const P = v({
+import { createReusableTemplate as R } from "@vueuse/core";
+const K = p({
   name: "vft-router-view-content"
-}), x = /* @__PURE__ */ v({
-  ...P,
+}), b = /* @__PURE__ */ p({
+  ...K,
   props: {
     cacheList: {},
     transitionName: {},
@@ -16,40 +16,40 @@ const P = v({
     enableErrorHandle: { type: Boolean },
     exceptionComp: {}
   },
-  setup(t) {
-    const h = u(() => t.openKeepAlive ? t.cacheList : []), c = u(() => (e) => t.enableErrorHandle && t.pageErrorStatus && t.exceptionComp || e), y = u(() => (e) => {
-      let o = e.name;
-      return e.meta?.currentActivePath && (o = e.matched?.filter((l) => l.path === e.meta?.currentActivePath)?.[0].name), t.isReloadFlag ? void 0 : o;
-    }), [g, s] = K();
-    return (e, o) => {
+  setup(e) {
+    const h = u(() => e.openKeepAlive ? e.cacheList : []), m = u(() => (t) => e.enableErrorHandle && e.pageErrorStatus && e.exceptionComp || t), y = u(() => (t) => {
+      let o = t.name;
+      return t.meta?.currentActivePath && (o = t.matched?.filter((l) => l.path === t.meta?.currentActivePath)?.[0].name), e.isReloadFlag ? void 0 : o;
+    }), [g, d] = R();
+    return (t, o) => {
       const l = C("router-view");
       return a(), n(l, null, {
-        default: m(({ Component: p, route: i }) => [
-          d(r(g), null, {
-            default: m(() => [
-              e.openKeepAlive ? (a(), n(A, {
+        default: c(({ Component: s, route: i }) => [
+          f(r(g), null, {
+            default: c(() => [
+              e.openKeepAlive ? (a(), n(x, {
                 key: 0,
                 include: h.value,
                 exclude: y.value(i)
               }, [
-                e.isReloadFlag ? (a(), n(f(c.value(p)), {
-                  key: r(R)(i)
-                })) : k("", !0)
-              ], 1032, ["include", "exclude"])) : (a(), n(f(c.value(p)), {
+                e.isReloadFlag ? (a(), n(v(m.value(s)), {
+                  key: r(N)(i)
+                })) : A("", !0)
+              ], 1032, ["include", "exclude"])) : (a(), n(v(m.value(s)), {
                 key: i.fullPath
               }))
             ]),
             _: 2
           }, 1024),
-          e.transitionName ? (a(), n(B, N({
+          e.transitionName ? (a(), n(k, B({
             key: 0,
             name: e.transitionName
           }, e.transitionAttr), {
-            default: m(() => [
-              d(r(s))
+            default: c(() => [
+              f(r(d))
             ]),
             _: 1
-          }, 16, ["name"])) : (a(), n(r(s), { key: 1 }))
+          }, 16, ["name"])) : (a(), n(r(d), { key: 1 }))
         ]),
         _: 1
       });
@@ -57,5 +57,5 @@ const P = v({
   }
 });
 export {
-  x as default
+  b as default
 };

package/es/components/roving-focus-group/roving-focus-item.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as p, inject as u, ref as g, unref as r, nextTick as R, computed as l, provide as G, createBlock as K, openBlock as V, withCtx as x, renderSlot as S } from "vue";
+import { defineComponent as p, inject as l, ref as g, unref as r, nextTick as x, computed as d, provide as R, createBlock as G, openBlock as K, withCtx as V, renderSlot as S } from "vue";
 import { EVENT_CODE as U } from "../../constants/aria.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { composeEventHandlers as i } from "../../utils/event.js";
+import { composeEventHandlers as a } from "../../utils/event.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
@@ -11,12 +11,12 @@ import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { ROVING_FOCUS_GROUP_INJECTION_KEY as J, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as L } from "./tokens.js";
-import { VftCollectionItem as d, ROVING_FOCUS_COLLECTION_INJECTION_KEY as Y } from "./types.js";
+import { VftCollectionItem as I, ROVING_FOCUS_COLLECTION_INJECTION_KEY as Y } from "./types.js";
 import { getFocusIntent as D, reorderArray as M, focusFirst as P } from "./utils.js";
 const j = p({
   name: "VftRovingFocusItem",
   components: {
-    "roving-focus-collection-item": d
+    "roving-focus-collection-item": I
   }
 }), ie = /* @__PURE__ */ p({
   ...j,
@@ -25,70 +25,70 @@ const j = p({
     active: { type: Boolean, default: !1 }
   },
   emits: ["mousedown", "focus", "keydown"],
-  setup(I, { emit: _ }) {
-    const v = I, s = _, { currentTabbedId: O, loop: C, onItemFocus: a, onItemShiftTab: E } = u(
+  setup(s, { emit: _ }) {
+    const v = s, c = _, { currentTabbedId: O, loop: C, onItemFocus: f, onItemShiftTab: E } = l(
       J,
       void 0
-    ), { getItems: b } = u(Y, void 0), n = B(), N = g(null), T = i(
+    ), { getItems: b } = l(Y, void 0), n = B(), N = g(null), T = a(
       (e) => {
-        s("mousedown", e);
+        c("mousedown", e);
       },
       (e) => {
-        v.focusable ? a(r(n)) : e.preventDefault();
+        v.focusable ? f(r(n)) : e.preventDefault();
       }
-    ), F = i(
+    ), F = a(
       (e) => {
-        s("focus", e);
+        c("focus", e);
       },
       () => {
-        a(r(n));
+        f(r(n));
       }
-    ), h = i(
+    ), h = a(
       (e) => {
-        s("keydown", e);
+        c("keydown", e);
       },
       (e) => {
-        const { key: f, shiftKey: w, target: y, currentTarget: m } = e;
-        if (f === U.tab && w) {
+        const { key: m, shiftKey: w, target: y, currentTarget: u } = e;
+        if (m === U.tab && w) {
           E();
           return;
         }
-        if (y !== m) return;
-        const c = D(e);
-        if (c) {
+        if (y !== u) return;
+        const i = D(e);
+        if (i) {
           e.preventDefault();
           let t = b().filter((o) => o.focusable).map((o) => o.ref);
-          switch (c) {
+          switch (i) {
             case "last": {
               t.reverse();
               break;
             }
             case "prev":
             case "next": {
-              c === "prev" && t.reverse();
-              const o = t.indexOf(m);
+              i === "prev" && t.reverse();
+              const o = t.indexOf(u);
               t = C.value ? M(t, o + 1) : t.slice(o + 1);
               break;
             }
           }
-          R(() => {
+          x(() => {
             P(t);
           });
         }
       }
-    ), k = l(() => O.value === r(n));
-    return G(L, {
+    ), k = d(() => O.value === r(n));
+    return R(L, {
       rovingFocusGroupItemRef: N,
-      tabIndex: l(() => r(k) ? 0 : -1),
+      tabIndex: d(() => r(k) ? 0 : -1),
       handleMousedown: T,
       handleFocus: F,
       handleKeydown: h
-    }), (e, f) => (V(), K(r(d), {
+    }), (e, m) => (K(), G(r(I), {
       id: r(n),
-      focusable: e.focusable,
-      active: e.active
+      focusable: s.focusable,
+      active: s.active
     }, {
-      default: x(() => [
+      default: V(() => [
         S(e.$slots, "default")
       ]),
       _: 3

package/es/components/row/row.vue2.js

@@ -4,11 +4,11 @@ import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as p } from "../../hooks/use-namespace/index.js";
+import { useNamespace as y } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { rowContextKey as y } from "./constants.js";
+import { rowContextKey as p } from "./constants.js";
 const v = a({
   name: "vft-row"
 }), D = /* @__PURE__ */ a({
@@ -20,8 +20,8 @@ const v = a({
     align: { default: "top" }
   },
   setup(t) {
-    const r = p("row");
-    n(y, {
+    const r = y("row");
+    n(p, {
       gutter: o(() => t.gutter)
     });
     const i = o(() => {
@@ -32,7 +32,7 @@ const v = a({
       r.is(`justify-${t.justify}`, t.justify !== "start"),
       r.is(`align-${t.align}`, t.align !== "top")
     ]);
-    return (e, w) => (u(), s(m(e.tag), {
+    return (e, w) => (u(), s(m(t.tag), {
       class: c(l.value),
       style: f(i.value)
     }, {

package/es/components/scrollbar/bar.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as u, ref as i, createElementBlock as c, openBlock as h, Fragment as d, createVNode as r } from "vue";
-import s from "./thumb.vue2.js";
-import { GAP as n } from "./util.js";
-const w = /* @__PURE__ */ u({
+import { defineComponent as m, ref as i, createElementBlock as u, openBlock as h, Fragment as d, createVNode as n } from "vue";
+import r from "./thumb.vue2.js";
+import { GAP as s } from "./util.js";
+const z = /* @__PURE__ */ m({
   __name: "bar",
   props: {
     always: { type: Boolean, default: !0 },
@@ -10,24 +10,24 @@ const w = /* @__PURE__ */ u({
     ratioX: { default: 1 },
     ratioY: { default: 1 }
   },
-  setup(o, { expose: f }) {
-    const t = i(0), a = i(0);
+  setup(e, { expose: f }) {
+    const a = i(0), o = i(0);
     return f({
-      handleScroll: (e) => {
-        if (e) {
-          const l = e.offsetHeight - n, m = e.offsetWidth - n;
-          a.value = e.scrollTop * 100 / l * o.ratioY, t.value = e.scrollLeft * 100 / m * o.ratioX;
+      handleScroll: (t) => {
+        if (t) {
+          const l = t.offsetHeight - s, c = t.offsetWidth - s;
+          o.value = t.scrollTop * 100 / l * e.ratioY, a.value = t.scrollLeft * 100 / c * e.ratioX;
         }
       }
-    }), (e, l) => (h(), c(d, null, [
-      r(s, {
-        move: t.value,
+    }), (t, l) => (h(), u(d, null, [
+      n(r, {
+        move: a.value,
         ratio: e.ratioX,
         size: e.width,
         always: e.always
       }, null, 8, ["move", "ratio", "size", "always"]),
-      r(s, {
-        move: a.value,
+      n(r, {
+        move: o.value,
         ratio: e.ratioY,
         size: e.height,
         vertical: "",
@@ -37,5 +37,5 @@ const w = /* @__PURE__ */ u({
   }
 });
 export {
-  w as default
+  z as default
 };

package/es/components/scrollbar/scrollbar.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent as W, ref as o, computed as h, watch as k, nextTick as T, provide as D, reactive as G, onMounted as X, onUpdated as Y, createElementBlock as q, openBlock as y, normalizeClass as w, unref as F, createElementVNode as I, createBlock as B, createCommentVNode as J, normalizeStyle as E, resolveDynamicComponent as Q, withCtx as Z, renderSlot as _ } from "vue";
-import { isNumber as i, isObject as ee } from "@vft/utils";
+import { isNumber as r, isObject as ee } from "@vft/utils";
 import { useResizeObserver as te, useEventListener as le } from "@vueuse/core";
 import { debugWarn as N } from "../../utils/error.js";
 import { addUnit as O } from "../../utils/helper.js";
@@ -10,12 +10,12 @@ import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import oe from "./bar.vue2.js";
-import { scrollbarContextKey as re } from "./constants.js";
+import { scrollbarContextKey as ie } from "./constants.js";
 import { GAP as f } from "./util.js";
-const L = "ElScrollbar", ie = W({
+const L = "ElScrollbar", re = W({
   name: "vft-scrollbar"
-}), Se = /* @__PURE__ */ W({
-  ...ie,
+}), xe = /* @__PURE__ */ W({
+  ...re,
   props: {
     height: { default: "" },
     maxHeight: { default: "" },
@@ -31,74 +31,74 @@ const L = "ElScrollbar", ie = W({
   },
   emits: {
     scroll: ({
-      scrollTop: l,
+      scrollTop: t,
       scrollLeft: u
-    }) => [l, u].every(i)
+    }) => [t, u].every(r)
   },
-  setup(l, { expose: u, emit: M }) {
+  setup(t, { expose: u, emit: M }) {
     const s = ae("scrollbar"), A = M;
-    let p, b;
-    const g = o(), t = o(), S = o(), z = o("0"), x = o("0"), m = o(), C = o(1), R = o(1), $ = h(() => {
+    let b, g;
+    const S = o(), l = o(), x = o(), z = o("0"), p = o("0"), m = o(), C = o(1), R = o(1), $ = h(() => {
       const e = {};
-      return l.height && (e.height = O(l.height)), l.maxHeight && (e.maxHeight = O(l.maxHeight)), [l.wrapStyle, e];
+      return t.height && (e.height = O(t.height)), t.maxHeight && (e.maxHeight = O(t.maxHeight)), [t.wrapStyle, e];
     }), j = h(() => [
-      l.wrapClass,
+      t.wrapClass,
       s.e("wrap"),
-      { [s.em("wrap", "hidden-default")]: !l.native }
-    ]), K = h(() => [s.e("view"), l.viewClass]), H = () => {
-      t.value && (m.value?.handleScroll(t.value), A("scroll", {
-        scrollTop: t.value.scrollTop,
-        scrollLeft: t.value.scrollLeft
+      { [s.em("wrap", "hidden-default")]: !t.native }
+    ]), K = h(() => [s.e("view"), t.viewClass]), H = () => {
+      l.value && (m.value?.handleScroll(l.value), A("scroll", {
+        scrollTop: l.value.scrollTop,
+        scrollLeft: l.value.scrollLeft
       }));
     };
     function P(e, a) {
-      ee(e) ? t.value.scrollTo(e) : i(e) && i(a) && t.value.scrollTo(e, a);
+      ee(e) ? l.value.scrollTo(e) : r(e) && r(a) && l.value.scrollTo(e, a);
     }
     const U = (e) => {
-      if (!i(e)) {
+      if (!r(e)) {
         N(L, "value must be a number");
         return;
       }
-      t.value.scrollTop = e;
+      l.value.scrollTop = e;
     }, V = (e) => {
-      if (!i(e)) {
+      if (!r(e)) {
         N(L, "value must be a number");
         return;
       }
-      t.value.scrollLeft = e;
-    }, r = () => {
-      if (!t.value) return;
-      const e = t.value.offsetHeight - f, a = t.value.offsetWidth - f, v = e ** 2 / t.value.scrollHeight, d = a ** 2 / t.value.scrollWidth, n = Math.max(v, l.minSize), c = Math.max(d, l.minSize);
-      C.value = v / (e - v) / (n / (e - n)), R.value = d / (a - d) / (c / (a - c)), x.value = n + f < e ? `${n}px` : "", z.value = c + f < a ? `${c}px` : "";
+      l.value.scrollLeft = e;
+    }, i = () => {
+      if (!l.value) return;
+      const e = l.value.offsetHeight - f, a = l.value.offsetWidth - f, v = e ** 2 / l.value.scrollHeight, d = a ** 2 / l.value.scrollWidth, n = Math.max(v, t.minSize), c = Math.max(d, t.minSize);
+      C.value = v / (e - v) / (n / (e - n)), R.value = d / (a - d) / (c / (a - c)), p.value = n + f < e ? `${n}px` : "", z.value = c + f < a ? `${c}px` : "";
     };
     return k(
-      () => l.noresize,
+      () => t.noresize,
       (e) => {
-        e ? (p?.(), b?.()) : ({ stop: p } = te(S, r), b = le("resize", r));
+        e ? (b?.(), g?.()) : ({ stop: b } = te(x, i), g = le("resize", i));
       },
       { immediate: !0 }
     ), k(
-      () => [l.maxHeight, l.height],
+      () => [t.maxHeight, t.height],
       () => {
-        l.native || T(() => {
-          r(), t.value && m.value?.handleScroll(t.value);
+        t.native || T(() => {
+          i(), l.value && m.value?.handleScroll(l.value);
         });
       }
     ), D(
-      re,
+      ie,
       G({
-        scrollbarElement: g,
-        wrapElement: t
+        scrollbarElement: S,
+        wrapElement: l
       })
     ), X(() => {
-      l.native || T(() => {
-        r();
+      t.native || T(() => {
+        i();
       });
-    }), Y(() => r()), u({
+    }), Y(() => i()), u({
       /** @description scrollbar wrap ref */
-      wrapRef: t,
+      wrapRef: l,
       /** @description update scrollbar state manually */
-      update: r,
+      update: i,
       /** @description scrolls to a particular set of coordinates */
       scrollTo: P,
       /** @description set distance to scroll top */
@@ -109,21 +109,21 @@ const L = "ElScrollbar", ie = W({
       handleScroll: H
     }), (e, a) => (y(), q("div", {
       ref_key: "scrollbarRef",
-      ref: g,
+      ref: S,
       class: w(F(s).b())
     }, [
       I("div", {
         ref_key: "wrapRef",
-        ref: t,
+        ref: l,
         class: w(j.value),
         style: E($.value),
         onScroll: H
       }, [
-        (y(), B(Q(e.tag), {
+        (y(), B(Q(t.tag), {
           ref_key: "resizeRef",
-          ref: S,
+          ref: x,
           class: w(K.value),
-          style: E(e.viewStyle)
+          style: E(t.viewStyle)
         }, {
           default: Z(() => [
             _(e.$slots, "default")
@@ -131,13 +131,13 @@ const L = "ElScrollbar", ie = W({
           _: 3
         }, 8, ["class", "style"]))
       ], 38),
-      e.native ? J("", !0) : (y(), B(oe, {
+      t.native ? J("", !0) : (y(), B(oe, {
         key: 0,
         ref_key: "barRef",
         ref: m,
-        height: x.value,
+        height: p.value,
         width: z.value,
-        always: e.always,
+        always: t.always,
         "ratio-x": R.value,
         "ratio-y": C.value
       }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"]))
@@ -145,5 +145,5 @@ const L = "ElScrollbar", ie = W({
   }
 });
 export {
-  Se as default
+  xe as default
 };

package/es/components/scrollbar/thumb.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as T, inject as D, ref as i, computed as E, onBeforeUnmount as N, toRef as S, createBlock as A, openBlock as O, Transition as j, unref as m, withCtx as K, withDirectives as U, createElementVNode as z, normalizeClass as C, normalizeStyle as _, vShow as I } from "vue";
-import { useEventListener as P, isClient as V } from "@vueuse/core";
+import { defineComponent as T, inject as D, ref as i, computed as E, onBeforeUnmount as N, toRef as S, createBlock as A, openBlock as O, Transition as j, unref as m, withCtx as K, withDirectives as U, createElementVNode as z, normalizeClass as C, normalizeStyle as I, vShow as V } from "vue";
+import { useEventListener as P, isClient as _ } from "@vueuse/core";
 import "@vft/utils";
 import { throwError as q } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
@@ -20,15 +20,15 @@ const W = "Thumb", ce = /* @__PURE__ */ T({
     ratio: {},
     always: { type: Boolean }
   },
-  setup(r) {
+  setup(a) {
     const o = D(G), s = F("scrollbar");
     o || q(W, "can not inject scrollbar context");
-    const l = i(), a = i(), v = i({}), u = i(!1);
-    let c = !1, f = !1, d = V ? document.onselectstart : null;
-    const e = E(() => J[r.vertical ? "vertical" : "horizontal"]), k = E(
+    const l = i(), r = i(), v = i({}), u = i(!1);
+    let c = !1, f = !1, d = _ ? document.onselectstart : null;
+    const e = E(() => J[a.vertical ? "vertical" : "horizontal"]), k = E(
       () => Q({
-        size: r.size,
-        move: r.move,
+        size: a.size,
+        move: a.move,
         bar: e.value
       })
     ), g = E(
@@ -36,36 +36,36 @@ const W = "Thumb", ce = /* @__PURE__ */ T({
         // offsetRatioX = original width of thumb / current width of thumb / ratioX
         // offsetRatioY = original height of thumb / current height of thumb / ratioY
         // instance height = wrap height - GAP
-        l.value[e.value.offset] ** 2 / o.wrapElement[e.value.scrollSize] / r.ratio / a.value[e.value.offset]
+        l.value[e.value.offset] ** 2 / o.wrapElement[e.value.scrollSize] / a.ratio / r.value[e.value.offset]
       )
     ), B = (t) => {
       if (t.stopPropagation(), t.ctrlKey || [1, 2].includes(t.button)) return;
-      window.getSelection()?.removeAllRanges(), M(t);
+      window.getSelection()?.removeAllRanges(), L(t);
       const n = t.currentTarget;
       n && (v.value[e.value.axis] = n[e.value.offset] - (t[e.value.client] - n.getBoundingClientRect()[e.value.direction]));
-    }, L = (t) => {
-      if (!a.value || !l.value || !o.wrapElement) return;
+    }, x = (t) => {
+      if (!r.value || !l.value || !o.wrapElement) return;
       const n = Math.abs(
         t.target.getBoundingClientRect()[e.value.direction] - t[e.value.client]
-      ), b = a.value[e.value.offset] / 2, h = (n - b) * 100 * g.value / l.value[e.value.offset];
+      ), p = r.value[e.value.offset] / 2, h = (n - p) * 100 * g.value / l.value[e.value.offset];
       o.wrapElement[e.value.scroll] = h * o.wrapElement[e.value.scrollSize] / 100;
-    }, M = (t) => {
-      t.stopImmediatePropagation(), c = !0, document.addEventListener("mousemove", w), document.addEventListener("mouseup", p), d = document.onselectstart, document.onselectstart = () => !1;
+    }, L = (t) => {
+      t.stopImmediatePropagation(), c = !0, document.addEventListener("mousemove", w), document.addEventListener("mouseup", b), d = document.onselectstart, document.onselectstart = () => !1;
     }, w = (t) => {
-      if (!l.value || !a.value || c === !1) return;
+      if (!l.value || !r.value || c === !1) return;
       const n = v.value[e.value.axis];
       if (!n) return;
-      const b = (l.value.getBoundingClientRect()[e.value.direction] - t[e.value.client]) * -1, h = a.value[e.value.offset] - n, R = (b - h) * 100 * g.value / l.value[e.value.offset];
+      const p = (l.value.getBoundingClientRect()[e.value.direction] - t[e.value.client]) * -1, h = r.value[e.value.offset] - n, R = (p - h) * 100 * g.value / l.value[e.value.offset];
       o.wrapElement[e.value.scroll] = R * o.wrapElement[e.value.scrollSize] / 100;
-    }, p = () => {
-      c = !1, v.value[e.value.axis] = 0, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", p), y(), f && (u.value = !1);
-    }, x = () => {
-      f = !1, u.value = !!r.size;
+    }, b = () => {
+      c = !1, v.value[e.value.axis] = 0, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", b), y(), f && (u.value = !1);
+    }, M = () => {
+      f = !1, u.value = !!a.size;
     }, H = () => {
       f = !0, u.value = c;
     };
     N(() => {
-      y(), document.removeEventListener("mouseup", p);
+      y(), document.removeEventListener("mouseup", b);
     });
     const y = () => {
       document.onselectstart !== d && (document.onselectstart = d);
@@ -73,7 +73,7 @@ const W = "Thumb", ce = /* @__PURE__ */ T({
     return P(
       S(o, "scrollbarElement"),
       "mousemove",
-      x
+      M
     ), P(
       S(o, "scrollbarElement"),
       "mouseleave",
@@ -86,17 +86,17 @@ const W = "Thumb", ce = /* @__PURE__ */ T({
           ref_key: "instance",
           ref: l,
           class: C([m(s).e("bar"), m(s).is(e.value.key)]),
-          onMousedown: L
+          onMousedown: x
         }, [
           z("div", {
             ref_key: "thumb",
-            ref: a,
+            ref: r,
             class: C(m(s).e("thumb")),
-            style: _(k.value),
+            style: I(k.value),
             onMousedown: B
           }, null, 38)
         ], 34), [
-          [I, t.always || u.value]
+          [V, a.always || u.value]
         ])
       ]),
       _: 1