voiptime-components 1.23.9 → 1.23.11

package/dist/index.es.js

@@ -13913,9 +13913,9 @@ const Mt = /* @__PURE__ */ a(Ej, [["render", Hj]]), Bj = ["data-placement", "dis
   emits: ["click"],
   setup(e, { emit: t }) {
     const l = e, r = t, s = E2(), c = g(() => !!(l.icon && l.shape)), u = g(() => {
-      var w, y;
+      var w, M;
       const Z = s.default ? s.default({}) : null;
-      return ((y = (w = Z == null ? void 0 : Z[0]) == null ? void 0 : w.children) == null ? void 0 : y.toString()) ?? "";
+      return ((M = (w = Z == null ? void 0 : Z[0]) == null ? void 0 : w.children) == null ? void 0 : M.toString()) ?? "";
     }), h = g(() => [
       "vt-button",
       `vt-button--${l.type}`,
@@ -13932,7 +13932,7 @@ const Mt = /* @__PURE__ */ a(Ej, [["render", Hj]]), Bj = ["data-placement", "dis
       !l.disabled && !l.loading && r("click", Z);
     };
     return (Z, w) => {
-      const y = _2("tooltip");
+      const M = _2("tooltip");
       return H1((n(), o("button", {
         class: s1(h.value),
         "data-placement": l.tooltipPlacement,
@@ -13954,7 +13954,7 @@ const Mt = /* @__PURE__ */ a(Ej, [["render", Hj]]), Bj = ["data-placement", "dis
           J1(Z.$slots, "default")
         ]))
       ], 14, Bj)), [
-        [y, C.value]
+        [M, C.value]
       ]);
     };
   }
@@ -14181,31 +14181,39 @@ const Mt = /* @__PURE__ */ a(Ej, [["render", Hj]]), Bj = ["data-placement", "dis
   }
   return t.push(window), t;
 }, iJ = (e, t, l) => {
-  let r = 0, s = 0;
+  const { width: r, height: s } = t, c = window.innerHeight;
+  let u = 0, h = 0;
+  const p = e.bottom + window.scrollY + 5, C = e.top + window.scrollY - s - 5;
   switch (l) {
     case "bottom":
-      r = e.bottom + window.scrollY + 5, s = e.left + window.scrollX + (e.width - t.width) / 2;
+      u = p, h = e.left + window.scrollX + (e.width - r) / 2;
       break;
     case "bottom-start":
-      r = e.bottom + window.scrollY + 5, s = e.left + window.scrollX;
+      u = p, h = e.left + window.scrollX;
       break;
     case "bottom-end":
-      r = e.bottom + window.scrollY + 5, s = e.right + window.scrollX - t.width;
+      u = p, h = e.right + window.scrollX - r;
       break;
     case "top":
-      r = e.top + window.scrollY - t.height - 20, s = e.left + window.scrollX + (e.width - t.width) / 2;
+      u = e.top + window.scrollY - s - 20, h = e.left + window.scrollX + (e.width - r) / 2;
       break;
     case "top-start":
-      r = e.top + window.scrollY - t.height - 20, s = e.left + window.scrollX;
+      u = e.top + window.scrollY - s - 20, h = e.left + window.scrollX;
       break;
     case "top-end":
-      r = e.top + window.scrollY - t.height - 20, s = e.right + window.scrollX - t.width;
+      u = e.top + window.scrollY - s - 20, h = e.right + window.scrollX - r;
       break;
   }
-  return s + t.width > window.innerWidth && (s = window.innerWidth - t.width - 10), s < 10 && (s = 10), r + t.height > window.innerHeight + window.scrollY && (r = e.top + window.scrollY - t.height - 5), r < window.scrollY + 10 && (r = window.scrollY + 10), {
-    top: `${r}px`,
-    left: `${s}px`,
-    transformOrigin: "center top"
+  h + r > window.innerWidth && (h = window.innerWidth - r - 10), h < 10 && (h = 10);
+  let I = u < p;
+  if (!I && u + s > c + window.scrollY) {
+    const Z = c - e.bottom;
+    e.top > Z && (u = C, I = !0);
+  }
+  return !I && u < window.scrollY + 10 && (u = window.scrollY + 10), {
+    top: `${u}px`,
+    left: `${h}px`,
+    transformOrigin: I ? "center bottom" : "center top"
   };
 };
 function St(e, t, l = {}) {
@@ -14217,65 +14225,72 @@ function St(e, t, l = {}) {
     hideOnClick: h = !0,
     onVisibleChange: p,
     onScroll: C
-  } = l, I = x(!1), Z = x(!0), w = x(!1), y = x(null), b = x([]), k = x({
+  } = l, I = x(!1), Z = x(!0), w = x(!1), M = x(null), b = x([]);
+  let k = null;
+  const S = x({
     top: "0px",
     left: "0px",
     transformOrigin: "center top"
-  }), S = () => {
+  }), _ = () => {
     if (!e.value) return;
-    const Y = Qt(e.value);
-    Z.value !== Y && (Z.value = Y, !Y && I.value ? (w.value = !0, I.value = !1, p == null || p(!1)) : Y && w.value && !I.value && (w.value = !1, I.value = !0, N(), p == null || p(!0)));
-  }, N = async () => {
+    const y = Qt(e.value);
+    Z.value !== y && (Z.value = y, !y && I.value ? (w.value = !0, I.value = !1, p == null || p(!1)) : y && w.value && !I.value && (w.value = !1, I.value = !0, T(), p == null || p(!0)));
+  }, T = async () => {
     if (await A1(), !e.value || !t.value) return;
-    const Y = e.value.getBoundingClientRect(), M = t.value.getBoundingClientRect(), j = iJ(Y, M, s);
-    k.value = {
-      ...j,
-      minWidth: `${Y.width}px`
+    const y = e.value.getBoundingClientRect(), j = {
+      width: t.value.offsetWidth,
+      height: t.value.offsetHeight
+    }, f = iJ(y, j, s);
+    S.value = {
+      ...f,
+      minWidth: `${y.width}px`
     };
-  }, T = () => {
-    (I.value || w.value) && (S(), I.value && N(), C == null || C());
   }, m = () => {
-    e.value && (b.value = eJ(e.value), b.value.forEach((Y) => {
-      Y.addEventListener("scroll", T, { passive: !0 });
-    }), window.addEventListener("resize", T));
+    (I.value || w.value) && (_(), I.value && T(), C == null || C());
   }, G = () => {
-    b.value.forEach((Y) => {
-      Y.removeEventListener("scroll", T);
-    }), window.removeEventListener("resize", T), b.value = [];
-  }, _ = () => D2(l.disabled) ? l.disabled.value : l.disabled ?? !1, P = () => {
-    _() || I.value || !e.value || !Qt(e.value) || (y.value = window.setTimeout(
+    e.value && (b.value = eJ(e.value), b.value.forEach((y) => {
+      y.addEventListener("scroll", m, { passive: !0 });
+    }), window.addEventListener("resize", m), t.value && typeof ResizeObserver < "u" && (k = new ResizeObserver(() => {
+      I.value && T();
+    }), k.observe(t.value)));
+  }, N = () => {
+    b.value.forEach((y) => {
+      y.removeEventListener("scroll", m);
+    }), window.removeEventListener("resize", m), b.value = [], k == null || k.disconnect(), k = null;
+  }, P = () => D2(l.disabled) ? l.disabled.value : l.disabled ?? !1, L = () => {
+    P() || I.value || !e.value || !Qt(e.value) || (M.value = window.setTimeout(
       async () => {
-        I.value = !0, Z.value = !0, w.value = !1, await N(), m(), p == null || p(!0);
+        I.value = !0, Z.value = !0, w.value = !1, await T(), G(), p == null || p(!0);
       },
       r === "hover" ? c : 0
     ));
-  }, L = () => {
-    I.value && (y.value = window.setTimeout(
+  }, W = () => {
+    I.value && (M.value = window.setTimeout(
       () => {
-        I.value = !1, w.value = !1, G(), p == null || p(!1);
+        I.value = !1, w.value = !1, N(), p == null || p(!1);
       },
       r === "hover" ? u : 0
     ));
-  }, W = () => {
-    _() || (I.value ? L() : P());
+  }, Y = () => {
+    P() || (I.value ? W() : L());
   };
   return k2(() => {
-    G();
+    N();
   }), {
     // State
     visible: I,
     parentVisible: Z,
     wasVisibleBeforeHiding: w,
-    dropdownPosition: k,
+    dropdownPosition: S,
     // Methods
-    show: P,
-    hide: L,
-    toggle: W,
-    updatePosition: N,
+    show: L,
+    hide: W,
+    toggle: Y,
+    updatePosition: T,
     // Internal methods
-    checkParentVisibility: S,
-    addScrollListeners: m,
-    removeScrollListeners: G
+    checkParentVisibility: _,
+    addScrollListeners: G,
+    removeScrollListeners: N
   };
 }
 const M5 = Symbol("VtSelectContext");
@@ -14959,7 +14974,7 @@ const IJ = ["for"], ZJ = {
         return !s.outlined && d1 ? s.placeholder : "";
       },
       pJ
-    ), I = l, Z = x(), w = x(!1), y = x(!1), b = x(), k = x([]), S = x(!0), N = x(!1), T = {
+    ), I = l, Z = x(), w = x(!1), M = x(!1), b = x(), k = x([]), S = x(!0), _ = x(!1), T = {
       email: (Q) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(Q),
       url: (Q) => {
         try {
@@ -15000,7 +15015,7 @@ const IJ = ["for"], ZJ = {
           break;
       }
       s.minlength && k1 && !T.minlength(k1, s.minlength) && d1.push(s.minlengthMessage || r(d.VALIDATION_MIN_LENGTH, { length: s.minlength })), s.maxlength && k1 && !T.maxlength(k1, s.maxlength) && d1.push(s.maxlengthMessage || r(d.VALIDATION_MAX_LENGTH, { length: s.maxlength })), s.type === "number" && k1 && T.number(k1) && (s.min !== void 0 && !T.min(k1, s.min) && d1.push(s.minMessage || r(d.VALIDATION_MIN_NUMBER, { number: s.min })), s.max !== void 0 && !T.max(k1, s.max) && d1.push(s.maxMessage || r(d.VALIDATION_MAX_NUMBER, { number: s.max }))), s.pattern && k1 && !T.pattern(k1, s.pattern) && d1.push(s.patternMessage || r(d.VALIDATION_INVALID_FORMAT)), s.customValidator && !T.custom(Q, s.customValidator) && d1.push(s.customValidatorMessage || r(d.VALIDATION_INVALID_FORMAT)), k.value = d1, S.value = d1.length === 0, I("validation", { isValid: S.value, errors: d1 });
-    }, G = () => P.value ? Z.value : p.value, _ = () => {
+    }, G = () => P.value ? Z.value : p.value, N = () => {
       var Q;
       s.disabled || (Q = G()) == null || Q.focus();
     }, P = g(() => s.type === "textarea"), L = g(() => {
@@ -15026,7 +15041,7 @@ const IJ = ["for"], ZJ = {
         default:
           return S.value ? null : "alertCircle";
       }
-    }), Y = g(() => j.value === "alertCircle" && !s.prefixIcon), M = g(() => !!s.prefixIcon || !!L.value || !!W.value), j = g(() => s.prefixIcon || L.value || W.value), f = g(() => {
+    }), Y = g(() => j.value === "alertCircle" && !s.prefixIcon), y = g(() => !!s.prefixIcon || !!L.value || !!W.value), j = g(() => s.prefixIcon || L.value || W.value), f = g(() => {
       const Q = "vt-input__icon", d1 = s.status !== "default" ? s.status : S.value ? "default" : "error";
       if (s.prefixIcon)
         return Q;
@@ -15056,19 +15071,19 @@ const IJ = ["for"], ZJ = {
         "vt-input--disabled": s.disabled,
         "vt-input--focused": w.value,
         "vt-input--textarea": P.value,
-        "vt-input--has-prefix": M.value,
+        "vt-input--has-prefix": y.value,
         "vt-input--has-suffix": R.value,
         "vt-input--invalid": !S.value,
         "vt-input--outlined": s.outlined,
         "vt-input--label-floating": m1.value
       }
-    ]), X = g(() => s.type === "password" ? y.value ? "text" : "password" : s.type === "textarea" ? "text" : s.type), v = g(() => s.errorMessage ? s.errorMessage : k.value.length > 0 ? k.value[0] : ""), K = x(), { tooltipText: l1 } = W2(K, () => v.value), r1 = g(() => s.autosize && typeof s.autosize == "object" && s.autosize.maxRows ? "none" : s.resize), Z1 = (Q) => {
+    ]), X = g(() => s.type === "password" ? M.value ? "text" : "password" : s.type === "textarea" ? "text" : s.type), v = g(() => s.errorMessage ? s.errorMessage : k.value.length > 0 ? k.value[0] : ""), K = x(), { tooltipText: l1 } = W2(K, () => v.value), r1 = g(() => s.autosize && typeof s.autosize == "object" && s.autosize.maxRows ? "none" : s.resize), Z1 = (Q) => {
       let k1 = Q.target.value;
       if (s.type === "number" && k1 !== "") {
         const _1 = Number(k1);
         isNaN(_1) || (k1 = _1);
       }
-      I("update:modelValue", k1), I("input", Q), s.validateOnInput && m(k1), P.value && s.autosize && !N.value && A1(() => B1());
+      I("update:modelValue", k1), I("input", Q), s.validateOnInput && m(k1), P.value && s.autosize && !_.value && A1(() => B1());
     }, g1 = (Q) => {
       if (I("change", Q), !s.validateOnInput) {
         const d1 = Q.target;
@@ -15085,12 +15100,12 @@ const IJ = ["for"], ZJ = {
       var Q;
       I("update:modelValue", ""), I("clear"), (Q = G()) == null || Q.focus(), k.value = [], S.value = !0, I("validation", { isValid: !0, errors: [] });
     }, z1 = () => {
-      y.value = !y.value, A1(() => {
+      M.value = !M.value, A1(() => {
         var Q;
         (Q = G()) == null || Q.focus();
       });
     }, B1 = () => {
-      if (!Z.value || !s.autosize || N.value) return;
+      if (!Z.value || !s.autosize || _.value) return;
       const Q = Z.value, d1 = Q.style.height;
       Q.style.height = "auto";
       let k1 = Q.scrollHeight;
@@ -15104,9 +15119,9 @@ const IJ = ["for"], ZJ = {
       if (!Z.value || !(r1.value !== "none")) return;
       const _1 = Z.value.getBoundingClientRect();
       if (Q.clientX > _1.right - 20 && Q.clientY > _1.bottom - 20) {
-        N.value = !0;
+        _.value = !0;
         const h2 = () => {
-          N.value = !1, document.removeEventListener("mouseup", h2);
+          _.value = !1, document.removeEventListener("mouseup", h2);
         };
         document.addEventListener("mouseup", h2);
       }
@@ -15139,7 +15154,7 @@ const IJ = ["for"], ZJ = {
     }), E1(
       () => s.modelValue,
       (Q) => {
-        P.value && s.autosize && !N.value && A1(B1), s.validateOnInput && m(Q || "");
+        P.value && s.autosize && !_.value && A1(B1), s.validateOnInput && m(Q || "");
       }
     ), E1(
       () => [s.required, s.minlength, s.maxlength, s.min, s.max, s.pattern],
@@ -15174,14 +15189,14 @@ const IJ = ["for"], ZJ = {
             "data-placement": "top",
             onMousedown: d1[0] || (d1[0] = U1(() => {
             }, ["prevent"])),
-            onClick: _
+            onClick: N
           }, [
             K1(J(e.label) + " ", 1),
             e.required ? (n(), o("span", wJ, "*")) : F("", !0)
           ], 34)), [
             [k1, V(h)()]
           ]) : F("", !0),
-          M.value ? H1((n(), o("div", LJ, [
+          y.value ? H1((n(), o("div", LJ, [
             u1(V1, {
               class: s1(f.value),
               name: j.value
@@ -15267,7 +15282,7 @@ const IJ = ["for"], ZJ = {
               onClick: z1
             }, [
               u1(V1, {
-                name: y.value ? "eyeOpened" : "eyeClosed",
+                name: M.value ? "eyeOpened" : "eyeClosed",
                 class: "vt-input__icon"
               }, null, 8, ["name"])
             ])) : F("", !0),
@@ -15397,17 +15412,17 @@ const IJ = ["for"], ZJ = {
     const { t: r } = $1(), s = e, c = x(), { isTruncated: u, tooltipText: h } = W2(
       c,
       () => s.label
-    ), p = l, C = x(), I = x(), Z = x(), w = x(), y = x([]), b = x([]), k = x(), S = x(), N = {
+    ), p = l, C = x(), I = x(), Z = x(), w = x(), M = x([]), b = x([]), k = x(), S = x(), _ = {
       isFocused: x(!1),
       validationErrors: x([]),
       isValid: x(!0),
       visibleCount: x(0),
       filterQuery: x("")
-    }, T = g(() => s.placeholder ?? r(d.SELECT_PLACEHOLDER)), m = g(() => s.noDataText ?? r(d.SELECT_NO_DATA)), G = g(() => s.loadingText ?? r(d.SELECT_LOADING)), _ = g(() => s.filterPlaceholder ?? r(d.SELECT_FILTER_PLACEHOLDER)), P = x(/* @__PURE__ */ new Map()), L = x(/* @__PURE__ */ new Set()), W = x(/* @__PURE__ */ new Map()), Y = x(/* @__PURE__ */ new Map()), M = (O) => O == null ? String(O) : s.valueKey && typeof O == "object" ? String(O[s.valueKey]) : typeof O == "object" ? JSON.stringify(O) : String(O), j = (O, p1) => {
-      const Y1 = M(O.value);
+    }, T = g(() => s.placeholder ?? r(d.SELECT_PLACEHOLDER)), m = g(() => s.noDataText ?? r(d.SELECT_NO_DATA)), G = g(() => s.loadingText ?? r(d.SELECT_LOADING)), N = g(() => s.filterPlaceholder ?? r(d.SELECT_FILTER_PLACEHOLDER)), P = x(/* @__PURE__ */ new Map()), L = x(/* @__PURE__ */ new Set()), W = x(/* @__PURE__ */ new Map()), Y = x(/* @__PURE__ */ new Map()), y = (O) => O == null ? String(O) : s.valueKey && typeof O == "object" ? String(O[s.valueKey]) : typeof O == "object" ? JSON.stringify(O) : String(O), j = (O, p1) => {
+      const Y1 = y(O.value);
       P.value.set(Y1, O), L.value.add(Y1), C2(O.value) && Y.value.set(Y1, O), p1 && W.value.set(O.value, p1);
     }, f = (O) => {
-      const p1 = M(O);
+      const p1 = y(O);
       L.value.delete(p1), W.value.delete(O);
     }, R = (O) => {
       for (const [p1, Y1] of W.value.entries())
@@ -15433,7 +15448,7 @@ const IJ = ["for"], ZJ = {
         let Y1;
         n1.value ? Y1 = Array.isArray(s.modelValue) ? s.modelValue : [] : Y1 = [s.modelValue];
         for (const P1 of Y1) {
-          const v1 = M(P1);
+          const v1 = y(P1);
           if (!p1.has(v1)) {
             const n2 = {
               value: P1,
@@ -15445,7 +15460,7 @@ const IJ = ["for"], ZJ = {
         }
       }
       return O;
-    }), m1 = g(() => !s.filterable || !N.filterQuery.value.trim() || s.allowRemoteFilter ? t1.value : t1.value.filter((O) => H(O, N.filterQuery.value))), B = g(() => {
+    }), m1 = g(() => !s.filterable || !_.filterQuery.value.trim() || s.allowRemoteFilter ? t1.value : t1.value.filter((O) => H(O, _.filterQuery.value))), B = g(() => {
       if (!s.multiple || m1.value.length === 0) return !1;
       const O = m1.value.filter((p1) => !p1.disabled);
       return O.length === 0 ? !1 : O.every((p1) => C2(p1.value));
@@ -15503,7 +15518,7 @@ const IJ = ["for"], ZJ = {
           await F1(), s.filterable && S.value && S.value.focus(), setTimeout(() => {
             r1();
           }, 100);
-        }) : (N.filterQuery.value && I2(), s.validateOnBlur && $.validate()), p("visible-change", O);
+        }) : (_.filterQuery.value && I2(), s.validateOnBlur && $.validate()), p("visible-change", O);
       }
     }), $ = {
       validate() {
@@ -15513,10 +15528,10 @@ const IJ = ["for"], ZJ = {
           s.required || !1,
           s.requiredMessage
         );
-        N.validationErrors.value = O.errors, N.isValid.value = O.isValid, p("validation", { isValid: N.isValid.value, errors: O.errors });
+        _.validationErrors.value = O.errors, _.isValid.value = O.isValid, p("validation", { isValid: _.isValid.value, errors: O.errors });
       },
       clear() {
-        N.validationErrors.value = [], N.isValid.value = !0, p("validation", { isValid: !0, errors: [] });
+        _.validationErrors.value = [], _.isValid.value = !0, p("validation", { isValid: !0, errors: [] });
       }
     }, n1 = g(() => s.multiple), C1 = g(() => {
       if (s.modelValue === null || s.modelValue === void 0) return [];
@@ -15530,16 +15545,16 @@ const IJ = ["for"], ZJ = {
       if (O.length === 0) return [];
       const p1 = Array.from(P.value.values()), Y1 = Array.from(Y.value.values()), P1 = [];
       for (const v1 of O) {
-        const n2 = M(v1), Z2 = P.value.get(n2);
+        const n2 = y(v1), Z2 = P.value.get(n2);
         if (Z2 && L.value.has(n2)) {
           Y.value.set(n2, Z2), P1.push(Z2);
           continue;
         }
         const N2 = p1.find(
-          (Q2) => L.value.has(M(Q2.value)) && x2(Q2.value, v1, s.valueKey)
+          (Q2) => L.value.has(y(Q2.value)) && x2(Q2.value, v1, s.valueKey)
         );
         if (N2) {
-          Y.value.set(M(N2.value), N2), P1.push(N2);
+          Y.value.set(y(N2.value), N2), P1.push(N2);
           continue;
         }
         if (Y.value.has(n2)) {
@@ -15569,18 +15584,18 @@ const IJ = ["for"], ZJ = {
       if (!s.multiple || C1.value.length === 0) return [];
       if (!s.collapsedTags)
         return C1.value;
-      const O = Math.max(1, Math.min(N.visibleCount.value || 1, C1.value.length));
+      const O = Math.max(1, Math.min(_.visibleCount.value || 1, C1.value.length));
       return C1.value.slice(0, O);
     }), Q1 = g(() => {
       if (n1.value) return "";
       const O = C1.value[0];
       return O ? O.label : "";
-    }), a2 = g(() => !s.clearable || s.disabled ? !1 : n1.value ? !!s.summary || C1.value.length > 0 : s.modelValue !== void 0 && s.modelValue !== null && s.modelValue !== "" && (!Array.isArray(s.modelValue) || s.modelValue.length > 0)), u2 = g(() => s.status !== "default" ? s.status : s.errorMessage || !N.isValid.value ? "error" : "default"), Q = g(() => s.outlined ? !!s.summary || N.isFocused.value || g1.value || s.multiple && C1.value.length > 0 || !s.multiple && Q1.value !== "" : !1), d1 = g(() => [
+    }), a2 = g(() => !s.clearable || s.disabled ? !1 : n1.value ? !!s.summary || C1.value.length > 0 : s.modelValue !== void 0 && s.modelValue !== null && s.modelValue !== "" && (!Array.isArray(s.modelValue) || s.modelValue.length > 0)), u2 = g(() => s.status !== "default" ? s.status : s.errorMessage || !_.isValid.value ? "error" : "default"), Q = g(() => s.outlined ? !!s.summary || _.isFocused.value || g1.value || s.multiple && C1.value.length > 0 || !s.multiple && Q1.value !== "" : !1), d1 = g(() => [
       "vt-select",
       `vt-select--${u2.value}`,
       {
         "vt-select--disabled": s.disabled,
-        "vt-select--focused": N.isFocused.value,
+        "vt-select--focused": _.isFocused.value,
         "vt-select--multiple": n1.value,
         "vt-select--open": g1.value,
         "vt-select--outlined": s.outlined,
@@ -15589,7 +15604,7 @@ const IJ = ["for"], ZJ = {
     ]), k1 = g(() => {
       const O = [];
       return s.backgroundColor && O.push(`background-color: ${s.backgroundColor}`), s.borderColor && O.push(`border-color: ${s.borderColor}`), s.textColor && O.push(`--vt-select-text-color: ${s.textColor} !important`), O.join("; ");
-    }), _1 = g(() => s.errorMessage ? s.errorMessage : N.validationErrors.value.length > 0 ? N.validationErrors.value[0] : ""), c2 = x(), { tooltipText: h2 } = W2(c2, () => T.value), a1 = x(), { tooltipText: L1 } = W2(a1, () => _1.value), i1 = g(() => {
+    }), _1 = g(() => s.errorMessage ? s.errorMessage : _.validationErrors.value.length > 0 ? _.validationErrors.value[0] : ""), c2 = x(), { tooltipText: h2 } = W2(c2, () => T.value), a1 = x(), { tooltipText: L1 } = W2(a1, () => _1.value), i1 = g(() => {
       var p1;
       const O = ((p1 = I.value) == null ? void 0 : p1.offsetWidth) ?? 0;
       return {
@@ -15604,11 +15619,11 @@ const IJ = ["for"], ZJ = {
     })), R1 = (O) => {
       var v1;
       if (!(O != null && O.label)) return "";
-      const p1 = M(O.value), Y1 = (v1 = Z.value) == null ? void 0 : v1.querySelector(`[data-key="${CSS.escape(p1)}"]`);
+      const p1 = y(O.value), Y1 = (v1 = Z.value) == null ? void 0 : v1.querySelector(`[data-key="${CSS.escape(p1)}"]`);
       return Y1 && Y1.scrollWidth > Y1.clientWidth ? String(O.label) : "";
-    }, b1 = g(() => C1.value.length - N.visibleCount.value), Y2 = g(() => s.collapsedTags && s.multiple && C1.value.length > 0 && N.visibleCount.value < C1.value.length), X1 = g(() => {
+    }, b1 = g(() => C1.value.length - _.visibleCount.value), Y2 = g(() => s.collapsedTags && s.multiple && C1.value.length > 0 && _.visibleCount.value < C1.value.length), X1 = g(() => {
       if (!Y2.value) return "";
-      const O = C1.value.slice(N.visibleCount.value);
+      const O = C1.value.slice(_.visibleCount.value);
       return $t(b1.value, O);
     }), e2 = g(() => {
       const O = s.summaryItems ?? [];
@@ -15637,9 +15652,9 @@ const IJ = ["for"], ZJ = {
     }, E = () => {
       s.disabled || B1();
     }, T1 = () => {
-      N.isFocused.value = !0, p("focus");
+      _.isFocused.value = !0, p("focus");
     }, t2 = (O) => {
-      N.isFocused.value = !1, p("blur"), setTimeout(() => {
+      _.isFocused.value = !1, p("blur"), setTimeout(() => {
         var p1;
         (p1 = Z.value) != null && p1.contains(document.activeElement) || z1();
       }, 100);
@@ -15652,20 +15667,20 @@ const IJ = ["for"], ZJ = {
     }
     const d2 = L2((O) => {
       const p1 = O.target.value;
-      N.filterQuery.value = p1, p("filter", p1), s.allowRemoteFilter && console.log("Remote filter query: ", p1);
+      _.filterQuery.value = p1, p("filter", p1), s.allowRemoteFilter && console.log("Remote filter query: ", p1);
     }, 500), I2 = () => {
-      N.filterQuery.value = "", p("filter", ""), p("filter-clear");
+      _.filterQuery.value = "", p("filter", ""), p("filter-clear");
     }, y2 = (O) => {
       O.key === "Enter" || O.key === " " ? (O.preventDefault(), E()) : O.key === "Escape" && g1.value && (O.preventDefault(), z1());
     }, C2 = (O) => dJ(O, s.modelValue, n1.value, s.valueKey), b2 = () => {
       if (!s.collapsedTags) {
-        N.visibleCount.value = C1.value.length;
+        _.visibleCount.value = C1.value.length;
         return;
       }
       A1(() => {
         if (!w.value || b.value.length === 0) return;
         const O = CJ(w.value, b.value, C1.value.length);
-        N.visibleCount.value = Math.max(1, O);
+        _.visibleCount.value = Math.max(1, O);
       });
     }, g2 = {
       selectValue: g(() => s.modelValue || (n1.value ? [] : void 0)).value,
@@ -15688,7 +15703,7 @@ const IJ = ["for"], ZJ = {
           o1();
         },
         validate() {
-          return $.validate(), N.isValid.value;
+          return $.validate(), _.isValid.value;
         },
         clearValidation() {
           $.clear();
@@ -15698,18 +15713,18 @@ const IJ = ["for"], ZJ = {
         },
         getValidationState() {
           return {
-            isValid: N.isValid.value,
-            errors: [...N.validationErrors.value]
+            isValid: _.isValid.value,
+            errors: [..._.validationErrors.value]
           };
         },
         setFilter(O) {
-          N.filterQuery.value = O, p("filter", O);
+          _.filterQuery.value = O, p("filter", O);
         },
         clearFilter() {
           p("clear");
         },
         getFilterQuery() {
-          return N.filterQuery.value;
+          return _.filterQuery.value;
         },
         // Методи для роботи зі скролом
         checkInitialScroll() {
@@ -15736,7 +15751,7 @@ const IJ = ["for"], ZJ = {
       () => {
         const O = n1.value ? Array.isArray(s.modelValue) ? s.modelValue : [] : s.modelValue !== null && s.modelValue !== void 0 ? [s.modelValue] : [];
         for (const p1 of O) {
-          const Y1 = M(p1), P1 = P.value.get(Y1);
+          const Y1 = y(p1), P1 = P.value.get(Y1);
           P1 && Y.value.set(Y1, P1);
         }
         s.validateOnInput && $.validate();
@@ -15744,7 +15759,7 @@ const IJ = ["for"], ZJ = {
     ), E1(
       C1,
       () => {
-        s.collapsedTags && (y.value = [], A1(() => {
+        s.collapsedTags && (M.value = [], A1(() => {
           b2();
         }));
       },
@@ -15846,10 +15861,10 @@ const IJ = ["for"], ZJ = {
               class: s1([{ "vt-select__tags--single-row": e1.value }, "vt-select__tags"])
             }, [
               (n(!0), o(I1, null, S1(q1.value, (v1, n2) => (n(), o("div", {
-                key: `tag-${M(v1.value)}-${n2}`,
+                key: `tag-${y(v1.value)}-${n2}`,
                 ref_for: !0,
                 ref: (Z2) => {
-                  Z2 && (y.value[n2] = Z2);
+                  Z2 && (M.value[n2] = Z2);
                 },
                 class: "vt-select__tag"
               }, [
@@ -15868,7 +15883,7 @@ const IJ = ["for"], ZJ = {
               ]) : F("", !0),
               i("div", OJ, [
                 (n(!0), o(I1, null, S1(C1.value, (v1, n2) => (n(), o("div", {
-                  key: "measure-" + M(v1.value),
+                  key: "measure-" + y(v1.value),
                   ref_for: !0,
                   ref: (Z2) => {
                     Z2 && (b.value[n2] = Z2);
@@ -15925,8 +15940,8 @@ const IJ = ["for"], ZJ = {
         ], 36),
         u1(et, { name: "fade" }, {
           default: j1(() => [
-            !e.outlined && N.validationErrors && N.validationErrors.value.length ? (n(), o("div", HJ, [
-              (n(!0), o(I1, null, S1(N.validationErrors.value, (v1, n2) => (n(), o("div", {
+            !e.outlined && _.validationErrors && _.validationErrors.value.length ? (n(), o("div", HJ, [
+              (n(!0), o(I1, null, S1(_.validationErrors.value, (v1, n2) => (n(), o("div", {
                 key: `error-${n2}`,
                 class: "vt-select__error"
               }, J(v1), 1))), 128))
@@ -15959,9 +15974,9 @@ const IJ = ["for"], ZJ = {
                   u1(at, {
                     ref_key: "filterInputRef",
                     ref: S,
-                    modelValue: N.filterQuery.value,
-                    "onUpdate:modelValue": p1[1] || (p1[1] = (v1) => N.filterQuery.value = v1),
-                    placeholder: _.value,
+                    modelValue: _.filterQuery.value,
+                    "onUpdate:modelValue": p1[1] || (p1[1] = (v1) => _.filterQuery.value = v1),
+                    placeholder: N.value,
                     clearable: "",
                     "suffix-icon": "search",
                     type: "text",
@@ -15978,7 +15993,7 @@ const IJ = ["for"], ZJ = {
                   }, null, 8, ["checked", "indeterminate", "label"])
                 ])) : F("", !0),
                 m1.value.length === 0 ? (n(), o("div", qJ, [
-                  N.filterQuery.value ? (n(), o("span", tK, J(V(r)(V(d).SELECT_NO_RESULTS, { query: N.filterQuery.value })), 1)) : (n(), o("span", eK, J(m.value), 1))
+                  _.filterQuery.value ? (n(), o("span", tK, J(V(r)(V(d).SELECT_NO_RESULTS, { query: _.filterQuery.value })), 1)) : (n(), o("span", eK, J(m.value), 1))
                 ])) : (n(), o("div", {
                   key: 3,
                   ref_key: "scrollContainerRef",
@@ -16014,7 +16029,7 @@ const IJ = ["for"], ZJ = {
                     H1((n(), o("span", {
                       ref_for: !0,
                       ref: "setOptionRef",
-                      "data-key": M(v1.value),
+                      "data-key": y(v1.value),
                       class: "vt-option__text"
                     }, [
                       R(v1.value) ? (n(), f1(U2(R(v1.value)), { key: 0 })) : (n(), o(I1, { key: 1 }, [
@@ -16086,18 +16101,18 @@ const IJ = ["for"], ZJ = {
     }), u = g({
       get: () => l.pageSize,
       set: (G) => r("update:pageSize", G)
-    }), { t: h } = $1(), p = g(() => Math.ceil(l.totalItems / u.value)), C = g(() => l.totalItems === 0 ? 0 : (c.value - 1) * u.value + 1), I = g(() => Math.min(c.value * u.value, l.totalItems)), Z = g(() => c.value <= 1), w = g(() => c.value >= p.value), y = g(() => {
-      const G = [], _ = p.value, P = c.value, L = l.maxVisiblePages;
-      if (_ <= L)
-        for (let W = 1; W <= _; W++)
+    }), { t: h } = $1(), p = g(() => Math.ceil(l.totalItems / u.value)), C = g(() => l.totalItems === 0 ? 0 : (c.value - 1) * u.value + 1), I = g(() => Math.min(c.value * u.value, l.totalItems)), Z = g(() => c.value <= 1), w = g(() => c.value >= p.value), M = g(() => {
+      const G = [], N = p.value, P = c.value, L = l.maxVisiblePages;
+      if (N <= L)
+        for (let W = 1; W <= N; W++)
           G.push(W);
       else {
         G.push(1);
-        const W = Math.max(2, P - Math.floor(L / 2)), Y = Math.min(_ - 1, P + Math.floor(L / 2));
+        const W = Math.max(2, P - Math.floor(L / 2)), Y = Math.min(N - 1, P + Math.floor(L / 2));
         W > 2 && G.push("...");
-        for (let M = W; M <= Y; M++)
-          G.push(M);
-        Y < _ - 1 && G.push("..."), _ > 1 && G.push(_);
+        for (let y = W; y <= Y; y++)
+          G.push(y);
+        Y < N - 1 && G.push("..."), N > 1 && G.push(N);
       }
       return G;
     }), b = () => {
@@ -16109,7 +16124,7 @@ const IJ = ["for"], ZJ = {
       typeof G == "number" && G !== c.value && (c.value = G, b());
     }, S = () => {
       Z.value || (c.value--, b());
-    }, N = () => {
+    }, _ = () => {
       w.value || (c.value++, b());
     }, T = () => {
       s.value = !0, c.value = 1, s.value = !1, b();
@@ -16121,13 +16136,13 @@ const IJ = ["for"], ZJ = {
       () => {
         c.value > p.value && p.value > 0 && (c.value = p.value, b());
       }
-    ), (G, _) => (n(), o("div", cK, [
+    ), (G, N) => (n(), o("div", cK, [
       i("div", dK, [
         i("div", aK, [
           u1(Ut, {
             id: "rowsSelect",
             modelValue: u.value,
-            "onUpdate:modelValue": _[0] || (_[0] = (P) => u.value = P),
+            "onUpdate:modelValue": N[0] || (N[0] = (P) => u.value = P),
             class: "vt-pagination__select",
             onChange: T
           }, {
@@ -16156,7 +16171,7 @@ const IJ = ["for"], ZJ = {
         }, [
           u1(V1, { name: "arrowLeft" })
         ], 10, hK),
-        (n(!0), o(I1, null, S1(y.value, (P) => (n(), o("button", {
+        (n(!0), o(I1, null, S1(M.value, (P) => (n(), o("button", {
           key: P,
           class: s1([{
             "vt-pagination__nav-button--active": P === c.value
@@ -16166,7 +16181,7 @@ const IJ = ["for"], ZJ = {
         i("button", {
           class: s1({ "vt-pagination__nav-button": !0, "has-items": !w.value }),
           disabled: w.value,
-          onClick: N
+          onClick: _
         }, [
           u1(V1, { name: "arrowRight" })
         ], 10, CK)
@@ -16344,10 +16359,10 @@ function yK() {
       const h = (C) => {
         const { resizingCol: I, startX: Z, startWidth: w } = e.value;
         if (!I) return;
-        document.querySelectorAll(`[data-resizer="${I.prop}"]`).forEach((N) => {
-          N.classList.add("vt-table__resizer--active");
+        document.querySelectorAll(`[data-resizer="${I.prop}"]`).forEach((_) => {
+          _.classList.add("vt-table__resizer--active");
         });
-        const y = C.clientX - Z, b = I.minWidth || 50, k = I.maxWidth || 1e3, S = Math.max(Math.min(w + y, k), b);
+        const M = C.clientX - Z, b = I.minWidth || 50, k = I.maxWidth || 1e3, S = Math.max(Math.min(w + M, k), b);
         I.width = S;
       }, p = () => {
         const { resizingCol: C } = e.value;
@@ -16364,19 +16379,19 @@ function MK(e, t, l, r) {
   var Y;
   const s = e.selectionKey || "id", c = x([]), u = x(null), h = x(!1);
   (Y = e.defaultSelection) != null && Y.length && (c.value = [...e.defaultSelection]);
-  const p = (M) => M[s], C = (M) => h.value ? !0 : c.value.some((j) => p(j) === p(M)), I = g(() => t.value.filter((M) => C(M)).length), Z = g(() => t.value.length > 0 && I.value === t.value.length), w = g(() => {
+  const p = (y) => y[s], C = (y) => h.value ? !0 : c.value.some((j) => p(j) === p(y)), I = g(() => t.value.filter((y) => C(y)).length), Z = g(() => t.value.length > 0 && I.value === t.value.length), w = g(() => {
     if (h.value) return !1;
-    const M = I.value;
-    return M > 0 && M < t.value.length;
-  }), y = g(() => h.value ? !0 : Z.value && !w.value), b = g(() => e.isAllSelect && h.value), k = (M, j) => {
-    const f = p(M), R = c.value.some((H) => p(H) === p(M)), U = j !== void 0 ? j : !R;
+    const y = I.value;
+    return y > 0 && y < t.value.length;
+  }), M = g(() => h.value ? !0 : Z.value && !w.value), b = g(() => e.isAllSelect && h.value), k = (y, j) => {
+    const f = p(y), R = c.value.some((H) => p(H) === p(y)), U = j !== void 0 ? j : !R;
     if (h.value && !U) {
-      h.value = !1, r != null && r.value && (c.value = r.value.filter((H) => p(H) !== f)), W(M, !1);
+      h.value = !1, r != null && r.value && (c.value = r.value.filter((H) => p(H) !== f)), W(y, !1);
       return;
     }
-    h.value && U || (U && !R ? c.value.push(M) : !U && R && (c.value = c.value.filter((H) => p(H) !== f)), e.selectOnClickRow && j === void 0 && _(U ? M : null), W(M, U));
+    h.value && U || (U && !R ? c.value.push(y) : !U && R && (c.value = c.value.filter((H) => p(H) !== f)), e.selectOnClickRow && j === void 0 && N(U ? y : null), W(y, U));
   }, S = () => {
-    switch (N()) {
+    switch (_()) {
       case "none":
       case "partial":
         T();
@@ -16388,29 +16403,29 @@ function MK(e, t, l, r) {
         G();
         break;
     }
-  }, N = () => h.value ? "absoluteAll" : Z.value ? "allVisible" : I.value > 0 ? "partial" : "none", T = () => {
-    const M = [], j = new Set(c.value.map((f) => p(f)));
+  }, _ = () => h.value ? "absoluteAll" : Z.value ? "allVisible" : I.value > 0 ? "partial" : "none", T = () => {
+    const y = [], j = new Set(c.value.map((f) => p(f)));
     c.value.forEach((f) => {
-      M.push(f);
+      y.push(f);
     }), t.value.forEach((f) => {
-      j.has(p(f)) || M.push(f);
-    }), c.value = M, h.value = !1, W();
+      j.has(p(f)) || y.push(f);
+    }), c.value = y, h.value = !1, W();
   }, m = () => {
     e.isAllSelect ? (h.value = !0, r != null && r.value ? c.value = [...r.value] : c.value = [...t.value], W(void 0, void 0, !0)) : T();
   }, G = () => {
     c.value = [], h.value = !1, u.value = null, W();
-  }, _ = (M) => {
+  }, N = (y) => {
     const j = u.value;
-    u.value = M, l("current-change", {
+    u.value = y, l("current-change", {
       currentRow: u.value,
       oldCurrentRow: j
     });
-  }, P = () => [...c.value], L = (M) => {
-    c.value = [...M], h.value = !1, W();
-  }, W = (M, j, f = !1) => {
+  }, P = () => [...c.value], L = (y) => {
+    c.value = [...y], h.value = !1, W();
+  }, W = (y, j, f = !1) => {
     const R = {
       selection: [...c.value],
-      row: M,
+      row: y,
       selected: j,
       isAllSelected: f || h.value
     };
@@ -16418,21 +16433,21 @@ function MK(e, t, l, r) {
   };
   return E1(
     () => e.defaultSelection,
-    (M) => {
-      M != null && M.length && (c.value = [...M]);
+    (y) => {
+      y != null && y.length && (c.value = [...y]);
     }
   ), {
     selectedRows: c,
     currentRow: u,
     isRowSelected: C,
-    isAllSelected: y,
+    isAllSelected: M,
     isIndeterminate: w,
     isDoubleCheck: b,
     isFullSelection: h,
     toggleRowSelection: k,
     toggleAllSelection: S,
     clearSelection: G,
-    setCurrentRow: _,
+    setCurrentRow: N,
     getSelectionRows: P,
     setSelectionRows: L,
     selectAbsolutelyAll: m
@@ -16447,13 +16462,13 @@ function kK(e, t) {
     insertPosition: null
   });
   let r = null;
-  const s = (w, y, b) => {
+  const s = (w, M, b) => {
     if (!w.dataTransfer) return;
-    l.value.draggedIndex = b, l.value.draggedRow = y, l.value.isDragging = !0, document.body.classList.add("vt-table-dragging"), w.dataTransfer.effectAllowed = "move", w.dataTransfer.setData("text/plain", String(b));
+    l.value.draggedIndex = b, l.value.draggedRow = M, l.value.isDragging = !0, document.body.classList.add("vt-table-dragging"), w.dataTransfer.effectAllowed = "move", w.dataTransfer.setData("text/plain", String(b));
     const k = w.target, S = k.closest("tr");
     if (S) {
-      const N = S.closest("table");
-      if (r = S.cloneNode(!0), r.style.position = "absolute", r.style.top = "-9999px", r.style.left = "-9999px", r.style.opacity = "0.8", r.style.width = S.offsetWidth + "px", r.style.backgroundColor = "white", r.style.border = "1px solid var(--color-primary-main)", r.style.pointerEvents = "none", r.style.zIndex = "9999", N) {
+      const _ = S.closest("table");
+      if (r = S.cloneNode(!0), r.style.position = "absolute", r.style.top = "-9999px", r.style.left = "-9999px", r.style.opacity = "0.8", r.style.width = S.offsetWidth + "px", r.style.backgroundColor = "white", r.style.border = "1px solid var(--color-primary-main)", r.style.pointerEvents = "none", r.style.zIndex = "9999", _) {
         const T = document.createElement("table");
         T.style.borderCollapse = "separate", T.style.borderSpacing = "0", T.appendChild(r), document.body.appendChild(T), w.dataTransfer.setDragImage(T, w.offsetX, w.offsetY), requestAnimationFrame(() => {
           T.remove();
@@ -16464,36 +16479,36 @@ function kK(e, t) {
         });
     }
     setTimeout(() => {
-      var N;
-      (N = k.closest("tr")) == null || N.classList.add("vt-table__row--dragging");
+      var _;
+      (_ = k.closest("tr")) == null || _.classList.add("vt-table__row--dragging");
     }, 0);
-  }, c = (w, y) => {
+  }, c = (w, M) => {
     if (w.preventDefault(), !w.dataTransfer) return;
-    if (w.dataTransfer.dropEffect = "move", l.value.draggedIndex === y) {
+    if (w.dataTransfer.dropEffect = "move", l.value.draggedIndex === M) {
       l.value.targetIndex = null, l.value.insertPosition = null;
       return;
     }
     const k = w.currentTarget.getBoundingClientRect(), S = k.top + k.height / 2, T = w.clientY < S ? "before" : "after";
-    l.value.targetIndex = y, l.value.insertPosition = T;
-  }, u = (w, y) => {
+    l.value.targetIndex = M, l.value.insertPosition = T;
+  }, u = (w, M) => {
     w.preventDefault(), l.value.draggedIndex;
   }, h = (w) => {
-    const y = w.currentTarget, b = w.relatedTarget;
-    b && y.contains(b) || (!b || !b.closest("tr")) && (l.value.targetIndex = null, l.value.insertPosition = null);
-  }, p = (w, y) => {
+    const M = w.currentTarget, b = w.relatedTarget;
+    b && M.contains(b) || (!b || !b.closest("tr")) && (l.value.targetIndex = null, l.value.insertPosition = null);
+  }, p = (w, M) => {
     w.preventDefault(), w.stopPropagation();
     const b = l.value.draggedIndex, k = l.value.draggedRow, S = l.value.insertPosition;
     if (b === null || k === null) {
       I();
       return;
     }
-    if (b === y) {
+    if (b === M) {
       I();
       return;
     }
     const T = [...e()], [m] = T.splice(b, 1);
-    let G = y;
-    b < y && (G = y - 1), S === "after" && (G = G + 1), T.splice(G, 0, m), t("row-reorder", {
+    let G = M;
+    b < M && (G = M - 1), S === "after" && (G = G + 1), T.splice(G, 0, m), t("row-reorder", {
       oldIndex: b,
       newIndex: G,
       row: k,
@@ -16519,7 +16534,7 @@ function kK(e, t) {
     handleDragLeave: h,
     handleDrop: p,
     handleDragEnd: C,
-    shouldShowInsertLine: (w, y) => l.value.isDragging && l.value.targetIndex === w && l.value.insertPosition === y && l.value.draggedIndex !== w
+    shouldShowInsertLine: (w, M) => l.value.isDragging && l.value.targetIndex === w && l.value.insertPosition === M && l.value.draggedIndex !== w
   };
 }
 const YK = (e, t, l = "asc") => {
@@ -16570,7 +16585,7 @@ const YK = (e, t, l = "asc") => {
   },
   emits: ["visible-change", "click", "command", "scrolled"],
   setup(e, { expose: t, emit: l }) {
-    const r = e, s = l, c = x(), u = x(), h = x(), p = x(), C = x(!1), I = x(!1), Z = x(null), { visible: w, parentVisible: y, dropdownPosition: b, show: k, hide: S, toggle: N } = St(
+    const r = e, s = l, c = x(), u = x(), h = x(), p = x(), C = x(!1), I = x(!1), Z = x(null), { visible: w, parentVisible: M, dropdownPosition: b, show: k, hide: S, toggle: _ } = St(
       u,
       h,
       {
@@ -16595,8 +16610,8 @@ const YK = (e, t, l = "asc") => {
       },
       hideOnClick: r.hideOnClick
     });
-    const _ = (U) => {
-      r.disabled || (s("click", U), r.trigger === "click" && N());
+    const N = (U) => {
+      r.disabled || (s("click", U), r.trigger === "click" && _());
     }, P = () => {
       r.trigger === "hover" && (C.value = !0, T(), k());
     }, L = () => {
@@ -16605,7 +16620,7 @@ const YK = (e, t, l = "asc") => {
       r.trigger === "hover" && (I.value = !0, T());
     }, Y = () => {
       r.trigger === "hover" && (I.value = !1, m());
-    }, M = (U) => {
+    }, y = (U) => {
       var t1, m1;
       if (!w.value) return;
       const H = U.target;
@@ -16629,14 +16644,14 @@ const YK = (e, t, l = "asc") => {
       hide: S,
       visible: w
     }), l2(() => {
-      document.addEventListener("click", M);
+      document.addEventListener("click", y);
     }), k2(() => {
-      document.removeEventListener("click", M), T();
+      document.removeEventListener("click", y), T();
     }), (U, H) => (n(), o("div", {
       ref_key: "dropdownRef",
       ref: c,
       class: "vt-dropdown",
-      onClick: _,
+      onClick: N,
       onMouseenter: P,
       onMouseleave: L
     }, [
@@ -16647,7 +16662,7 @@ const YK = (e, t, l = "asc") => {
       }, [
         J1(U.$slots, "default")
       ], 512),
-      V(w) && V(y) ? (n(), f1(j2, {
+      V(w) && V(M) ? (n(), f1(j2, {
         key: 0,
         to: "body"
       }, [
@@ -16832,13 +16847,13 @@ const G2 = new gK(), XK = {
   },
   emits: ["update-columns"],
   setup(e, { emit: t }) {
-    const l = e, r = t, { t: s } = $1(), c = x([]), u = x(/* @__PURE__ */ new Set()), h = x(-1), p = x(-1), C = x("before"), I = g(() => c.value.filter((X) => X._visible)), Z = g(() => c.value.filter((X) => !X._visible)), w = g(() => I.value), y = g(() => l.columnsSelector.filter((X) => X.name !== "removed")), b = g(() => {
+    const l = e, r = t, { t: s } = $1(), c = x([]), u = x(/* @__PURE__ */ new Set()), h = x(-1), p = x(-1), C = x("before"), I = g(() => c.value.filter((X) => X._visible)), Z = g(() => c.value.filter((X) => !X._visible)), w = g(() => I.value), M = g(() => l.columnsSelector.filter((X) => X.name !== "removed")), b = g(() => {
       const X = {};
-      return y.value.forEach((v) => {
+      return M.value.forEach((v) => {
         const K = new Set(v.columns.map((Z1) => Z1.prop)), l1 = c.value.filter((Z1) => K.has(Z1.prop) && Z1._visible).length, r1 = v.columns.length;
         l1 === 0 ? X[v.name] = { checked: !1, indeterminate: !1 } : l1 === r1 ? X[v.name] = { checked: !0, indeterminate: !1 } : X[v.name] = { checked: !1, indeterminate: !0 };
       }), X;
-    }), k = (X) => !!(X.pinnedLeft || X.pinnedRight), S = (X) => !k(X), N = () => {
+    }), k = (X) => !!(X.pinnedLeft || X.pinnedRight), S = (X) => !k(X), _ = () => {
       const X = new Set(l.columns.map((r1) => r1.prop)), v = /* @__PURE__ */ new Map();
       l.columns.forEach((r1) => v.set(r1.prop, r1)), l.defaultColumns.forEach((r1) => {
         v.has(r1.prop) || v.set(r1.prop, r1);
@@ -16853,7 +16868,7 @@ const G2 = new gK(), XK = {
       })), l1 = [];
       v.forEach((r1, Z1) => {
         X.has(Z1) || l1.push({ ...r1, _visible: !1 });
-      }), c.value = [...K, ...l1], y.value.forEach((r1) => u.value.add(r1.name));
+      }), c.value = [...K, ...l1], M.value.forEach((r1) => u.value.add(r1.name));
     }, T = (X, v) => {
       if (k(X) && !v) return;
       const K = c.value.findIndex((l1) => l1.prop === X.prop);
@@ -16884,7 +16899,7 @@ const G2 = new gK(), XK = {
       }
     }, G = (X) => {
       u.value.has(X) ? u.value.delete(X) : u.value.add(X);
-    }, _ = () => {
+    }, N = () => {
       const X = I.value;
       let v = -1, K = X.length;
       for (let l1 = 0; l1 < X.length; l1++)
@@ -16896,7 +16911,7 @@ const G2 = new gK(), XK = {
         }
       return { minIndex: v + 1, maxIndex: K - 1 };
     }, P = (X) => {
-      const { minIndex: v, maxIndex: K } = _();
+      const { minIndex: v, maxIndex: K } = N();
       return X >= v && X <= K + 1;
     }, L = (X, v) => {
       const K = I.value[v];
@@ -16915,7 +16930,7 @@ const G2 = new gK(), XK = {
       setTimeout(() => {
         h.value === -1 && (p.value = -1);
       }, 50);
-    }, M = (X, v) => {
+    }, y = (X, v) => {
       if (X.preventDefault(), h.value === -1 || p.value === -1) {
         f();
         return;
@@ -16953,7 +16968,7 @@ const G2 = new gK(), XK = {
       const v = new Map(l.defaultColumns.map((r1, Z1) => [r1.prop, Z1])), K = c.value.filter((r1) => r1._visible).sort((r1, Z1) => (v.get(r1.prop) ?? 999) - (v.get(Z1.prop) ?? 999)), l1 = c.value.filter((r1) => !r1._visible);
       c.value = [...K, ...l1];
     }, B = () => G2.close();
-    return l2(() => N()), (X, v) => (n(), o("div", xK, [
+    return l2(() => _()), (X, v) => (n(), o("div", xK, [
       i("div", TK, [
         i("div", vK, [
           (n(!0), o(I1, null, S1(w.value, (K, l1) => (n(), o("div", {
@@ -16964,7 +16979,7 @@ const G2 = new gK(), XK = {
             onDragleave: Y,
             onDragover: (r1) => W(r1, l1),
             onDragstart: (r1) => L(r1, l1),
-            onDrop: (r1) => M(r1, l1)
+            onDrop: (r1) => y(r1, l1)
           }, [
             u1(V1, {
               class: s1([{ "vt-columns-selector__panel-item-icon--draggable": S(K) }, "vt-columns-selector__panel-item-icon"]),
@@ -16981,8 +16996,8 @@ const G2 = new gK(), XK = {
             k(K) ? (n(), o("span", NK, "pinned")) : F("", !0)
           ], 42, fK))), 128))
         ]),
-        y.value.length ? (n(), o("div", jK, [
-          (n(!0), o(I1, null, S1(y.value, (K) => {
+        M.value.length ? (n(), o("div", jK, [
+          (n(!0), o(I1, null, S1(M.value, (K) => {
             var l1, r1;
             return n(), o("div", {
               key: K.name,
@@ -17109,19 +17124,19 @@ const G2 = new gK(), XK = {
       columns: Z
     }), C = (Z) => {
       var S;
-      const w = new Set(Z.map((N) => N.prop)), y = /* @__PURE__ */ new Set();
-      (S = l.columnsSelector) == null || S.forEach((N) => {
-        N.columns.forEach((T) => y.add(T.prop));
-      }), l.allColumns.forEach((N) => y.add(N.prop));
+      const w = new Set(Z.map((_) => _.prop)), M = /* @__PURE__ */ new Set();
+      (S = l.columnsSelector) == null || S.forEach((_) => {
+        _.columns.forEach((T) => M.add(T.prop));
+      }), l.allColumns.forEach((_) => M.add(_.prop));
       const b = [];
-      y.forEach((N) => {
+      M.forEach((_) => {
         var T;
-        if (!w.has(N)) {
+        if (!w.has(_)) {
           let m;
           (T = l.columnsSelector) == null || T.forEach((G) => {
-            const _ = G.columns.find((P) => P.prop === N);
-            _ && (m = _);
-          }), m || (m = l.allColumns.find((G) => G.prop === N)), m && b.push(m);
+            const N = G.columns.find((P) => P.prop === _);
+            N && (m = N);
+          }), m || (m = l.allColumns.find((G) => G.prop === _)), m && b.push(m);
         }
       });
       const k = [...l.columnsSelector || []];
@@ -17231,7 +17246,7 @@ const G2 = new gK(), XK = {
   }),
   emits: /* @__PURE__ */ yt(["sort-change", "selection-change", "current-change", "row-click", "row-dblclick", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll", "row-reorder", "update:data"], ["update:columns", "update:sort"]),
   setup(e, { expose: t, emit: l }) {
-    const r = e, { t: s } = $1(), c = l, u = Lt(e, "columns"), h = Lt(e, "sort"), p = x({}), C = x(), I = st([]), Z = x([]), w = x(!1), y = g(() => VK(r.data || [], h.value, I)), b = g(() => u.value !== void 0), k = g(() => r.data && r.data.length > 0), S = x(!1), N = x(0);
+    const r = e, { t: s } = $1(), c = l, u = Lt(e, "columns"), h = Lt(e, "sort"), p = x({}), C = x(), I = st([]), Z = x([]), w = x(!1), M = g(() => VK(r.data || [], h.value, I)), b = g(() => u.value !== void 0), k = g(() => r.data && r.data.length > 0), S = x(!1), _ = x(0);
     let T;
     const m = (a1, L1) => r.rowKey && a1[r.rowKey] != null ? String(a1[r.rowKey]) : String(L1);
     E1(
@@ -17253,7 +17268,7 @@ const G2 = new gK(), XK = {
       },
       { deep: !0 }
     ), ot("vt-table-columns", I);
-    const { sortedColumns: G, getDefaultColumnWidth: _, getStickyOffset: P } = wK(I), { getTableWrapperStyle: L, getColumnStyle: W, getHeaderStyle: Y, getFooterStyle: M } = LK(r), { onMouseDown: j } = yK(), f = g(() => r.allData || r.data), R = r.selectable ? MK(r, y, c, f) : null, U = r.rowDraggable ? kK(() => y.value, c) : null, H = () => ({
+    const { sortedColumns: G, getDefaultColumnWidth: N, getStickyOffset: P } = wK(I), { getTableWrapperStyle: L, getColumnStyle: W, getHeaderStyle: Y, getFooterStyle: y } = LK(r), { onMouseDown: j } = yK(), f = g(() => r.allData || r.data), R = r.selectable ? MK(r, M, c, f) : null, U = r.rowDraggable ? kK(() => M.value, c) : null, H = () => ({
       width: `${mt}px`,
       minWidth: `${mt}px`,
       maxWidth: `${mt}px`,
@@ -17302,8 +17317,8 @@ const G2 = new gK(), XK = {
       if (!C.value || S.value) return;
       const a1 = C.value, L1 = a1.scrollTop, i1 = a1.scrollHeight, q = a1.clientHeight, R1 = 30;
       T && clearTimeout(T), T = setTimeout(() => {
-        const Y2 = L1 - N.value > 1, X1 = i1 - L1 - q <= R1, e2 = i1 - L1 - q <= 5;
-        N.value = L1, Y2 && (X1 || e2) && (S.value = !0, c("infinity-scroll"), S.value = !1);
+        const Y2 = L1 - _.value > 1, X1 = i1 - L1 - q <= R1, e2 = i1 - L1 - q <= 5;
+        _.value = L1, Y2 && (X1 || e2) && (S.value = !0, c("infinity-scroll"), S.value = !1);
       }, 50);
     };
     l2(() => {
@@ -17318,7 +17333,7 @@ const G2 = new gK(), XK = {
           column: a1,
           direction: ((R1 = h.value) == null ? void 0 : R1.direction) || null,
           prop: a1.prop,
-          sortedData: y.value
+          sortedData: M.value
         });
       });
     }, r1 = (a1, L1) => {
@@ -17354,8 +17369,8 @@ const G2 = new gK(), XK = {
     }, B1 = (a1, L1) => {
       a1 && (p.value[L1] = a1);
     }, F1 = (a1, L1) => {
-      const i1 = L1.width || _();
-      j(a1, L1, _, (q) => {
+      const i1 = L1.width || N();
+      j(a1, L1, N, (q) => {
         g1(L1.prop, { width: q }), c("column-resize", {
           column: { ...L1, width: q },
           width: q,
@@ -17366,17 +17381,17 @@ const G2 = new gK(), XK = {
       a1,
       L1,
       (i1, q, R1) => P(i1, q, R1, r.rowDraggable && r.showDragHandle),
-      _
+      N
     ), n1 = (a1, L1) => Y(
       a1,
       L1,
       (i1, q, R1) => P(i1, q, R1, r.rowDraggable && r.showDragHandle),
-      _
-    ), C1 = (a1, L1) => M(
+      N
+    ), C1 = (a1, L1) => y(
       a1,
       L1,
       (i1, q, R1) => P(i1, q, R1, r.rowDraggable && r.showDragHandle),
-      _
+      N
     ), N1 = (a1) => new DOMParser().parseFromString(a1, "text/html").body.textContent || "", q1 = (a1, L1) => {
       if (!(L1 != null && L1.prop)) return "";
       const i1 = a1[L1.prop];
@@ -17385,7 +17400,7 @@ const G2 = new gK(), XK = {
       if (!r.showSummary || !k.value) return {};
       const a1 = I;
       if (typeof r.summaryMethod == "function") {
-        const L1 = r.summaryMethod({ columns: a1, data: y.value });
+        const L1 = r.summaryMethod({ columns: a1, data: M.value });
         return a1.reduce(
           (i1, q, R1) => (i1[q.prop] = L1[R1], i1),
           {}
@@ -17393,7 +17408,7 @@ const G2 = new gK(), XK = {
       }
       return a1.reduce(
         (L1, i1) => {
-          const q = y.value.map((R1) => R1[i1.prop]);
+          const q = M.value.map((R1) => R1[i1.prop]);
           return L1[i1.prop] = q.every((R1) => typeof R1 == "number") ? q.reduce((R1, b1) => R1 + b1, 0) : "", L1;
         },
         {}
@@ -17521,7 +17536,7 @@ const G2 = new gK(), XK = {
             ])
           ])),
           k.value ? (n(), o("tbody", qK, [
-            (n(!0), o(I1, null, S1(y.value, (X1, e2) => {
+            (n(!0), o(I1, null, S1(M.value, (X1, e2) => {
               var m2, p2, i2, o1, e1;
               return n(), o(I1, {
                 key: m(X1, e2)
@@ -17930,11 +17945,11 @@ const G2 = new gK(), XK = {
   const e = (s, c) => {
     const u = Dt();
     if (!s || !(s instanceof Date) || isNaN(s.getTime())) return "";
-    const h = s.getFullYear(), p = s.getMonth(), C = s.getDate(), I = s.getHours(), Z = I > 12 ? I - 12 : I === 0 ? 12 : I, w = s.getMinutes(), y = s.getSeconds(), b = s.getTime();
+    const h = s.getFullYear(), p = s.getMonth(), C = s.getDate(), I = s.getHours(), Z = I > 12 ? I - 12 : I === 0 ? 12 : I, w = s.getMinutes(), M = s.getSeconds(), b = s.getTime();
     let k = c;
     k = k.replace(/yyyy/g, String(h)), k = k.replace(/yy/g, String(h).slice(-2)), k = k.replace(/MMMM/g, u.months.value[p]), k = k.replace(/MMM/g, u.monthsShort.value[p]), k = k.replace(/MM/g, String(p + 1).padStart(2, "0")), k = k.replace(/M/g, String(p + 1));
     const S = l(s);
-    return k = k.replace(/WW/g, String(S).padStart(2, "0")), k = k.replace(/W/g, String(S)), k = k.replace(/dd/g, String(C).padStart(2, "0")), k = k.replace(/d/g, String(C)), k = k.replace(/HH/g, String(I).padStart(2, "0")), k = k.replace(/H/g, String(I)), k = k.replace(/hh/g, String(Z).padStart(2, "0")), k = k.replace(/h/g, String(Z)), k = k.replace(/mm/g, String(w).padStart(2, "0")), k = k.replace(/m/g, String(w)), k = k.replace(/ss/g, String(y).padStart(2, "0")), k = k.replace(/s/g, String(y)), k = k.replace(/A/g, I >= 12 ? "PM" : "AM"), k = k.replace(/a/g, I >= 12 ? "pm" : "am"), k = k.replace(/timestamp/g, String(b)), k = k.replace(/\[([^\]]+)\]/g, "$1"), k;
+    return k = k.replace(/WW/g, String(S).padStart(2, "0")), k = k.replace(/W/g, String(S)), k = k.replace(/dd/g, String(C).padStart(2, "0")), k = k.replace(/d/g, String(C)), k = k.replace(/HH/g, String(I).padStart(2, "0")), k = k.replace(/H/g, String(I)), k = k.replace(/hh/g, String(Z).padStart(2, "0")), k = k.replace(/h/g, String(Z)), k = k.replace(/mm/g, String(w).padStart(2, "0")), k = k.replace(/m/g, String(w)), k = k.replace(/ss/g, String(M).padStart(2, "0")), k = k.replace(/s/g, String(M)), k = k.replace(/A/g, I >= 12 ? "PM" : "AM"), k = k.replace(/a/g, I >= 12 ? "pm" : "am"), k = k.replace(/timestamp/g, String(b)), k = k.replace(/\[([^\]]+)\]/g, "$1"), k;
   }, t = (s) => {
     if (!s) return null;
     if (s instanceof Date)
@@ -17952,17 +17967,17 @@ const G2 = new gK(), XK = {
     getDefaultFormat: (s) => ZF[s] || "yyyy-MM-dd"
   };
 }, yF = (e, t, l, r, s, c = !1) => {
-  const { formatDate: u, parseDate: h, getDefaultFormat: p } = LF(), { t: C } = $1(), I = g(() => ["datetimerange", "daterange", "monthrange", "yearrange"].includes(t.value)), Z = g(() => l.value || p(t.value)), w = g(() => r.value || p(t.value)), y = g(() => e.value ? I.value ? Array.isArray(e.value) && e.value.length === 2 ? [h(e.value[0]), h(e.value[1])] : [null, null] : h(e.value) : I.value ? [null, null] : null), b = g(() => {
+  const { formatDate: u, parseDate: h, getDefaultFormat: p } = LF(), { t: C } = $1(), I = g(() => ["datetimerange", "daterange", "monthrange", "yearrange"].includes(t.value)), Z = g(() => l.value || p(t.value)), w = g(() => r.value || p(t.value)), M = g(() => e.value ? I.value ? Array.isArray(e.value) && e.value.length === 2 ? [h(e.value[0]), h(e.value[1])] : [null, null] : h(e.value) : I.value ? [null, null] : null), b = g(() => {
     if (I.value) {
-      const [T, m] = y.value;
+      const [T, m] = M.value;
       if (T && m) {
-        const G = u(T, Z.value), _ = u(m, Z.value);
-        return [G, _];
+        const G = u(T, Z.value), N = u(m, Z.value);
+        return [G, N];
       } else if (T)
         return [u(T, Z.value), ""];
       return ["", ""];
     } else {
-      const T = y.value;
+      const T = M.value;
       return T ? u(T, Z.value) : "";
     }
   }), k = g(() => {
@@ -17976,7 +17991,7 @@ const G2 = new gK(), XK = {
     isRange: I,
     displayFormat: Z,
     outputFormat: w,
-    parsedValue: y,
+    parsedValue: M,
     displayText: b,
     hasDisplayValue: k,
     formatOutput: (T) => {
@@ -18000,18 +18015,18 @@ const G2 = new gK(), XK = {
   };
 }, l5 = (e) => {
   const t = g(() => {
-    const y = e.value.getFullYear(), b = e.value.getMonth(), k = new Date(y, b, 1), S = new Date(k);
+    const M = e.value.getFullYear(), b = e.value.getMonth(), k = new Date(M, b, 1), S = new Date(k);
     S.setDate(S.getDate() - k.getDay());
-    const N = [], T = new Date(S);
+    const _ = [], T = new Date(S);
     for (let m = 0; m < 42; m++)
-      N.push(new Date(T)), T.setDate(T.getDate() + 1);
-    return N;
+      _.push(new Date(T)), T.setDate(T.getDate() + 1);
+    return _;
   }), l = g(() => Dt().monthsShort.value.map((b, k) => ({
     name: b,
     index: k,
     value: new Date(e.value.getFullYear(), k, 1)
   }))), r = g(() => {
-    const y = e.value.getFullYear(), b = Math.floor(y / 10) * 10, k = [];
+    const M = e.value.getFullYear(), b = Math.floor(M / 10) * 10, k = [];
     for (let S = b; S < b + 10; S++)
       k.push({
         year: S,
@@ -18019,7 +18034,7 @@ const G2 = new gK(), XK = {
       });
     return k;
   }), s = g(() => {
-    const y = e.value.getFullYear(), b = Math.floor(y / 10) * 10;
+    const M = e.value.getFullYear(), b = Math.floor(M / 10) * 10;
     return `${b} - ${b + 9}`;
   });
   return {
@@ -18027,25 +18042,25 @@ const G2 = new gK(), XK = {
     monthsInYear: l,
     yearsInDecade: r,
     decadeRange: s,
-    isDateInCurrentMonth: (y) => y.getMonth() === e.value.getMonth(),
-    isToday: (y) => {
+    isDateInCurrentMonth: (M) => M.getMonth() === e.value.getMonth(),
+    isToday: (M) => {
       const b = /* @__PURE__ */ new Date();
-      return y.toDateString() === b.toDateString();
+      return M.toDateString() === b.toDateString();
     },
-    isSameDate: (y, b) => y.toDateString() === b.toDateString(),
-    isSameMonth: (y, b) => y.getFullYear() === b.getFullYear() && y.getMonth() === b.getMonth(),
-    isSameYear: (y, b) => y.getFullYear() === b.getFullYear(),
-    navigateMonth: (y) => {
+    isSameDate: (M, b) => M.toDateString() === b.toDateString(),
+    isSameMonth: (M, b) => M.getFullYear() === b.getFullYear() && M.getMonth() === b.getMonth(),
+    isSameYear: (M, b) => M.getFullYear() === b.getFullYear(),
+    navigateMonth: (M) => {
       const b = new Date(e.value);
-      y === "prev" ? b.setMonth(b.getMonth() - 1) : b.setMonth(b.getMonth() + 1), e.value = b;
+      M === "prev" ? b.setMonth(b.getMonth() - 1) : b.setMonth(b.getMonth() + 1), e.value = b;
     },
-    navigateYear: (y) => {
+    navigateYear: (M) => {
       const b = new Date(e.value);
-      y === "prev" ? b.setFullYear(b.getFullYear() - 1) : b.setFullYear(b.getFullYear() + 1), e.value = b;
+      M === "prev" ? b.setFullYear(b.getFullYear() - 1) : b.setFullYear(b.getFullYear() + 1), e.value = b;
     },
-    navigateDecade: (y) => {
+    navigateDecade: (M) => {
       const b = new Date(e.value);
-      y === "prev" ? b.setFullYear(b.getFullYear() - 10) : b.setFullYear(b.getFullYear() + 10), e.value = b;
+      M === "prev" ? b.setFullYear(b.getFullYear() - 10) : b.setFullYear(b.getFullYear() + 10), e.value = b;
     }
   };
 }, Ct = {
@@ -18207,7 +18222,7 @@ const G2 = new gK(), XK = {
     }, I = x(), { isTruncated: Z, tooltipText: w } = W2(
       I,
       () => s.label
-    ), y = x(/* @__PURE__ */ new Map()), b = g(() => s.type === "timerange"), k = (o1) => {
+    ), M = x(/* @__PURE__ */ new Map()), b = g(() => s.type === "timerange"), k = (o1) => {
       if (!o1) return "";
       const { hour: e1, minute: h1, second: E } = o1, T1 = s.format || (s.showSeconds ? s.use12Hours ? Ct["12h"] : Ct["24h"] : s.use12Hours ? Ct["12h_no_seconds"] : Ct["24h_no_seconds"]);
       return kF(e1, h1, E, T1, s.use12Hours);
@@ -18223,7 +18238,7 @@ const G2 = new gK(), XK = {
         return { ...e1, hour: h1, period: E };
       }
       return e1;
-    }, N = (o1, e1 = !1) => MF(o1, s.type, e1), T = g(() => s.modelValue ? b.value ? Array.isArray(s.modelValue) && s.modelValue.length === 2 ? [S(s.modelValue[0]), S(s.modelValue[1])] : [null, null] : S(s.modelValue) : b.value ? [null, null] : null), m = g(() => {
+    }, _ = (o1, e1 = !1) => MF(o1, s.type, e1), T = g(() => s.modelValue ? b.value ? Array.isArray(s.modelValue) && s.modelValue.length === 2 ? [S(s.modelValue[0]), S(s.modelValue[1])] : [null, null] : S(s.modelValue) : b.value ? [null, null] : null), m = g(() => {
       if (b.value) {
         const [o1, e1] = T.value;
         return o1 && e1 ? [k(o1), k(e1)] : o1 ? [k(o1), ""] : ["", ""];
@@ -18237,7 +18252,7 @@ const G2 = new gK(), XK = {
         return o1 || e1;
       } else
         return !!m.value;
-    }), _ = g(() => s.clearable && !s.disabled && G.value), P = g(() => b.value ? C.isSelectingEnd.value ? Z1.value : r1.value : l1.value), L = g(() => [
+    }), N = g(() => s.clearable && !s.disabled && G.value), P = g(() => b.value ? C.isSelectingEnd.value ? Z1.value : r1.value : l1.value), L = g(() => [
       "vt-timepicker",
       `vt-timepicker--${s.size}`,
       `vt-timepicker--${s.type}`,
@@ -18252,14 +18267,14 @@ const G2 = new gK(), XK = {
         "vt-timepicker--label-floating": K.value
         // НОВИЙ КЛАС
       }
-    ]), W = g(() => s.errorMessage ? s.errorMessage : ""), Y = x(0), M = x(0), j = x(0), f = x("AM"), R = x(0), U = x(0), H = x(0), t1 = x("AM"), m1 = g(() => {
+    ]), W = g(() => s.errorMessage ? s.errorMessage : ""), Y = x(0), y = x(0), j = x(0), f = x("AM"), R = x(0), U = x(0), H = x(0), t1 = x("AM"), m1 = g(() => {
       const o1 = s.use12Hours ? 12 : 23, e1 = s.use12Hours ? 1 : 0, h1 = s.disabledHours ? s.disabledHours() : [], E = Xt(e1, o1, s.hourStep, h1);
       return s.hideDisabledOptions ? E.filter((T1) => !T1.disabled) : E;
     }), B = g(() => {
       const o1 = s.use12Hours ? f.value === "PM" && Y.value !== 12 ? Y.value + 12 : f.value === "AM" && Y.value === 12 ? 0 : Y.value : Y.value, e1 = s.disabledMinutes ? s.disabledMinutes(o1) : [], h1 = Xt(0, 59, s.minuteStep, e1);
       return s.hideDisabledOptions ? h1.filter((E) => !E.disabled) : h1;
     }), X = g(() => {
-      const o1 = s.use12Hours ? f.value === "PM" && Y.value !== 12 ? Y.value + 12 : f.value === "AM" && Y.value === 12 ? 0 : Y.value : Y.value, e1 = s.disabledSeconds ? s.disabledSeconds(o1, M.value) : [], h1 = Xt(0, 59, s.secondStep, e1);
+      const o1 = s.use12Hours ? f.value === "PM" && Y.value !== 12 ? Y.value + 12 : f.value === "AM" && Y.value === 12 ? 0 : Y.value : Y.value, e1 = s.disabledSeconds ? s.disabledSeconds(o1, y.value) : [], h1 = Xt(0, 59, s.secondStep, e1);
       return s.hideDisabledOptions ? h1.filter((E) => !E.disabled) : h1;
     }), v = g(() => ["AM", "PM"]), K = g(() => s.outlined ? C.isFocused.value || z1.value || G.value : !1), l1 = g(() => s.placeholder || r(d.TIME_PICKER_PLACEHOLDER)), r1 = g(() => s.startPlaceholder || r(d.TIME_PICKER_START_PLACEHOLDER)), Z1 = g(() => s.endPlaceholder || r(d.TIME_PICKER_END_PLACEHOLDER)), g1 = x(), { tooltipText: y1 } = W2(
       g1,
@@ -18294,8 +18309,8 @@ const G2 = new gK(), XK = {
       position: "absolute",
       zIndex: 2e3
     })), Q1 = (o1, e1, h1 = !1) => {
-      const E = y.value.get(o1);
-      E && (E.disconnect(), y.value.delete(o1));
+      const E = M.value.get(o1);
+      E && (E.disconnect(), M.value.delete(o1));
       const T1 = `${-o1.clientHeight / 2 + 15}px 0px ${-o1.clientHeight / 2 + 15}px 0px`, t2 = new IntersectionObserver(
         (d2) => {
           var C2;
@@ -18318,7 +18333,7 @@ const G2 = new gK(), XK = {
                   break;
               }
               const O = X2.find((p1) => p1.value === g2);
-              O && !O.disabled && (e1 === "hour" ? h1 ? R.value = g2 : Y.value = g2 : e1 === "minute" ? h1 ? U.value = g2 : M.value = g2 : e1 === "second" && (h1 ? H.value = g2 : j.value = g2));
+              O && !O.disabled && (e1 === "hour" ? h1 ? R.value = g2 : Y.value = g2 : e1 === "minute" ? h1 ? U.value = g2 : y.value = g2 : e1 === "second" && (h1 ? H.value = g2 : j.value = g2));
             }
           }
         },
@@ -18328,7 +18343,7 @@ const G2 = new gK(), XK = {
           threshold: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1]
         }
       );
-      o1.querySelectorAll(".vt-timepicker__option").forEach((d2) => t2.observe(d2)), y.value.set(o1, t2);
+      o1.querySelectorAll(".vt-timepicker__option").forEach((d2) => t2.observe(d2)), M.value.set(o1, t2);
     }, a2 = () => {
       !z1.value || !p.value || A1(() => {
         var h1;
@@ -18365,7 +18380,7 @@ const G2 = new gK(), XK = {
         }, 150);
       });
     }, Q = () => {
-      y.value.forEach((o1) => o1.disconnect()), y.value.clear();
+      M.value.forEach((o1) => o1.disconnect()), M.value.clear();
     }, d1 = () => {
       z1.value && A1(() => {
         var h1;
@@ -18383,12 +18398,12 @@ const G2 = new gK(), XK = {
         };
         if (b.value) {
           const E = Array.from(o1);
-          E[0] && e1(E[0], Y.value, m1.value), E[1] && e1(E[1], M.value, B.value), s.showSeconds && E[2] && e1(E[2], j.value, X.value);
+          E[0] && e1(E[0], Y.value, m1.value), E[1] && e1(E[1], y.value, B.value), s.showSeconds && E[2] && e1(E[2], j.value, X.value);
           const T1 = s.showSeconds ? s.use12Hours ? 4 : 3 : s.use12Hours ? 3 : 2;
           E[T1] && e1(E[T1], R.value, m1.value), E[T1 + 1] && e1(E[T1 + 1], U.value, B.value), s.showSeconds && E[T1 + 2] && e1(E[T1 + 2], H.value, X.value);
         } else {
           const E = Array.from(o1);
-          E[0] && e1(E[0], Y.value, m1.value), E[1] && e1(E[1], M.value, B.value), s.showSeconds && E[2] && e1(E[2], j.value, X.value);
+          E[0] && e1(E[0], Y.value, m1.value), E[1] && e1(E[1], y.value, B.value), s.showSeconds && E[2] && e1(E[2], j.value, X.value);
         }
       });
     }, k1 = (o1, e1, h1 = !1, E = !1, T1) => {
@@ -18397,7 +18412,7 @@ const G2 = new gK(), XK = {
           h1 ? t1.value = o1 : f.value = o1;
         else {
           const t2 = o1;
-          e1 === "hour" ? h1 ? R.value = t2 : Y.value = t2 : e1 === "minute" ? h1 ? U.value = t2 : M.value = t2 : e1 === "second" && (h1 ? H.value = t2 : j.value = t2);
+          e1 === "hour" ? h1 ? R.value = t2 : Y.value = t2 : e1 === "minute" ? h1 ? U.value = t2 : y.value = t2 : e1 === "second" && (h1 ? H.value = t2 : j.value = t2);
         }
         T1 && A1(() => {
           var L2;
@@ -18424,13 +18439,13 @@ const G2 = new gK(), XK = {
       C.isFocused.value = !1, c("blur", u.value);
     }, L1 = () => {
       const o1 = (b.value, null);
-      c("update:modelValue", o1), c("change", o1), b.value && (C.startTime.value = null, C.endTime.value = null, C.isSelectingEnd.value = !1), Y.value = i2.hour, M.value = i2.minute, j.value = i2.second, f.value = i2.period, R.value = i2.hour, U.value = i2.minute, H.value = i2.second, t1.value = i2.period;
+      c("update:modelValue", o1), c("change", o1), b.value && (C.startTime.value = null, C.endTime.value = null, C.isSelectingEnd.value = !1), Y.value = i2.hour, y.value = i2.minute, j.value = i2.second, f.value = i2.period, R.value = i2.hour, U.value = i2.minute, H.value = i2.second, t1.value = i2.period;
     }, i1 = (o1) => k(o1), q = () => {
       if (!s.disabled) {
         if (b.value) {
           let o1 = Y.value, e1 = R.value;
           s.use12Hours && (f.value === "PM" && o1 !== 12 && (o1 += 12), f.value === "AM" && o1 === 12 && (o1 = 0), t1.value === "PM" && e1 !== 12 && (e1 += 12), t1.value === "AM" && e1 === 12 && (e1 = 0));
-          const h1 = { hour: o1, minute: M.value, second: j.value }, E = { hour: e1, minute: U.value, second: H.value }, T1 = [i1(h1), i1(E)], t2 = N(T1);
+          const h1 = { hour: o1, minute: y.value, second: j.value }, E = { hour: e1, minute: U.value, second: H.value }, T1 = [i1(h1), i1(E)], t2 = _(T1);
           if (!t2.isValid) {
             console.warn("Time range validation failed:", t2.errors);
             return;
@@ -18439,7 +18454,7 @@ const G2 = new gK(), XK = {
         } else {
           let o1 = Y.value;
           s.use12Hours && (f.value === "PM" && o1 !== 12 && (o1 += 12), f.value === "AM" && o1 === 12 && (o1 = 0));
-          const e1 = { hour: o1, minute: M.value, second: j.value }, h1 = i1(e1), E = N(h1);
+          const e1 = { hour: o1, minute: y.value, second: j.value }, h1 = i1(e1), E = _(h1);
           if (!E.isValid) {
             console.warn("Time validation failed:", E.errors);
             return;
@@ -18476,17 +18491,17 @@ const G2 = new gK(), XK = {
       close: () => {
         n1();
       },
-      validate: N
+      validate: _
     }), E1(
       () => s.modelValue,
       (o1) => {
         if (o1)
           if (b.value && Array.isArray(o1)) {
             const [e1, h1] = o1.map(S);
-            e1 && (f.value = e1.hour >= 12 ? "PM" : "AM", Y.value = s.use12Hours ? e1.hour === 0 ? 12 : e1.hour > 12 ? e1.hour - 12 : e1.hour : e1.hour, M.value = e1.minute, j.value = e1.second), h1 && (t1.value = h1.hour >= 12 ? "PM" : "AM", R.value = s.use12Hours ? h1.hour === 0 ? 12 : h1.hour > 12 ? h1.hour - 12 : h1.hour : h1.hour, U.value = h1.minute, H.value = h1.second);
+            e1 && (f.value = e1.hour >= 12 ? "PM" : "AM", Y.value = s.use12Hours ? e1.hour === 0 ? 12 : e1.hour > 12 ? e1.hour - 12 : e1.hour : e1.hour, y.value = e1.minute, j.value = e1.second), h1 && (t1.value = h1.hour >= 12 ? "PM" : "AM", R.value = s.use12Hours ? h1.hour === 0 ? 12 : h1.hour > 12 ? h1.hour - 12 : h1.hour : h1.hour, U.value = h1.minute, H.value = h1.second);
           } else {
             const e1 = S(o1);
-            e1 && (f.value = e1.hour >= 12 ? "PM" : "AM", Y.value = s.use12Hours ? e1.hour === 0 ? 12 : e1.hour > 12 ? e1.hour - 12 : e1.hour : e1.hour, M.value = e1.minute, j.value = e1.second);
+            e1 && (f.value = e1.hour >= 12 ? "PM" : "AM", Y.value = s.use12Hours ? e1.hour === 0 ? 12 : e1.hour > 12 ? e1.hour - 12 : e1.hour : e1.hour, y.value = e1.minute, j.value = e1.second);
           }
       },
       { immediate: !0 }
@@ -18498,7 +18513,7 @@ const G2 = new gK(), XK = {
       period: p2.getHours() >= 12 ? "PM" : "AM"
     };
     return l2(() => {
-      document.addEventListener("click", _1), document.addEventListener("keydown", b1), s.modelValue || (Y.value = i2.hour, M.value = i2.minute, j.value = i2.second, f.value = i2.period, R.value = i2.hour, U.value = i2.minute, H.value = i2.second, t1.value = i2.period);
+      document.addEventListener("click", _1), document.addEventListener("keydown", b1), s.modelValue || (Y.value = i2.hour, y.value = i2.minute, j.value = i2.second, f.value = i2.period, R.value = i2.hour, U.value = i2.minute, H.value = i2.second, t1.value = i2.period);
     }), k2(() => {
       document.removeEventListener("click", _1), document.removeEventListener("keydown", b1), Q();
     }), (o1, e1) => {
@@ -18561,7 +18576,7 @@ const G2 = new gK(), XK = {
               [h1, V(y1)()]
             ]),
             i("div", fF, [
-              _.value ? (n(), o("button", {
+              N.value ? (n(), o("button", {
                 key: 0,
                 disabled: s.disabled,
                 class: "vt-input__clear-btn",
@@ -18627,7 +18642,7 @@ const G2 = new gK(), XK = {
                             class: s1([
                               "vt-timepicker__option",
                               {
-                                "vt-timepicker__option--selected": M.value === E.value,
+                                "vt-timepicker__option--selected": y.value === E.value,
                                 "vt-timepicker__option--disabled": E.disabled
                               }
                             ]),
@@ -18753,7 +18768,7 @@ const G2 = new gK(), XK = {
                           class: s1([
                             "vt-timepicker__option",
                             {
-                              "vt-timepicker__option--selected": M.value === E.value,
+                              "vt-timepicker__option--selected": y.value === E.value,
                               "vt-timepicker__option--disabled": E.disabled
                             }
                           ]),
@@ -18913,13 +18928,13 @@ const G2 = new gK(), XK = {
     const { t: r } = $1(), s = Dt(), c = e, u = x(), { isTruncated: h, tooltipText: p } = W2(
       u,
       () => c.label
-    ), C = l, I = x(), Z = x(), w = x(), y = x(), b = x(), k = (z, A, x1) => {
+    ), C = l, I = x(), Z = x(), w = x(), M = x(), b = x(), k = (z, A, x1) => {
       if (c.use12Hours) {
         const D = z >= 12 ? "PM" : "AM", M1 = z % 12 || 12;
         return c.showSeconds ? `${String(M1).padStart(2, "0")}:${String(A).padStart(2, "0")}:${String(x1).padStart(2, "0")} ${D}` : `${String(M1).padStart(2, "0")}:${String(A).padStart(2, "0")} ${D}`;
       } else
         return c.showSeconds ? `${String(z).padStart(2, "0")}:${String(A).padStart(2, "0")}:${String(x1).padStart(2, "0")}` : `${String(z).padStart(2, "0")}:${String(A).padStart(2, "0")}`;
-    }, S = (z) => z instanceof Date ? z : typeof z == "number" ? new Date(z) : null, N = () => {
+    }, S = (z) => z instanceof Date ? z : typeof z == "number" ? new Date(z) : null, _ = () => {
       if (c.modelValue) {
         if (c.type === "datetimerange" && Array.isArray(c.modelValue)) {
           const z = S(c.modelValue[0]);
@@ -18969,16 +18984,16 @@ const G2 = new gK(), XK = {
       isSelectingEnd: x(!1),
       hoverDate: x(null),
       // Time state for datetime types
-      startTime: x(N()),
+      startTime: x(_()),
       endTime: x(T())
-    }, G = rt(c, "modelValue"), _ = rt(c, "type"), P = rt(c, "format"), L = rt(c, "valueFormat"), W = rt(c, "rangeSeparator"), {
+    }, G = rt(c, "modelValue"), N = rt(c, "type"), P = rt(c, "format"), L = rt(c, "valueFormat"), W = rt(c, "rangeSeparator"), {
       isRange: Y,
-      parsedValue: M,
+      parsedValue: y,
       displayText: j,
       hasDisplayValue: f,
       formatOutput: R,
       validate: U
-    } = yF(G, _, P, L, W, c.required), {
+    } = yF(G, N, P, L, W, c.required), {
       calendarDates: H,
       monthsInYear: t1,
       yearsInDecade: m1,
@@ -19107,7 +19122,7 @@ const G2 = new gK(), XK = {
         }
         return !1;
       } else {
-        const D = m.startDate.value || M.value;
+        const D = m.startDate.value || y.value;
         if (!D) return !1;
         const M1 = new Date(D), D1 = new Date(z);
         return M1.setHours(0, 0, 0, 0), D1.setHours(0, 0, 0, 0), D1.getTime() === M1.getTime();
@@ -19139,7 +19154,7 @@ const G2 = new gK(), XK = {
         }
         return !1;
       } else {
-        const x1 = M.value;
+        const x1 = y.value;
         return x1 ? x1.getFullYear() === A.getFullYear() && x1.getMonth() === z : !1;
       }
     }, e1 = (z, A) => {
@@ -19158,7 +19173,7 @@ const G2 = new gK(), XK = {
       if (Y.value)
         return m.startDate.value && m.endDate.value ? z === m.startDate.value.getFullYear() || z === m.endDate.value.getFullYear() : m.startDate.value ? m.startDate.value.getFullYear() === z : !1;
       {
-        const A = M.value;
+        const A = y.value;
         return A ? A.getFullYear() === z : !1;
       }
     }, E = (z) => {
@@ -19222,7 +19237,7 @@ const G2 = new gK(), XK = {
     }, b2 = () => {
       m.isFocused.value = !1, c.required && f.value, C("blur", I.value);
     }, g2 = () => {
-      C("update:modelValue", null), C("change", null), m.startDate.value = null, m.endDate.value = null, m.isSelectingEnd.value = !1, m.hoverDate.value = null, m.startTime.value = N(), m.endTime.value = T();
+      C("update:modelValue", null), C("change", null), m.startDate.value = null, m.endDate.value = null, m.isSelectingEnd.value = !1, m.hoverDate.value = null, m.startTime.value = _(), m.endTime.value = T();
     }, X2 = (z, A = !1, x1 = !1) => {
       if (!(c.disabled || !z) && m2(z, A, x1))
         if (Y.value) {
@@ -19348,13 +19363,13 @@ const G2 = new gK(), XK = {
               console.warn("Invalid date format in modelValue:", z), m.startDate.value = null;
             }
         } else
-          m.startDate.value = null, m.endDate.value = null, m.isSelectingEnd.value = !1, m.hoverDate.value = null, m.startTime.value = N(), m.endTime.value = T();
+          m.startDate.value = null, m.endDate.value = null, m.isSelectingEnd.value = !1, m.hoverDate.value = null, m.startTime.value = _(), m.endTime.value = T();
       },
       { immediate: !0 }
     ), E1(
       () => c.type,
       (z) => {
-        m.viewMode.value = z1(z), m.startTime.value = N(), m.endTime.value = T();
+        m.viewMode.value = z1(z), m.startTime.value = _(), m.endTime.value = T();
       },
       { immediate: !0 }
     ), E1(
@@ -19499,7 +19514,7 @@ const G2 = new gK(), XK = {
                       F1.value ? (n(), o("div", DR, [
                         u1(bt, {
                           ref_key: "startTimePickerRef",
-                          ref: y,
+                          ref: M,
                           modelValue: m.startTime.value,
                           "onUpdate:modelValue": A[0] || (A[0] = (D) => m.startTime.value = D),
                           clearable: !1,
@@ -19637,7 +19652,7 @@ const G2 = new gK(), XK = {
                     F1.value ? (n(), o("div", dU, [
                       u1(bt, {
                         ref_key: "startTimePickerRef",
-                        ref: y,
+                        ref: M,
                         modelValue: m.startTime.value,
                         "onUpdate:modelValue": A[6] || (A[6] = (D) => m.startTime.value = D),
                         clearable: !1,
@@ -19876,7 +19891,7 @@ const G2 = new gK(), XK = {
       u.value.push(m), (c.value === m.name || !c.value && u.value.length === 1) && (c.value = m.name, Z.value.add(m.name)), A1(() => {
         S();
       });
-    }, y = (m) => {
+    }, M = (m) => {
       u.value = u.value.filter((G) => G.name !== m), r("tab-remove", m), c.value === m && u.value.length > 0 && (c.value = u.value[0].name), A1(() => {
         S();
       });
@@ -19884,16 +19899,16 @@ const G2 = new gK(), XK = {
       c.value = m;
     }, k = (m) => {
       var P;
-      const _ = (((P = s.default) == null ? void 0 : P.call(s)) || []).find((L) => {
+      const N = (((P = s.default) == null ? void 0 : P.call(s)) || []).find((L) => {
         var W;
         return ((W = L.props) == null ? void 0 : W.name) === m.name;
       });
-      return _ && _.children && typeof _.children == "object" && "title" in _.children ? _.children.title : null;
+      return N && N.children && typeof N.children == "object" && "title" in N.children ? N.children.title : null;
     }, S = () => {
       if (!p.value) return;
-      const { scrollLeft: m, scrollWidth: G, clientWidth: _ } = p.value;
-      C.value = m > 0, I.value = m + _ < G - 1;
-    }, N = () => {
+      const { scrollLeft: m, scrollWidth: G, clientWidth: N } = p.value;
+      C.value = m > 0, I.value = m + N < G - 1;
+    }, _ = () => {
       p.value && p.value.scrollBy({
         left: -200,
         behavior: "smooth"
@@ -19912,7 +19927,7 @@ const G2 = new gK(), XK = {
       currentValue: c,
       visitedTabs: Z,
       addTab: w,
-      removeTab: y,
+      removeTab: M,
       selectTab: b
     }), (m, G) => (n(), o("div", NU, [
       i("div", {
@@ -19922,7 +19937,7 @@ const G2 = new gK(), XK = {
       }, [
         H1(i("button", {
           class: "vt-tabs__arrow vt-tabs__arrow--left",
-          onClick: N
+          onClick: _
         }, [
           u1(V1, { name: "arrowLeft" })
         ], 512), [
@@ -19934,29 +19949,29 @@ const G2 = new gK(), XK = {
           class: "vt-tabs__scrollable"
         }, [
           i("div", GU, [
-            (n(!0), o(I1, null, S1(u.value, (_) => (n(), o("div", {
-              key: _.name,
+            (n(!0), o(I1, null, S1(u.value, (N) => (n(), o("div", {
+              key: N.name,
               class: s1([{
-                "is-active": c.value === _.name,
-                "is-disabled": _.disabled
+                "is-active": c.value === N.name,
+                "is-disabled": N.disabled
               }, "vt-tabs__nav-item"]),
-              onClick: (P) => !_.disabled && b(_.name)
+              onClick: (P) => !N.disabled && b(N.name)
             }, [
-              k(_) ? (n(), f1(U2(k(_)), {
+              k(N) ? (n(), f1(U2(k(N)), {
                 key: 0,
-                "is-active": c.value === _.name
+                "is-active": c.value === N.name
               }, null, 8, ["is-active"])) : (n(), o(I1, { key: 1 }, [
-                _.icon ? (n(), f1(V1, {
+                N.icon ? (n(), f1(V1, {
                   key: 0,
-                  name: _.icon,
+                  name: N.icon,
                   class: "vt-tab-icon"
                 }, null, 8, ["name"])) : F("", !0),
-                _.label ? (n(), o("span", jU, J(_.label), 1)) : F("", !0)
+                N.label ? (n(), o("span", jU, J(N.label), 1)) : F("", !0)
               ], 64)),
-              _.closable ? (n(), o("span", {
+              N.closable ? (n(), o("span", {
                 key: 2,
                 class: "vt-tabs__close",
-                onClick: U1((P) => y(_.name), ["stop"])
+                onClick: U1((P) => M(N.name), ["stop"])
               }, [
                 u1(V1, { name: "close" })
               ], 8, JU)) : F("", !0)
@@ -20162,7 +20177,7 @@ const DU = { class: "vt-upload" }, EU = {
       set: (j) => {
         r("update:modelValue", j), r("change", j);
       }
-    }), w = g(() => l.placeholder ?? s(d.UPLOAD_PLACEHOLDER)), y = g(() => {
+    }), w = g(() => l.placeholder ?? s(d.UPLOAD_PLACEHOLDER)), M = g(() => {
       if (l.tip) return l.tip;
       const j = [];
       if (l.accept) {
@@ -20185,7 +20200,7 @@ const DU = { class: "vt-upload" }, EU = {
         completing: d.UPLOAD_PROCESSING_COMPLETING
       }[C.value];
       return s(f || d.UPLOAD_PROCESSING_DEFAULT);
-    }), k = g(() => l.maxFiles ? Z.value.length < l.maxFiles : !0), S = g(() => l.disabled || u.value), N = g(() => !(l.maxFiles === 1 && Z.value.length >= 1)), T = (j) => {
+    }), k = g(() => l.maxFiles ? Z.value.length < l.maxFiles : !0), S = g(() => l.disabled || u.value), _ = g(() => !(l.maxFiles === 1 && Z.value.length >= 1)), T = (j) => {
       S.value || (j.preventDefault(), c.value = !0);
     }, m = (j) => {
       S.value || (j.preventDefault(), c.value = !1);
@@ -20195,7 +20210,7 @@ const DU = { class: "vt-upload" }, EU = {
       j.preventDefault(), c.value = !1;
       const f = Array.from(((R = j.dataTransfer) == null ? void 0 : R.files) || []);
       L(f);
-    }, _ = (j) => {
+    }, N = (j) => {
       const f = j.target, R = Array.from(f.files || []);
       L(R), f.value = "";
     }, P = async (j, f = 200) => {
@@ -20270,7 +20285,7 @@ const DU = { class: "vt-upload" }, EU = {
       file: j
     } : null, Y = (j) => {
       u.value || (Z.value = Z.value.filter((f) => f.id !== j.id), r("remove", j));
-    }, M = () => {
+    }, y = () => {
       var j;
       S.value || !k.value || (j = I.value) == null || j.click();
     };
@@ -20313,7 +20328,7 @@ const DU = { class: "vt-upload" }, EU = {
           }, null, 4)
         ])
       ])) : F("", !0),
-      N.value ? (n(), o(I1, { key: 1 }, [
+      _.value ? (n(), o(I1, { key: 1 }, [
         e.type === "drag" ? (n(), o("div", {
           key: 0,
           class: s1([{
@@ -20321,7 +20336,7 @@ const DU = { class: "vt-upload" }, EU = {
             "vt-upload__drag-area--disabled": S.value || !k.value,
             "vt-upload__drag-area--processing": u.value
           }, "vt-upload__drag-area"]),
-          onClick: M,
+          onClick: y,
           onDragleave: m,
           onDragover: T,
           onDrop: G
@@ -20351,13 +20366,13 @@ const DU = { class: "vt-upload" }, EU = {
           i("div", qU, [
             i("span", tO, J(w.value), 1)
           ]),
-          y.value ? (n(), o("div", eO, J(y.value), 1)) : F("", !0)
+          M.value ? (n(), o("div", eO, J(M.value), 1)) : F("", !0)
         ], 34)) : (n(), f1(r2, {
           key: 1,
           disabled: S.value || !k.value,
           icon: "uploadCloud",
           type: "primary",
-          onClick: M
+          onClick: y
         }, {
           default: j1(() => [
             K1(J(V(s)(V(d).UPLOAD_BUTTON_TEXT)), 1)
@@ -20395,7 +20410,7 @@ const DU = { class: "vt-upload" }, EU = {
         multiple: e.multiple,
         class: "vt-upload__input",
         type: "file",
-        onChange: _
+        onChange: N
       }, null, 40, cO)
     ]));
   }
@@ -20411,7 +20426,7 @@ const DU = { class: "vt-upload" }, EU = {
   },
   emits: ["navigate"],
   setup(e, { emit: t }) {
-    const l = e, r = t, s = x(!1), c = x(!1), u = x(!1), h = x(null), p = x(null), C = x(null), I = g(() => l.item.matchRoutes ? l.item.matchRoutes.includes(l.activeRoute ?? "") : l.item.route === l.activeRoute), Z = g(() => l.item.children ? l.item.children.some((_) => _.matchRoutes ? _.matchRoutes.includes(l.activeRoute ?? "") : _.route === l.activeRoute) : !1), w = (_) => _.matchRoutes ? _.matchRoutes.includes(l.activeRoute ?? "") : _.route === l.activeRoute, y = g(() => c.value || s.value || Z.value || I.value), b = x({
+    const l = e, r = t, s = x(!1), c = x(!1), u = x(!1), h = x(null), p = x(null), C = x(null), I = g(() => l.item.matchRoutes ? l.item.matchRoutes.includes(l.activeRoute ?? "") : l.item.route === l.activeRoute), Z = g(() => l.item.children ? l.item.children.some((N) => N.matchRoutes ? N.matchRoutes.includes(l.activeRoute ?? "") : N.route === l.activeRoute) : !1), w = (N) => N.matchRoutes ? N.matchRoutes.includes(l.activeRoute ?? "") : N.route === l.activeRoute, M = g(() => c.value || s.value || Z.value || I.value), b = x({
       top: "0px",
       left: "0px",
       bottom: "auto",
@@ -20422,16 +20437,16 @@ const DU = { class: "vt-upload" }, EU = {
       l.item.children && (c.value = !0, k(), h.value = setTimeout(() => {
         c.value && (T(), s.value = !0);
       }, 120));
-    }, N = () => {
+    }, _ = () => {
       c.value = !1, k(), p.value = setTimeout(() => {
         !c.value && !u.value && (s.value = !1);
       }, 220);
     }, T = () => {
       var j;
-      const _ = C.value.getBoundingClientRect(), P = (((j = l.item.children) == null ? void 0 : j.length) ?? 0) * 40 + 20, L = window.innerHeight;
-      let W = _.top, Y = "auto";
+      const N = C.value.getBoundingClientRect(), P = (((j = l.item.children) == null ? void 0 : j.length) ?? 0) * 40 + 20, L = window.innerHeight;
+      let W = N.top, Y = "auto";
       W + P > L - 100 ? (Y = 15, W = "auto") : W < 10 && (W = 10), b.value = {
-        left: _.right + 10 + "px",
+        left: N.right + 10 + "px",
         top: typeof W == "number" ? W + "px" : W,
         bottom: typeof Y == "number" ? Y + "px" : Y,
         maxHeight: "90vh"
@@ -20441,20 +20456,20 @@ const DU = { class: "vt-upload" }, EU = {
         s.value = !0, T();
         return;
       }
-    }, G = (_) => {
-      _.route && r("navigate", _.route);
+    }, G = (N) => {
+      N.route && r("navigate", N.route);
     };
     return J2(() => {
       k();
-    }), (_, P) => (n(), o("li", {
+    }), (N, P) => (n(), o("li", {
       class: "vt-hub-item",
       onMouseenter: S,
-      onMouseleave: N,
+      onMouseleave: _,
       ref_key: "itemEl",
       ref: C
     }, [
       i("div", {
-        class: s1(["vt-hub-item-main", { collapsed: e.collapsed, active: y.value }]),
+        class: s1(["vt-hub-item-main", { collapsed: e.collapsed, active: M.value }]),
         onClick: m
       }, [
         u1(V1, {
@@ -20480,7 +20495,7 @@ const DU = { class: "vt-upload" }, EU = {
             u.value = !0, k();
           }),
           onMouseleave: P[1] || (P[1] = (L) => {
-            u.value = !1, N();
+            u.value = !1, _();
           })
         }, [
           i("ul", uO, [
@@ -20683,20 +20698,20 @@ function gO(e, t, l, r) {
   async function w(b) {
     const { t: k } = $1(), S = ++p.t;
     h.value = !0;
-    const N = [];
+    const _ = [];
     for (const T of l)
       try {
-        const m = T, G = m.$async ? await T(b) : T(b), _ = await Promise.resolve(G);
-        if (_ !== !0) {
-          if (typeof _ == "string")
-            N.push({
-              $message: _,
+        const m = T, G = m.$async ? await T(b) : T(b), N = await Promise.resolve(G);
+        if (N !== !0) {
+          if (typeof N == "string")
+            _.push({
+              $message: N,
               $validator: m.$validatorName || m.name || "validator",
               $params: m.$params
             });
-          else if (_ === !1) {
+          else if (N === !1) {
             const P = typeof m.$message == "function" ? m.$message(m.$params) : m.$message || k(d.VALIDATION_ERROR);
-            N.push({
+            _.push({
               $message: P,
               $validator: m.$validatorName || m.name || "validator",
               $params: m.$params
@@ -20705,15 +20720,15 @@ function gO(e, t, l, r) {
         }
       } catch (m) {
         const G = T;
-        N.push({
+        _.push({
           $message: (m == null ? void 0 : m.message) || k(d.VALIDATION_ERROR),
           $validator: G.$validatorName || G.name || "validator"
         });
       }
     if (I.length)
       for (const T of I)
-        N.push({ $message: T.$message, $validator: T.$validator || "external" });
-    S === p.t && (Z.value = N, h.value = !1);
+        _.push({ $message: T.$message, $validator: T.$validator || "external" });
+    S === p.t && (Z.value = _, h.value = !1);
   }
   E1(
     () => {
@@ -20724,12 +20739,12 @@ function gO(e, t, l, r) {
       C || (c.value = !0, w(s.value));
     }
   );
-  const y = st({
+  const M = st({
     get $model() {
       return s.value;
     },
     set $model(b) {
-      s.value = b, c.value = !0, y.$validate();
+      s.value = b, c.value = !0, M.$validate();
     },
     get $dirty() {
       return c.value;
@@ -20744,7 +20759,7 @@ function gO(e, t, l, r) {
       return Z.value && Z.value.length > 0;
     },
     get $error() {
-      return y.$dirty && y.$invalid;
+      return M.$dirty && M.$invalid;
     },
     get $errors() {
       return r.silentErrors ? [] : Z.value.map((b) => ({ ...b }));
@@ -20762,63 +20777,63 @@ function gO(e, t, l, r) {
       return c.value = !0, await w(s.value), !Z.value.length;
     }
   });
-  return y.$setExternalResults = (b) => {
-    I = b || [], y.$validate();
-  }, y.$clearExternalResults = () => {
-    I = [], y.$validate();
-  }, y;
+  return M.$setExternalResults = (b) => {
+    I = b || [], M.$validate();
+  }, M.$clearExternalResults = () => {
+    I = [], M.$validate();
+  }, M;
 }
 function XO(e, t, l) {
   const r = { silentErrors: !!(l != null && l.silentErrors) }, s = typeof e == "function" ? e() : e, c = (D2(t), t);
   function u(Z, w = "") {
-    const y = {}, b = Object.keys(Z || {});
+    const M = {}, b = Object.keys(Z || {});
     for (const L of b) {
       const W = Z[L], Y = w ? `${w}.${L}` : L;
       if (typeof W == "function" || Array.isArray(W)) {
-        const M = Array.isArray(W) ? W : [W];
-        y[L] = gO(c, Y, M, r);
-      } else VO(W) ? y[L] = h(W.$each, Y) : typeof W == "object" && W !== null ? y[L] = u(W, Y) : y[L] = u({}, Y);
+        const y = Array.isArray(W) ? W : [W];
+        M[L] = gO(c, Y, y, r);
+      } else VO(W) ? M[L] = h(W.$each, Y) : typeof W == "object" && W !== null ? M[L] = u(W, Y) : M[L] = u({}, Y);
     }
     const k = async () => {
       const L = [];
-      for (const W of Object.keys(y)) {
+      for (const W of Object.keys(M)) {
         if (W.startsWith("$")) continue;
-        const Y = y[W];
+        const Y = M[W];
         Y && typeof Y.$validate == "function" && L.push(await Y.$validate());
       }
       return L.every(Boolean);
     }, S = () => {
-      for (const L of Object.keys(y)) {
+      for (const L of Object.keys(M)) {
         if (L.startsWith("$")) continue;
-        const W = y[L];
+        const W = M[L];
         W && typeof W.$touch == "function" && W.$touch();
       }
-    }, N = () => {
-      for (const L of Object.keys(y)) {
+    }, _ = () => {
+      for (const L of Object.keys(M)) {
         if (L.startsWith("$")) continue;
-        const W = y[L];
+        const W = M[L];
         W && typeof W.$reset == "function" && W.$reset();
       }
-    }, T = g(() => Object.keys(y).some((L) => {
-      const W = y[L];
+    }, T = g(() => Object.keys(M).some((L) => {
+      const W = M[L];
       return W && W.$dirty;
-    })), m = g(() => Object.keys(y).some((L) => {
-      const W = y[L];
+    })), m = g(() => Object.keys(M).some((L) => {
+      const W = M[L];
       return W && W.$invalid;
-    })), G = g(() => Object.keys(y).some((L) => {
-      const W = y[L];
+    })), G = g(() => Object.keys(M).some((L) => {
+      const W = M[L];
       return W && W.$error;
-    })), _ = g(() => Object.keys(y).some((L) => {
-      const W = y[L];
+    })), N = g(() => Object.keys(M).some((L) => {
+      const W = M[L];
       return W && W.$pending;
     })), P = {
       $validate: k,
       $touch: S,
-      $reset: N,
+      $reset: _,
       $anyDirty: T,
       $anyInvalid: m,
       $anyError: G,
-      $pending: _,
+      $pending: N,
       $silentErrors: r.silentErrors,
       $externalResults: [],
       $addExternalResults(L) {
@@ -20826,18 +20841,18 @@ function XO(e, t, l) {
           if (Array.isArray(L)) {
             for (const W of L)
               if (W.$property) {
-                const Y = W.$property, M = C(I, Y);
-                M && M.$setExternalResults && M.$setExternalResults([{ $message: W.$message, $validator: W.$validator }]);
+                const Y = W.$property, y = C(I, Y);
+                y && y.$setExternalResults && y.$setExternalResults([{ $message: W.$message, $validator: W.$validator }]);
               } else if (W.path && Array.isArray(W.path)) {
-                const Y = W.path.join("."), M = C(I, Y);
-                M && M.$setExternalResults && M.$setExternalResults([{ $message: W.$message, $validator: W.$validator }]);
+                const Y = W.path.join("."), y = C(I, Y);
+                y && y.$setExternalResults && y.$setExternalResults([{ $message: W.$message, $validator: W.$validator }]);
               }
           } else if (typeof L == "object")
             for (const W of Object.keys(L)) {
               const Y = C(I, W);
               if (Y && Y.$setExternalResults) {
-                const M = Array.isArray(L[W]) ? L[W].map((j) => ({ $message: j })) : [{ $message: L[W] }];
-                Y.$setExternalResults(M);
+                const y = Array.isArray(L[W]) ? L[W].map((j) => ({ $message: j })) : [{ $message: L[W] }];
+                Y.$setExternalResults(y);
               }
             }
         }
@@ -20849,20 +20864,20 @@ function XO(e, t, l) {
         });
       }
     };
-    return Object.assign(y, P), y;
+    return Object.assign(M, P), M;
   }
   function h(Z, w) {
-    const y = x([]);
+    const M = x([]);
     function b() {
       const W = D2(t) ? t.value : t, Y = Yt(W, w);
       return Array.isArray(Y) ? Y : [];
     }
     function k() {
-      const W = b(), Y = y.value.length;
+      const W = b(), Y = M.value.length;
       if (W.length > Y)
-        for (let M = Y; M < W.length; M++)
-          y.value.push(u(Z, `${w}.${M}`));
-      else W.length < Y && y.value.splice(W.length, Y - W.length);
+        for (let y = Y; y < W.length; y++)
+          M.value.push(u(Z, `${w}.${y}`));
+      else W.length < Y && M.value.splice(W.length, Y - W.length);
     }
     k(), E1(
       () => {
@@ -20871,34 +20886,34 @@ function XO(e, t, l) {
       },
       () => k()
     );
-    const S = g(() => y.value), N = async () => (k(), (await Promise.all(y.value.map((Y) => Y.$validate()))).every(Boolean)), T = () => {
-      y.value.forEach((W) => W.$touch());
+    const S = g(() => M.value), _ = async () => (k(), (await Promise.all(M.value.map((Y) => Y.$validate()))).every(Boolean)), T = () => {
+      M.value.forEach((W) => W.$touch());
     }, m = () => {
-      y.value.forEach((W) => W.$reset());
-    }, G = g(() => y.value.some((W) => W.$anyDirty ?? W.$dirty)), _ = g(() => y.value.some((W) => W.$anyInvalid ?? W.$invalid)), P = g(() => y.value.some((W) => W.$anyError ?? W.$error)), L = g(() => y.value.some((W) => W.$pending));
+      M.value.forEach((W) => W.$reset());
+    }, G = g(() => M.value.some((W) => W.$anyDirty ?? W.$dirty)), N = g(() => M.value.some((W) => W.$anyInvalid ?? W.$invalid)), P = g(() => M.value.some((W) => W.$anyError ?? W.$error)), L = g(() => M.value.some((W) => W.$pending));
     return st({
       $each: S,
-      $validate: N,
+      $validate: _,
       $touch: T,
       $reset: m,
       $anyDirty: G,
-      $anyInvalid: _,
+      $anyInvalid: N,
       $anyError: P,
       $pending: L
     });
   }
   function p(Z, w) {
     if (!(!Z || typeof Z != "object"))
-      for (const y of Object.keys(Z)) {
-        if (y.startsWith("$")) continue;
-        const b = Z[y];
+      for (const M of Object.keys(Z)) {
+        if (M.startsWith("$")) continue;
+        const b = Z[M];
         b && typeof b == "object" && (typeof b.$validate == "function" && typeof b.$model < "u" ? w(b) : p(b, w));
       }
   }
   function C(Z, w) {
-    const y = w.split(".");
+    const M = w.split(".");
     let b = Z;
-    for (const k of y) {
+    for (const k of M) {
       if (!b) return;
       b = b[k];
     }
@@ -20934,7 +20949,7 @@ const xO = { class: "vt-login" }, TO = { class: "vt-login__wrapper" }, vO = { cl
       }
     };
     return (C, I) => {
-      var w, y, b, k;
+      var w, M, b, k;
       const Z = _2("loader");
       return n(), o("div", xO, [
         i("div", TO, [
@@ -20952,7 +20967,7 @@ const xO = { class: "vt-login" }, TO = { class: "vt-login__wrapper" }, vO = { cl
               u1(at, {
                 modelValue: c.username,
                 "onUpdate:modelValue": I[0] || (I[0] = (S) => c.username = S),
-                "error-message": Array.isArray((w = V(h).username) == null ? void 0 : w.$errors) ? (y = V(h).username.$errors[0]) == null ? void 0 : y.$message : void 0,
+                "error-message": Array.isArray((w = V(h).username) == null ? void 0 : w.$errors) ? (M = V(h).username.$errors[0]) == null ? void 0 : M.$message : void 0,
                 outlined: "",
                 name: "username",
                 id: "username",
@@ -21060,39 +21075,39 @@ function AO(e, t, l, r, s, c = {}) {
     reserve: p = 8,
     triggerFallbackWidth: C = 140
   } = c, I = x([]);
-  let Z = 0, w = 0, y = null, b = [];
+  let Z = 0, w = 0, M = null, b = [];
   const k = /* @__PURE__ */ new Set();
   let S = !1;
-  const N = (...M) => {
-    u && console.log("[useResponsiveFilters]", ...M);
+  const _ = (...y) => {
+    u && console.log("[useResponsiveFilters]", ...y);
   };
-  function T(M, j) {
+  function T(y, j) {
     const f = window.setTimeout(() => {
-      k.delete(f), S || M();
+      k.delete(f), S || y();
     }, j);
     k.add(f);
   }
   function m() {
     w && cancelAnimationFrame(w), w = requestAnimationFrame(() => {
-      w = 0, _();
+      w = 0, N();
     });
   }
-  function G(M) {
+  function G(y) {
     const j = I.value;
-    j.length === M.length && j.every((R, U) => R === M[U]) || (I.value = M);
+    j.length === y.length && j.every((R, U) => R === y[U]) || (I.value = y);
   }
-  function _() {
+  function N() {
     if (S) return;
-    const M = e.value, j = r.value;
-    if (!M || !j) return;
-    const f = M.closest(".vt-page__card-header") ?? M.parentElement;
+    const y = e.value, j = r.value;
+    if (!y || !j) return;
+    const f = y.closest(".vt-page__card-header") ?? y.parentElement;
     if (!f) return;
     const R = getComputedStyle(f), U = f.clientWidth - tt(R.paddingLeft) - tt(R.paddingRight);
     if (U <= 0) {
-      N("skip: header has zero width (hidden?)");
+      _("skip: header has zero width (hidden?)");
       return;
     }
-    const H = tt(R.columnGap, 10), t1 = tt(getComputedStyle(M).columnGap, 10), m1 = Array.from(f.children).find((F1) => F1 === M || F1.contains(M)), B = Array.from(f.children).filter((F1) => {
+    const H = tt(R.columnGap, 10), t1 = tt(getComputedStyle(y).columnGap, 10), m1 = Array.from(f.children).find((F1) => F1 === y || F1.contains(y)), B = Array.from(f.children).filter((F1) => {
       if (F1 === m1) return !1;
       const $ = getComputedStyle(F1);
       return $.display !== "none" && $.position !== "absolute" && $.position !== "fixed";
@@ -21121,7 +21136,7 @@ function AO(e, t, l, r, s, c = {}) {
       return $;
     };
     let z1, B1;
-    y1 <= w1 ? (z1 = g1.map((F1, $) => $), B1 = "all") : (z1 = O1(w1 - r1), B1 = "with-trigger"), u && N("calculate", {
+    y1 <= w1 ? (z1 = g1.map((F1, $) => $), B1 = "all") : (z1 = O1(w1 - r1), B1 = "with-trigger"), u && _("calculate", {
       headerContentWidth: U,
       siblingsWidth: X,
       siblingsCount: B.length,
@@ -21135,38 +21150,38 @@ function AO(e, t, l, r, s, c = {}) {
       totalWidth: y1,
       mode: B1,
       visible: z1,
-      elClientWidth: M.clientWidth
+      elClientWidth: y.clientWidth
     }), G(z1);
   }
   function P() {
-    if (!y) return;
-    b.forEach((j) => y.unobserve(j)), b = [];
-    const M = r.value;
-    M && (b = Array.from(
-      M.querySelectorAll(".vt-page__card-filter__measure-element")
-    ), b.forEach((j) => y.observe(j)));
+    if (!M) return;
+    b.forEach((j) => M.unobserve(j)), b = [];
+    const y = r.value;
+    y && (b = Array.from(
+      y.querySelectorAll(".vt-page__card-filter__measure-element")
+    ), b.forEach((j) => M.observe(j)));
   }
   const L = () => {
-    var M, j;
+    var y, j;
     if (A1(() => {
-      P(), T(_, 50);
+      P(), T(N, 50);
     }), window.addEventListener("resize", m), "ResizeObserver" in window) {
-      y = new ResizeObserver(() => m());
+      M = new ResizeObserver(() => m());
       const f = e.value;
       if (f) {
-        y.observe(f);
+        M.observe(f);
         const R = f.closest(".vt-page__card-header") ?? f.parentElement;
-        R && y.observe(R);
+        R && M.observe(R);
       }
-      t.value && y.observe(t.value), P();
+      t.value && M.observe(t.value), P();
     }
-    (j = (M = document.fonts) == null ? void 0 : M.ready) == null || j.then(() => m());
+    (j = (y = document.fonts) == null ? void 0 : y.ready) == null || j.then(() => m());
   }, W = () => {
-    S = !0, window.removeEventListener("resize", m), w && (cancelAnimationFrame(w), w = 0), k.forEach((M) => clearTimeout(M)), k.clear(), y && (y.disconnect(), y = null), b = [];
+    S = !0, window.removeEventListener("resize", m), w && (cancelAnimationFrame(w), w = 0), k.forEach((y) => clearTimeout(y)), k.clear(), M && (M.disconnect(), M = null), b = [];
   };
   return E1(s, () => {
     A1(() => {
-      P(), T(_, 100);
+      P(), T(N, 100);
     });
   }), E1(
     [t, l],
@@ -21176,9 +21191,9 @@ function AO(e, t, l, r, s, c = {}) {
     { flush: "post" }
   ), l2(L), J2(W), {
     visibleIndexes: I,
-    calculate: _,
+    calculate: N,
     scheduleCalculate: m,
-    forceRecalculate: () => T(_, 100)
+    forceRecalculate: () => T(N, 100)
   };
 }
 const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__card-filter__dropdown-target" }, tz = {
@@ -21189,9 +21204,9 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
   setup(e) {
     const t = x(null), l = x(null), r = x(null), s = x(null), { t: c } = $1(), u = E2(), h = (Z) => {
       const w = [];
-      for (const y of Z)
-        if (y.type === I1) {
-          const b = y.children;
+      for (const M of Z)
+        if (M.type === I1) {
+          const b = M.children;
           if (Array.isArray(b))
             w.push(...h(b));
           else if (b && typeof b == "object") {
@@ -21202,7 +21217,7 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
             }
           }
         } else
-          w.push(y);
+          w.push(M);
       return w;
     }, p = g(() => {
       const Z = u.default ? u.default() : [];
@@ -21224,11 +21239,11 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
       class: "vt-page__card-filter"
     }, [
       i("div", $O, [
-        (n(!0), o(I1, null, S1(p.value, (y, b) => H1((n(), o("div", {
+        (n(!0), o(I1, null, S1(p.value, (M, b) => H1((n(), o("div", {
           key: b,
           class: "vt-page__card-filter__control"
         }, [
-          (n(), f1(U2(y)))
+          (n(), f1(U2(M)))
         ], 512)), [
           [O2, V(I).includes(b)]
         ])), 128))
@@ -21240,11 +21255,11 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
       }, {
         dropdown: j1(() => [
           i("div", qO, [
-            (n(!0), o(I1, null, S1(p.value, (y, b) => (n(), o(I1, {
+            (n(!0), o(I1, null, S1(p.value, (M, b) => (n(), o(I1, {
               key: "d" + b
             }, [
               V(I).includes(b) ? F("", !0) : (n(), o("div", tz, [
-                (n(), f1(U2(y)))
+                (n(), f1(U2(M)))
               ]))
             ], 64))), 128))
           ])
@@ -21280,11 +21295,11 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
         "aria-hidden": "true",
         class: "vt-page__card-filter__measure-root"
       }, [
-        (n(!0), o(I1, null, S1(p.value, (y, b) => (n(), o("div", {
+        (n(!0), o(I1, null, S1(p.value, (M, b) => (n(), o("div", {
           key: "m" + b,
           class: "vt-page__card-filter__measure-element vt-page__card-filter__control"
         }, [
-          (n(), f1(U2(y)))
+          (n(), f1(U2(M)))
         ]))), 128))
       ], 512)
     ], 512));
@@ -21330,14 +21345,14 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
       get: () => Z.value,
       set: (X) => {
         const v = typeof X == "string" ? parseFloat(X) : X;
-        isNaN(v) || M(y(v));
+        isNaN(v) || y(M(v));
       }
-    }), y = (X) => Math.min(l.max, Math.max(l.min, X)), b = (X) => {
+    }), M = (X) => Math.min(l.max, Math.max(l.min, X)), b = (X) => {
       const v = Math.round((X - l.min) / l.step);
-      return y(l.min + v * l.step);
+      return M(l.min + v * l.step);
     }, k = (X) => (X - l.min) / (l.max - l.min) * 100, S = g(
       () => l.vertical ? { height: l.height } : {}
-    ), N = g(() => {
+    ), _ = g(() => {
       if (l.range && Array.isArray(Z.value)) {
         const [v, K] = Z.value, l1 = k(Math.min(v, K)), r1 = k(Math.max(v, K)) - l1;
         return l.vertical ? { bottom: `${l1}%`, height: `${r1}%` } : { left: `${l1}%`, width: `${r1}%` };
@@ -21347,7 +21362,7 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
     }), T = (X) => l.vertical ? { bottom: `${k(X)}%`, left: "50%" } : { left: `${k(X)}%` }, m = g(() => {
       const X = l.range && Array.isArray(Z.value) ? Z.value[0] : Z.value;
       return T(X);
-    }), G = g(() => !l.range || !Array.isArray(Z.value) ? {} : T(Z.value[1])), _ = g(() => {
+    }), G = g(() => !l.range || !Array.isArray(Z.value) ? {} : T(Z.value[1])), N = g(() => {
       if (!l.showStops) return [];
       const X = [], v = (l.max - l.min) / l.step;
       for (let K = 1; K < v; K++) X.push(l.min + K * l.step);
@@ -21361,16 +21376,16 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
       }
       const r1 = (K - v.left) / v.width;
       return b(l.min + r1 * (l.max - l.min));
-    }, M = (X, v = !1) => {
+    }, y = (X, v = !1) => {
       Z.value = X, r("update:modelValue", X), r("input", X), v && r("change", X);
     }, j = (X) => {
       if (l.disabled) return;
       const v = Y(X);
       if (l.range && Array.isArray(Z.value)) {
         const [K, l1] = Z.value;
-        Math.abs(v - K) <= Math.abs(v - l1) ? M([v, l1], !0) : M([K, v], !0);
+        Math.abs(v - K) <= Math.abs(v - l1) ? y([v, l1], !0) : y([K, v], !0);
       } else
-        M(v, !0);
+        y(v, !0);
     }, f = (X) => {
       C.value = !0, h.value = X === "first" && l.showTooltip, p.value = X === "second" && l.showTooltip;
       const v = (l1) => {
@@ -21378,9 +21393,9 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
         const r1 = Y(l1);
         if (l.range && Array.isArray(Z.value)) {
           const [Z1, g1] = Z.value;
-          M(X === "first" ? [r1, g1] : [Z1, r1]);
+          y(X === "first" ? [r1, g1] : [Z1, r1]);
         } else
-          M(r1);
+          y(r1);
       }, K = () => {
         C.value = !1, h.value = !1, p.value = !1, r("change", Z.value), document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", K), document.removeEventListener("touchmove", v), document.removeEventListener("touchend", K);
       };
@@ -21395,16 +21410,16 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
       if ((X.key === "ArrowRight" || X.key === "ArrowUp") && (K = l.step), (X.key === "ArrowLeft" || X.key === "ArrowDown") && (K = -l.step), !!K)
         if (X.preventDefault(), l.range && Array.isArray(Z.value)) {
           const [l1, r1] = Z.value;
-          M(v === "first" ? [y(l1 + K), r1] : [l1, y(r1 + K)], !0);
+          y(v === "first" ? [M(l1 + K), r1] : [l1, M(r1 + K)], !0);
         } else
-          M(y(Z.value + K), !0);
+          y(M(Z.value + K), !0);
     }, t1 = () => {
       const X = typeof w.value == "string" ? parseFloat(w.value) : w.value;
-      isNaN(X) || M(y(X), !0);
+      isNaN(X) || y(M(X), !0);
     }, m1 = () => {
-      l.disabled || l.range || M(y(Z.value + l.step), !0);
+      l.disabled || l.range || y(M(Z.value + l.step), !0);
     }, B = () => {
-      l.disabled || l.range || M(y(Z.value - l.step), !0);
+      l.disabled || l.range || y(M(Z.value - l.step), !0);
     };
     return (X, v) => (n(), o("div", {
       class: s1(["v-slider", {
@@ -21428,9 +21443,9 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
         }, [
           i("div", {
             class: "v-slider__bar",
-            style: W1(N.value)
+            style: W1(_.value)
           }, null, 4),
-          e.showStops ? (n(!0), o(I1, { key: 0 }, S1(_.value, (K) => (n(), o("div", {
+          e.showStops ? (n(!0), o(I1, { key: 0 }, S1(N.value, (K) => (n(), o("div", {
             key: K,
             class: "v-slider__stop",
             style: W1(P(K))
@@ -21581,46 +21596,46 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
   setup(e) {
     const t = e, l = t.size ?? 200, r = x(null), s = x(null), c = x(0), u = x(0), h = g(() => {
       var w;
-      return !((w = t.segments) != null && w.length) || t.segments.every((y) => !y.count) ? [{ label: "", count: 0, renderCount: 1, color: "#f2f2f2" }] : t.segments.map((y) => ({ ...y, renderCount: y.count }));
-    }), p = g(() => h.value.reduce((w, y) => w + y.renderCount, 0));
+      return !((w = t.segments) != null && w.length) || t.segments.every((M) => !M.count) ? [{ label: "", count: 0, renderCount: 1, color: "#f2f2f2" }] : t.segments.map((M) => ({ ...M, renderCount: M.count }));
+    }), p = g(() => h.value.reduce((w, M) => w + M.renderCount, 0));
     E1(h, C, { immediate: !0 }), l2(C);
     function C() {
       if (!r.value) return;
       const w = r.value.getContext("2d");
       if (!w) return;
       w.clearRect(0, 0, l, l);
-      const y = l / 2, b = l / 2, k = l / 2, S = k / 2;
-      let N = 0;
+      const M = l / 2, b = l / 2, k = l / 2, S = k / 2;
+      let _ = 0;
       h.value.forEach((T) => {
         const m = T.renderCount / p.value * 2 * Math.PI;
-        w.beginPath(), w.arc(y, b, k, N, N + m), w.arc(y, b, S, N + m, N, !0), w.closePath(), w.fillStyle = T.color, w.fill(), N += m;
+        w.beginPath(), w.arc(M, b, k, _, _ + m), w.arc(M, b, S, _ + m, _, !0), w.closePath(), w.fillStyle = T.color, w.fill(), _ += m;
       });
     }
     function I(w) {
-      const y = l / 2, b = l / 2, k = Math.hypot(w.offsetX - y, w.offsetY - b);
+      const M = l / 2, b = l / 2, k = Math.hypot(w.offsetX - M, w.offsetY - b);
       if (k < l / 4 || k > l / 2) {
         Z();
         return;
       }
-      let S = Math.atan2(w.offsetY - b, w.offsetX - y);
+      let S = Math.atan2(w.offsetY - b, w.offsetX - M);
       S < 0 && (S += 2 * Math.PI);
-      let N = 0;
+      let _ = 0;
       for (let T = 0; T < h.value.length; T++) {
         const m = h.value[T].renderCount / p.value * 2 * Math.PI;
-        if (S >= N && S < N + m) {
+        if (S >= _ && S < _ + m) {
           s.value = T;
           const G = l * 0.375;
-          c.value = y + Math.cos(S) * G - 10, u.value = b + Math.sin(S) * G - 10;
+          c.value = M + Math.cos(S) * G - 10, u.value = b + Math.sin(S) * G - 10;
           return;
         }
-        N += m;
+        _ += m;
       }
       Z();
     }
     function Z() {
       s.value = null;
     }
-    return (w, y) => (n(), o(I1, null, [
+    return (w, M) => (n(), o(I1, null, [
       i("div", {
         class: "vt-chart__donut-container",
         onMouseleave: Z,
@@ -21692,10 +21707,10 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
     }, [
       i("div", Yz, [
         i("div", Sz, [
-          (n(!0), o(I1, null, S1(u.value.slice(0, -1), (w, y) => (n(), o("div", {
-            key: y,
-            class: s1([{ "vt-chart__bar-stripe--gray": y % 2 === 0 }, "vt-chart__bar-stripe"]),
-            style: W1({ left: h(w) + "%", width: p(y) + "%" })
+          (n(!0), o(I1, null, S1(u.value.slice(0, -1), (w, M) => (n(), o("div", {
+            key: M,
+            class: s1([{ "vt-chart__bar-stripe--gray": M % 2 === 0 }, "vt-chart__bar-stripe"]),
+            style: W1({ left: h(w) + "%", width: p(M) + "%" })
           }, null, 6))), 128))
         ]),
         (n(!0), o(I1, null, S1(r.value, (w) => (n(), o("div", {
@@ -21757,8 +21772,8 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
     strokeWidth: {}
   },
   setup(e) {
-    const t = e, l = g(() => t.size ?? 160), r = g(() => t.strokeWidth ?? 14), s = g(() => t.color ?? "var(--color-primary-main, #6c5ce7)"), c = g(() => t.trackColor ?? "#eee"), u = g(() => l.value / 2), h = g(() => l.value / 2), p = g(() => (l.value - r.value) / 2), C = g(() => 2 * Math.PI * p.value), I = g(() => Fz / 360 * C.value), Z = g(() => C.value - I.value), w = g(() => Math.max(0, Math.min(1, t.value / 100))), y = g(() => w.value * I.value), b = g(() => `${y.value} ${C.value - y.value}`), k = g(() => `${I.value} ${Z.value}`), S = g(() => Math.round(Math.max(0, Math.min(100, t.value))));
-    return (N, T) => (n(), o("div", {
+    const t = e, l = g(() => t.size ?? 160), r = g(() => t.strokeWidth ?? 14), s = g(() => t.color ?? "var(--color-primary-main, #6c5ce7)"), c = g(() => t.trackColor ?? "#eee"), u = g(() => l.value / 2), h = g(() => l.value / 2), p = g(() => (l.value - r.value) / 2), C = g(() => 2 * Math.PI * p.value), I = g(() => Fz / 360 * C.value), Z = g(() => C.value - I.value), w = g(() => Math.max(0, Math.min(1, t.value / 100))), M = g(() => w.value * I.value), b = g(() => `${M.value} ${C.value - M.value}`), k = g(() => `${I.value} ${Z.value}`), S = g(() => Math.round(Math.max(0, Math.min(100, t.value))));
+    return (_, T) => (n(), o("div", {
       class: "vt-chart__radial-wrapper",
       style: W1({ width: l.value + "px", height: l.value + "px" })
     }, [
@@ -21860,29 +21875,29 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
       const L = Math.max(...I("secondary"), 0);
       return L > 0 ? L * 1.15 : 1;
     });
-    function y(L, W) {
-      const Y = t.points.length, M = W - h.left - h.right;
-      return h.left + (Y <= 1 ? M / 2 : L / (Y - 1) * M);
+    function M(L, W) {
+      const Y = t.points.length, y = W - h.left - h.right;
+      return h.left + (Y <= 1 ? y / 2 : L / (Y - 1) * y);
     }
     function b(L, W, Y) {
-      const M = Y - h.top - h.bottom;
-      return W <= 0 || C.value ? h.top + M / 2 : h.top + M - L / W * M;
+      const y = Y - h.top - h.bottom;
+      return W <= 0 || C.value ? h.top + y / 2 : h.top + y - L / W * y;
     }
     function k(L, W, Y) {
-      const M = L.getContext("2d");
-      if (!M) return null;
+      const y = L.getContext("2d");
+      if (!y) return null;
       const j = window.devicePixelRatio || 1;
-      return L.width = W * j, L.height = Y * j, L.style.width = W + "px", L.style.height = Y + "px", M.scale(j, j), M.clearRect(0, 0, W, Y), M;
+      return L.width = W * j, L.height = Y * j, L.style.width = W + "px", L.style.height = Y + "px", y.scale(j, j), y.clearRect(0, 0, W, Y), y;
     }
-    function S(L, W, Y, M) {
-      L.strokeStyle = M.gridColor, L.lineWidth = 1;
+    function S(L, W, Y, y) {
+      L.strokeStyle = y.gridColor, L.lineWidth = 1;
       for (let f = 0; f <= 4; f++) {
         const R = h.top + (Y - h.top - h.bottom) / 4 * f;
-        L.beginPath(), L.moveTo(h.left, R), L.lineTo(W - h.right, R), L.stroke(), L.fillStyle = M.labelColor, L.font = "10px system-ui, sans-serif", L.textAlign = "right", L.fillText(M.yLabels[f] ?? "", h.left - 6, R + 3);
+        L.beginPath(), L.moveTo(h.left, R), L.lineTo(W - h.right, R), L.stroke(), L.fillStyle = y.labelColor, L.font = "10px system-ui, sans-serif", L.textAlign = "right", L.fillText(y.yLabels[f] ?? "", h.left - 6, R + 3);
       }
     }
-    function N(L, W, Y) {
-      const M = Y - h.bottom, j = h.left, f = W - h.right, R = f - j;
+    function _(L, W, Y) {
+      const y = Y - h.bottom, j = h.left, f = W - h.right, R = f - j;
       S(L, W, Y, {
         gridColor: "#f0f0f0",
         labelColor: "#d8d8d8",
@@ -21895,24 +21910,24 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
         L.fillText("·", t1, Y - h.bottom + 14);
       }
       t.series.forEach((H) => {
-        t.area && H.key === "primary" && (L.beginPath(), L.moveTo(j, M), L.lineTo(f, M), L.lineTo(f, M), L.lineTo(j, M), L.closePath(), L.fillStyle = H.color + "08", L.fill()), L.beginPath(), L.strokeStyle = "#e0e0e0", L.lineWidth = 2, L.lineJoin = "round", L.lineCap = "round", L.moveTo(j, M), L.lineTo(f, M), L.stroke();
+        t.area && H.key === "primary" && (L.beginPath(), L.moveTo(j, y), L.lineTo(f, y), L.lineTo(f, y), L.lineTo(j, y), L.closePath(), L.fillStyle = H.color + "08", L.fill()), L.beginPath(), L.strokeStyle = "#e0e0e0", L.lineWidth = 2, L.lineJoin = "round", L.lineCap = "round", L.moveTo(j, y), L.lineTo(f, y), L.stroke();
         for (let t1 = 0; t1 < U; t1++) {
           const m1 = j + t1 / (U - 1) * R;
-          L.beginPath(), L.arc(m1, M, 3, 0, Math.PI * 2), L.fillStyle = "#fff", L.fill(), L.strokeStyle = "#d8d8d8", L.lineWidth = 2, L.stroke();
+          L.beginPath(), L.arc(m1, y, 3, 0, Math.PI * 2), L.fillStyle = "#fff", L.fill(), L.strokeStyle = "#d8d8d8", L.lineWidth = 2, L.stroke();
         }
       });
     }
     function T(L, W, Y) {
-      const M = Y - h.bottom, j = t.series.find((R) => R.key === "primary"), f = j != null && j.format ? j.format(0) : "0";
+      const y = Y - h.bottom, j = t.series.find((R) => R.key === "primary"), f = j != null && j.format ? j.format(0) : "0";
       S(L, W, Y, {
         gridColor: "#e8e8e8",
         labelColor: "#aaa",
         yLabels: [f, f, f, f, f]
       }), L.textAlign = "center", L.fillStyle = "#aaa", L.font = "10px system-ui, sans-serif", t.points.forEach((R, U) => {
-        L.fillText(R.label, y(U, W), Y - h.bottom + 14);
+        L.fillText(R.label, M(U, W), Y - h.bottom + 14);
       }), t.series.forEach((R) => {
-        const U = t.points.map((H, t1) => ({ x: y(t1, W), y: M }));
-        t.area && R.key === "primary" && (L.beginPath(), U.forEach((H, t1) => t1 === 0 ? L.moveTo(H.x, H.y) : L.lineTo(H.x, H.y)), L.lineTo(U[U.length - 1].x, M), L.lineTo(U[0].x, M), L.closePath(), L.fillStyle = R.color + "10", L.fill()), L.beginPath(), L.strokeStyle = R.color + "50", L.lineWidth = 2, L.lineJoin = "round", L.lineCap = "round", L.setLineDash([5, 4]), U.forEach((H, t1) => t1 === 0 ? L.moveTo(H.x, H.y) : L.lineTo(H.x, H.y)), L.stroke(), L.setLineDash([]), U.forEach((H) => {
+        const U = t.points.map((H, t1) => ({ x: M(t1, W), y }));
+        t.area && R.key === "primary" && (L.beginPath(), U.forEach((H, t1) => t1 === 0 ? L.moveTo(H.x, H.y) : L.lineTo(H.x, H.y)), L.lineTo(U[U.length - 1].x, y), L.lineTo(U[0].x, y), L.closePath(), L.fillStyle = R.color + "10", L.fill()), L.beginPath(), L.strokeStyle = R.color + "50", L.lineWidth = 2, L.lineJoin = "round", L.lineCap = "round", L.setLineDash([5, 4]), U.forEach((H, t1) => t1 === 0 ? L.moveTo(H.x, H.y) : L.lineTo(H.x, H.y)), L.stroke(), L.setLineDash([]), U.forEach((H) => {
           L.beginPath(), L.arc(H.x, H.y, 3, 0, Math.PI * 2), L.fillStyle = "#fff", L.fill(), L.strokeStyle = R.color + "50", L.lineWidth = 2, L.stroke();
         });
       });
@@ -21920,55 +21935,55 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
     function m() {
       const L = r.value;
       if (!L) return;
-      const W = s.value, Y = c.value, M = k(L, W, Y);
-      if (!M) return;
+      const W = s.value, Y = c.value, y = k(L, W, Y);
+      if (!y) return;
       if (p.value) {
-        N(M, W, Y);
+        _(y, W, Y);
         return;
       }
       if (C.value) {
-        T(M, W, Y);
+        T(y, W, Y);
         return;
       }
       const j = 4;
-      M.strokeStyle = "#e8e8e8", M.lineWidth = 1;
+      y.strokeStyle = "#e8e8e8", y.lineWidth = 1;
       for (let f = 0; f <= j; f++) {
         const R = h.top + (Y - h.top - h.bottom) / j * f;
-        M.beginPath(), M.moveTo(h.left, R), M.lineTo(W - h.right, R), M.stroke();
+        y.beginPath(), y.moveTo(h.left, R), y.lineTo(W - h.right, R), y.stroke();
         const U = Z.value * (1 - f / j), H = t.series.find((m1) => m1.key === "primary"), t1 = H != null && H.format ? H.format(U) : U.toFixed(2);
-        M.fillStyle = "#aaa", M.font = "10px system-ui, sans-serif", M.textAlign = "right", M.fillText(t1, h.left - 6, R + 3);
+        y.fillStyle = "#aaa", y.font = "10px system-ui, sans-serif", y.textAlign = "right", y.fillText(t1, h.left - 6, R + 3);
       }
-      if (M.textAlign = "center", M.fillStyle = "#aaa", M.font = "10px system-ui, sans-serif", t.points.forEach((f, R) => {
-        M.fillText(f.label, y(R, W), Y - h.bottom + 14);
+      if (y.textAlign = "center", y.fillStyle = "#aaa", y.font = "10px system-ui, sans-serif", t.points.forEach((f, R) => {
+        y.fillText(f.label, M(R, W), Y - h.bottom + 14);
       }), t.series.forEach((f) => {
-        const R = I(f.key), U = f.key === "primary" ? Z.value : w.value, H = R.map((t1, m1) => ({ x: y(m1, W), y: b(t1, U, Y) }));
+        const R = I(f.key), U = f.key === "primary" ? Z.value : w.value, H = R.map((t1, m1) => ({ x: M(m1, W), y: b(t1, U, Y) }));
         if (t.area && f.key === "primary") {
-          M.beginPath(), H.forEach((m1, B) => B === 0 ? M.moveTo(m1.x, m1.y) : M.lineTo(m1.x, m1.y)), M.lineTo(H[H.length - 1].x, Y - h.bottom), M.lineTo(H[0].x, Y - h.bottom), M.closePath();
-          const t1 = M.createLinearGradient(0, h.top, 0, Y - h.bottom);
-          t1.addColorStop(0, f.color + "30"), t1.addColorStop(1, f.color + "00"), M.fillStyle = t1, M.fill();
+          y.beginPath(), H.forEach((m1, B) => B === 0 ? y.moveTo(m1.x, m1.y) : y.lineTo(m1.x, m1.y)), y.lineTo(H[H.length - 1].x, Y - h.bottom), y.lineTo(H[0].x, Y - h.bottom), y.closePath();
+          const t1 = y.createLinearGradient(0, h.top, 0, Y - h.bottom);
+          t1.addColorStop(0, f.color + "30"), t1.addColorStop(1, f.color + "00"), y.fillStyle = t1, y.fill();
         }
-        M.beginPath(), M.strokeStyle = f.color, M.lineWidth = 2, M.lineJoin = "round", M.lineCap = "round", H.forEach((t1, m1) => m1 === 0 ? M.moveTo(t1.x, t1.y) : M.lineTo(t1.x, t1.y)), M.stroke(), H.forEach((t1) => {
-          M.beginPath(), M.arc(t1.x, t1.y, 3, 0, Math.PI * 2), M.fillStyle = "#fff", M.fill(), M.strokeStyle = f.color, M.lineWidth = 2, M.stroke();
+        y.beginPath(), y.strokeStyle = f.color, y.lineWidth = 2, y.lineJoin = "round", y.lineCap = "round", H.forEach((t1, m1) => m1 === 0 ? y.moveTo(t1.x, t1.y) : y.lineTo(t1.x, t1.y)), y.stroke(), H.forEach((t1) => {
+          y.beginPath(), y.arc(t1.x, t1.y, 3, 0, Math.PI * 2), y.fillStyle = "#fff", y.fill(), y.strokeStyle = f.color, y.lineWidth = 2, y.stroke();
         });
       }), u.value.visible && u.value.pointIndex >= 0) {
-        const f = u.value.pointIndex, R = y(f, W);
-        M.beginPath(), M.strokeStyle = "#ccc", M.lineWidth = 1, M.setLineDash([4, 4]), M.moveTo(R, h.top), M.lineTo(R, Y - h.bottom), M.stroke(), M.setLineDash([]), t.series.forEach((U) => {
+        const f = u.value.pointIndex, R = M(f, W);
+        y.beginPath(), y.strokeStyle = "#ccc", y.lineWidth = 1, y.setLineDash([4, 4]), y.moveTo(R, h.top), y.lineTo(R, Y - h.bottom), y.stroke(), y.setLineDash([]), t.series.forEach((U) => {
           const H = I(U.key), t1 = U.key === "primary" ? Z.value : w.value, m1 = b(H[f], t1, Y);
-          M.beginPath(), M.arc(R, m1, 5, 0, Math.PI * 2), M.fillStyle = U.color, M.fill(), M.strokeStyle = "#fff", M.lineWidth = 2, M.stroke();
+          y.beginPath(), y.arc(R, m1, 5, 0, Math.PI * 2), y.fillStyle = U.color, y.fill(), y.strokeStyle = "#fff", y.lineWidth = 2, y.stroke();
         });
       }
     }
     function G(L) {
       const W = r.value;
       if (!W || p.value) return;
-      const Y = W.getBoundingClientRect(), M = L.clientX - Y.left, j = L.clientY - Y.top, f = s.value;
+      const Y = W.getBoundingClientRect(), y = L.clientX - Y.left, j = L.clientY - Y.top, f = s.value;
       let R = -1, U = 1 / 0;
       t.points.forEach((H, t1) => {
-        const m1 = Math.abs(y(t1, f) - M);
+        const m1 = Math.abs(M(t1, f) - y);
         m1 < U && (U = m1, R = t1);
-      }), R >= 0 && U < 40 ? u.value = { visible: !0, x: M, y: j, pointIndex: R } : u.value = { ...u.value, visible: !1, pointIndex: -1 }, m();
+      }), R >= 0 && U < 40 ? u.value = { visible: !0, x: y, y: j, pointIndex: R } : u.value = { ...u.value, visible: !1, pointIndex: -1 }, m();
     }
-    function _() {
+    function N() {
       u.value = { visible: !1, x: 0, y: 0, pointIndex: -1 }, m();
     }
     let P = null;
@@ -21981,7 +21996,7 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
         ref_key: "wrapper",
         ref: l,
         class: "vt-chart__sparkline-wrapper",
-        onMouseleave: _,
+        onMouseleave: N,
         onMousemove: G
       }, [
         i("canvas", {
@@ -22043,39 +22058,39 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
     const t = e, { t: l } = $1(), r = x(null), s = x(600), c = g(() => t.height ?? 260), u = x(null);
     function h(b, k) {
       if (!b.length) return [];
-      if (!b.reduce((G, _) => G + _.value, 0)) return [];
+      if (!b.reduce((G, N) => G + N.value, 0)) return [];
       k.w * k.h;
-      const N = [];
+      const _ = [];
       let T = [...b], m = { ...k };
       for (; T.length > 0; ) {
         const G = [];
-        let _ = 0;
+        let N = 0;
         const P = m.w >= m.h, L = P ? m.h : m.w, W = T.reduce((f, R) => f + R.value, 0);
         for (const f of T) {
-          G.push(f), _ += f.value;
-          const R = _ / W * m.w * m.h, U = R / L, H = Math.max(
+          G.push(f), N += f.value;
+          const R = N / W * m.w * m.h, U = R / L, H = Math.max(
             ...G.map((t1) => {
-              const m1 = t1.value / _ * R, B = Math.min(U, m1 / U);
+              const m1 = t1.value / N * R, B = Math.min(U, m1 / U);
               return Math.max(U, m1 / U) / B;
             })
           );
           if (G.length > 1 && H > 2) {
-            G.pop(), _ -= f.value;
+            G.pop(), N -= f.value;
             break;
           }
         }
-        const Y = _ / W, M = P ? m.w * Y : m.h * Y;
+        const Y = N / W, y = P ? m.w * Y : m.h * Y;
         let j = 0;
         for (const f of G) {
-          const R = f.value / _, U = (P ? m.h : m.w) * R;
-          N.push({
+          const R = f.value / N, U = (P ? m.h : m.w) * R;
+          _.push({
             ...f,
-            rect: P ? { x: m.x, y: m.y + j, w: M, h: U } : { x: m.x + j, y: m.y, w: U, h: M }
+            rect: P ? { x: m.x, y: m.y + j, w: y, h: U } : { x: m.x + j, y: m.y, w: U, h: y }
           }), j += U;
         }
-        T = T.filter((f) => !G.includes(f)), P ? m = { x: m.x + M, y: m.y, w: m.w - M, h: m.h } : m = { x: m.x, y: m.y + M, w: m.w, h: m.h - M };
+        T = T.filter((f) => !G.includes(f)), P ? m = { x: m.x + y, y: m.y, w: m.w - y, h: m.h } : m = { x: m.x, y: m.y + y, w: m.w, h: m.h - y };
       }
-      return N;
+      return _;
     }
     const p = g(() => [...t.nodes].sort((b, k) => k.value - b.value)), C = g(() => {
       const b = s.value, k = c.value;
@@ -22085,18 +22100,18 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
       return t.format ? t.format(b) : b.toString();
     }
     function Z(b, k = 40) {
-      const S = parseInt(b.replace("#", ""), 16), N = Math.min(255, (S >> 16) + k), T = Math.min(255, (S >> 8 & 255) + k), m = Math.min(255, (S & 255) + k);
-      return "#" + [N, T, m].map((G) => G.toString(16).padStart(2, "0")).join("");
+      const S = parseInt(b.replace("#", ""), 16), _ = Math.min(255, (S >> 16) + k), T = Math.min(255, (S >> 8 & 255) + k), m = Math.min(255, (S & 255) + k);
+      return "#" + [_, T, m].map((G) => G.toString(16).padStart(2, "0")).join("");
     }
     function w(b, k = 60, S = 30) {
       return b.w >= k && b.h >= S;
     }
-    let y = null;
+    let M = null;
     return l2(() => {
-      r.value && (y = new ResizeObserver((b) => {
+      r.value && (M = new ResizeObserver((b) => {
         s.value = b[0].contentRect.width;
-      }), y.observe(r.value), s.value = r.value.clientWidth || 600);
-    }), k2(() => y == null ? void 0 : y.disconnect()), (b, k) => (n(), o("div", {
+      }), M.observe(r.value), s.value = r.value.clientWidth || 600);
+    }), k2(() => M == null ? void 0 : M.disconnect()), (b, k) => (n(), o("div", {
       ref_key: "wrapper",
       ref: r,
       style: W1({ height: c.value + "px" }),
@@ -22120,8 +22135,8 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
             fill: u.value === S.id ? Z(S.color) : S.color,
             rx: 4,
             class: "vt-chart__treemap-cell",
-            onMouseenter: (N) => u.value = S.id,
-            onMouseleave: k[0] || (k[0] = (N) => u.value = null)
+            onMouseenter: (_) => u.value = S.id,
+            onMouseleave: k[0] || (k[0] = (_) => u.value = null)
           }, null, 40, oD),
           w(S.rect) ? (n(), o(I1, { key: 0 }, [
             i("text", {
@@ -22171,26 +22186,26 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
         return { min: 0, max: 100 };
       if (W && L.some((R) => R === "SL"))
         return { min: 0, max: 100 };
-      let Y = 1 / 0, M = -1 / 0;
+      let Y = 1 / 0, y = -1 / 0;
       if (t.data.forEach((R) => {
         L.forEach((U) => {
           const H = Number(R[U]);
-          isNaN(H) || (Y = Math.min(Y, H), M = Math.max(M, H));
+          isNaN(H) || (Y = Math.min(Y, H), y = Math.max(y, H));
         });
-      }), Y === 1 / 0 || M === -1 / 0)
+      }), Y === 1 / 0 || y === -1 / 0)
         return { min: 0, max: 100 };
-      const j = M - Y, f = 0.1;
+      const j = y - Y, f = 0.1;
       return {
         min: Math.max(0, Y - j * f),
-        max: M + j * f
+        max: y + j * f
       };
     }
     const I = g(() => C(h.value, !1)), Z = g(() => C(p.value, !0));
     function w(L, W, Y) {
-      const M = W === "left" ? I.value : Z.value, j = (L - M.min) / (M.max - M.min);
+      const y = W === "left" ? I.value : Z.value, j = (L - y.min) / (y.max - y.min);
       return u.value.top + Y - j * Y;
     }
-    function y() {
+    function M() {
       if (!l.value) return;
       const L = l.value.parentElement;
       if (L) {
@@ -22201,15 +22216,15 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
     E1(
       () => [t.data, t.seriesConfig],
       () => {
-        l.value && y();
+        l.value && M();
       },
       { deep: !0 }
     ), l2(() => {
       if (l.value) {
-        const L = new ResizeObserver(() => y()), W = l.value.parentElement;
+        const L = new ResizeObserver(() => M()), W = l.value.parentElement;
         W && L.observe(W);
       }
-      setTimeout(() => y(), 100);
+      setTimeout(() => M(), 100);
     });
     function b(L) {
       var W;
@@ -22219,14 +22234,14 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
       if (!l.value) return;
       const L = l.value.getContext("2d");
       if (!L) return;
-      const W = l.value.width, Y = l.value.height, M = W - u.value.left - u.value.right, j = Y - u.value.top - u.value.bottom;
-      L.clearRect(0, 0, W, Y), !(!t.data || t.data.length === 0) && (L.font = "12px Arial", L.textAlign = "center", L.fillStyle = "#333", S(L, M, j), N(L, M, j), T(L, M, j), m(L, M, j), G(L, M, j));
+      const W = l.value.width, Y = l.value.height, y = W - u.value.left - u.value.right, j = Y - u.value.top - u.value.bottom;
+      L.clearRect(0, 0, W, Y), !(!t.data || t.data.length === 0) && (L.font = "12px Arial", L.textAlign = "center", L.fillStyle = "#333", S(L, y, j), _(L, y, j), T(L, y, j), m(L, y, j), G(L, y, j));
     }
     function S(L, W, Y) {
       L.strokeStyle = "#e0e0e0", L.lineWidth = 1;
-      const M = 5;
-      for (let f = 0; f <= M; f++) {
-        const R = u.value.top + Y / M * f;
+      const y = 5;
+      for (let f = 0; f <= y; f++) {
+        const R = u.value.top + Y / y * f;
         L.beginPath(), L.moveTo(u.value.left, R), L.lineTo(u.value.left + W, R), L.stroke();
       }
       const j = W / t.data.length;
@@ -22235,38 +22250,38 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
         L.beginPath(), L.moveTo(R, u.value.top), L.lineTo(R, u.value.top + Y), L.stroke();
       }
     }
-    function N(L, W, Y) {
+    function _(L, W, Y) {
       if (L.strokeStyle = "#333", L.lineWidth = 1, L.beginPath(), L.moveTo(u.value.left, u.value.top), L.lineTo(u.value.left, u.value.top + Y), L.stroke(), p.value.length > 0 && (L.beginPath(), L.moveTo(u.value.left + W, u.value.top), L.lineTo(u.value.left + W, u.value.top + Y), L.stroke()), L.beginPath(), L.moveTo(u.value.left, u.value.top + Y), L.lineTo(u.value.left + W, u.value.top + Y), L.stroke(), h.value.length > 0) {
         L.fillStyle = "#666", L.textAlign = "right";
-        const M = 5, j = I.value.max - I.value.min, f = Math.ceil(j / M);
-        for (let R = 0; R <= M; R++) {
-          const U = I.value.min + f * R, H = u.value.top + Y - R / M * Y;
+        const y = 5, j = I.value.max - I.value.min, f = Math.ceil(j / y);
+        for (let R = 0; R <= y; R++) {
+          const U = I.value.min + f * R, H = u.value.top + Y - R / y * Y;
           L.fillText(U.toString(), u.value.left - 10, H + 4);
         }
       }
       if (p.value.length > 0) {
         L.textAlign = "left";
-        const M = 5;
-        for (let j = 0; j <= M; j++) {
-          const f = Z.value.max - (Z.value.max - Z.value.min) * (j / M), R = u.value.top + Y / M * j;
+        const y = 5;
+        for (let j = 0; j <= y; j++) {
+          const f = Z.value.max - (Z.value.max - Z.value.min) * (j / y), R = u.value.top + Y / y * j;
           L.fillText(`${Math.round(f)}%`, u.value.left + W + 10, R + 4);
         }
       }
     }
     function T(L, W, Y) {
-      const M = W / t.data.length, j = Object.keys(t.seriesConfig).filter((R) => t.seriesConfig[R].type === "bar"), f = M * 0.8 / j.length;
+      const y = W / t.data.length, j = Object.keys(t.seriesConfig).filter((R) => t.seriesConfig[R].type === "bar"), f = y * 0.8 / j.length;
       t.data.forEach((R, U) => {
-        const H = u.value.left + M * U;
+        const H = u.value.left + y * U;
         j.forEach((t1, m1) => {
           const B = Number(R[t1]);
           if (isNaN(B)) return;
-          const X = t.seriesConfig[t1].axis || "left", v = w(B, X, Y), K = u.value.top + Y - v, l1 = H + M * 0.1 + f * m1;
+          const X = t.seriesConfig[t1].axis || "left", v = w(B, X, Y), K = u.value.top + Y - v, l1 = H + y * 0.1 + f * m1;
           L.fillStyle = t.seriesConfig[t1].color, L.fillRect(l1, v, f, K);
         });
       });
     }
     function m(L, W, Y) {
-      const M = W / t.data.length;
+      const y = W / t.data.length;
       Object.keys(t.seriesConfig).filter((f) => t.seriesConfig[f].type === "line").forEach((f) => {
         const R = t.seriesConfig[f];
         L.strokeStyle = R.color, L.fillStyle = R.color, L.lineWidth = 2;
@@ -22274,7 +22289,7 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
         if (t.data.forEach((t1, m1) => {
           const B = Number(t1[f]);
           if (!isNaN(B)) {
-            const X = u.value.left + M * m1 + M / 2, v = w(B, U, Y);
+            const X = u.value.left + y * m1 + y / 2, v = w(B, U, Y);
             H.push({ x: X, y: v });
           }
         }), H.length > 1) {
@@ -22291,18 +22306,18 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
       });
     }
     function G(L, W, Y) {
-      const M = W / t.data.length;
+      const y = W / t.data.length;
       L.fillStyle = "#333", L.textAlign = "center", t.data.forEach((j, f) => {
-        const R = u.value.left + M * f + M / 2, U = String(j[t.categoryKey]);
+        const R = u.value.left + y * f + y / 2, U = String(j[t.categoryKey]);
         L.fillText(U, R, u.value.top + Y + 20);
       });
     }
-    function _(L) {
+    function N(L) {
       var H;
       const W = (H = l.value) == null ? void 0 : H.getBoundingClientRect();
       if (!W || !l.value) return;
-      const Y = L.clientX - W.left, M = L.clientY - W.top, j = l.value.width - u.value.left - u.value.right, f = l.value.height - u.value.top - u.value.bottom;
-      if (Y < u.value.left || Y > u.value.left + j || M < u.value.top || M > u.value.top + f) {
+      const Y = L.clientX - W.left, y = L.clientY - W.top, j = l.value.width - u.value.left - u.value.right, f = l.value.height - u.value.top - u.value.bottom;
+      if (Y < u.value.left || Y > u.value.left + j || y < u.value.top || y > u.value.top + f) {
         P();
         return;
       }
@@ -22316,7 +22331,7 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
           category: String(t1[t.categoryKey]),
           values: m1,
           x: Y - 50,
-          y: M - 10
+          y: y - 10
         };
       }
     }
@@ -22326,7 +22341,7 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
     return (L, W) => (n(), o("div", dD, [
       i("div", {
         class: "vt-chart__combo-canvas-wrapper",
-        onMousemove: _,
+        onMousemove: N,
         onMouseleave: P
       }, [
         i("canvas", {
@@ -22344,28 +22359,28 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
           i("div", null, [
             i("strong", null, J(r.value.category), 1)
           ]),
-          (n(!0), o(I1, null, S1(r.value.values, (Y, M) => (n(), o("div", {
-            key: M,
+          (n(!0), o(I1, null, S1(r.value.values, (Y, y) => (n(), o("div", {
+            key: y,
             class: "vt-chart__combo-tooltip-item"
           }, [
             i("span", {
-              style: W1({ backgroundColor: b(M) }),
+              style: W1({ backgroundColor: b(y) }),
               class: "vt-chart__legend-color"
             }, null, 4),
-            i("span", null, J(M) + ": " + J(M === "SL" ? Y + "%" : Y), 1)
+            i("span", null, J(y) + ": " + J(y === "SL" ? Y + "%" : Y), 1)
           ]))), 128))
         ], 4)) : F("", !0)
       ], 32),
       i("div", uD, [
-        (n(!0), o(I1, null, S1(e.seriesConfig, (Y, M) => (n(), o("div", {
-          key: M,
+        (n(!0), o(I1, null, S1(e.seriesConfig, (Y, y) => (n(), o("div", {
+          key: y,
           class: "vt-chart__combo-legend-item"
         }, [
           i("span", {
             style: W1({ backgroundColor: Y.color }),
             class: "vt-chart__legend-color"
           }, null, 4),
-          i("span", hD, J(M), 1)
+          i("span", hD, J(y), 1)
         ]))), 128))
       ])
     ]));
@@ -22535,11 +22550,11 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
   }),
   emits: /* @__PURE__ */ yt(["selectLeft", "selectRight", "transfer", "update:added", "update:removed"], ["update:listOne", "update:listTwo"]),
   setup(e, { emit: t }) {
-    const l = e, r = t, s = Lt(e, "listOne"), c = Lt(e, "listTwo"), u = ($) => l.optionValue !== void 0 ? $[l.optionValue] : JSON.stringify($), h = ($) => String($[l.optionLabel] ?? ""), p = ($, n1) => u($) === u(n1), C = ($, n1) => n1.some((C1) => p(C1, $)), I = ($, n1) => n1.filter((C1) => !p(C1, $)), Z = Bt(null), w = Bt(null), y = x(!1), b = x(!1), k = x(0), S = x(0), N = /* @__PURE__ */ new Set(), T = g(() => l.fetchLimit ?? 20), m = g(
+    const l = e, r = t, s = Lt(e, "listOne"), c = Lt(e, "listTwo"), u = ($) => l.optionValue !== void 0 ? $[l.optionValue] : JSON.stringify($), h = ($) => String($[l.optionLabel] ?? ""), p = ($, n1) => u($) === u(n1), C = ($, n1) => n1.some((C1) => p(C1, $)), I = ($, n1) => n1.filter((C1) => !p(C1, $)), Z = Bt(null), w = Bt(null), M = x(!1), b = x(!1), k = x(0), S = x(0), _ = /* @__PURE__ */ new Set(), T = g(() => l.fetchLimit ?? 20), m = g(
       () => !!l.fetchLeft && k.value < l.leftTotal
     ), G = g(
       () => !!l.fetchRight && S.value < l.rightTotal
-    ), _ = g(
+    ), N = g(
       () => l.heightStyle ? { height: l.heightStyle } : {}
     ), P = ($) => $.scrollTop + $.clientHeight >= $.scrollHeight - TD, L = ($) => $.scrollHeight > $.clientHeight, W = async ($, n1, C1, N1, q1) => {
       if (!$ || n1.value || !C1) return;
@@ -22554,12 +22569,12 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
       if (!(!$ || !n1))
         for (; !L($) && N1.value; )
           await W(n1, C1, N1.value, q1, Q1);
-    }, M = x(null), j = x(null), f = async ($) => {
-      P($.target) && await W(l.fetchLeft, y, m.value, k);
+    }, y = x(null), j = x(null), f = async ($) => {
+      P($.target) && await W(l.fetchLeft, M, m.value, k);
     }, R = async ($) => {
       P($.target) && await W(l.fetchRight, b, G.value, S, U);
     }, U = () => {
-      c.value.forEach(($) => N.add(u($)));
+      c.value.forEach(($) => _.add(u($)));
     };
     l2(async () => {
       var n1, C1;
@@ -22568,14 +22583,14 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
         (C1 = l.fetchRight) == null ? void 0 : C1.call(l, { limit: T.value, offset: 0 })
       ].filter(Boolean);
       await Promise.all($), await A1(), U(), k.value = T.value, S.value = T.value, await Promise.all([
-        Y(M.value, l.fetchLeft, y, m, k),
+        Y(y.value, l.fetchLeft, M, m, k),
         Y(j.value, l.fetchRight, b, G, S, U)
       ]);
     });
     const H = ($) => l.optionValue ? u($) : $, t1 = ($, n1) => {
-      const C1 = u($), N1 = H($), q1 = N.has(C1);
+      const C1 = u($), N1 = H($), q1 = _.has(C1);
       n1 === "right" ? q1 ? r("update:removed", l.removed.filter((Q1) => Q1 !== N1)) : l.added.some((a2) => a2 === N1) || r("update:added", [...l.added, N1]) : q1 ? l.removed.some((a2) => a2 === N1) || r("update:removed", [...l.removed, N1]) : r("update:added", l.added.filter((Q1) => Q1 !== N1));
-    }, m1 = () => Y(M.value, l.fetchLeft, y, m, k), B = () => Y(j.value, l.fetchRight, b, G, S, U), X = ($, n1, C1, N1) => {
+    }, m1 = () => Y(y.value, l.fetchLeft, M, m, k), B = () => Y(j.value, l.fetchRight, b, G, S, U), X = ($, n1, C1, N1) => {
       C($, C1.value) || (C1.value = [...C1.value, $], n1.value = I($, n1.value), t1($, N1), r("transfer", $, N1));
     }, v = async ($) => {
       X($, s, c, "right"), Z.value && p(Z.value, $) && (Z.value = null), await A1(), await m1();
@@ -22614,13 +22629,13 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
     };
     return ($, n1) => (n(), o("div", {
       class: "vt-transfer-list",
-      style: W1(_.value)
+      style: W1(N.value)
     }, [
       i("div", LD, [
         e.leftLabel ? (n(), o("span", yD, J(e.leftLabel), 1)) : F("", !0),
         i("div", {
           ref_key: "leftBoxRef",
-          ref: M,
+          ref: y,
           class: "vt-transfer-list__box",
           onDragover: n1[0] || (n1[0] = U1(() => {
           }, ["prevent"])),
@@ -22710,7 +22725,7 @@ const $O = { class: "vt-page__card-filter__inline" }, qO = { class: "vt-page__ca
           ref_key: "rightBoxRef",
           ref: j,
           class: s1(["vt-transfer-list__box", { "vt-transfer-list__box--invalid": !e.isValidRightContainer }]),
-          style: W1(_.value),
+          style: W1(N.value),
           onDragover: n1[3] || (n1[3] = U1(() => {
           }, ["prevent"])),
           onDrop: n1[4] || (n1[4] = (C1) => F1(C1, "right")),
@@ -22822,11 +22837,11 @@ function KD() {
     return new Promise((I, Z) => {
       const w = new Image();
       w.crossOrigin = "", w.src = r, w.onload = () => {
-        e.height = C, e.width = p, t.drawImage(w, u, h, p, C, 0, 0, p, C), e.toBlob((y) => {
-          y && I(y), Z(new Error("canvas to blob error")), t.restore();
+        e.height = C, e.width = p, t.drawImage(w, u, h, p, C, 0, 0, p, C), e.toBlob((M) => {
+          M && I(M), Z(new Error("canvas to blob error")), t.restore();
         }, c);
-      }, w.onerror = (y) => {
-        Z(y);
+      }, w.onerror = (M) => {
+        Z(M);
       };
     });
   };
@@ -22873,19 +22888,19 @@ function Kt(e, t) {
   };
   function w(G) {
     if (c && G.stopPropagation(), s && G.preventDefault(), u) {
-      const _ = G;
-      I.x = _.touches[0].clientX, I.y = _.touches[0].clientY;
+      const N = G;
+      I.x = N.touches[0].clientX, I.y = N.touches[0].clientY;
     } else {
-      const _ = G;
-      I.x = _.x, I.y = _.y;
+      const N = G;
+      I.x = N.x, I.y = N.y;
     }
   }
-  function y(G) {
-    var _, P, L, W;
-    C.value = !0, w(G), u ? (document.addEventListener("touchmove", Z, { passive: !1 }), (_ = l.value) == null || _.addEventListener("touchmove", b), (P = l.value) == null || P.addEventListener("touchend", k)) : ((L = l.value) == null || L.addEventListener("mousemove", b), (W = l.value) == null || W.addEventListener("mouseup", k));
+  function M(G) {
+    var N, P, L, W;
+    C.value = !0, w(G), u ? (document.addEventListener("touchmove", Z, { passive: !1 }), (N = l.value) == null || N.addEventListener("touchmove", b), (P = l.value) == null || P.addEventListener("touchend", k)) : ((L = l.value) == null || L.addEventListener("mousemove", b), (W = l.value) == null || W.addEventListener("mouseup", k));
   }
   function b(G) {
-    var _, P, L, W;
+    var N, P, L, W;
     if (C.value) {
       if (u) {
         const Y = G;
@@ -22894,23 +22909,23 @@ function Kt(e, t) {
         const Y = G;
         h.value += Y.x - I.x, p.value += Y.y - I.y;
       }
-      r && (((_ = r.x) == null ? void 0 : _.min) !== void 0 && h.value < r.x.min && (h.value = r.x.min), ((P = r.x) == null ? void 0 : P.max) !== void 0 && h.value > r.x.max && (h.value = r.x.max), ((L = r.y) == null ? void 0 : L.min) !== void 0 && p.value < r.y.min && (p.value = r.y.min), ((W = r.y) == null ? void 0 : W.max) !== void 0 && p.value > r.y.max && (p.value = r.y.max)), w(G);
+      r && (((N = r.x) == null ? void 0 : N.min) !== void 0 && h.value < r.x.min && (h.value = r.x.min), ((P = r.x) == null ? void 0 : P.max) !== void 0 && h.value > r.x.max && (h.value = r.x.max), ((L = r.y) == null ? void 0 : L.min) !== void 0 && p.value < r.y.min && (p.value = r.y.min), ((W = r.y) == null ? void 0 : W.max) !== void 0 && p.value > r.y.max && (p.value = r.y.max)), w(G);
     }
   }
   function k() {
-    var G, _, P, L;
-    u ? (document.removeEventListener("touchmove", Z), (G = l.value) == null || G.removeEventListener("touchmove", b), (_ = l.value) == null || _.removeEventListener("touchend", k)) : ((P = l.value) == null || P.removeEventListener("mousemove", b), (L = l.value) == null || L.removeEventListener("mouseup", k)), C.value = !1;
+    var G, N, P, L;
+    u ? (document.removeEventListener("touchmove", Z), (G = l.value) == null || G.removeEventListener("touchmove", b), (N = l.value) == null || N.removeEventListener("touchend", k)) : ((P = l.value) == null || P.removeEventListener("mousemove", b), (L = l.value) == null || L.removeEventListener("mouseup", k)), C.value = !1;
   }
   function S(G) {
     h.value = G.x, p.value = G.y;
   }
-  const N = g(() => ({
+  const _ = g(() => ({
     top: `${p.value}px`,
     left: `${h.value}px`
   }));
   let T = () => {
   };
-  u ? T = Jt(e, "touchstart", y).clear : T = Jt(e, "mousedown", y).clear;
+  u ? T = Jt(e, "touchstart", M).clear : T = Jt(e, "mousedown", M).clear;
   function m() {
     k(), T();
   }
@@ -22918,7 +22933,7 @@ function Kt(e, t) {
     x: h,
     y: p,
     isDraging: C,
-    style: N,
+    style: _,
     setPosition: S,
     clear: m
   };
@@ -22974,25 +22989,25 @@ function ED(e) {
     Z.x.max = s.width - h.value, Z.y.max = s.height - h.value;
   }
   const {
-    style: y,
+    style: M,
     x: b,
     y: k,
     setPosition: S,
-    clear: N
+    clear: _
   } = Kt(l, {
     range: Z
   }), T = g(() => ({
     width: `${h.value}px`,
     height: `${h.value}px`,
-    ...y.value
+    ...M.value
   }));
   function m() {
     h.value + b.value > s.width && (h.value = s.width - b.value), h.value + k.value > s.height && (h.value = s.height - k.value);
   }
-  return E1([p, C], (G, _) => {
-    const P = G[0] - _[0], L = G[1] - _[1], W = RD([P, L], [1, 1]);
+  return E1([p, C], (G, N) => {
+    const P = G[0] - N[0], L = G[1] - N[1], W = RD([P, L], [1, 1]);
     h.value = h.value + W, h.value = h.value <= 0 ? 0 : h.value, m(), w();
-  }), c && (I(), N()), S({ x: (u.height - t) / 2, y: (u.width - t) / 2 }), {
+  }), c && (I(), _()), S({ x: (u.height - t) / 2, y: (u.width - t) / 2 }), {
     selectBoxSize: h,
     selectBoxStyle: T,
     selectX: b,
@@ -23033,13 +23048,13 @@ const PD = { class: "vt-avatar-upload" }, HD = { class: "vt-avatar-upload__thumb
   },
   emits: ["uploadFile"],
   setup(e, { emit: t }) {
-    const l = e, r = t, s = E2(), c = x(l.avatar), u = x(null), h = x(!1), p = x(!1), C = x(null), I = x(null), Z = x(null), w = x(null), y = x(null), b = x(null), k = l.width, S = l.height, N = {
+    const l = e, r = t, s = E2(), c = x(l.avatar), u = x(null), h = x(!1), p = x(!1), C = x(null), I = x(null), Z = x(null), w = x(null), M = x(null), b = x(null), k = l.width, S = l.height, _ = {
       width: `${k}px`,
       height: `${S}px`
-    }, T = st({ width: k, height: S }), { bgImgZoom: m, baImgX: G, baImgY: _, bgImgStyle: P, imgRotate: L } = DD(Z, T), W = l.selectSize < Math.min(k, S) ? l.selectSize : Math.min(k, S), { selectBoxSize: Y, selectBoxStyle: M, selectX: j, selectY: f } = ED({
+    }, T = st({ width: k, height: S }), { bgImgZoom: m, baImgX: G, baImgY: N, bgImgStyle: P, imgRotate: L } = DD(Z, T), W = l.selectSize < Math.min(k, S) ? l.selectSize : Math.min(k, S), { selectBoxSize: Y, selectBoxStyle: y, selectX: j, selectY: f } = ED({
       initSize: W,
       select: w,
-      resize: y,
+      resize: M,
       bgBoxSize: { width: k, height: S },
       limitSize: { width: k, height: S },
       disable: l.disableSelect
@@ -23092,7 +23107,7 @@ const PD = { class: "vt-avatar-upload" }, HD = { class: "vt-avatar-upload__thumb
         const y1 = b.value;
         y1 && (y1.onload = () => {
           const w1 = y1.naturalWidth, O1 = y1.naturalHeight;
-          m.value = w1 / O1 > k / S ? S / O1 : k / w1, T.width = w1, T.height = O1, G.value = 0, _.value = 0;
+          m.value = w1 / O1 > k / S ? S / O1 : k / w1, T.width = w1, T.height = O1, G.value = 0, N.value = 0;
         });
       });
     }
@@ -23100,7 +23115,7 @@ const PD = { class: "vt-avatar-upload" }, HD = { class: "vt-avatar-upload__thumb
       width: `${T.width * m.value}px`,
       height: `${T.height * m.value}px`,
       left: `${G.value - j.value}px`,
-      top: `${_.value - f.value}px`,
+      top: `${N.value - f.value}px`,
       transform: `rotate(${L.value}deg)`
     })), v = g(() => ({
       width: `${l.previewSize}px`,
@@ -23111,7 +23126,7 @@ const PD = { class: "vt-avatar-upload" }, HD = { class: "vt-avatar-upload__thumb
         width: `${T.width * y1 * m.value}px`,
         height: `${T.height * y1 * m.value}px`,
         left: `${(G.value - j.value) * y1}px`,
-        top: `${(_.value - f.value) * y1}px`,
+        top: `${(N.value - f.value) * y1}px`,
         transform: `rotate(${L.value}deg)`
       };
     });
@@ -23130,7 +23145,7 @@ const PD = { class: "vt-avatar-upload" }, HD = { class: "vt-avatar-upload__thumb
     function Z1() {
       const y1 = JD(
         { left: j.value, top: f.value, width: Y.value, height: Y.value },
-        { left: G.value, top: _.value, width: T.width, height: T.height, zoom: m.value }
+        { left: G.value, top: N.value, width: T.width, height: T.height, zoom: m.value }
       );
       return r1(c.value, y1, l.format);
     }
@@ -23201,7 +23216,7 @@ const PD = { class: "vt-avatar-upload" }, HD = { class: "vt-avatar-upload__thumb
                   ref_key: "editBox",
                   ref: Z,
                   class: "vt-avatar-upload-edit",
-                  style: N,
+                  style: _,
                   onWheel: U
                 }, [
                   w1[12] || (w1[12] = i("div", { class: "edit-fade" }, null, -1)),
@@ -23209,7 +23224,7 @@ const PD = { class: "vt-avatar-upload" }, HD = { class: "vt-avatar-upload__thumb
                     ref_key: "select",
                     ref: w,
                     class: "edit-select",
-                    style: W1(V(M))
+                    style: W1(V(y))
                   }, [
                     i("span", iE, [
                       i("img", {
@@ -23226,7 +23241,7 @@ const PD = { class: "vt-avatar-upload" }, HD = { class: "vt-avatar-upload__thumb
                     w1[11] || (w1[11] = i("span", { class: "edit-select-border border-3-white" }, null, -1)),
                     H1(i("span", {
                       ref_key: "resize",
-                      ref: y,
+                      ref: M,
                       class: "select-zoom-point"
                     }, null, 512), [
                       [O2, !e.disableSelect]
@@ -23342,12 +23357,12 @@ const pE = ["disabled"], IE = {
       const m = c.value.getBoundingClientRect();
       let G = m.left;
       G + d5 > window.innerWidth && (G = window.innerWidth - d5 - pt);
-      const _ = 180, L = window.innerHeight - m.bottom < _ && m.top > _;
+      const N = 180, L = window.innerHeight - m.bottom < N && m.top > N;
       C.value = {
         left: `${Math.max(pt, G)}px`,
-        top: L ? `${m.top - _ - pt}px` : `${m.bottom + pt}px`
+        top: L ? `${m.top - N - pt}px` : `${m.bottom + pt}px`
       };
-    }, y = async () => {
+    }, M = async () => {
       l.disabled || (p.value = l.color, h.value = !h.value, h.value ? (await A1(), w(), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w)) : (window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w)));
     }, b = () => {
       h.value && (h.value = !1, window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w));
@@ -23356,7 +23371,7 @@ const pE = ["disabled"], IE = {
     }, S = (m) => {
       const G = m.target;
       G != null && G.value && (p.value = G.value, k(G.value));
-    }, N = () => {
+    }, _ = () => {
       let m = p.value.trim();
       m && !m.startsWith("#") && (m = `#${m}`), p.value = m, I(m) && k(m);
     }, T = (m) => {
@@ -23373,7 +23388,7 @@ const pE = ["disabled"], IE = {
         type: "button",
         class: "vt-color-picker__trigger",
         disabled: e.disabled,
-        onClick: y
+        onClick: M
       }, [
         i("span", {
           class: "vt-color-picker__swatch",
@@ -23398,24 +23413,24 @@ const pE = ["disabled"], IE = {
                 onInput: S
               }, null, 40, ZE),
               H1(i("input", {
-                "onUpdate:modelValue": G[0] || (G[0] = (_) => p.value = _),
+                "onUpdate:modelValue": G[0] || (G[0] = (N) => p.value = N),
                 type: "text",
                 class: "vt-color-picker__hex-input",
                 placeholder: "#FFFFFF",
                 maxlength: "7",
-                onInput: N,
+                onInput: _,
                 onKeydown: V2(b, ["enter"])
               }, null, 544), [
                 [q2, p.value]
               ]),
               i("div", bE, [
-                (n(!0), o(I1, null, S1(e.presets, (_) => (n(), o("button", {
-                  key: _,
+                (n(!0), o(I1, null, S1(e.presets, (N) => (n(), o("button", {
+                  key: N,
                   type: "button",
-                  class: s1(["vt-color-picker__preset", { "is-active": _.toLowerCase() === Z.value.toLowerCase() }]),
-                  style: W1({ backgroundColor: _ }),
-                  "aria-label": _,
-                  onClick: (P) => T(_)
+                  class: s1(["vt-color-picker__preset", { "is-active": N.toLowerCase() === Z.value.toLowerCase() }]),
+                  style: W1({ backgroundColor: N }),
+                  "aria-label": N,
+                  onClick: (P) => T(N)
                 }, null, 14, wE))), 128))
               ])
             ], 4)) : F("", !0)
@@ -23530,8 +23545,8 @@ const yE = { class: "vt-timer-duration" }, MH = /* @__PURE__ */ G1({
       if (!Z) return;
       const w = Z.parentElement;
       if (!w) return;
-      const y = Array.from(w.querySelectorAll(":scope > .vt-breadcrumb__item"));
-      u.value = y[y.length - 1] === Z;
+      const M = Array.from(w.querySelectorAll(":scope > .vt-breadcrumb__item"));
+      u.value = M[M.length - 1] === Z;
     });
     const h = g(() => l.active || u.value), p = g(() => h.value || l.disabled || !l.to ? "span" : typeof l.to == "string" ? "a" : "RouterLink"), C = g(() => p.value === "a" ? { href: String(l.to) } : p.value === "RouterLink" ? { to: l.to } : {}), I = (Z) => {
       l.disabled || r("click", Z);
@@ -23933,26 +23948,26 @@ class _E extends ht {
       };
       const Z = (w) => {
         if (w.button !== c || (p.set(w.pointerId, w), p.size > 1)) return;
-        let y = w.clientX, b = w.clientY, k = !1;
-        const S = Date.now(), N = l.getBoundingClientRect(), { left: T, top: m } = N, G = (Y) => {
+        let M = w.clientX, b = w.clientY, k = !1;
+        const S = Date.now(), _ = l.getBoundingClientRect(), { left: T, top: m } = _, G = (Y) => {
           if (Y.defaultPrevented || p.size > 1 || C && Date.now() - S < u) return;
-          const M = Y.clientX, j = Y.clientY, f = M - y, R = j - b;
-          (k || Math.abs(f) > s || Math.abs(R) > s) && (Y.preventDefault(), Y.stopPropagation(), k || (h.set({ type: "start", x: y - T, y: b - m }), k = !0), h.set({ type: "move", x: M - T, y: j - m, deltaX: f, deltaY: R }), y = M, b = j);
-        }, _ = (Y) => {
+          const y = Y.clientX, j = Y.clientY, f = y - M, R = j - b;
+          (k || Math.abs(f) > s || Math.abs(R) > s) && (Y.preventDefault(), Y.stopPropagation(), k || (h.set({ type: "start", x: M - T, y: b - m }), k = !0), h.set({ type: "move", x: y - T, y: j - m, deltaX: f, deltaY: R }), M = y, b = j);
+        }, N = (Y) => {
           if (p.delete(Y.pointerId), k) {
-            const M = Y.clientX, j = Y.clientY;
-            h.set({ type: "end", x: M - T, y: j - m });
+            const y = Y.clientX, j = Y.clientY;
+            h.set({ type: "end", x: y - T, y: j - m });
           }
           I();
         }, P = (Y) => {
-          p.delete(Y.pointerId), Y.relatedTarget && Y.relatedTarget !== document.documentElement || _(Y);
+          p.delete(Y.pointerId), Y.relatedTarget && Y.relatedTarget !== document.documentElement || N(Y);
         }, L = (Y) => {
           k && (Y.stopPropagation(), Y.preventDefault());
         }, W = (Y) => {
           Y.defaultPrevented || p.size > 1 || k && Y.preventDefault();
         };
-        document.addEventListener("pointermove", G), document.addEventListener("pointerup", _), document.addEventListener("pointerout", P), document.addEventListener("pointercancel", P), document.addEventListener("touchmove", W, { passive: !1 }), document.addEventListener("click", L, { capture: !0 }), I = () => {
-          document.removeEventListener("pointermove", G), document.removeEventListener("pointerup", _), document.removeEventListener("pointerout", P), document.removeEventListener("pointercancel", P), document.removeEventListener("touchmove", W), setTimeout(() => {
+        document.addEventListener("pointermove", G), document.addEventListener("pointerup", N), document.addEventListener("pointerout", P), document.addEventListener("pointercancel", P), document.addEventListener("touchmove", W, { passive: !1 }), document.addEventListener("click", L, { capture: !0 }), I = () => {
+          document.removeEventListener("pointermove", G), document.removeEventListener("pointerup", N), document.removeEventListener("pointerout", P), document.removeEventListener("pointercancel", P), document.removeEventListener("touchmove", W), setTimeout(() => {
             document.removeEventListener("click", L, { capture: !0 });
           }, 10);
         };
@@ -24120,43 +24135,43 @@ class _E extends ht {
     var t;
   }
   renderBarWaveform(t, l, r, s) {
-    const { width: c, height: u } = r.canvas, { halfHeight: h, barWidth: p, barRadius: C, barIndexScale: I, barSpacing: Z, barMinHeight: w } = function({ width: b, height: k, length: S, options: N, pixelRatio: T }) {
-      const m = k / 2, G = N.barWidth ? N.barWidth * T : 1, _ = N.barGap ? N.barGap * T : N.barWidth ? G / 2 : 0, P = G + _ || 1;
-      return { halfHeight: m, barWidth: G, barGap: _, barRadius: N.barRadius || 0, barMinHeight: N.barMinHeight ? N.barMinHeight * T : 0, barIndexScale: S > 0 ? b / P / S : 0, barSpacing: P };
-    }({ width: c, height: u, length: (t[0] || []).length, options: l, pixelRatio: this.getPixelRatio() }), y = function({ channelData: b, barIndexScale: k, barSpacing: S, barWidth: N, halfHeight: T, vScale: m, canvasHeight: G, barAlign: _, barMinHeight: P }) {
-      const L = b[0] || [], W = b[1] || L, Y = L.length, M = [];
+    const { width: c, height: u } = r.canvas, { halfHeight: h, barWidth: p, barRadius: C, barIndexScale: I, barSpacing: Z, barMinHeight: w } = function({ width: b, height: k, length: S, options: _, pixelRatio: T }) {
+      const m = k / 2, G = _.barWidth ? _.barWidth * T : 1, N = _.barGap ? _.barGap * T : _.barWidth ? G / 2 : 0, P = G + N || 1;
+      return { halfHeight: m, barWidth: G, barGap: N, barRadius: _.barRadius || 0, barMinHeight: _.barMinHeight ? _.barMinHeight * T : 0, barIndexScale: S > 0 ? b / P / S : 0, barSpacing: P };
+    }({ width: c, height: u, length: (t[0] || []).length, options: l, pixelRatio: this.getPixelRatio() }), M = function({ channelData: b, barIndexScale: k, barSpacing: S, barWidth: _, halfHeight: T, vScale: m, canvasHeight: G, barAlign: N, barMinHeight: P }) {
+      const L = b[0] || [], W = b[1] || L, Y = L.length, y = [];
       let j = 0, f = 0, R = 0;
       for (let U = 0; U <= Y; U++) {
         const H = Math.round(U * k);
         if (H > j) {
-          const { topHeight: B, totalHeight: X } = fE({ maxTop: f, maxBottom: R, halfHeight: T, vScale: m, barMinHeight: P, barAlign: _ }), v = NE({ barAlign: _, halfHeight: T, topHeight: B, totalHeight: X, canvasHeight: G });
-          M.push({ x: j * S, y: v, width: N, height: X }), j = H, f = 0, R = 0;
+          const { topHeight: B, totalHeight: X } = fE({ maxTop: f, maxBottom: R, halfHeight: T, vScale: m, barMinHeight: P, barAlign: N }), v = NE({ barAlign: N, halfHeight: T, topHeight: B, totalHeight: X, canvasHeight: G });
+          y.push({ x: j * S, y: v, width: _, height: X }), j = H, f = 0, R = 0;
         }
         const t1 = Math.abs(L[U] || 0), m1 = Math.abs(W[U] || 0);
         t1 > f && (f = t1), m1 > R && (R = m1);
       }
-      return M;
+      return y;
     }({ channelData: t, barIndexScale: I, barSpacing: Z, barWidth: p, halfHeight: h, vScale: s, canvasHeight: u, barAlign: l.barAlign, barMinHeight: w });
     r.beginPath();
-    for (const b of y) C && "roundRect" in r ? r.roundRect(b.x, b.y, b.width, b.height, C) : r.rect(b.x, b.y, b.width, b.height);
+    for (const b of M) C && "roundRect" in r ? r.roundRect(b.x, b.y, b.width, b.height, C) : r.rect(b.x, b.y, b.width, b.height);
     r.fill(), r.closePath();
   }
   renderLineWaveform(t, l, r, s) {
     const { width: c, height: u } = r.canvas, h = function({ channelData: p, width: C, height: I, vScale: Z }) {
-      const w = I / 2, y = p[0] || [];
-      return [y, p[1] || y].map((b, k) => {
-        const S = b.length, N = S ? C / S : 0, T = w, m = k === 0 ? -1 : 1, G = [{ x: 0, y: T }];
-        let _ = 0, P = 0;
+      const w = I / 2, M = p[0] || [];
+      return [M, p[1] || M].map((b, k) => {
+        const S = b.length, _ = S ? C / S : 0, T = w, m = k === 0 ? -1 : 1, G = [{ x: 0, y: T }];
+        let N = 0, P = 0;
         for (let L = 0; L <= S; L++) {
-          const W = Math.round(L * N);
-          if (W > _) {
-            const M = T + (Math.round(P * w * Z) || 1) * m;
-            G.push({ x: _, y: M }), _ = W, P = 0;
+          const W = Math.round(L * _);
+          if (W > N) {
+            const y = T + (Math.round(P * w * Z) || 1) * m;
+            G.push({ x: N, y }), N = W, P = 0;
           }
           const Y = Math.abs(b[L] || 0);
           Y > P && (P = Y);
         }
-        return G.push({ x: _, y: T }), G;
+        return G.push({ x: N, y: T }), G;
       });
     }({ channelData: t, width: c, height: u, vScale: s });
     r.beginPath();
@@ -24178,8 +24193,8 @@ class _E extends ht {
       const Z = c[0];
       if (!Z || Z.length === 0) return I;
       let w = p ?? 0;
-      if (!p) for (let y = 0; y < Z.length; y++) {
-        const b = (C = Z[y]) !== null && C !== void 0 ? C : 0, k = Math.abs(b);
+      if (!p) for (let M = 0; M < Z.length; M++) {
+        const b = (C = Z[M]) !== null && C !== void 0 ? C : 0, k = Math.abs(b);
         k > w && (w = k);
       }
       return w ? I / w : I;
@@ -24202,27 +24217,27 @@ class _E extends ht {
     let Z = {};
     if (I === 0) return;
     const w = (b) => {
-      if (b < 0 || b >= y || Z[b]) return;
+      if (b < 0 || b >= M || Z[b]) return;
       Z[b] = !0;
       const k = b * I;
       let S = Math.min(C - k, I);
       if (S = h5(S, l), S <= 0) return;
-      const N = function({ channelData: T, offset: m, clampedWidth: G, totalWidth: _ }) {
+      const _ = function({ channelData: T, offset: m, clampedWidth: G, totalWidth: N }) {
         return T.map((P) => {
-          const L = Math.floor(m / _ * P.length), W = Math.floor((m + G) / _ * P.length);
+          const L = Math.floor(m / N * P.length), W = Math.floor((m + G) / N * P.length);
           return P.slice(L, W);
         });
       }({ channelData: t, offset: k, clampedWidth: S, totalWidth: C });
-      this.renderSingleCanvas(N, l, S, s, k, c, u);
-    }, y = Math.ceil(C / I);
+      this.renderSingleCanvas(_, l, S, s, k, c, u);
+    }, M = Math.ceil(C / I);
     if (!this.isScrollable) {
-      for (let b = 0; b < y; b++) w(b);
+      for (let b = 0; b < M; b++) w(b);
       return;
     }
-    if (m5({ scrollLeft: this.scrollContainer.scrollLeft, totalWidth: C, numCanvases: y }).forEach((b) => w(b)), y > 1) {
+    if (m5({ scrollLeft: this.scrollContainer.scrollLeft, totalWidth: C, numCanvases: M }).forEach((b) => w(b)), M > 1) {
       const b = this.on("scroll", () => {
         const { scrollLeft: k } = this.scrollContainer;
-        Object.keys(Z).length > 10 && (c.innerHTML = "", u.innerHTML = "", Z = {}), m5({ scrollLeft: k, totalWidth: C, numCanvases: y }).forEach((S) => w(S));
+        Object.keys(Z).length > 10 && (c.innerHTML = "", u.innerHTML = "", Z = {}), m5({ scrollLeft: k, totalWidth: C, numCanvases: M }).forEach((S) => w(S));
       });
       this.unsubscribeOnScroll.push(b);
     }
@@ -24230,10 +24245,10 @@ class _E extends ht {
   renderChannel(t, l, r, s) {
     var { overlay: c } = l, u = function(I, Z) {
       var w = {};
-      for (var y in I) Object.prototype.hasOwnProperty.call(I, y) && Z.indexOf(y) < 0 && (w[y] = I[y]);
+      for (var M in I) Object.prototype.hasOwnProperty.call(I, M) && Z.indexOf(M) < 0 && (w[M] = I[M]);
       if (I != null && typeof Object.getOwnPropertySymbols == "function") {
         var b = 0;
-        for (y = Object.getOwnPropertySymbols(I); b < y.length; b++) Z.indexOf(y[b]) < 0 && Object.prototype.propertyIsEnumerable.call(I, y[b]) && (w[y[b]] = I[y[b]]);
+        for (M = Object.getOwnPropertySymbols(I); b < M.length; b++) Z.indexOf(M[b]) < 0 && Object.prototype.propertyIsEnumerable.call(I, M[b]) && (w[M[b]] = I[M[b]]);
       }
       return w;
     }(l, ["overlay"]);
@@ -24246,9 +24261,9 @@ class _E extends ht {
     return w2(this, void 0, void 0, function* () {
       var l;
       this.timeouts.forEach((C) => C()), this.timeouts = [], this.canvasWrapper.innerHTML = "", this.progressWrapper.innerHTML = "", this.options.width != null && (this.scrollContainer.style.width = typeof this.options.width == "number" ? `${this.options.width}px` : this.options.width);
-      const r = this.getPixelRatio(), s = this.scrollContainer.clientWidth - this.containerInlinePadding, { scrollWidth: c, isScrollable: u, useParentWidth: h, width: p } = function({ duration: C, minPxPerSec: I = 0, parentWidth: Z, fillParent: w, pixelRatio: y }) {
+      const r = this.getPixelRatio(), s = this.scrollContainer.clientWidth - this.containerInlinePadding, { scrollWidth: c, isScrollable: u, useParentWidth: h, width: p } = function({ duration: C, minPxPerSec: I = 0, parentWidth: Z, fillParent: w, pixelRatio: M }) {
         const b = Math.ceil(C * I), k = b > Z, S = !!(w && !k);
-        return { scrollWidth: b, isScrollable: k, useParentWidth: S, width: (S ? Z : b) * y };
+        return { scrollWidth: b, isScrollable: k, useParentWidth: S, width: (S ? Z : b) * M };
       }({ duration: t.duration, minPxPerSec: this.options.minPxPerSec || 0, parentWidth: s, fillParent: this.options.fillParent, pixelRatio: r });
       if (this.isScrollable = u, this.wrapper.style.width = h ? "100%" : `${c}px`, this.scrollContainer.style.overflowX = this.isScrollable ? "auto" : "hidden", this.scrollContainer.classList.toggle("noScrollbar", !!this.options.hideScrollbar), this.cursor.style.backgroundColor = `${this.options.cursorColor || this.options.progressColor}`, this.cursor.style.width = `${this.options.cursorWidth}px`, this.audioData = t, this.emit("render"), this.options.splitChannels) for (let C = 0; C < t.numberOfChannels; C++) {
         const I = Object.assign(Object.assign({}, this.options), (l = this.options.splitChannels) === null || l === void 0 ? void 0 : l[C]);
@@ -24287,8 +24302,8 @@ class _E extends ht {
       if (l && this.options.autoCenter && Z > 0) {
         const w = (r = this.audioData) === null || r === void 0 ? void 0 : r.duration;
         if (w === void 0 || w <= 0) return void (this.scrollContainer.scrollLeft += Z);
-        const y = c / w;
-        this.scrollContainer.scrollLeft += y <= 600 ? Math.min(Z, 10) : Z;
+        const M = c / w;
+        this.scrollContainer.scrollLeft += M <= 600 ? Math.min(Z, 10) : Z;
       }
     }
   }
@@ -24475,9 +24490,9 @@ class ut extends vE {
     const l = t.media || (t.backend === "WebAudio" ? new ft() : void 0);
     super({ media: l, mediaControls: t.mediaControls, autoplay: t.autoplay, playbackRate: t.audioRate }), this.plugins = [], this.decodedData = null, this.stopAtPosition = null, this.subscriptions = [], this.mediaSubscriptions = [], this.abortController = null, this.reactiveCleanups = [], this.options = Object.assign({}, JE, t);
     const { state: r, actions: s } = function(h) {
-      var p, C, I, Z, w, y;
-      const b = (p = h == null ? void 0 : h.currentTime) !== null && p !== void 0 ? p : s2(0), k = (C = h == null ? void 0 : h.duration) !== null && C !== void 0 ? C : s2(0), S = (I = h == null ? void 0 : h.isPlaying) !== null && I !== void 0 ? I : s2(!1), N = (Z = h == null ? void 0 : h.isSeeking) !== null && Z !== void 0 ? Z : s2(!1), T = (w = h == null ? void 0 : h.volume) !== null && w !== void 0 ? w : s2(1), m = (y = h == null ? void 0 : h.playbackRate) !== null && y !== void 0 ? y : s2(1), G = s2(null), _ = s2(null), P = s2(""), L = s2(0), W = s2(0), Y = z2(() => !S.value, [S]), M = z2(() => G.value !== null, [G]), j = z2(() => M.value && k.value > 0, [M, k]), f = z2(() => b.value, [b]), R = z2(() => k.value > 0 ? b.value / k.value : 0, [b, k]);
-      return { state: { currentTime: b, duration: k, isPlaying: S, isPaused: Y, isSeeking: N, volume: T, playbackRate: m, audioBuffer: G, peaks: _, url: P, zoom: L, scrollPosition: W, canPlay: M, isReady: j, progress: f, progressPercent: R }, actions: { setCurrentTime: (U) => {
+      var p, C, I, Z, w, M;
+      const b = (p = h == null ? void 0 : h.currentTime) !== null && p !== void 0 ? p : s2(0), k = (C = h == null ? void 0 : h.duration) !== null && C !== void 0 ? C : s2(0), S = (I = h == null ? void 0 : h.isPlaying) !== null && I !== void 0 ? I : s2(!1), _ = (Z = h == null ? void 0 : h.isSeeking) !== null && Z !== void 0 ? Z : s2(!1), T = (w = h == null ? void 0 : h.volume) !== null && w !== void 0 ? w : s2(1), m = (M = h == null ? void 0 : h.playbackRate) !== null && M !== void 0 ? M : s2(1), G = s2(null), N = s2(null), P = s2(""), L = s2(0), W = s2(0), Y = z2(() => !S.value, [S]), y = z2(() => G.value !== null, [G]), j = z2(() => y.value && k.value > 0, [y, k]), f = z2(() => b.value, [b]), R = z2(() => k.value > 0 ? b.value / k.value : 0, [b, k]);
+      return { state: { currentTime: b, duration: k, isPlaying: S, isPaused: Y, isSeeking: _, volume: T, playbackRate: m, audioBuffer: G, peaks: N, url: P, zoom: L, scrollPosition: W, canPlay: y, isReady: j, progress: f, progressPercent: R }, actions: { setCurrentTime: (U) => {
         const H = Math.max(0, Math.min(k.value || 1 / 0, U));
         b.set(H);
       }, setDuration: (U) => {
@@ -24485,7 +24500,7 @@ class ut extends vE {
       }, setPlaying: (U) => {
         S.set(U);
       }, setSeeking: (U) => {
-        N.set(U);
+        _.set(U);
       }, setVolume: (U) => {
         const H = Math.max(0, Math.min(1, U));
         T.set(H);
@@ -24495,7 +24510,7 @@ class ut extends vE {
       }, setAudioBuffer: (U) => {
         G.set(U), U && k.set(U.duration);
       }, setPeaks: (U) => {
-        _.set(U);
+        N.set(U);
       }, setUrl: (U) => {
         P.set(U);
       }, setZoom: (U) => {
@@ -24713,8 +24728,8 @@ class ut extends vE {
       for (let I = 0; I < l; I++) {
         const Z = h.slice(Math.floor(I * C), Math.ceil((I + 1) * C));
         let w = 0;
-        for (let y = 0; y < Z.length; y++) {
-          const b = Z[y];
+        for (let M = 0; M < Z.length; M++) {
+          const b = Z[M];
           Math.abs(b) > Math.abs(w) && (w = b);
         }
         p.push(Math.round(w * r) / r);
@@ -24897,18 +24912,18 @@ class Et extends FE {
   initTimeline() {
     var t, l, r, s, c, u, h, p;
     this.notchElements.clear();
-    const C = (r = (l = (t = this.wavesurfer) === null || t === void 0 ? void 0 : t.getDuration()) !== null && l !== void 0 ? l : this.options.duration) !== null && r !== void 0 ? r : 0, I = (((s = this.wavesurfer) === null || s === void 0 ? void 0 : s.getWrapper().scrollWidth) || this.timelineWrapper.scrollWidth) / C, Z = (c = this.options.timeInterval) !== null && c !== void 0 ? c : this.defaultTimeInterval(I), w = (u = this.options.primaryLabelInterval) !== null && u !== void 0 ? u : this.defaultPrimaryLabelInterval(I), y = this.options.primaryLabelSpacing, b = (h = this.options.secondaryLabelInterval) !== null && h !== void 0 ? h : this.defaultSecondaryLabelInterval(I), k = this.options.secondaryLabelSpacing, S = this.options.insertPosition === "beforebegin", N = Nt("div", { style: Object.assign({ height: `${this.options.height}px`, overflow: "hidden", fontSize: this.options.height / 2 + "px", whiteSpace: "nowrap" }, S ? { position: "absolute", top: "0", left: "0", right: "0", zIndex: "2" } : { position: "relative" }) });
-    N.setAttribute("part", "timeline"), typeof this.options.style == "string" ? N.setAttribute("style", N.getAttribute("style") + this.options.style) : typeof this.options.style == "object" && Object.assign(N.style, this.options.style);
+    const C = (r = (l = (t = this.wavesurfer) === null || t === void 0 ? void 0 : t.getDuration()) !== null && l !== void 0 ? l : this.options.duration) !== null && r !== void 0 ? r : 0, I = (((s = this.wavesurfer) === null || s === void 0 ? void 0 : s.getWrapper().scrollWidth) || this.timelineWrapper.scrollWidth) / C, Z = (c = this.options.timeInterval) !== null && c !== void 0 ? c : this.defaultTimeInterval(I), w = (u = this.options.primaryLabelInterval) !== null && u !== void 0 ? u : this.defaultPrimaryLabelInterval(I), M = this.options.primaryLabelSpacing, b = (h = this.options.secondaryLabelInterval) !== null && h !== void 0 ? h : this.defaultSecondaryLabelInterval(I), k = this.options.secondaryLabelSpacing, S = this.options.insertPosition === "beforebegin", _ = Nt("div", { style: Object.assign({ height: `${this.options.height}px`, overflow: "hidden", fontSize: this.options.height / 2 + "px", whiteSpace: "nowrap" }, S ? { position: "absolute", top: "0", left: "0", right: "0", zIndex: "2" } : { position: "relative" }) });
+    _.setAttribute("part", "timeline"), typeof this.options.style == "string" ? _.setAttribute("style", _.getAttribute("style") + this.options.style) : typeof this.options.style == "object" && Object.assign(_.style, this.options.style);
     const T = Nt("div", { style: { width: "0", height: "50%", display: "flex", flexDirection: "column", justifyContent: S ? "flex-start" : "flex-end", top: S ? "0" : "auto", bottom: S ? "auto" : "0", overflow: "visible", borderLeft: "1px solid currentColor", opacity: `${(p = this.options.secondaryLabelOpacity) !== null && p !== void 0 ? p : 0.25}`, position: "absolute", zIndex: "1" } });
     for (let m = 0, G = 0; m < C; m += Z, G++) {
-      const _ = T.cloneNode(), P = Math.round(100 * m) % Math.round(100 * w) == 0 || y && G % y == 0, L = Math.round(100 * m) % Math.round(100 * b) == 0 || k && G % k == 0;
-      (P || L) && (_.style.height = "100%", _.style.textIndent = "3px", _.textContent = this.options.formatTimeCallback(m), P && (_.style.opacity = "1"));
+      const N = T.cloneNode(), P = Math.round(100 * m) % Math.round(100 * w) == 0 || M && G % M == 0, L = Math.round(100 * m) % Math.round(100 * b) == 0 || k && G % k == 0;
+      (P || L) && (N.style.height = "100%", N.style.textIndent = "3px", N.textContent = this.options.formatTimeCallback(m), P && (N.style.opacity = "1"));
       const W = P ? "primary" : L ? "secondary" : "tick";
-      _.setAttribute("part", `timeline-notch timeline-notch-${W}`);
+      N.setAttribute("part", `timeline-notch timeline-notch-${W}`);
       const Y = (m + this.options.timeOffset) * I;
-      _.style.left = `${Y}px`, this.virtualAppend(Y, N, _);
+      N.style.left = `${Y}px`, this.virtualAppend(Y, _, N);
     }
-    this.timelineWrapper.innerHTML = "", this.timelineWrapper.appendChild(N), this.currentTimeline = N, this.emit("ready");
+    this.timelineWrapper.innerHTML = "", this.timelineWrapper.appendChild(_), this.currentTimeline = _, this.emit("ready");
   }
 }
 const F2 = {
@@ -24972,7 +24987,7 @@ const F2 = {
                15.3327 5.16406" stroke="#F2F2F2" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
     </svg>`,
       X
-    ), u = /* @__PURE__ */ new WeakMap(), { t: h } = $1(), p = e, C = l, I = g(() => !!(p.userA || p.userB)), Z = x(!1), w = g(() => p.disabled || Z.value), y = x(!1), b = x(1), k = x(`ws-${Math.random().toString(36).slice(2, 9)}`), S = x(null), N = x(null), T = x(null), m = x(null), G = x(null), _ = g(() => p.type === "channel-routed"), P = (B, X) => {
+    ), u = /* @__PURE__ */ new WeakMap(), { t: h } = $1(), p = e, C = l, I = g(() => !!(p.userA || p.userB)), Z = x(!1), w = g(() => p.disabled || Z.value), M = x(!1), b = x(1), k = x(`ws-${Math.random().toString(36).slice(2, 9)}`), S = x(null), _ = x(null), T = x(null), m = x(null), G = x(null), N = g(() => p.type === "channel-routed"), P = (B, X) => {
       var $;
       const v = X.canvas, { width: K, height: l1 } = v, r1 = ($ = S.value) == null ? void 0 : $.decodedData, Z1 = v.getBoundingClientRect(), g1 = Z1.width > 0 ? K / Z1.width : 1, y1 = Z1.height > 0 ? l1 / Z1.height : 1;
       if (!B.length && !r1) {
@@ -25034,7 +25049,7 @@ const F2 = {
         const B = parseInt(p.height, 10);
         if (!isNaN(B)) return B;
       }
-      return _.value ? 36 : I.value ? 100 : 50;
+      return N.value ? 36 : I.value ? 100 : 50;
     }), W = () => {
       var l1;
       const B = (l1 = S.value) == null ? void 0 : l1.getMediaElement();
@@ -25045,7 +25060,7 @@ const F2 = {
     }, Y = () => {
       var B;
       (B = T.value) == null || B.close(), T.value = null, m.value = null, G.value = null;
-    }, M = () => {
+    }, y = () => {
       if (!p.recordUrl) return;
       Z.value = !1;
       const B = ut.create({
@@ -25054,23 +25069,23 @@ const F2 = {
         progressColor: F2.PROGRESS,
         barWidth: 2,
         height: L.value,
-        plugins: _.value ? [] : [
+        plugins: N.value ? [] : [
           Et.create({
-            container: N.value,
+            container: _.value,
             style: { fontSize: "10px", color: "#999" }
           })
         ],
         renderFunction: (X, v) => P(X, v)
       });
       S.value = B, S.value.on("play", () => {
-        y.value = !0, C("play");
+        M.value = !0, C("play");
       }), S.value.on("pause", () => {
-        y.value = !1, C("pause");
+        M.value = !1, C("pause");
       }), S.value.on("timeupdate", (X) => C("timeUpdate", X)), S.value.on("finish", () => {
-        y.value = !1, C("ended");
+        M.value = !1, C("ended");
       }), S.value.on("error", () => {
         Z.value = !0, C("error");
-      }), (I.value || _.value) && S.value.on("ready", () => {
+      }), (I.value || N.value) && S.value.on("ready", () => {
         W();
       }), S.value.load(p.recordUrl);
     }, j = x(1), f = x(1), R = (B) => {
@@ -25078,13 +25093,13 @@ const F2 = {
       v.value = v.value ? 0 : 1, X && (X.gain.value = v.value);
     }, U = async () => {
       if (!(!S.value || w.value)) {
-        if (_.value) {
+        if (N.value) {
           const B = S.value.getMediaElement();
           if (!B || !T.value) return;
           T.value.state === "suspended" && await T.value.resume(), B.paused ? await B.play() : B.pause();
           return;
         }
-        y.value ? S.value.pause() : S.value.play();
+        M.value ? S.value.pause() : S.value.play();
       }
     }, H = (B) => {
       var X;
@@ -25103,14 +25118,14 @@ const F2 = {
       const B = p.recordUrl.indexOf("?"), X = p.recordUrl.substring(p.recordUrl.lastIndexOf("/") + 1, B === -1 ? void 0 : B);
       t1(p.recordUrl, X);
     };
-    return l2(() => A1(M)), J2(() => {
+    return l2(() => A1(y)), J2(() => {
       var B;
       (B = S.value) == null || B.destroy(), Y();
     }), E1(
       () => p.recordUrl,
       () => {
         var B;
-        (B = S.value) == null || B.destroy(), Y(), A1(M);
+        (B = S.value) == null || B.destroy(), Y(), A1(y);
       }
     ), t({
       play: () => {
@@ -25126,11 +25141,11 @@ const F2 = {
         return ((B = S.value) == null ? void 0 : B.getCurrentTime()) || 0;
       }
     }), (B, X) => (n(), o("div", {
-      class: s1([{ "is-disabled": w.value, "is-channel-routed": _.value }, "vt-audio"])
+      class: s1([{ "is-disabled": w.value, "is-channel-routed": N.value }, "vt-audio"])
     }, [
       e.recordUrl ? (n(), o("div", {
         key: 1,
-        class: s1([{ "is-single-channel": !I.value, "is-channel-routed": _.value }, "vt-audio__container"])
+        class: s1([{ "is-single-channel": !I.value, "is-channel-routed": N.value }, "vt-audio__container"])
       }, [
         e.playPosition === "left" ? (n(), o("button", {
           key: 0,
@@ -25138,17 +25153,17 @@ const F2 = {
           class: "vt-audio__btn vt-audio__btn--main",
           onClick: U
         }, [
-          y.value ? J1(B.$slots, "icon-pause", { key: 0 }, () => [
+          M.value ? J1(B.$slots, "icon-pause", { key: 0 }, () => [
             u1(V1, {
-              height: "24",
+              height: "20",
               name: "pause",
-              width: "24"
+              width: "20"
             })
           ]) : J1(B.$slots, "icon-play", { key: 1 }, () => [
             u1(V1, {
-              height: "24",
+              height: "20",
               name: "start",
-              width: "24"
+              width: "20"
             })
           ])
         ], 8, zE)) : F("", !0),
@@ -25157,10 +25172,10 @@ const F2 = {
             id: `waveform-${k.value}`,
             class: "vt-audio__waveform"
           }, null, 8, EE),
-          _.value ? F("", !0) : (n(), o("div", {
+          N.value ? F("", !0) : (n(), o("div", {
             key: 0,
             ref_key: "timelineContainer",
-            ref: N,
+            ref: _,
             class: "vt-audio__timeline"
           }, null, 512))
         ]),
@@ -25183,17 +25198,17 @@ const F2 = {
             class: "vt-audio__btn vt-audio__btn--main",
             onClick: U
           }, [
-            y.value ? J1(B.$slots, "icon-pause", { key: 0 }, () => [
+            M.value ? J1(B.$slots, "icon-pause", { key: 0 }, () => [
               u1(V1, {
-                height: "24",
+                height: "20",
                 name: "pause",
-                width: "24"
+                width: "20"
               })
             ]) : J1(B.$slots, "icon-play", { key: 1 }, () => [
               u1(V1, {
-                height: "24",
+                height: "20",
                 name: "start",
-                width: "24"
+                width: "20"
               })
             ])
           ], 8, BE)) : F("", !0),
@@ -25226,7 +25241,7 @@ const F2 = {
         ])
       ], 2)) : (n(), o("div", UE, [
         J1(B.$slots, "empty", {}, () => [
-          _.value ? (n(), o("span", OE, J(V(h)(V(d).AUDIO_EMPTY)), 1)) : (n(), f1(zt, {
+          N.value ? (n(), o("span", OE, J(V(h)(V(d).AUDIO_EMPTY)), 1)) : (n(), f1(zt, {
             key: 0,
             text: V(h)(V(d).AUDIO_EMPTY),
             icon: "noSound"
@@ -25406,7 +25421,7 @@ function oP(e, t) {
     Z.nodeType === Node.TEXT_NODE && (Z = Z.parentElement);
     const w = Z.closest(".vt-editor__content > *");
     if (!w) return;
-    const y = parseInt(w.style.marginLeft || "0", 10), b = 20, k = C === "indent" ? y + b : Math.max(0, y - b);
+    const M = parseInt(w.style.marginLeft || "0", 10), b = 20, k = C === "indent" ? M + b : Math.max(0, M - b);
     w.style.marginLeft = k ? `${k}px` : "", t();
   }
   return { exec: l, isActive: r, applyBlock: s, applyFont: c, applyForeColor: u, applyBackColor: h, handleIndent: p };
@@ -25438,9 +25453,9 @@ function rP(e, t) {
     openInNewTab: !1
   });
   function h() {
-    var N, T;
+    var _, T;
     l();
-    const b = window.getSelection(), k = (b == null ? void 0 : b.toString()) ?? "", S = (T = (N = b == null ? void 0 : b.anchorNode) == null ? void 0 : N.parentElement) == null ? void 0 : T.closest("a");
+    const b = window.getSelection(), k = (b == null ? void 0 : b.toString()) ?? "", S = (T = (_ = b == null ? void 0 : b.anchorNode) == null ? void 0 : _.parentElement) == null ? void 0 : T.closest("a");
     u.value = {
       visible: !0,
       url: (S == null ? void 0 : S.getAttribute("href")) ?? "",
@@ -25455,10 +25470,10 @@ function rP(e, t) {
       C();
       return;
     }
-    const N = document.createElement("a");
-    N.href = b, N.textContent = k || b, S && N.setAttribute("target", "_blank"), N.setAttribute("rel", "noopener noreferrer");
+    const _ = document.createElement("a");
+    _.href = b, _.textContent = k || b, S && _.setAttribute("target", "_blank"), _.setAttribute("rel", "noopener noreferrer");
     const T = c(), m = window.getSelection();
-    m && m.rangeCount > 0 && T ? (T.deleteContents(), T.insertNode(N)) : e(N.outerHTML), C(), t();
+    m && m.rangeCount > 0 && T ? (T.deleteContents(), T.insertNode(_)) : e(_.outerHTML), C(), t();
   }
   function C() {
     u.value = { visible: !1, url: "", text: "", openInNewTab: !1 }, s();
@@ -25475,12 +25490,12 @@ function rP(e, t) {
     r();
     const { url: b, alt: k } = I.value;
     if (!b) {
-      y();
+      M();
       return;
     }
-    e(`<img src="${b}" alt="${k}" style="max-width:100%;" />`), y();
+    e(`<img src="${b}" alt="${k}" style="max-width:100%;" />`), M();
   }
-  function y() {
+  function M() {
     I.value = { visible: !1, url: "", alt: "" }, s();
   }
   return {
@@ -25491,7 +25506,7 @@ function rP(e, t) {
     imageState: I,
     openImageDialog: Z,
     confirmImage: w,
-    cancelImage: y
+    cancelImage: M
   };
 }
 const o2 = {
@@ -25785,17 +25800,17 @@ const uP = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "validation"],
   setup(e, { expose: t, emit: l }) {
-    const { t: r } = $1(), s = e, c = l, u = x(null), h = x(null), p = x(null), C = x(!1), I = x(!1), Z = x(""), w = x([]), y = x(!0), b = x(!1), k = x(!1), S = x("#000000"), N = x("#ffffff");
+    const { t: r } = $1(), s = e, c = l, u = x(null), h = x(null), p = x(null), C = x(!1), I = x(!1), Z = x(""), w = x([]), M = x(!0), b = x(!1), k = x(!1), S = x("#000000"), _ = x("#ffffff");
     function T(i1) {
       var b1;
       const q = i1 ?? ((b1 = u.value) == null ? void 0 : b1.innerHTML) ?? "", R1 = $2(q);
       c("update:modelValue", R1), c("input", R1);
     }
-    const { exec: m, isActive: G, applyBlock: _, applyFont: P, applyForeColor: L, applyBackColor: W, handleIndent: Y } = oP(
+    const { exec: m, isActive: G, applyBlock: N, applyFont: P, applyForeColor: L, applyBackColor: W, handleIndent: Y } = oP(
       u,
       T
     );
-    function M() {
+    function y() {
       if (u.value)
         if (!I.value)
           Z.value = u.value.innerHTML, I.value = !0, A1(() => {
@@ -25816,12 +25831,12 @@ const uP = {
     const { linkState: f, openLinkDialog: R, confirmLink: U, cancelLink: H, imageState: t1, openImageDialog: m1, confirmImage: B, cancelImage: X } = rP((i1) => m("insertHTML", i1), T), { toolbarItems: v, onSelectionChange: K, getItemActive: l1, HEADING_GROUPS: r1, FONT_GROUPS: Z1 } = aP(() => s.toolbar, {
       exec: m,
       isActive: G,
-      applyBlock: _,
+      applyBlock: N,
       applyFont: P,
       handleIndent: Y,
       openLinkDialog: R,
       openImageDialog: m1,
-      toggleHtmlMode: M,
+      toggleHtmlMode: y,
       isHtmlMode: () => I.value
     });
     function g1(i1) {
@@ -25830,7 +25845,7 @@ const uP = {
     }
     function y1(i1) {
       const q = i1.target.value;
-      N.value = q, W(q);
+      _.value = q, W(q);
     }
     function w1() {
       const i1 = h.value;
@@ -25842,7 +25857,7 @@ const uP = {
     }
     function z1(i1) {
       const q = [];
-      s.required && !C5(i1).trim() && q.push(r(d.VALIDATION_REQUIRED)), w.value = q, y.value = q.length === 0, c("validation", { isValid: y.value, errors: q });
+      s.required && !C5(i1).trim() && q.push(r(d.VALIDATION_REQUIRED)), w.value = q, M.value = q.length === 0, c("validation", { isValid: M.value, errors: q });
     }
     const B1 = g(() => s.errorMessage || w.value[0] || ""), F1 = g(() => !!B1.value), $ = g(() => [
       "vt-editor",
@@ -25887,7 +25902,7 @@ const uP = {
       (i1 = u.value) == null || i1.blur();
     }
     function u2() {
-      u.value && (u.value.innerHTML = ""), T(""), w.value = [], y.value = !0, c("validation", { isValid: !0, errors: [] });
+      u.value && (u.value.innerHTML = ""), T(""), w.value = [], M.value = !0, c("validation", { isValid: !0, errors: [] });
     }
     function Q() {
       var i1;
@@ -25906,13 +25921,13 @@ const uP = {
       (q = u.value) == null || q.focus(), m("insertHTML", $2(i1));
     }
     function c2() {
-      return z1(s.modelValue ?? ""), y.value;
+      return z1(s.modelValue ?? ""), M.value;
     }
     function h2() {
-      w.value = [], y.value = !0, c("validation", { isValid: !0, errors: [] });
+      w.value = [], M.value = !0, c("validation", { isValid: !0, errors: [] });
     }
     function a1() {
-      return { isValid: y.value, errors: [...w.value] };
+      return { isValid: M.value, errors: [...w.value] };
     }
     function L1() {
       return u.value;
@@ -25964,7 +25979,7 @@ const uP = {
                 dropdown: j1(() => [
                   (n(!0), o(I1, null, S1(V(r1), (X1) => (n(), f1(nt, {
                     key: X1.value,
-                    onClick: (e2) => V(_)(X1.value),
+                    onClick: (e2) => V(N)(X1.value),
                     onMousedown: q[2] || (q[2] = U1(() => {
                     }, ["prevent"]))
                   }, {
@@ -26022,7 +26037,7 @@ const uP = {
                   [R1, V(r)(V(d).EDITOR_FORE_COLOR)]
                 ]),
                 H1(i("input", {
-                  value: N.value,
+                  value: _.value,
                   class: "vt-editor__color-picker vt-editor__color-picker--bg",
                   type: "color",
                   onInput: y1,