doph-js 0.3.51 → 0.3.53

package/dist/dophJs.js

@@ -1,7 +1,7 @@
 var $a = Object.defineProperty;
 var Ma = (n, t, e) => t in n ? $a(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var V = (n, t, e) => Ma(n, typeof t != "symbol" ? t + "" : t, e);
-import { useSlots as Et, computed as C, h as zt, openBlock as d, createBlock as A, unref as G, ref as Y, createElementBlock as S, Fragment as ke, normalizeClass as re, renderSlot as ie, createCommentVNode as B, normalizeStyle as ve, resolveDynamicComponent as Ye, createStaticVNode as Er, onMounted as et, toDisplayString as Z, withDirectives as je, createElementVNode as O, vModelDynamic as Kt, withCtx as Q, createTextVNode as be, Transition as Tn, withModifiers as Pe, resolveComponent as ft, resolveDirective as En, normalizeProps as Pr, guardReactiveProps as Lr, createVNode as W, renderList as Ne, pushScopeId as Or, popScopeId as Fr, reactive as rn, Teleport as Ir, nextTick as It, getCurrentInstance as an, watch as it, onUnmounted as zr, mergeProps as Ct, useCssVars as sn, shallowRef as Ta, defineComponent as Qe, TransitionGroup as Hr, vModelCheckbox as Ar, vModelSelect as Ea, toRef as Pa, KeepAlive as La, vShow as Oa, toRefs as Fa, vModelText as Pn, onBeforeUnmount as Rr, provide as gt, inject as _t } from "vue";
+var Y = (n, t, e) => Ma(n, typeof t != "symbol" ? t + "" : t, e);
+import { useSlots as Et, computed as C, h as zt, openBlock as d, createBlock as A, unref as G, ref as V, createElementBlock as x, Fragment as ke, normalizeClass as re, renderSlot as ie, createCommentVNode as B, normalizeStyle as ge, resolveDynamicComponent as Ye, createStaticVNode as Er, onMounted as et, toDisplayString as Z, withDirectives as je, createElementVNode as O, vModelDynamic as Kt, withCtx as Q, createTextVNode as be, Transition as Tn, withModifiers as Pe, resolveComponent as ft, resolveDirective as En, normalizeProps as Pr, guardReactiveProps as Lr, createVNode as W, renderList as Ne, pushScopeId as Or, popScopeId as Fr, reactive as rn, Teleport as Ir, nextTick as It, getCurrentInstance as an, watch as it, onUnmounted as zr, mergeProps as Ct, useCssVars as sn, shallowRef as Ta, defineComponent as Qe, TransitionGroup as Hr, vModelCheckbox as Ar, vModelSelect as Ea, toRef as Pa, KeepAlive as La, vShow as Oa, toRefs as Fa, vModelText as Pn, onBeforeUnmount as Rr, provide as gt, inject as _t } from "vue";
 const We = {
   __name: "DIcon",
   props: {
@@ -123,7 +123,7 @@ const Ie = (n, t) => {
   },
   emits: ["click", "contextmenu"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = Et(), s = Y(null), i = C(() => r.icon ? Ze.getters.getIcon(r.icon) : null), l = (g) => {
+    const r = n, a = Et(), s = V(null), i = C(() => r.icon ? Ze.getters.getIcon(r.icon) : null), l = (g) => {
       e("click", g);
     }, o = (g) => {
       e("contextmenu", g);
@@ -133,8 +133,8 @@ const Ie = (n, t) => {
     });
     return t({
       elementSize: () => Nr(s)
-    }), (g, D) => (d(), S(ke, null, [
-      i.value ? B("", !0) : (d(), S("div", {
+    }), (g, D) => (d(), x(ke, null, [
+      i.value ? B("", !0) : (d(), x("div", {
         key: 0,
         ref_key: "el",
         ref: s,
@@ -143,26 +143,26 @@ const Ie = (n, t) => {
         class: re(["button", [r.class, c.value, b.value, f.value].join(" ")])
       }, [
         ie(g.$slots, "default", {}, void 0, !0),
-        r.loading ? (d(), S("svg", Ia, Ha)) : B("", !0)
+        r.loading ? (d(), x("svg", Ia, Ha)) : B("", !0)
       ], 34)),
-      i.value ? (d(), S("div", {
+      i.value ? (d(), x("div", {
         key: 1,
         ref_key: "el",
         ref: s,
         onClick: l,
         onContextmenu: o,
         class: re(["button button-ext", [r.class, c.value, v.value, b.value, f.value].join(" ")]),
-        style: ve(r.style)
+        style: ge(r.style)
       }, [
         r.icon ? (d(), A(Ye(We), {
           key: 0,
           component: i.value,
           color: "inherit"
         }, null, 8, ["component"])) : B("", !0),
-        G(a).default ? (d(), S("div", Aa, [
+        G(a).default ? (d(), x("div", Aa, [
           ie(g.$slots, "default", {}, void 0, !0)
         ])) : B("", !0),
-        r.loading ? (d(), S("svg", Ra, Ba)) : B("", !0)
+        r.loading ? (d(), x("svg", Ra, Ba)) : B("", !0)
       ], 38)) : B("", !0)
     ], 64));
   }
@@ -201,7 +201,7 @@ const Ie = (n, t) => {
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = Y(null), s = C(() => r.scale === "small" ? "d-input-small" : r.scale === "large" ? "d-input-large" : ""), i = C({
+    const r = n, a = V(null), s = C(() => r.scale === "small" ? "d-input-small" : r.scale === "large" ? "d-input-large" : ""), i = C({
       get: () => r.modelValue,
       set: (o) => {
         e("update:modelValue", o);
@@ -215,8 +215,8 @@ const Ie = (n, t) => {
     };
     return t({
       focus: l
-    }), (o, c) => !r.post && !r.pre ? (d(), S("div", Ya, [
-      r.label ? (d(), S("div", Wa, Z(r.label), 1)) : B("", !0),
+    }), (o, c) => !r.post && !r.pre ? (d(), x("div", Ya, [
+      r.label ? (d(), x("div", Wa, Z(r.label), 1)) : B("", !0),
       je(O("input", {
         ref_key: "inputRef",
         ref: a,
@@ -228,8 +228,8 @@ const Ie = (n, t) => {
       }, null, 10, qa), [
         [Kt, i.value]
       ])
-    ])) : r.post && r.post.click && !r.pre ? (d(), S("div", ja, [
-      r.label ? (d(), S("div", Ua, Z(r.label), 1)) : B("", !0),
+    ])) : r.post && r.post.click && !r.pre ? (d(), x("div", ja, [
+      r.label ? (d(), x("div", Ua, Z(r.label), 1)) : B("", !0),
       O("div", Xa, [
         O("div", Ga, [
           je(O("input", {
@@ -263,8 +263,8 @@ const Ie = (n, t) => {
           icon: r.post.icon
         }, null, 8, ["scale", "onClick", "icon", "class"]))
       ])
-    ])) : !r.post && r.pre && r.pre.click ? (d(), S("div", Ka, [
-      r.label ? (d(), S("div", Za, Z(r.label), 1)) : B("", !0),
+    ])) : !r.post && r.pre && r.pre.click ? (d(), x("div", Ka, [
+      r.label ? (d(), x("div", Za, Z(r.label), 1)) : B("", !0),
       O("div", Ja, [
         r.pre.label ? (d(), A(Le, {
           key: 0,
@@ -316,7 +316,7 @@ const Ie = (n, t) => {
       const a = t.stress ? "-stress" : "";
       return t.type === "primary" ? `badge${a}-blue` : t.type === "success" ? `badge${a}-green` : t.type === "error" ? `badge${a}-red` : t.type === "warning" ? `badge${a}-orange` : t.type === "wait" ? `badge${a}-violet` : t.stress ? `badge${a}-gray` : "";
     });
-    return (a, s) => (d(), S("div", {
+    return (a, s) => (d(), x("div", {
       class: re(["badge", [t.class, e.value, r.value].join(" ")])
     }, [
       ie(a.$slots, "default")
@@ -391,13 +391,13 @@ const Ie = (n, t) => {
         marginBottom: c.marginBottom
       }
     ], i = (o, c) => {
-      const f = o, p = e(f), v = r(f, p), b = s(v, p), k = { duration: t.duration, easing: t.easingEnter };
-      a(f, p, c, b, k);
+      const f = o, p = e(f), v = r(f, p), b = s(v, p), _ = { duration: t.duration, easing: t.easingEnter };
+      a(f, p, c, b, _);
     }, l = (o, c) => {
       const f = o, p = e(f), { height: v } = getComputedStyle(f);
       f.style.height = v, f.style.overflow = "hidden";
-      const b = s(v, p).reverse(), k = { duration: t.duration, easing: t.easingLeave };
-      a(f, p, c, b, k);
+      const b = s(v, p).reverse(), _ = { duration: t.duration, easing: t.easingLeave };
+      a(f, p, c, b, _);
     };
     return (o, c) => (d(), A(Tn, {
       css: !1,
@@ -444,7 +444,7 @@ const Ie = (n, t) => {
     tag: { type: String, default: "div" }
   },
   setup(n) {
-    const t = n, e = Et(), r = Y(!1), a = C(() => r && t.transferData), s = C(() => ({ position: "fixed", top: "-1000px" })), i = (l, o) => {
+    const t = n, e = Et(), r = V(!1), a = C(() => r && t.transferData), s = C(() => ({ position: "fixed", top: "-1000px" })), i = (l, o) => {
       const c = o.dataTransfer;
       if ([Re.dragenter, Re.dragover].includes(l) && t.dropEffect && (c.dropEffect = t.dropEffect), l === Re.dragstart) {
         if (t.effectAllowed && (c.effectAllowed = t.effectAllowed), t.image || e.image) {
@@ -464,9 +464,9 @@ const Ie = (n, t) => {
     }, {
       default: Q(() => [
         ie(l.$slots, "default", { transferData: a.value }),
-        n.hideImageHtml ? (d(), S("div", {
+        n.hideImageHtml ? (d(), x("div", {
           key: 0,
-          style: ve(s.value)
+          style: ge(s.value)
         }, [
           ie(l.$slots, "image", { transferData: a.value })
         ], 4)) : ie(l.$slots, "image", {
@@ -499,7 +499,7 @@ const Ie = (n, t) => {
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext", "nodedoubleclick", "nodefoldericonclick"],
   setup(n, { emit: t }) {
-    const e = n, r = Y(null), a = Y(!1), s = Y(!1), i = Y(!1), l = C(() => e.model.children && e.model.children.length), o = C(() => (U.actions.isTreeExpanded(e.treeId) && (e.model.expanded = e.model.expanded === void 0 ? !0 : e.model.expanded), e.model.expanded)), c = (K) => {
+    const e = n, r = V(null), a = V(!1), s = V(!1), i = V(!1), l = C(() => e.model.children && e.model.children.length), o = C(() => (U.actions.isTreeExpanded(e.treeId) && (e.model.expanded = e.model.expanded === void 0 ? !0 : e.model.expanded), e.model.expanded)), c = (K) => {
       t("nodeclick", { event: K, model: e.model });
     }, f = (K) => {
       t("nodefoldericonclick", { event: K, model: e.model });
@@ -509,7 +509,7 @@ const Ie = (n, t) => {
       t("nodeclick", K);
     }, b = (K) => {
       t("nodedoubleclick", K);
-    }, k = (K) => {
+    }, _ = (K) => {
       t("nodedrop", K);
     }, g = (K) => {
       t("nodecontext", K);
@@ -518,8 +518,8 @@ const Ie = (n, t) => {
       a.value ? "node-over " : "",
       s.value ? "node-top " : "",
       i.value ? "node-bottom " : ""
-    ]), E = C(() => e.search ? !1 : e.model.draggable === !0), P = (K) => {
-      var ge;
+    ]), P = C(() => e.search ? !1 : e.model.draggable === !0), T = (K) => {
+      var ve;
       let X = Jt.data;
       if (X === void 0 || X.model === void 0)
         return a.value = !1, !1;
@@ -528,7 +528,7 @@ const Ie = (n, t) => {
       if (!U.state.trees[e.treeId].transfer && X.id !== e.treeId || !U.state.trees[e.treeId].dropInside && !i.value && !s.value || X.id === e.treeId && !e.model.droppable)
         return !1;
       let ae = "";
-      s.value ? ae = "before" : i.value ? ae = "after" : ae = "inside", t("nodedrop", { e: K, model: e.model, place: ae }), U.actions.moveTreeNode(X.id, e.treeId, e.items, X.model.id, e.model.id, ae, (ge = X.model) == null ? void 0 : ge.transfer), a.value = !1, s.value = !1, i.value = !1;
+      s.value ? ae = "before" : i.value ? ae = "after" : ae = "inside", t("nodedrop", { e: K, model: e.model, place: ae }), U.actions.moveTreeNode(X.id, e.treeId, e.items, X.model.id, e.model.id, ae, (ve = X.model) == null ? void 0 : ve.transfer), a.value = !1, s.value = !1, i.value = !1;
     }, y = (K) => {
       t("nodedragover", { e: K, model: e.model });
       let X = Jt.data;
@@ -538,9 +538,9 @@ const Ie = (n, t) => {
         return a.value = !0, !1;
       if (X.model.id === e.model.id || U.actions.isChildOfParent(e.treeId, e.items, e.model.id, X.model.id) || U.actions.isParentOfChild(e.treeId, e.items, X.model.id, e.model.id))
         return !1;
-      const ae = K.y, ge = r.value.getBoundingClientRect().top, z = r.value.getBoundingClientRect().height, ue = z / 3;
-      ae > ge && ae <= ge + ue ? (a.value = !1, s.value = !0, i.value = !1) : ae < ge + z && ae >= ge + z - ue ? (a.value = !1, s.value = !1, i.value = !0) : (a.value = U.state.trees[e.treeId].dropInside, s.value = !1, i.value = !1);
-    }, x = () => {
+      const ae = K.y, ve = r.value.getBoundingClientRect().top, z = r.value.getBoundingClientRect().height, ue = z / 3;
+      ae > ve && ae <= ve + ue ? (a.value = !1, s.value = !0, i.value = !1) : ae < ve + z && ae >= ve + z - ue ? (a.value = !1, s.value = !1, i.value = !0) : (a.value = U.state.trees[e.treeId].dropInside, s.value = !1, i.value = !1);
+    }, S = () => {
       a.value = !1, s.value = !1, i.value = !1;
     }, w = C(() => e.model.title.startsWith("-")), N = C(() => {
       if (e.model.title.startsWith("-")) {
@@ -550,23 +550,23 @@ const Ie = (n, t) => {
       return null;
     });
     return (K, X) => {
-      const ae = ft("d-tree-item", !0), ge = En("touch");
-      return G(U).actions.beforeItem(e.treeId, n.model) ? w.value && !N.value ? (d(), S("li", us, ds)) : w.value && N.value ? (d(), S("li", fs, [
+      const ae = ft("d-tree-item", !0), ve = En("touch");
+      return G(U).actions.beforeItem(e.treeId, n.model) ? w.value && !N.value ? (d(), x("li", us, ds)) : w.value && N.value ? (d(), x("li", fs, [
         O("div", hs, Z(G(U).actions.renderTitle(e.treeId, N.value)), 1)
       ])) : e.model.component ? (d(), A(dr, {
         key: 3,
         tag: "li",
         class: "tree-item-component",
         "transfer-data": { id: e.treeId, model: e.model },
-        draggable: E.value,
-        onDrop: Pe(P, ["stop"]),
+        draggable: P.value,
+        onDrop: Pe(T, ["stop"]),
         onDragenter: X[1] || (X[1] = Pe(() => {
         }, ["prevent"])),
         onDragover: Pe(y, ["prevent", "stop"]),
-        onDragleave: Pe(x, ["prevent"])
+        onDragleave: Pe(S, ["prevent"])
       }, {
         default: Q(() => [
-          je((d(), S("div", {
+          je((d(), x("div", {
             ref_key: "node",
             ref: r,
             class: re(D.value),
@@ -574,7 +574,7 @@ const Ie = (n, t) => {
           }, [
             (d(), A(Ye(G($t).getters.getComponent(e.model.component).component), Pr(Lr(G($t).getters.getComponent(e.model.component).props)), null, 16))
           ], 34)), [
-            [ge, c, "press"]
+            [ve, c, "press"]
           ])
         ]),
         _: 1
@@ -583,12 +583,12 @@ const Ie = (n, t) => {
         tag: "li",
         class: "tree-item",
         "transfer-data": { id: e.treeId, model: e.model },
-        draggable: E.value,
-        onDrop: Pe(P, ["stop"]),
+        draggable: P.value,
+        onDrop: Pe(T, ["stop"]),
         onDragenter: X[4] || (X[4] = Pe(() => {
         }, ["prevent"])),
         onDragover: Pe(y, ["prevent", "stop"]),
-        onDragleave: Pe(x, ["prevent"])
+        onDragleave: Pe(S, ["prevent"])
       }, {
         default: Q(() => {
           var z, ue;
@@ -625,15 +625,15 @@ const Ie = (n, t) => {
                   className: e.model.icons.icon.class ? e.model.icons.icon.class : null
                 }, null, 8, ["component", "color", "size", "className"])) : B("", !0),
                 O("div", ps, [
-                  w.value ? (d(), S("div", ms)) : B("", !0),
-                  !w.value && Object.hasOwn(e.model, "link") ? (d(), S("a", {
+                  w.value ? (d(), x("div", ms)) : B("", !0),
+                  !w.value && Object.hasOwn(e.model, "link") ? (d(), x("a", {
                     key: 1,
                     href: e.model.link,
                     target: Object.hasOwn(e.model, "target") ? e.model.target : "_self"
                   }, [
-                    w.value ? B("", !0) : (d(), S("div", vs, Z(G(U).actions.renderTitle(e.treeId, e.model.title)), 1))
+                    w.value ? B("", !0) : (d(), x("div", vs, Z(G(U).actions.renderTitle(e.treeId, e.model.title)), 1))
                   ], 8, gs)) : B("", !0),
-                  !w.value && !Object.hasOwn(e.model, "link") ? (d(), S("div", {
+                  !w.value && !Object.hasOwn(e.model, "link") ? (d(), x("div", {
                     key: 2,
                     innerHTML: G(U).actions.renderTitle(e.treeId, e.model.title, e.model)
                   }, null, 8, ys)) : B("", !0)
@@ -661,8 +661,8 @@ const Ie = (n, t) => {
             ], 34),
             W(as, null, {
               default: Q(() => [
-                l.value && o.value && !e.search ? (d(), S("ul", ws, [
-                  (d(!0), S(ke, null, Ne(n.model.children, (M) => (d(), A(ae, {
+                l.value && o.value && !e.search ? (d(), x("ul", ws, [
+                  (d(!0), x(ke, null, Ne(n.model.children, (M) => (d(), A(ae, {
                     key: M.id,
                     model: M,
                     treeId: e.treeId,
@@ -670,7 +670,7 @@ const Ie = (n, t) => {
                     search: e.search,
                     onNodeclick: v,
                     onNodedoubleclick: b,
-                    onNodedrop: k,
+                    onNodedrop: _,
                     onNodecontext: g,
                     onNodefoldericonclick: p
                   }, null, 8, ["model", "treeId", "items", "search"]))), 128))
@@ -681,7 +681,7 @@ const Ie = (n, t) => {
           ];
         }),
         _: 1
-      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), S("li", ls));
+      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), x("li", ls));
     };
   }
 }, Ss = /* @__PURE__ */ Ie(xs, [["__scopeId", "data-v-354adc19"]]);
@@ -843,7 +843,7 @@ const qe = ks(), U = {
   emits: Object.keys(Re),
   setup(n, { expose: t, emit: e }) {
     let r = rn({});
-    const a = Y("false"), s = Y(null), i = /* @__PURE__ */ new Set(), l = C(() => a.value && r), o = (f, p) => {
+    const a = V("false"), s = V(null), i = /* @__PURE__ */ new Set(), l = C(() => a.value && r), o = (f, p) => {
       r = Jt.data, e(f, p, r), f === Re.dragenter && (i.size || p.target === s.value) && i.add(p.target), f === Re.dragleave && i.delete(p.target), f === Re.drop && i.clear(), a.value = !!i.size;
     };
     return t({
@@ -882,12 +882,12 @@ const qe = ks(), U = {
   emits: ["select"],
   setup(n, { expose: t, emit: e }) {
     const r = n, a = Bt();
-    let s = Y(null), i = Y(!1);
+    let s = V(null), i = V(!1);
     const l = () => {
       qe.emit("menu-show-request", a), i.value = !0;
     }, o = (b = 1) => {
-      var k;
-      (k = s.value) == null || k.collapseAll(), setTimeout(() => {
+      var _;
+      (_ = s.value) == null || _.collapseAll(), setTimeout(() => {
         i.value = !1;
       }, b);
     }, c = () => i.value;
@@ -903,7 +903,7 @@ const qe = ks(), U = {
     const v = (b) => {
       e("select", b), b.model.children || o(500);
     };
-    return (b, k) => {
+    return (b, _) => {
       const g = En("click-outside");
       return d(), A(Ir, { to: "body" }, [
         G(i) ? je((d(), A(Vr, {
@@ -913,7 +913,7 @@ const qe = ks(), U = {
           items: r.items,
           "no-select": r.noSelect,
           class: re(r.class),
-          style: ve(r.style),
+          style: ge(r.style),
           onSelect: v,
           "render-title": r.renderItemTitle,
           "before-item": r.beforeItem
@@ -932,7 +932,7 @@ const qe = ks(), U = {
   },
   emits: ["select"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = Y(null), s = Y(0), i = Y(0), l = C(() => ({
+    const r = n, a = V(null), s = V(0), i = V(0), l = C(() => ({
       left: s.value + "px",
       top: i.value + "px"
     })), o = (f) => {
@@ -950,7 +950,7 @@ const qe = ks(), U = {
       ref: a,
       onSelect: c,
       items: r.items,
-      style: ve(l.value),
+      style: ge(l.value),
       class: "context-menu",
       "no-select": !0,
       "render-item-title": r.renderItemTitle,
@@ -1005,7 +1005,7 @@ const qe = ks(), U = {
   },
   emits: ["select", "collapse", "expand", "move", "over", "drop", "doubleclick", "foldericonclick"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = Y(null), s = Y(!1), i = Y(null), l = an().uid;
+    const r = n, a = V(null), s = V(!1), i = V(null), l = an().uid;
     U.actions.initTreeStore(l, r.noSelect, r.multiSelect, r.expanded, r.transfer, r.renderTitle, r.beforeItem, r.dropInside);
     const o = (M, ne) => {
       console.log(M, ne);
@@ -1028,33 +1028,33 @@ const qe = ks(), U = {
       U.mutations.setItemSelect(l, M.model), r.doubleClickExpand || U.actions.toggleItem(l, M.model), e("select", M);
     }, b = (M = null) => {
       r.doubleClickExpand && U.actions.toggleItem(l, M.model), e("doubleclick", M);
-    }, k = (M = null) => {
+    }, _ = (M = null) => {
       r.doubleClickExpand && U.actions.toggleItem(l, M.model), e("foldericonclick", M);
     }, g = (M = null) => {
       e("over", M);
     }, D = (M = null) => {
       e("drop", M);
-    }, E = () => a.value.elementSize(), P = () => {
+    }, P = () => a.value.elementSize(), T = () => {
       for (let M = 0; M < r.items.length; M++)
         r.items[M].expanded = !0;
     }, y = () => {
       for (let M = 0; M < r.items.length; M++)
         r.items[M].expanded = !1;
-    }, x = () => l, w = (M) => U.actions.deepSearch(r.items, M), N = (M) => {
+    }, S = () => l, w = (M) => U.actions.deepSearch(r.items, M), N = (M) => {
       w(M) && U.mutations.setItemSelect(l, w(M));
     }, K = (M) => {
       r.contextClick({ e: M.e, model: M.model, target: i.value });
-    }, X = (M) => r.contextBeforeClick({ model: M, target: i.value }), ae = C(() => r.context), ge = (M) => (ae.value && (i.value = M.model, s.value.show(M.e)), !1), z = () => ue(c.value), ue = (M) => {
+    }, X = (M) => r.contextBeforeClick({ model: M, target: i.value }), ae = C(() => r.context), ve = (M) => (ae.value && (i.value = M.model, s.value.show(M.e)), !1), z = () => ue(c.value), ue = (M) => {
       let ne = 0;
       for (let ce = 0; ce < M.length; ce++)
         ne += U.actions.beforeItem(l, M[ce]) ? 1 : 0, M[ce].children && M[ce].children.length > 0 && (ne += ue(M[ce].children));
       return ne;
     };
     return t({
-      elementSize: E,
-      expandAll: P,
+      elementSize: P,
+      expandAll: T,
       collapseAll: y,
-      getId: x,
+      getId: S,
       getNode: w,
       selectNode: N,
       itemsCount: z,
@@ -1067,7 +1067,7 @@ const qe = ks(), U = {
       onDrop: Pe(o, ["stop"])
     }, {
       default: Q(() => [
-        (d(!0), S(ke, null, Ne(c.value, (ce) => (d(), A(Ss, {
+        (d(!0), x(ke, null, Ne(c.value, (ce) => (d(), A(Ss, {
           key: ce.id,
           model: ce,
           treeId: G(l),
@@ -1077,8 +1077,8 @@ const qe = ks(), U = {
           onNodedoubleclick: b,
           onNodedragover: g,
           onNodedrop: D,
-          onNodecontext: ge,
-          onNodefoldericonclick: k
+          onNodecontext: ve,
+          onNodefoldericonclick: _
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
         ae.value ? (d(), A(Ds, {
           key: 0,
@@ -1155,9 +1155,9 @@ const qe = ks(), U = {
       const { fixed: r, zIndex: a, minWidth: s, height: i, paddingLeft: l, transitionDuration: o, transitionTimingFunction: c } = t, f = r ? "fixed" : "static", p = t.useMinWidthLayout ? `min-width:${s}px;` : "";
       return `position:${f};z-index:${a};${p}height:${i}px;padding-left:${l}px;transition-duration:${o}ms;transition-timing-function:${c};`;
     });
-    return (r, a) => (d(), S("header", {
+    return (r, a) => (d(), x("header", {
       class: "d-layout-header",
-      style: ve(e.value)
+      style: ge(e.value)
     }, [
       ie(r.$slots, "default")
     ], 4));
@@ -1204,9 +1204,9 @@ const qe = ks(), U = {
       const { fixed: r, top: a, zIndex: s, minWidth: i, height: l, paddingLeft: o, transitionDuration: c, transitionTimingFunction: f } = t, p = r ? "fixed" : "static", v = t.useMinWidthLayout ? `min-width: ${i}px;` : "";
       return `position:${p};top:${a}px;z-index:${s};${v}height:${l}px;padding-left:${o}px;transition-duration:${c}ms;transition-timing-function:${f};`;
     });
-    return (r, a) => (d(), S("div", {
+    return (r, a) => (d(), x("div", {
       class: "d-layout-tab",
-      style: ve(e.value)
+      style: ge(e.value)
     }, [
       ie(r.$slots, "default")
     ], 4));
@@ -1249,9 +1249,9 @@ const qe = ks(), U = {
       const { fixed: r, zIndex: a, minWidth: s, height: i, paddingLeft: l, transitionDuration: o, transitionTimingFunction: c } = t, f = r ? "fixed" : "static", p = t.useMinWidthLayout ? `min-width:${s}px;` : "";
       return `position:${f};z-index:${a};${p}height:${i}px;padding-left:${l}px;transition-duration:${o}ms;transition-timing-function:${c};`;
     });
-    return (r, a) => (d(), S("footer", {
+    return (r, a) => (d(), x("footer", {
       class: "d-layout-footer",
-      style: ve(e.value)
+      style: ge(e.value)
     }, [
       ie(r.$slots, "default")
     ], 4));
@@ -1289,9 +1289,9 @@ const qe = ks(), U = {
       const { zIndex: r, width: a, paddingTop: s, transitionDuration: i, transitionTimingFunction: l } = t;
       return `z-index:${r};width:${a}px;padding-top:${s}px;transition-duration:${i}ms;transition-timing-function:${l};`;
     });
-    return (r, a) => (d(), S("aside", {
+    return (r, a) => (d(), x("aside", {
       class: "d-layout-sidebar",
-      style: ve(e.value)
+      style: ge(e.value)
     }, [
       ie(r.$slots, "default")
     ], 4));
@@ -1326,8 +1326,8 @@ const qe = ks(), U = {
       const { paddingTop: r, paddingBottom: a, paddingLeft: s, transitionDuration: i, transitionTimingFunction: l } = t, o = `overflow:${t.overflowHidden ? "hidden" : "visible"};`;
       return `padding-top:${r}px;padding-bottom:${a}px;padding-left:${s}px;${o}transition-duration:${i}ms;transition-timing-function:${l};`;
     });
-    return (r, a) => (d(), S("main", {
-      style: ve(e.value),
+    return (r, a) => (d(), x("main", {
+      style: ge(e.value),
       class: "d-layout-content"
     }, [
       ie(r.$slots, "default")
@@ -1335,7 +1335,7 @@ const qe = ks(), U = {
   }
 };
 function Ls(n) {
-  const t = Y(0), e = C(() => `transform: translateX(${-t.value}px);`);
+  const t = V(0), e = C(() => `transform: translateX(${-t.value}px);`);
   let r = !1;
   function a(f) {
     t.value = f;
@@ -1471,28 +1471,28 @@ const Os = 1001, Fs = 999, Is = 998, Ud = {
     function v() {
       t("sidebar-mask-click");
     }
-    const b = C(() => e.isMobile && !p.value), k = C(() => {
+    const b = C(() => e.isMobile && !p.value), _ = C(() => {
       const { transitionDuration: w, transitionTimingFunction: N } = e;
       return `background-color:${e.maskBg};transition-duration:${w}ms;transition-timing-function:${N};`;
     }), g = C(() => {
       const { sidebarWidth: w, sidebarCollapsedWidth: N } = e, K = e.isMobile ? 0 : N, X = p.value ? K : w;
       return e.sidebarVisible ? X : 0;
-    }), D = C(() => e.isMobile ? 0 : g.value), E = C(() => c.value ? D.value : 0), P = C(
+    }), D = C(() => e.isMobile ? 0 : g.value), P = C(() => c.value ? D.value : 0), T = C(
       () => !e.isMobile && !c.value && e.headerVisible ? e.headerHeight : 0
     ), y = C(() => {
       let w = 0;
       return e.fixedHeaderAndTab && (e.headerVisible && (w += e.headerHeight), e.tabVisible && (w += e.tabHeight)), w;
-    }), x = C(() => e.fixedFooter && e.footerVisible ? e.footerHeight : 0);
-    return (w, N) => (d(), S("div", {
+    }), S = C(() => e.fixedFooter && e.footerVisible ? e.footerHeight : 0);
+    return (w, N) => (d(), x("div", {
       class: "d-layout",
-      style: ve(r.value)
+      style: ge(r.value)
     }, [
       n.headerVisible ? (d(), A($s, Ct({ key: 0 }, o.value, {
         fixed: n.fixedHeaderAndTab,
         "z-index": Os,
         "min-width": n.minWidth,
         height: n.headerHeight,
-        "padding-left": E.value,
+        "padding-left": P.value,
         style: i.value
       }), {
         default: Q(() => [
@@ -1517,22 +1517,22 @@ const Os = 1001, Fs = 999, Is = 998, Ud = {
       n.sidebarVisible ? (d(), A(Es, Ct({ key: 2 }, o.value, {
         "z-index": f.value,
         width: g.value,
-        "padding-top": P.value
+        "padding-top": T.value
       }), {
         default: Q(() => [
           ie(w.$slots, "sidebar")
         ]),
         _: 3
       }, 16, ["z-index", "width", "padding-top"])) : B("", !0),
-      b.value ? (d(), S("div", {
+      b.value ? (d(), x("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
-        style: ve(k.value),
+        style: ge(_.value),
         onClick: v
       }, null, 4)) : B("", !0),
       W(Ps, Ct(o.value, {
         "padding-top": y.value,
-        "padding-bottom": x.value,
+        "padding-bottom": S.value,
         "padding-left": D.value,
         "overflow-hidden": n.addMainOverflowHidden
       }), {
@@ -1610,7 +1610,7 @@ const Os = 1001, Fs = 999, Is = 998, Ud = {
     };
     return et(() => {
       a("colored-scroller");
-    }), (s, i) => (d(), S("div", null, [
+    }), (s, i) => (d(), x("div", null, [
       ie(s.$slots, "default")
     ]));
   }
@@ -1637,7 +1637,7 @@ const Os = 1001, Fs = 999, Is = 998, Ud = {
       c07fa298: r.value
     }));
     const e = C(() => t.xHide ? "hidden" : "visible"), r = C(() => t.yHide ? "hidden" : "visible");
-    return (a, s) => (d(), S("div", {
+    return (a, s) => (d(), x("div", {
       class: re(t.autoHide ? "d-scroll-hide" : "d-scroll")
     }, [
       ie(a.$slots, "default", {}, void 0, !0)
@@ -1655,7 +1655,7 @@ const Os = 1001, Fs = 999, Is = 998, Ud = {
   },
   emits: ["open", "close"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = Y(null), s = Y(!1);
+    const r = n, a = V(null), s = V(!1);
     s.value = r == null ? void 0 : r.show;
     const i = () => {
       s.value = !0, e("open", a);
@@ -1670,7 +1670,7 @@ const Os = 1001, Fs = 999, Is = 998, Ud = {
       return d(), A(Ir, { to: "body" }, [
         W(Tn, { name: "fade" }, {
           default: Q(() => [
-            s.value ? je((d(), S("div", {
+            s.value ? je((d(), x("div", {
               key: 0,
               ref_key: "modalRef",
               ref: a,
@@ -1678,7 +1678,7 @@ const Os = 1001, Fs = 999, Is = 998, Ud = {
             }, [
               O("div", {
                 class: "modal-dialog",
-                style: ve({ width: r.width, maxWidth: r.maxWidth })
+                style: ge({ width: r.width, maxWidth: r.maxWidth })
               }, [
                 O("div", Hs, [
                   O("div", As, [
@@ -1734,7 +1734,7 @@ const Ys = Qe({
     transitionAttrs: Object
   },
   setup() {
-    const n = Y();
+    const n = V();
     return it(n, () => {
       wt.value && (wt.value.comp = n.value);
     }), {
@@ -1762,7 +1762,7 @@ const js = { style: { display: "flex", "flex-direction": "row", "justify-content
     const e = n;
     return t({
       returnValue: () => !0
-    }), (a, s) => (d(), S("div", null, [
+    }), (a, s) => (d(), x("div", null, [
       W(Pt, { show: !0 }, {
         "modal-title": Q(() => [
           be(Z(e.title), 1)
@@ -1796,7 +1796,7 @@ const js = { style: { display: "flex", "flex-direction": "row", "justify-content
     const e = n;
     return t({
       returnValue: () => !0
-    }), (a, s) => (d(), S("div", null, [
+    }), (a, s) => (d(), x("div", null, [
       W(Pt, { show: !0 }, {
         "modal-title": Q(() => [
           be(Z(e.title), 1)
@@ -1849,14 +1849,14 @@ const js = { style: { display: "flex", "flex-direction": "row", "justify-content
   },
   emits: ["select", "click"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = Et(), s = Y(null), i = Y(null), l = Y(0), o = Y(0), c = (b) => {
+    const r = n, a = Et(), s = V(null), i = V(null), l = V(0), o = V(0), c = (b) => {
       if (e("click", b), s.value.isShowed()) {
         s.value.hide();
         return;
       }
       s.value.show(), It(() => {
-        const k = s.value.elementSize(), g = i.value.elementSize(), D = window.innerWidth, E = window.innerHeight;
-        l.value = D - (g.x + g.width) < k.width ? g.left - k.width + g.width : g.left, o.value = E - (g.y + g.height) < k.height ? g.top - k.height - 5 : g.height + g.top + 5;
+        const _ = s.value.elementSize(), g = i.value.elementSize(), D = window.innerWidth, P = window.innerHeight;
+        l.value = D - (g.x + g.width) < _.width ? g.left - _.width + g.width : g.left, o.value = P - (g.y + g.height) < _.height ? g.top - _.height - 5 : g.height + g.top + 5;
       });
     }, f = (b) => {
       e("select", b);
@@ -1865,7 +1865,7 @@ const js = { style: { display: "flex", "flex-direction": "row", "justify-content
       show: c
     });
     const v = (b) => !!a[b];
-    return (b, k) => (d(), S("div", Qs, [
+    return (b, _) => (d(), x("div", Qs, [
       v("default") ? (d(), A(Le, {
         key: 0,
         ref_key: "buttonRef",
@@ -1893,7 +1893,7 @@ const js = { style: { display: "flex", "flex-direction": "row", "justify-content
         ref: s,
         items: r.items,
         class: "dropdown-menu",
-        style: ve(p.value),
+        style: ge(p.value),
         "no-select": !0,
         onSelect: f,
         "render-item-title": r.renderItemTitle,
@@ -1904,7 +1904,7 @@ const js = { style: { display: "flex", "flex-direction": "row", "justify-content
   }
 }, Ks = {}, Zs = { class: "d-panel" };
 function Js(n, t) {
-  return d(), S("div", Zs, [
+  return d(), x("div", Zs, [
     ie(n.$slots, "default")
   ]);
 }
@@ -1919,13 +1919,13 @@ const ei = /* @__PURE__ */ Ie(Ks, [["render", Js]]), ti = {
   setup(n) {
     return (t, e) => (d(), A(ei, { class: "d-card" }, {
       default: Q(() => [
-        t.$slots.header ? (d(), S("div", ti, [
+        t.$slots.header ? (d(), x("div", ti, [
           ie(t.$slots, "header")
         ])) : B("", !0),
         O("div", ni, [
           ie(t.$slots, "default")
         ]),
-        t.$slots.footer ? (d(), S("div", ri, [
+        t.$slots.footer ? (d(), x("div", ri, [
           ie(t.$slots, "footer")
         ])) : B("", !0)
       ]),
@@ -2129,14 +2129,14 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
     const e = n, r = {
       IDLE: 0,
       DESTROYED: 2
-    }, a = Y([]), s = Y(null), i = Y(ai.get("velocity")), l = C(() => e.animationType === "velocity"), o = C(() => l.value ? di : fi), c = C(() => a.value.filter((z) => z.state !== r.DESTROYED)), f = C(() => oi(e.width)), p = C(() => {
+    }, a = V([]), s = V(null), i = V(ai.get("velocity")), l = C(() => e.animationType === "velocity"), o = C(() => l.value ? di : fi), c = C(() => a.value.filter((z) => z.state !== r.DESTROYED)), f = C(() => oi(e.width)), p = C(() => {
       const { x: z, y: ue } = ci(e.position), M = f.value.value, ne = f.value.type, ce = {
         width: M + ne
       };
       return ue && (ce[ue] = "0px"), z && (z === "center" ? ce.left = `calc(50% - ${+M / 2}${ne})` : ce[z] = "0px"), ce;
     }), v = C(() => "bottom" in p.value), b = (z) => {
-      t("click", z), e.closeOnClick && x(z);
-    }, k = () => {
+      t("click", z), e.closeOnClick && S(z);
+    }, _ = () => {
       var z;
       e.pauseOnHover && ((z = s.value) == null || z.pause());
     }, g = () => {
@@ -2159,24 +2159,24 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
         length: ue + 2 * M,
         data: te
       };
-      ue >= 0 && (s.value = new si(() => x(Ce), Ce.length, Ce));
+      ue >= 0 && (s.value = new si(() => S(Ce), Ce.length, Ce));
       const ut = e.reverse ? !v.value : v.value;
       let tt = -1;
-      const pt = c.value.some((T) => T.title === z.title && T.text === z.text);
-      (!ne || !pt) && (ut ? (a.value.push(Ce), t("start", Ce), c.value.length > e.max && (tt = 0)) : (a.value.unshift(Ce), t("start", Ce), c.value.length > e.max && (tt = c.value.length - 1)), tt !== -1 && x(c.value[tt]));
-    }, E = (z) => {
+      const pt = c.value.some((E) => E.title === z.title && E.text === z.text);
+      (!ne || !pt) && (ut ? (a.value.push(Ce), t("start", Ce), c.value.length > e.max && (tt = 0)) : (a.value.unshift(Ce), t("start", Ce), c.value.length > e.max && (tt = c.value.length - 1)), tt !== -1 && S(c.value[tt]));
+    }, P = (z) => {
       w(z);
-    }, P = (z) => [
+    }, T = (z) => [
       "d-notification-template",
       e.classes,
       z.type || ""
-    ], y = (z) => l.value ? void 0 : { transition: `all ${z.speed}ms` }, x = (z) => {
-      clearTimeout(z.timer), z.state = r.DESTROYED, ge(), t("destroy", z);
+    ], y = (z) => l.value ? void 0 : { transition: `all ${z.speed}ms` }, S = (z) => {
+      clearTimeout(z.timer), z.state = r.DESTROYED, ve(), t("destroy", z);
     }, w = (z) => {
       const ue = a.value.find((M) => M.id === z);
-      ue && x(ue);
+      ue && S(ue);
     }, N = () => {
-      c.value.forEach(x);
+      c.value.forEach(S);
     }, K = (z, ue) => {
       var ne;
       const M = (ne = e.animation) == null ? void 0 : ne[z];
@@ -2198,41 +2198,41 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
         complete: ue
       });
     };
-    function ge() {
+    function ve() {
       a.value = a.value.filter((z) => z.state !== r.DESTROYED);
     }
     return et(() => {
-      qe.on("notification-add", D), qe.on("notification-close", E);
-    }), (z, ue) => (d(), S("div", {
+      qe.on("notification-add", D), qe.on("notification-close", P);
+    }), (z, ue) => (d(), x("div", {
       class: "d-notification-group",
-      style: ve(p.value)
+      style: ge(p.value)
     }, [
       (d(), A(Ye(o.value), {
         name: n.animationName,
         onEnter: X,
         onLeave: ae,
-        onAfterLeave: ge
+        onAfterLeave: ve
       }, {
         default: Q(() => [
-          (d(!0), S(ke, null, Ne(c.value, (M) => (d(), S("div", {
+          (d(!0), x(ke, null, Ne(c.value, (M) => (d(), x("div", {
             key: M.id,
             class: "d-notification-wrapper",
-            style: ve(y(M)),
+            style: ge(y(M)),
             "data-id": M.id,
-            onMouseenter: k,
+            onMouseenter: _,
             onMouseleave: g
           }, [
             ie(z.$slots, "body", {
               class: re([n.classes, M.type]),
               item: M,
-              close: () => x(M)
+              close: () => S(M)
             }, () => [
               O("div", {
-                class: re(P(M)),
+                class: re(T(M)),
                 onClick: (ne) => b(M)
               }, [
-                n.dangerouslySetInnerHtml ? (d(), S(ke, { key: 0 }, [
-                  M.title ? (d(), S("div", {
+                n.dangerouslySetInnerHtml ? (d(), x(ke, { key: 0 }, [
+                  M.title ? (d(), x("div", {
                     key: 0,
                     class: "d-notification-title",
                     innerHTML: M.timer
@@ -2241,8 +2241,8 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
                     class: "notification-content",
                     innerHTML: M.text
                   }, null, 8, gi)
-                ], 64)) : (d(), S(ke, { key: 1 }, [
-                  M.title ? (d(), S("div", vi, Z(M.title), 1)) : B("", !0),
+                ], 64)) : (d(), x(ke, { key: 1 }, [
+                  M.title ? (d(), x("div", vi, Z(M.title), 1)) : B("", !0),
                   O("div", yi, Z(M.text), 1)
                 ], 64))
               ], 10, pi)
@@ -2265,9 +2265,9 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
   emits: ["click"],
   setup(n, { emit: t }) {
     const e = n, r = C(() => e.icon ? Ze.getters.getIcon(e.icon) : null);
-    return (a, s) => (d(), S("div", {
+    return (a, s) => (d(), x("div", {
       class: re(["d-info-progress", e.type ? `d-info-progress-${e.type}` : null]),
-      style: ve(e.style),
+      style: ge(e.style),
       onClick: s[0] || (s[0] = (i) => {
         t("click", i);
       })
@@ -2285,7 +2285,7 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
       O("div", xi, [
         O("div", {
           class: "d-info-progress-line",
-          style: ve("width: " + e.progress + "%;")
+          style: ge("width: " + e.progress + "%;")
         }, null, 4),
         O("div", {
           class: "d-info-progress-label",
@@ -2314,7 +2314,7 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
         t("update:modelValue", i);
       }
     });
-    return (i, l) => (d(), S("div", ki, [
+    return (i, l) => (d(), x("div", ki, [
       je(O("input", {
         "onUpdate:modelValue": l[0] || (l[0] = (o) => s.value = o),
         id: `i-${G(a)}`,
@@ -2372,15 +2372,15 @@ const nf = {
         a.value = e.options[s].value;
         break;
       }
-    return (s, i) => (d(), S("div", Mi, [
-      e.label ? (d(), S("div", Ti, Z(e.label), 1)) : B("", !0),
+    return (s, i) => (d(), x("div", Mi, [
+      e.label ? (d(), x("div", Ti, Z(e.label), 1)) : B("", !0),
       je(O("select", {
         "onUpdate:modelValue": i[0] || (i[0] = (l) => a.value = l),
         class: re(r.value),
-        style: ve(e.size === "wide" ? "width:100%" : ""),
+        style: ge(e.size === "wide" ? "width:100%" : ""),
         disabled: e.disabled
       }, [
-        (d(!0), S(ke, null, Ne(e.options, (l, o) => (d(), S("option", {
+        (d(!0), x(ke, null, Ne(e.options, (l, o) => (d(), x("option", {
           key: o,
           value: l.value,
           selected: l.selected,
@@ -2398,7 +2398,7 @@ const nf = {
   },
   setup(n) {
     const t = n;
-    return (e, r) => t.tab.label && t.tab.icon ? (d(), S("span", {
+    return (e, r) => t.tab.label && t.tab.icon ? (d(), x("span", {
       key: 0,
       title: t.tab.title ? t.tab.title : "",
       style: { display: "flex", "flex-direction": "column" }
@@ -2409,10 +2409,10 @@ const nf = {
         }, null, 8, ["component"])
       ]),
       O("div", Ii, Z(typeof t.tab.label == "object" ? t.tab.label.value : t.tab.label), 1)
-    ], 8, Oi)) : t.tab.label ? (d(), S("span", {
+    ], 8, Oi)) : t.tab.label ? (d(), x("span", {
       key: 1,
       title: t.tab.title ? t.tab.title : ""
-    }, Z(typeof t.tab.label == "object" ? t.tab.label.value : t.tab.label), 9, zi)) : t.tab.icon ? (d(), S("span", {
+    }, Z(typeof t.tab.label == "object" ? t.tab.label.value : t.tab.label), 9, zi)) : t.tab.icon ? (d(), x("span", {
       key: 2,
       title: t.tab.title ? t.tab.title : ""
     }, [
@@ -2431,7 +2431,7 @@ const nf = {
     tabs: Array
   },
   setup(n, { expose: t }) {
-    const e = n, r = Pa(e, "tabs"), a = Y([]), s = Y(0), i = (p) => {
+    const e = n, r = Pa(e, "tabs"), a = V([]), s = V(0), i = (p) => {
       s.value = p, qe.emit("change_tab", {
         id: e.id,
         index: s.value
@@ -2445,22 +2445,22 @@ const nf = {
       setSelectedIndex: (p) => {
         i(p);
       }
-    }), (p, v) => (d(), S(ke, null, [
+    }), (p, v) => (d(), x(ke, null, [
       O("div", Ni, [
-        (d(!0), S(ke, null, Ne(r.value, (b, k) => (d(), A(Ri, {
-          index: k,
+        (d(!0), x(ke, null, Ne(r.value, (b, _) => (d(), A(Ri, {
+          index: _,
           tab: b,
-          class: re(["d-tab-title", k === s.value ? "active" : ""]),
-          onClick: (g) => i(k)
+          class: re(["d-tab-title", _ === s.value ? "active" : ""]),
+          onClick: (g) => i(_)
         }, null, 8, ["index", "tab", "class", "onClick"]))), 256))
       ]),
       (d(), A(La, null, [
-        (d(!0), S(ke, null, Ne(r.value, (b, k) => (d(), S("div", null, [
+        (d(!0), x(ke, null, Ne(r.value, (b, _) => (d(), x("div", null, [
           je((d(), A(Ye(b.component), {
             ref_for: !0,
             ref: l
           }, null, 512)), [
-            [Oa, k === s.value]
+            [Oa, _ === s.value]
           ])
         ]))), 256))
       ], 1024))
@@ -2498,7 +2498,7 @@ const nf = {
     let c = null;
     for (let f = 0; f < o.length; f++)
       c || (c = o[0]), f > 0 && (o[f] ? c = o[f] : o[f] = c);
-    return (f, p) => (d(), S("div", Vi, [
+    return (f, p) => (d(), x("div", Vi, [
       ie(f.$slots, "default", {}, void 0, !0)
     ]));
   }
@@ -2553,11 +2553,11 @@ const nf = {
   emits: ["action"],
   setup(n, { emit: t }) {
     const e = n;
-    return (r, a) => (d(), S("tr", null, [
-      (d(!0), S(ke, null, Ne(e.columns, (s, i) => (d(), S("td", {
+    return (r, a) => (d(), x("tr", null, [
+      (d(!0), x(ke, null, Ne(e.columns, (s, i) => (d(), x("td", {
         key: `${s.key}-${i}`
       }, [
-        s.render ? (d(), A(Ye(s.render(e.item, e.index)), { key: 0 })) : (d(), S("span", Wi, Z(e.item[s.key]), 1))
+        s.render ? (d(), A(Ye(s.render(e.item, e.index)), { key: 0 })) : (d(), x("span", Wi, Z(e.item[s.key]), 1))
       ]))), 128))
     ]));
   }
@@ -2602,7 +2602,7 @@ const nf = {
   emits: ["action"],
   setup(n, { emit: t }) {
     const e = n;
-    Y(!1), se.mutations.setItems(e.items);
+    V(!1), se.mutations.setItems(e.items);
     const r = (a, s) => {
       if (se.getters.getSortField() === s) {
         const l = se.getters.getSortDirection();
@@ -2610,24 +2610,24 @@ const nf = {
       } else
         se.mutations.setSortField(s), se.mutations.setSortDirection("asc"), localStorage.setItem(`${e.id}-grid-field`, s), localStorage.setItem(`${e.id}-grid-dir`, "asc");
     };
-    return (a, s) => (d(), S("div", null, [
+    return (a, s) => (d(), x("div", null, [
       O("table", ji, [
         O("thead", null, [
           O("tr", null, [
-            (d(!0), S(ke, null, Ne(e.columns, (i) => (d(), S("td", {
+            (d(!0), x(ke, null, Ne(e.columns, (i) => (d(), x("td", {
               key: i.key,
               onClick: (l) => r(l, i.key)
             }, [
               O("div", null, [
                 O("div", null, Z(i.title), 1),
-                G(se).getters.getSortField() === i.key && G(se).getters.getSortDirection() === "desc" ? (d(), S("svg", Xi, Qi)) : B("", !0),
-                G(se).getters.getSortField() === i.key && G(se).getters.getSortDirection() === "asc" ? (d(), S("svg", Ki, Ji)) : B("", !0)
+                G(se).getters.getSortField() === i.key && G(se).getters.getSortDirection() === "desc" ? (d(), x("svg", Xi, Qi)) : B("", !0),
+                G(se).getters.getSortField() === i.key && G(se).getters.getSortDirection() === "asc" ? (d(), x("svg", Ki, Ji)) : B("", !0)
               ])
             ], 8, Ui))), 128))
           ])
         ]),
         O("tbody", null, [
-          (d(!0), S(ke, null, Ne(G(se).getters.getItems(), (i, l) => (d(), A(qi, {
+          (d(!0), x(ke, null, Ne(G(se).getters.getItems(), (i, l) => (d(), A(qi, {
             item: i,
             index: l,
             columns: e.columns,
@@ -2652,19 +2652,19 @@ const nf = {
     radius: String
   },
   setup(n) {
-    const t = n, e = Y(null), r = new Image();
+    const t = n, e = V(null), r = new Image();
     return r.onload = () => {
       e.value = r.src;
     }, r.onerror = () => {
       e.value = t.srcFail;
     }, et(() => {
       r.src = t.src;
-    }), (a, s) => e.value ? (d(), S("img", {
+    }), (a, s) => e.value ? (d(), x("img", {
       key: 0,
       src: e.value,
       alt: t.alt,
       title: t.title,
-      style: ve({ width: t.width, height: t.height, borderRadius: t.radius })
+      style: ge({ width: t.width, height: t.height, borderRadius: t.radius })
     }, null, 12, to)) : B("", !0);
   }
 }, no = ["width", "height", "title"], lf = {
@@ -2684,43 +2684,59 @@ const nf = {
       type: Number,
       required: !0
     },
-    radius: String
+    radius: String,
+    canvas: {
+      type: Boolean,
+      default: !0
+    }
   },
   setup(n) {
     const t = n;
     let e, r;
-    const a = Y(null), s = new Image();
-    s.onload = () => {
-      const {
-        offsetX: l,
-        offsetY: o,
-        width: c,
-        height: f
-      } = i(t.width, t.height, s.width, s.height);
-      r.drawImage(s, l, o, c, f);
-    }, s.onerror = () => {
-      s.src = t.srcFail;
+    const a = V(null), s = V(null), i = new Image();
+    i.onload = () => {
+      if (t.canvas) {
+        const {
+          offsetX: o,
+          offsetY: c,
+          width: f,
+          height: p
+        } = l(t.width, t.height, i.width, i.height);
+        r.drawImage(i, o, c, f, p);
+      } else
+        s.value = i.src;
+    }, i.onerror = () => {
+      i.src = t.srcFail;
     };
-    const i = (l, o, c, f, p = 1, v = 0.5, b = 0.5) => {
-      const k = c / f, g = l / o;
-      let D = l * p, E = o * p;
-      return k < g ? E = D / k : D = E * k, {
-        width: D,
-        height: E,
-        offsetX: (l - D) * v,
-        offsetY: (o - E) * b
+    const l = (o, c, f, p, v = 1, b = 0.5, _ = 0.5) => {
+      const g = f / p, D = o / c;
+      let P = o * v, T = c * v;
+      return g < D ? T = P / g : P = T * g, {
+        width: P,
+        height: T,
+        offsetX: (o - P) * b,
+        offsetY: (c - T) * _
       };
     };
     return et(() => {
-      e = a.value, r = e.getContext("2d"), s.src = t.src;
-    }), (l, o) => (d(), S("canvas", {
+      t.canvas && (e = a.value, r = e.getContext("2d")), i.src = t.src;
+    }), (o, c) => t.canvas ? (d(), x("canvas", {
+      key: 0,
       ref_key: "imgRef",
       ref: a,
       width: t.width,
       height: t.height,
       title: t.title,
-      style: ve({ borderRadius: t.radius })
-    }, null, 12, no));
+      style: ge({ borderRadius: t.radius })
+    }, null, 12, no)) : (d(), x("div", {
+      key: 1,
+      style: ge([{
+        backgroundImage: `url(${s.value})`,
+        width: `${t.width}px`,
+        height: `${t.height}px`,
+        borderRadius: t.radius
+      }, { "background-size": "cover", "background-position": "center", display: "inline-block", transform: "translate3d(0px, 0px, 0.1px)", overflow: "hidden" }])
+    }, null, 4));
   }
 }, ro = { class: "d-textarea" }, ao = {
   key: 0,
@@ -2758,7 +2774,7 @@ const nf = {
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = Y(null), s = C(() => r.scale === "small" ? "d-textarea-small" : r.scale === "large" ? "d-textarea-large" : ""), i = C({
+    const r = n, a = V(null), s = C(() => r.scale === "small" ? "d-textarea-small" : r.scale === "large" ? "d-textarea-large" : ""), i = C({
       get: () => r.modelValue,
       set: (v) => {
         e("update:modelValue", v);
@@ -2781,12 +2797,12 @@ const nf = {
       reset: o,
       update: f,
       element: () => a
-    }), (v, b) => (d(), S("div", ro, [
-      r.label ? (d(), S("div", ao, Z(r.label), 1)) : B("", !0),
+    }), (v, b) => (d(), x("div", ro, [
+      r.label ? (d(), x("div", ao, Z(r.label), 1)) : B("", !0),
       je(O("textarea", {
         ref_key: "inputRef",
         ref: a,
-        "onUpdate:modelValue": b[0] || (b[0] = (k) => i.value = k),
+        "onUpdate:modelValue": b[0] || (b[0] = (_) => i.value = _),
         "on:update:modelValue": f,
         onInput: c,
         rows: r.rows,
@@ -2794,7 +2810,7 @@ const nf = {
         placeholder: r.placeholder,
         disabled: r.disabled,
         class: re(s.value),
-        style: ve([{ width: "100%" }, r.autoHeight ? "resize:none;" : ""])
+        style: ge([{ width: "100%" }, r.autoHeight ? "resize:none;" : ""])
       }, null, 46, so), [
         [Pn, i.value]
       ])
@@ -2823,7 +2839,7 @@ const nf = {
         t("update:modelValue", i);
       }
     });
-    return (i, l) => (d(), S("div", {
+    return (i, l) => (d(), x("div", {
       class: re(["d-switcher", e.type])
     }, [
       je(O("input", {
@@ -3236,8 +3252,8 @@ var An = Qe({
     },
     mousemoveHandler(n) {
       const { clientX: t, clientY: e } = n, { top: r, left: a, width: s, height: i } = this.suckerCanvas.getBoundingClientRect(), l = t - a, o = e - r, f = this.suckerCanvas.getContext("2d").getImageData(Math.min(l, s - 1), Math.min(o, i - 1), 1, 1);
-      let [p, v, b, k] = f.data;
-      k = parseFloat((k / 255).toFixed(2));
+      let [p, v, b, _] = f.data;
+      _ = parseFloat((_ / 255).toFixed(2));
       const g = this.suckerPreview.style;
       Object.assign(g, {
         position: "absolute",
@@ -3248,7 +3264,7 @@ var An = Qe({
         borderRadius: "50%",
         border: "2px solid #fff",
         boxShadow: "0 0 8px 0 rgba(0, 0, 0, 0.16)",
-        background: `rgba(${p}, ${v}, ${b}, ${k})`,
+        background: `rgba(${p}, ${v}, ${b}, ${_})`,
         zIndex: 95
       }), this.suckerArea.length && // @ts-ignore
       t >= this.suckerArea[0] && // @ts-ignore
@@ -3259,8 +3275,8 @@ var An = Qe({
     suckColor(n) {
       n && n.tagName !== "CANVAS" || (this.suckerPreview = document.createElement("div"), this.suckerPreview && document.body.appendChild(this.suckerPreview), document.addEventListener("mousemove", this.mousemoveHandler), document.addEventListener("mouseup", this.mousemoveHandler), n.addEventListener("click", (t) => {
         const { clientX: e, clientY: r } = t, { top: a, left: s, width: i, height: l } = n.getBoundingClientRect(), o = e - s, c = r - a, p = n.getContext("2d").getImageData(Math.min(o, i - 1), Math.min(c, l - 1), 1, 1);
-        let [v, b, k, g] = p.data;
-        g = parseFloat((g / 255).toFixed(2)), this.$emit("selectSucker", { r: v, g: b, b: k, a: g });
+        let [v, b, _, g] = p.data;
+        g = parseFloat((g / 255).toFixed(2)), this.$emit("selectSucker", { r: v, g: b, b: _, a: g });
       }));
     }
   }
@@ -3410,7 +3426,7 @@ var Nn = Qe({
   },
   emits: ["selectColor"],
   setup(n, { emit: t }) {
-    const e = Y(), r = Y([]), a = Y();
+    const e = V(), r = V([]), a = V();
     n.colorsHistoryKey && localStorage && (r.value = JSON.parse(localStorage.getItem(n.colorsHistoryKey)) || []), a.value = On(4).toDataURL(), zr(() => {
       s(e.value);
     });
@@ -3848,32 +3864,32 @@ const Yo = new Vo(), Xe = {
 };
 class Wo {
   validate(t, e) {
-    var a, s, i, l, o, c, f, p, v, b, k, g, D, E;
+    var a, s, i, l, o, c, f, p, v, b, _, g, D, P;
     let r = "";
     if (e) {
-      let P = !1;
+      let T = !1;
       for (let y in e)
-        if (!P)
+        if (!T)
           switch (y) {
             case "url":
-              r = Xe.RulesUrl.validate(t, "https") || t.length === 0 ? "" : Xe.RulesUrl.message("url", (a = e[y]) != null && a.message ? (s = e[y]) == null ? void 0 : s.message : "url_incorrect"), P = r !== "";
+              r = Xe.RulesUrl.validate(t, "https") || t.length === 0 ? "" : Xe.RulesUrl.message("url", (a = e[y]) != null && a.message ? (s = e[y]) == null ? void 0 : s.message : "url_incorrect"), T = r !== "";
               break;
             case "required":
-              r = Xe.RulesRequired.validate(t) ? "" : Xe.RulesRequired.message((i = e[y]) != null && i.message ? (l = e[y]) == null ? void 0 : l.message : "required"), P = r !== "";
+              r = Xe.RulesRequired.validate(t) ? "" : Xe.RulesRequired.message((i = e[y]) != null && i.message ? (l = e[y]) == null ? void 0 : l.message : "required"), T = r !== "";
               break;
             case "min":
-              r = Xe.RulesMin.validate(t, (o = e[y]) == null ? void 0 : o.value) ? "" : Xe.RulesMin.message((c = e[y]) != null && c.message ? (f = e[y]) == null ? void 0 : f.message : "very_small"), P = r !== "";
+              r = Xe.RulesMin.validate(t, (o = e[y]) == null ? void 0 : o.value) ? "" : Xe.RulesMin.message((c = e[y]) != null && c.message ? (f = e[y]) == null ? void 0 : f.message : "very_small"), T = r !== "";
               break;
             case "max":
-              r = Xe.RulesMax.validate(t, (p = e[y]) == null ? void 0 : p.value) ? "" : Xe.RulesMax.message((v = e[y]) != null && v.message ? (b = e[y]) == null ? void 0 : b.message : "vary_large"), P = r !== "";
+              r = Xe.RulesMax.validate(t, (p = e[y]) == null ? void 0 : p.value) ? "" : Xe.RulesMax.message((v = e[y]) != null && v.message ? (b = e[y]) == null ? void 0 : b.message : "vary_large"), T = r !== "";
               break;
             case "email":
-              r = Xe.RulesEmail.validate(t) ? "" : Xe.RulesMax.message((k = e[y]) != null && k.message ? (g = e[y]) == null ? void 0 : g.message : "email_incorrect"), P = r !== "";
+              r = Xe.RulesEmail.validate(t) ? "" : Xe.RulesMax.message((_ = e[y]) != null && _.message ? (g = e[y]) == null ? void 0 : g.message : "email_incorrect"), T = r !== "";
               break;
             case "number":
               r = Xe.RulesNumber.validate(t) ? "" : Xe.RulesNumber.message(
-                (D = e[y]) != null && D.message ? (E = e[y]) == null ? void 0 : E.message : "number_incorrect"
-              ), P = r !== "";
+                (D = e[y]) != null && D.message ? (P = e[y]) == null ? void 0 : P.message : "number_incorrect"
+              ), T = r !== "";
               break;
           }
     }
@@ -3932,7 +3948,7 @@ const qo = new Wo(), jo = { style: { display: "flex", "flex-direction": "column"
   },
   emits: ["update:modelValue", "input", "blur"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = Et(), s = Y(r.error), i = Bt(), l = Y(!1), o = Y(null);
+    const r = n, a = Et(), s = V(r.error), i = Bt(), l = V(!1), o = V(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
     const c = C({
       get: () => r.modelValue,
@@ -3947,36 +3963,36 @@ const qo = new Wo(), jo = { style: { display: "flex", "flex-direction": "column"
         return s.value = qo.validate(c.value, r.form.fields[r.name].rules), !!s.value;
     };
     et(() => {
-      k();
+      _();
     });
-    const k = () => {
+    const _ = () => {
       var y;
       (y = o.value) == null || y.focus();
     }, g = () => {
       c.value = "";
     }, D = (y) => {
       l.value = y;
-    }, E = (y) => {
-      s.value = y;
     }, P = (y) => {
+      s.value = y;
+    }, T = (y) => {
       e("blur", y);
     };
     return t({
-      focus: k,
-      setError: E,
+      focus: _,
+      setError: P,
       validate: b
-    }), (y, x) => {
+    }), (y, S) => {
       var w, N;
-      return d(), S("div", {
+      return d(), x("div", {
         class: re(["d-input-string", p.value])
       }, [
         O("div", jo, [
-          r.label ? (d(), S("div", Uo, [
+          r.label ? (d(), x("div", Uo, [
             be(Z(r.label), 1),
-            (w = r.form) != null && w.fields[r.name].rules && r.form.fields[r.name].rules.hasOwnProperty("required") ? (d(), S("span", Xo, "*")) : B("", !0)
+            (w = r.form) != null && w.fields[r.name].rules && r.form.fields[r.name].rules.hasOwnProperty("required") ? (d(), x("span", Xo, "*")) : B("", !0)
           ])) : B("", !0),
           O("div", Go, [
-            G(a).pre ? (d(), S("div", Qo, [
+            G(a).pre ? (d(), x("div", Qo, [
               ie(y.$slots, "pre")
             ])) : B("", !0),
             O("div", Ko, [
@@ -3984,14 +4000,14 @@ const qo = new Wo(), jo = { style: { display: "flex", "flex-direction": "column"
                 id: G(i),
                 ref_key: "inputRef",
                 ref: o,
-                "onUpdate:modelValue": x[0] || (x[0] = (K) => c.value = K),
+                "onUpdate:modelValue": S[0] || (S[0] = (K) => c.value = K),
                 style: { width: "100%" },
                 type: f.value,
                 placeholder: r.placeholder,
                 onInput: v,
-                onFocus: x[1] || (x[1] = (K) => D(!0)),
-                onBlur: P,
-                onFocusout: x[2] || (x[2] = (K) => D(!1)),
+                onFocus: S[1] || (S[1] = (K) => D(!0)),
+                onBlur: T,
+                onFocusout: S[2] || (S[2] = (K) => D(!1)),
                 class: re([
                   G(a).pre ? "has-pre" : "",
                   G(a).post ? "has-post" : "",
@@ -4006,18 +4022,18 @@ const qo = new Wo(), jo = { style: { display: "flex", "flex-direction": "column"
               }, null, 42, Zo), [
                 [Kt, c.value]
               ]),
-              r.clear && ((N = c.value) == null ? void 0 : N.length) > 0 ? (d(), S("div", {
+              r.clear && ((N = c.value) == null ? void 0 : N.length) > 0 ? (d(), x("div", {
                 key: 0,
                 class: "d-post-inside-button",
                 onClick: g
               }, el)) : B("", !0)
             ]),
-            G(a).post ? (d(), S("div", tl, [
+            G(a).post ? (d(), x("div", tl, [
               ie(y.$slots, "post")
             ])) : B("", !0)
           ]),
-          r.help ? (d(), S("div", nl, Z(r.help), 1)) : B("", !0),
-          s.value ? (d(), S("div", rl, Z(s.value), 1)) : B("", !0)
+          r.help ? (d(), x("div", nl, Z(r.help), 1)) : B("", !0),
+          s.value ? (d(), x("div", rl, Z(s.value), 1)) : B("", !0)
         ])
       ], 2);
     };
@@ -4055,7 +4071,7 @@ const qo = new Wo(), jo = { style: { display: "flex", "flex-direction": "column"
       set: (p) => {
         t("update:modelValue", p);
       }
-    }), a = Y(null), s = Y(r), i = Y(null), l = (p) => {
+    }), a = V(null), s = V(r), i = V(null), l = (p) => {
       i.value = e.format === "rgba" ? p.rgba : p.hex;
     }, o = () => {
       a.value.show();
@@ -4065,13 +4081,13 @@ const qo = new Wo(), jo = { style: { display: "flex", "flex-direction": "column"
       }
     }, f = () => {
       if (e.format === "rgba") {
-        const { r: p, g: v, b, a: k } = i.value;
-        r.value = `rgba(${p}, ${v}, ${b}, ${k})`;
+        const { r: p, g: v, b, a: _ } = i.value;
+        r.value = `rgba(${p}, ${v}, ${b}, ${_})`;
       } else
         r.value = i.value;
       a.value.hide(), t("change", r.value);
     };
-    return (p, v) => (d(), S("div", null, [
+    return (p, v) => (d(), x("div", null, [
       W(on, {
         pre: c,
         label: e.label,
@@ -4639,9 +4655,9 @@ function Gr(n) {
   return t.style = l[t.dir][t.ort], t;
 }
 function Wl(n, t, e) {
-  var r = hl(), a = ml(), s = a && pl(), i = n, l, o, c, f, p, v = t.spectrum, b = [], k = [], g = [], D = 0, E = {}, P = n.ownerDocument, y = t.documentElement || P.documentElement, x = P.body, w = P.dir === "rtl" || t.ort === 1 ? 0 : 100;
+  var r = hl(), a = ml(), s = a && pl(), i = n, l, o, c, f, p, v = t.spectrum, b = [], _ = [], g = [], D = 0, P = {}, T = n.ownerDocument, y = t.documentElement || T.documentElement, S = T.body, w = T.dir === "rtl" || t.ort === 1 ? 0 : 100;
   function N(u, h) {
-    var m = P.createElement("div");
+    var m = T.createElement("div");
     return h && Ae(m, h), u.appendChild(m), m;
   }
   function K(u, h) {
@@ -4665,7 +4681,7 @@ function Wl(n, t, e) {
     for (var $ = 0; $ < t.handles; $++)
       o.push(K(h, $)), g[$] = $, c.push(X(m, u[$ + 1]));
   }
-  function ge(u) {
+  function ve(u) {
     Ae(u, t.cssClasses.target), t.dir === 0 ? Ae(u, t.cssClasses.ltr) : Ae(u, t.cssClasses.rtl), t.ort === 0 ? Ae(u, t.cssClasses.horizontal) : Ae(u, t.cssClasses.vertical);
     var h = getComputedStyle(u).direction;
     return h === "rtl" ? Ae(u, t.cssClasses.textDirectionRtl) : Ae(u, t.cssClasses.textDirectionLtr), N(u, t.cssClasses.base);
@@ -4706,7 +4722,7 @@ function Wl(n, t, e) {
   function te() {
     Lt("update" + ct.aria), dn("update" + ct.aria, function(u, h, m, $, H) {
       g.forEach(function(I) {
-        var ee = o[I], q = Wt(k, I, 0, !0, !0, !0), ye = Wt(k, I, 100, !0, !0, !0), me = H[I], we = String(t.ariaFormat.to(m[I]));
+        var ee = o[I], q = Wt(_, I, 0, !0, !0, !0), ye = Wt(_, I, 100, !0, !0, !0), me = H[I], we = String(t.ariaFormat.to(m[I]));
         q = v.fromStepping(q).toFixed(1), ye = v.fromStepping(ye).toFixed(1), me = v.fromStepping(me).toFixed(1), ee.children[0].setAttribute("aria-valuemin", q), ee.children[0].setAttribute("aria-valuemax", ye), ee.children[0].setAttribute("aria-valuenow", me), ee.children[0].setAttribute("aria-valuetext", we);
       });
     });
@@ -4747,7 +4763,7 @@ function Wl(n, t, e) {
     }), $;
   }
   function tt(u, h, m) {
-    var $, H, I = P.createElement("div"), ee = ($ = {}, $[Ve.None] = "", $[Ve.NoValue] = t.cssClasses.valueNormal, $[Ve.LargeValue] = t.cssClasses.valueLarge, $[Ve.SmallValue] = t.cssClasses.valueSub, $), q = (H = {}, H[Ve.None] = "", H[Ve.NoValue] = t.cssClasses.markerNormal, H[Ve.LargeValue] = t.cssClasses.markerLarge, H[Ve.SmallValue] = t.cssClasses.markerSub, H), ye = [t.cssClasses.valueHorizontal, t.cssClasses.valueVertical], me = [t.cssClasses.markerHorizontal, t.cssClasses.markerVertical];
+    var $, H, I = T.createElement("div"), ee = ($ = {}, $[Ve.None] = "", $[Ve.NoValue] = t.cssClasses.valueNormal, $[Ve.LargeValue] = t.cssClasses.valueLarge, $[Ve.SmallValue] = t.cssClasses.valueSub, $), q = (H = {}, H[Ve.None] = "", H[Ve.NoValue] = t.cssClasses.markerNormal, H[Ve.LargeValue] = t.cssClasses.markerLarge, H[Ve.SmallValue] = t.cssClasses.markerSub, H), ye = [t.cssClasses.valueHorizontal, t.cssClasses.valueVertical], me = [t.cssClasses.markerHorizontal, t.cssClasses.markerVertical];
     Ae(I, t.cssClasses.pips), Ae(I, t.ort === 0 ? t.cssClasses.pipsHorizontal : t.cssClasses.pipsVertical);
     function we(fe, Ee) {
       var He = Ee === t.cssClasses.value, Fe = He ? ye : me, ze = He ? ee : q;
@@ -4766,7 +4782,7 @@ function Wl(n, t, e) {
   function pt() {
     f && (mr(f), f = null);
   }
-  function _(u) {
+  function k(u) {
     pt();
     var h = ut(u), m = u.filter, $ = u.format || {
       to: function(H) {
@@ -4775,7 +4791,7 @@ function Wl(n, t, e) {
     };
     return f = i.appendChild(tt(h, m, $)), f;
   }
-  function T() {
+  function E() {
     var u = l.getBoundingClientRect(), h = "offset" + ["Width", "Height"][t.ort];
     return t.ort === 0 ? u.width || l[h] : u.height || l[h];
   }
@@ -4811,17 +4827,17 @@ function Wl(n, t, e) {
         ee = we.pageX, q = we.pageY;
       }
     }
-    return h = h || qr(P), (H || I) && (ee = u.clientX + h.x, q = u.clientY + h.y), u.pageOffset = h, u.points = [ee, q], u.cursor = H || I, u;
+    return h = h || qr(T), (H || I) && (ee = u.clientX + h.x, q = u.clientY + h.y), u.pageOffset = h, u.points = [ee, q], u.cursor = H || I, u;
   }
   function R(u) {
-    var h = u - cl(l, t.ort), m = h * 100 / T();
+    var h = u - cl(l, t.ort), m = h * 100 / E();
     return m = yr(m), t.dir ? 100 - m : m;
   }
   function J(u) {
     var h = 100, m = !1;
     return o.forEach(function($, H) {
       if (!M(H)) {
-        var I = k[H], ee = Math.abs(I - u), q = ee === 100 && h === 100, ye = ee < h, me = ee <= h && u > I;
+        var I = _[H], ee = Math.abs(I - u), q = ee === 100 && h === 100, ye = ee < h, me = ee <= h && u > I;
         (ye || me || q) && (m = H, h = ee);
       }
     }), m;
@@ -4838,8 +4854,8 @@ function Wl(n, t, e) {
   function Be(u, h) {
     h.handle && (Zt(h.handle, t.cssClasses.active), D -= 1), h.listeners.forEach(function(m) {
       y.removeEventListener(m[0], m[1]);
-    }), D === 0 && (Zt(i, t.cssClasses.drag), hn(), u.cursor && (x.style.cursor = "", x.removeEventListener("selectstart", gr))), t.events.smoothSteps && (h.handleNumbers.forEach(function(m) {
-      mt(m, k[m], !0, !0, !1, !1);
+    }), D === 0 && (Zt(i, t.cssClasses.drag), hn(), u.cursor && (S.style.cursor = "", S.removeEventListener("selectstart", gr))), t.events.smoothSteps && (h.handleNumbers.forEach(function(m) {
+      mt(m, _[m], !0, !0, !1, !1);
     }), h.handleNumbers.forEach(function(m) {
       $e("update", m);
     })), h.handleNumbers.forEach(function(m) {
@@ -4862,11 +4878,11 @@ function Wl(n, t, e) {
         connect: h.connect,
         listeners: H,
         startCalcPoint: u.calcPoint,
-        baseSize: T(),
+        baseSize: E(),
         pageOffset: u.pageOffset,
         handleNumbers: h.handleNumbers,
         buttonsProperty: u.buttons,
-        locations: k.slice()
+        locations: _.slice()
       }), ee = F(r.end, y, Be, {
         target: u.target,
         handle: m,
@@ -4880,7 +4896,7 @@ function Wl(n, t, e) {
         doNotReject: !0,
         handleNumbers: h.handleNumbers
       });
-      H.push.apply(H, I.concat(ee, q)), u.cursor && (x.style.cursor = getComputedStyle(u.target).cursor, o.length > 1 && Ae(i, t.cssClasses.drag), x.addEventListener("selectstart", gr, !1)), h.handleNumbers.forEach(function(ye) {
+      H.push.apply(H, I.concat(ee, q)), u.cursor && (S.style.cursor = getComputedStyle(u.target).cursor, o.length > 1 && Ae(i, t.cssClasses.drag), S.addEventListener("selectstart", gr, !1)), h.handleNumbers.forEach(function(ye) {
         $e("start", ye);
       });
     }
@@ -4892,8 +4908,8 @@ function Wl(n, t, e) {
   }
   function Yt(u) {
     var h = R(u.calcPoint), m = v.getStep(h), $ = v.fromStepping(m);
-    Object.keys(E).forEach(function(H) {
-      H.split(".")[0] === "hover" && E[H].forEach(function(I) {
+    Object.keys(P).forEach(function(H) {
+      H.split(".")[0] === "hover" && P[H].forEach(function(I) {
         I.call(jt, $);
       });
     });
@@ -4912,7 +4928,7 @@ function Wl(n, t, e) {
       var He = me ? 0 : 1, Fe = or(h), ze = Fe[He];
       if (ze === null)
         return !1;
-      ze === !1 && (ze = v.getDefaultStep(k[h], me, t.keyboardDefaultStep)), ye || q ? ze *= t.keyboardPageMultiplier : ze *= t.keyboardMultiplier, ze = Math.max(ze, 1e-7), ze = (me ? -1 : 1) * ze, Ee = b[h] + ze;
+      ze === !1 && (ze = v.getDefaultStep(_[h], me, t.keyboardDefaultStep)), ye || q ? ze *= t.keyboardPageMultiplier : ze *= t.keyboardMultiplier, ze = Math.max(ze, 1e-7), ze = (me ? -1 : 1) * ze, Ee = b[h] + ze;
     } else fe ? Ee = t.spectrum.xVal[t.spectrum.xVal.length - 1] : Ee = t.spectrum.xVal[0];
     return mt(h, v.toStepping(Ee), !0, !0), $e("slide", h), $e("update", h), $e("change", h), $e("set", h), !1;
   }
@@ -4937,7 +4953,7 @@ function Wl(n, t, e) {
     });
   }
   function dn(u, h) {
-    E[u] = E[u] || [], E[u].push(h), u.split(".")[0] === "update" && o.forEach(function(m, $) {
+    P[u] = P[u] || [], P[u].push(h), u.split(".")[0] === "update" && o.forEach(function(m, $) {
       $e("update", $);
     });
   }
@@ -4946,15 +4962,15 @@ function Wl(n, t, e) {
   }
   function Lt(u) {
     var h = u && u.split(".")[0], m = h ? u.substring(h.length) : u;
-    Object.keys(E).forEach(function($) {
+    Object.keys(P).forEach(function($) {
       var H = $.split(".")[0], I = $.substring(H.length);
-      (!h || h === H) && (!m || m === I) && (!ba(I) || m === I) && delete E[$];
+      (!h || h === H) && (!m || m === I) && (!ba(I) || m === I) && delete P[$];
     });
   }
   function $e(u, h, m) {
-    Object.keys(E).forEach(function($) {
+    Object.keys(P).forEach(function($) {
       var H = $.split(".")[0];
-      u === H && E[$].forEach(function(I) {
+      u === H && P[$].forEach(function(I) {
         I.call(
           // Use the slider public API as the scope ('this')
           jt,
@@ -4967,7 +4983,7 @@ function Wl(n, t, e) {
           // Event is fired by tap, true or false
           m || !1,
           // Left offset of the handle, in relation to the slider
-          k.slice(),
+          _.slice(),
           // add the slider public API to an accessible parameter when this is unavailable
           jt
         );
@@ -4999,45 +5015,45 @@ function Wl(n, t, e) {
     return t.dir ? 100 - u - h : u;
   }
   function wa(u, h) {
-    k[u] = h, b[u] = v.fromStepping(h);
+    _[u] = h, b[u] = v.fromStepping(h);
     var m = rr(h, 0) - w, $ = "translate(" + fn(m + "%", "0") + ")";
     o[u].style[t.transformRule] = $, ar(u), ar(u + 1);
   }
   function hn() {
     g.forEach(function(u) {
-      var h = k[u] > 50 ? -1 : 1, m = 3 + (o.length + h * u);
+      var h = _[u] > 50 ? -1 : 1, m = 3 + (o.length + h * u);
       o[u].style.zIndex = String(m);
     });
   }
   function mt(u, h, m, $, H, I) {
-    return H || (h = Wt(k, u, h, m, $, !1, I)), h === !1 ? !1 : (wa(u, h), !0);
+    return H || (h = Wt(_, u, h, m, $, !1, I)), h === !1 ? !1 : (wa(u, h), !0);
   }
   function ar(u) {
     if (c[u]) {
       var h = 0, m = 100;
-      u !== 0 && (h = k[u - 1]), u !== c.length - 1 && (m = k[u]);
+      u !== 0 && (h = _[u - 1]), u !== c.length - 1 && (m = _[u]);
       var $ = m - h, H = "translate(" + fn(rr(h, $) + "%", "0") + ")", I = "scale(" + fn($ / 100, "1") + ")";
       c[u].style[t.transformRule] = H + " " + I;
     }
   }
   function sr(u, h) {
-    return u === null || u === !1 || u === void 0 || (typeof u == "number" && (u = String(u)), u = t.format.from(u), u !== !1 && (u = v.toStepping(u)), u === !1 || isNaN(u)) ? k[h] : u;
+    return u === null || u === !1 || u === void 0 || (typeof u == "number" && (u = String(u)), u = t.format.from(u), u !== !1 && (u = v.toStepping(u)), u === !1 || isNaN(u)) ? _[h] : u;
   }
   function qt(u, h, m) {
-    var $ = ln(u), H = k[0] === void 0;
+    var $ = ln(u), H = _[0] === void 0;
     h = h === void 0 ? !0 : h, t.animate && !H && vr(i, t.cssClasses.tap, t.animationDuration), g.forEach(function(q) {
       mt(q, sr($[q], q), !0, !1, m);
     });
     var I = g.length === 1 ? 0 : 1;
-    if (H && v.hasNoSize() && (m = !0, k[0] = 0, g.length > 1)) {
+    if (H && v.hasNoSize() && (m = !0, _[0] = 0, g.length > 1)) {
       var ee = 100 / (g.length - 1);
       g.forEach(function(q) {
-        k[q] = q * ee;
+        _[q] = q * ee;
       });
     }
     for (; I < g.length; ++I)
       g.forEach(function(q) {
-        mt(q, k[q], !0, !0, m);
+        mt(q, _[q], !0, !0, m);
       });
     hn(), g.forEach(function(q) {
       $e("update", q), $[q] !== null && h && $e("set", q);
@@ -5065,7 +5081,7 @@ function Wl(n, t, e) {
     delete i.noUiSlider;
   }
   function or(u) {
-    var h = k[u], m = v.getNearbySteps(h), $ = b[u], H = m.thisStep.step, I = null;
+    var h = _[u], m = v.getNearbySteps(h), $ = b[u], H = m.thisStep.step, I = null;
     if (t.snap)
       return [
         $ - m.stepBefore.startValue || null,
@@ -5097,10 +5113,10 @@ function Wl(n, t, e) {
     var H = Gr(e);
     $.forEach(function(I) {
       u[I] !== void 0 && (t[I] = H[I]);
-    }), v = H.spectrum, t.margin = H.margin, t.limit = H.limit, t.padding = H.padding, t.pips ? _(t.pips) : pt(), t.tooltips ? j() : Ue(), k = [], qt(_n(u.start) ? u.start : m, h);
+    }), v = H.spectrum, t.margin = H.margin, t.limit = H.limit, t.padding = H.padding, t.pips ? k(t.pips) : pt(), t.tooltips ? j() : Ue(), _ = [], qt(_n(u.start) ? u.start : m, h);
   }
   function Ca() {
-    l = ge(i), ae(t.connect, l), ya(t.events), qt(t.start), t.pips && _(t.pips), t.tooltips && j(), te();
+    l = ve(i), ae(t.connect, l), ya(t.events), qt(t.start), t.pips && k(t.pips), t.tooltips && j(), te();
   }
   Ca();
   var jt = {
@@ -5116,7 +5132,7 @@ function Wl(n, t, e) {
     enable: ce,
     // Exposed for unit testing, don't use this in your application.
     __moveHandles: function(u, h, m) {
-      nr(u, h, k, m);
+      nr(u, h, _, m);
     },
     options: e,
     updateOptions: Da,
@@ -5124,7 +5140,7 @@ function Wl(n, t, e) {
     removePips: pt,
     removeTooltips: Ue,
     getPositions: function() {
-      return k.slice();
+      return _.slice();
     },
     getTooltips: function() {
       return p;
@@ -5132,7 +5148,7 @@ function Wl(n, t, e) {
     getOrigins: function() {
       return o;
     },
-    pips: _
+    pips: k
     // Issue #594
   };
   return jt;
@@ -5242,7 +5258,7 @@ const wr = {
   },
   emits: ["start", "slide", "drag", "update", "change", "set", "end", "init"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = "id" + Bt(), s = Y(null), i = {
+    const r = n, a = "id" + Bt(), s = V(null), i = {
       start: r.start,
       connect: r.connect,
       range: r.range,
@@ -5264,27 +5280,27 @@ const wr = {
     it(() => s.value, (g, D) => {
       if (!r.selectable)
         return;
-      const P = document.querySelector(`#${a}`).querySelectorAll("[data-handle]");
-      for (let y in P) P.hasOwnProperty(y) && P[y].classList.remove("selected");
+      const T = document.querySelector(`#${a}`).querySelectorAll("[data-handle]");
+      for (let y in T) T.hasOwnProperty(y) && T[y].classList.remove("selected");
       g !== null && document.querySelector(`#${a} [data-handle="${g}"]`).classList.add("selected");
     }), et(() => {
       l = document.getElementById(a), wr.create(l, i), e("init"), o();
     });
     const o = () => {
-      l.noUiSlider.on("start", (g, D, E, P, y, x) => {
-        s.value = D, e("start", { values: g, index: D, eunencoded: E, tap: P, positions: y, slider: x, selectedIndex: s });
-      }), l.noUiSlider.on("slide", (g, D, E, P, y, x) => {
-        s.value = D, e("slide", { values: g, index: D, eunencoded: E, tap: P, positions: y, slider: x, selectedIndex: s });
-      }), l.noUiSlider.on("drag", (g, D, E, P, y, x) => {
-        s.value = D, e("drag", { values: g, index: D, eunencoded: E, tap: P, positions: y, slider: x, selectedIndex: s });
-      }), l.noUiSlider.on("update", (g, D, E, P, y, x) => {
-        s.value = D, e("update", { values: g, index: D, eunencoded: E, tap: P, positions: y, slider: x, selectedIndex: s });
-      }), l.noUiSlider.on("change", (g, D, E, P, y, x) => {
-        s.value = D, e("change", { values: g, index: D, eunencoded: E, tap: P, positions: y, slider: x, selectedIndex: s });
-      }), l.noUiSlider.on("set", (g, D, E, P, y, x) => {
-        s.value = D, e("set", { values: g, index: D, eunencoded: E, tap: P, positions: y, slider: x, selectedIndex: s });
-      }), l.noUiSlider.on("end", (g, D, E, P, y, x) => {
-        s.value = D, e("end", { values: g, index: D, eunencoded: E, tap: P, positions: y, slider: x, selectedIndex: s });
+      l.noUiSlider.on("start", (g, D, P, T, y, S) => {
+        s.value = D, e("start", { values: g, index: D, eunencoded: P, tap: T, positions: y, slider: S, selectedIndex: s });
+      }), l.noUiSlider.on("slide", (g, D, P, T, y, S) => {
+        s.value = D, e("slide", { values: g, index: D, eunencoded: P, tap: T, positions: y, slider: S, selectedIndex: s });
+      }), l.noUiSlider.on("drag", (g, D, P, T, y, S) => {
+        s.value = D, e("drag", { values: g, index: D, eunencoded: P, tap: T, positions: y, slider: S, selectedIndex: s });
+      }), l.noUiSlider.on("update", (g, D, P, T, y, S) => {
+        s.value = D, e("update", { values: g, index: D, eunencoded: P, tap: T, positions: y, slider: S, selectedIndex: s });
+      }), l.noUiSlider.on("change", (g, D, P, T, y, S) => {
+        s.value = D, e("change", { values: g, index: D, eunencoded: P, tap: T, positions: y, slider: S, selectedIndex: s });
+      }), l.noUiSlider.on("set", (g, D, P, T, y, S) => {
+        s.value = D, e("set", { values: g, index: D, eunencoded: P, tap: T, positions: y, slider: S, selectedIndex: s });
+      }), l.noUiSlider.on("end", (g, D, P, T, y, S) => {
+        s.value = D, e("end", { values: g, index: D, eunencoded: P, tap: T, positions: y, slider: S, selectedIndex: s });
       });
     };
     return t({
@@ -5300,7 +5316,7 @@ const wr = {
       updateStart: (g) => {
         s.value = null, l.noUiSlider.destroy(), i.start = g, wr.create(l, i), e("init"), o();
       }
-    }), (g, D) => (d(), S("div", {
+    }), (g, D) => (d(), x("div", {
       id: a,
       class: re(["slider-styled slider-round", [r.type, r.tooltipHide ? "slider-tooltip-hide" : null]])
     }, null, 2));
@@ -5321,7 +5337,7 @@ const wr = {
 ), Gl = [Xl], Vn = Qe({
   name: "KeyboardArrowLeftSharp",
   render: function(t, e) {
-    return d(), S("svg", Ul, Gl);
+    return d(), x("svg", Ul, Gl);
   }
 }), Ql = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -5339,7 +5355,7 @@ const wr = {
 ), Zl = [Kl], Yn = Qe({
   name: "KeyboardArrowRightSharp",
   render: function(t, e) {
-    return d(), S("svg", Ql, Zl);
+    return d(), x("svg", Ql, Zl);
   }
 }), Jl = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -5357,7 +5373,7 @@ const wr = {
 ), tu = [eu], nu = Qe({
   name: "MinusSharp",
   render: function(t, e) {
-    return d(), S("svg", Jl, tu);
+    return d(), x("svg", Jl, tu);
   }
 }), ru = /* @__PURE__ */ O("div", { class: "point" }, null, -1), au = [
   ru
@@ -5371,7 +5387,7 @@ const wr = {
   },
   emits: ["angle"],
   setup(n, { emit: t }) {
-    const e = n, r = Y(null), a = Y(parseInt(e.angle)), s = Y(!1);
+    const e = n, r = V(null), a = V(parseInt(e.angle)), s = V(!1);
     it(() => e.angle, (o) => {
       a.value = -~o;
     });
@@ -5381,7 +5397,7 @@ const wr = {
         a.value = -~p, t("angle", p);
       }
     };
-    return (o, c) => (d(), S("div", null, [
+    return (o, c) => (d(), x("div", null, [
       O("div", {
         ref_key: "setupAngle",
         ref: r,
@@ -5393,7 +5409,7 @@ const wr = {
       }, [
         O("div", {
           class: "container",
-          style: ve({ transform: `rotate(${a.value}deg)` })
+          style: ge({ transform: `rotate(${a.value}deg)` })
         }, au, 4)
       ], 544)
     ]));
@@ -5425,10 +5441,10 @@ const wr = {
     };
     return (i, l) => {
       var o;
-      return d(), S("div", iu, [
-        e.label ? (d(), S("div", ou, [
+      return d(), x("div", iu, [
+        e.label ? (d(), x("div", ou, [
           be(Z(e.label), 1),
-          (o = e.form) != null && o.fields[e.name].rules && e.form.fields[e.name].rules.hasOwnProperty("required") ? (d(), S("span", lu, "*")) : B("", !0)
+          (o = e.form) != null && o.fields[e.name].rules && e.form.fields[e.name].rules.hasOwnProperty("required") ? (d(), x("span", lu, "*")) : B("", !0)
         ])) : B("", !0),
         O("div", uu, [
           W(su, {
@@ -5598,7 +5614,7 @@ xt.parse = /* @__PURE__ */ function() {
       return ut && (ce(n.comma) || e("Missing comma before color stops")), {
         type: j,
         orientation: ut,
-        colorStops: y(x)
+        colorStops: y(S)
       };
     });
   }
@@ -5624,7 +5640,7 @@ xt.parse = /* @__PURE__ */ function() {
     return te && (j = [], j.push(te), pe = t, ce(n.comma) && (te = v(), te ? j.push(te) : t = pe)), j;
   }
   function v() {
-    var j = b() || k();
+    var j = b() || _();
     if (j)
       j.at = D();
     else {
@@ -5634,7 +5650,7 @@ xt.parse = /* @__PURE__ */ function() {
         var pe = D();
         pe && (j.at = pe);
       } else {
-        var Ce = E();
+        var Ce = P();
         Ce && (j = {
           type: "default-radial",
           at: Ce
@@ -5647,7 +5663,7 @@ xt.parse = /* @__PURE__ */ function() {
     var j = ne("shape", /^(circle)/i, 0);
     return j && (j.style = M() || g()), j;
   }
-  function k() {
+  function _() {
     var j = ne("shape", /^(ellipse)/i, 0);
     return j && (j.style = z() || g()), j;
   }
@@ -5656,19 +5672,19 @@ xt.parse = /* @__PURE__ */ function() {
   }
   function D() {
     if (ne("position", /^at/, 0)) {
-      var j = E();
+      var j = P();
       return j || e("Missing positioning value"), j;
     }
   }
-  function E() {
-    var j = P();
+  function P() {
+    var j = T();
     if (j.x || j.y)
       return {
         type: "position",
         value: j
       };
   }
-  function P() {
+  function T() {
     return {
       x: z(),
       y: z()
@@ -5681,7 +5697,7 @@ xt.parse = /* @__PURE__ */ function() {
         te = j(), te ? pe.push(te) : e("One extra comma");
     return pe;
   }
-  function x() {
+  function S() {
     var j = w();
     return j || e("Expected color definition"), j.length = z(), j;
   }
@@ -5698,7 +5714,7 @@ xt.parse = /* @__PURE__ */ function() {
     return l(n.rgbColor, function() {
       return {
         type: "rgb",
-        value: y(ge)
+        value: y(ve)
       };
     });
   }
@@ -5706,11 +5722,11 @@ xt.parse = /* @__PURE__ */ function() {
     return l(n.rgbaColor, function() {
       return {
         type: "rgba",
-        value: y(ge)
+        value: y(ve)
       };
     });
   }
-  function ge() {
+  function ve() {
     return ce(n.number)[1];
   }
   function z() {
@@ -5796,7 +5812,7 @@ const du = {
       set: (y) => {
         t("update:modelValue", y);
       }
-    }), a = Y(null), s = Y(null), i = Y([{ code: "#FFFFFF" }]), l = Y(""), o = Y("linear"), c = Y("0"), f = Y("");
+    }), a = V(null), s = V(null), i = V([{ code: "#FFFFFF" }]), l = V(""), o = V("linear"), c = V("0"), f = V("");
     let p = 1;
     const v = () => {
       a.value.show(), b();
@@ -5805,14 +5821,14 @@ const du = {
       o.value = K[0], o.value === "linear" && (c.value = N[0].orientation.value), i.value = [], p = N[0].colorStops.length;
       const X = [];
       for (let ae = 0; ae < N[0].colorStops.length; ae++) {
-        const ge = N[0].colorStops[ae].type === "hex" ? `#${N[0].colorStops[ae].value}` : `rgba(${N[0].colorStops[ae].value.join(",")})`;
-        i.value.push({ code: ge }), X.push(N[0].colorStops[ae].length.value);
+        const ve = N[0].colorStops[ae].type === "hex" ? `#${N[0].colorStops[ae].value}` : `rgba(${N[0].colorStops[ae].value.join(",")})`;
+        i.value.push({ code: ve }), X.push(N[0].colorStops[ae].length.value);
       }
       setTimeout(() => {
         var ae;
-        (ae = s.value) == null || ae.updateStart(X), P();
+        (ae = s.value) == null || ae.updateStart(X), T();
       }, 100);
-    }, k = {
+    }, _ = {
       outside: {
         component: zt("div", { class: "color-indicator", style: r.value })
       }
@@ -5821,50 +5837,50 @@ const du = {
     }, D = () => {
       if (p < e.maxColors) {
         i.value.push({ code: "#FFFFFF" }), p++;
-        const y = Math.round(100 / p), x = [];
+        const y = Math.round(100 / p), S = [];
         for (let w = 0; w < p; w++)
-          x.push(w * y);
-        s.value.updateStart(x);
+          S.push(w * y);
+        s.value.updateStart(S);
       }
-    }, E = (y) => {
+    }, P = (y) => {
       if (p > 1) {
-        const x = s.value.get();
-        x.splice(y, 1), i.value.splice(y, 1), s.value.updateStart(x), p--;
+        const S = s.value.get();
+        S.splice(y, 1), i.value.splice(y, 1), s.value.updateStart(S), p--;
       }
     };
     et(() => {
       r.value || (r.value = "background: #FFFFFF;"), b(), f.value = `${e.text}: ${i.value.length}`;
     });
-    const P = () => {
+    const T = () => {
       if (!s.value)
         return;
-      const y = o.value + "-gradient", x = s.value.position();
+      const y = o.value + "-gradient", S = s.value.position();
       let w = [];
       w.push(o.value === "radial" ? "circle" : `${c.value}deg`);
       for (let N = 0; N < i.value.length; N++)
-        w.push(`${i.value[N].code} ${parseInt(x[N])}%`);
+        w.push(`${i.value[N].code} ${parseInt(S[N])}%`);
       l.value = `background: ${i.value[0].code};`, i.value.length > 1 && (l.value += `background: ${y}(${w.join(", ")})`);
     };
-    return (y, x) => (d(), S("div", null, [
+    return (y, S) => (d(), x("div", null, [
       W(on, {
-        pre: k,
+        pre: _,
         label: e.label,
         modelValue: f.value,
-        "onUpdate:modelValue": x[0] || (x[0] = (w) => f.value = w),
+        "onUpdate:modelValue": S[0] || (S[0] = (w) => f.value = w),
         onClick: v,
         readonly: !0
       }, {
         pre: Q(() => [
           O("div", {
             class: "color-indicator",
-            style: ve(r.value)
+            style: ge(r.value)
           }, null, 4)
         ]),
         _: 1
       }, 8, ["label", "modelValue"]),
       je(O("input", {
         type: "hidden",
-        "onUpdate:modelValue": x[1] || (x[1] = (w) => r.value = w)
+        "onUpdate:modelValue": S[1] || (S[1] = (w) => r.value = w)
       }, null, 512), [
         [Pn, r.value]
       ]),
@@ -5880,10 +5896,10 @@ const du = {
         default: Q(() => [
           O("div", {
             class: "mb-1",
-            style: ve([{ height: "100px", width: "100%" }, l.value])
+            style: ge([{ height: "100px", width: "100%" }, l.value])
           }, null, 4),
           W(jl, {
-            onUpdate: P,
+            onUpdate: T,
             class: "mb-1",
             ref_key: "sliderRef",
             ref: s,
@@ -5894,9 +5910,9 @@ const du = {
           O("div", du, [
             O("div", null, [
               W(Li, {
-                onChange: P,
+                onChange: T,
                 modelValue: o.value,
-                "onUpdate:modelValue": x[2] || (x[2] = (w) => o.value = w),
+                "onUpdate:modelValue": S[2] || (S[2] = (w) => o.value = w),
                 options: [{ label: e.linear, value: "linear" }, { label: e.radial, value: "radial" }],
                 size: "wide"
               }, null, 8, ["modelValue", "options"])
@@ -5904,13 +5920,13 @@ const du = {
             O("div", null, [
               o.value !== "radial" ? (d(), A(cu, {
                 key: 0,
-                onChange: P,
+                onChange: T,
                 modelValue: c.value,
-                "onUpdate:modelValue": x[3] || (x[3] = (w) => c.value = w)
+                "onUpdate:modelValue": S[3] || (S[3] = (w) => c.value = w)
               }, null, 8, ["modelValue"])) : B("", !0)
             ])
           ]),
-          (d(!0), S(ke, null, Ne(i.value, (w, N) => (d(), S("div", {
+          (d(!0), x(ke, null, Ne(i.value, (w, N) => (d(), x("div", {
             style: { display: "flex", gap: "5px", "align-items": "center", "justify-content": "center" },
             key: N
           }, [
@@ -5919,15 +5935,15 @@ const du = {
               "onUpdate:modelValue": (K) => w.code = K,
               style: { flex: "1" },
               format: "rgba",
-              onChange: P
+              onChange: T
             }, null, 8, ["modelValue", "onUpdate:modelValue"]),
             G(p) > 1 ? (d(), A(Le, {
               key: 0,
               icon: "MinusSharp",
-              onClick: (K) => E(N)
+              onClick: (K) => P(N)
             }, null, 8, ["onClick"])) : B("", !0)
           ]))), 128)),
-          G(p) < e.maxColors ? (d(), S("div", fu, [
+          G(p) < e.maxColors ? (d(), x("div", fu, [
             W(Le, { onClick: D }, {
               default: Q(() => [
                 be(Z(e.add), 1)
@@ -5939,7 +5955,7 @@ const du = {
         "modal-footer": Q(() => [
           O("div", hu, [
             W(Le, {
-              onClick: x[4] || (x[4] = (w) => a.value.hide())
+              onClick: S[4] || (S[4] = (w) => a.value.hide())
             }, {
               default: Q(() => [
                 be(Z(e.close), 1)
@@ -5976,58 +5992,58 @@ const du = {
   },
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
   setup(n, { emit: t }) {
-    const e = n, r = Et(), a = Y([]), s = C(() => a.value.length), i = C(() => a.value.reduce((_, T) => (_[~~T.id] = T) && _, {})), l = Y(null), o = Y(!1), c = Y({
+    const e = n, r = Et(), a = V([]), s = C(() => a.value.length), i = C(() => a.value.reduce((k, E) => (k[~~E.id] = E) && k, {})), l = V(null), o = V(!1), c = V({
       mouseDown: !1,
       dragging: !1,
       activeSplitter: null
-    }), f = Y({
+    }), f = V({
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
     }), p = () => {
-      document.addEventListener("mousemove", k, { passive: !1 }), document.addEventListener("mouseup", g), "ontouchstart" in window && (document.addEventListener("touchmove", k, { passive: !1 }), document.addEventListener("touchend", g));
+      document.addEventListener("mousemove", _, { passive: !1 }), document.addEventListener("mouseup", g), "ontouchstart" in window && (document.addEventListener("touchmove", _, { passive: !1 }), document.addEventListener("touchend", g));
     }, v = () => {
-      document.removeEventListener("mousemove", k, { passive: !1 }), document.removeEventListener("mouseup", g), "ontouchstart" in window && (document.removeEventListener("touchmove", k, { passive: !1 }), document.removeEventListener("touchend", g));
-    }, b = (_, T) => {
-      p(), c.value.mouseDown = !0, c.value.activeSplitter = T;
-    }, k = (_) => {
-      e.movable && c.value.mouseDown && (_.preventDefault(), c.value.dragging = !0, w(y(_)), t("resize", a.value.map((T) => ({ min: T.min, max: T.max, size: T.size }))));
+      document.removeEventListener("mousemove", _, { passive: !1 }), document.removeEventListener("mouseup", g), "ontouchstart" in window && (document.removeEventListener("touchmove", _, { passive: !1 }), document.removeEventListener("touchend", g));
+    }, b = (k, E) => {
+      p(), c.value.mouseDown = !0, c.value.activeSplitter = E;
+    }, _ = (k) => {
+      e.movable && c.value.mouseDown && (k.preventDefault(), c.value.dragging = !0, w(y(k)), t("resize", a.value.map((E) => ({ min: E.min, max: E.max, size: E.size }))));
     }, g = () => {
-      c.value.dragging && t("resized", a.value.map((_) => ({ min: _.min, max: _.max, size: _.size }))), c.value.mouseDown = !1, setTimeout(() => {
+      c.value.dragging && t("resized", a.value.map((k) => ({ min: k.min, max: k.max, size: k.size }))), c.value.mouseDown = !1, setTimeout(() => {
         c.value.dragging = !1, v();
       }, 100);
-    }, D = (_, T) => {
-      "ontouchstart" in window && (_.preventDefault(), e.dblClickSplitter && (f.value.splitter === T ? (clearTimeout(f.value.timeoutId), f.value.timeoutId = null, E(_, T), f.value.splitter = null) : (f.value.splitter = T, f.value.timeoutId = setTimeout(() => {
+    }, D = (k, E) => {
+      "ontouchstart" in window && (k.preventDefault(), e.dblClickSplitter && (f.value.splitter === E ? (clearTimeout(f.value.timeoutId), f.value.timeoutId = null, P(k, E), f.value.splitter = null) : (f.value.splitter = E, f.value.timeoutId = setTimeout(() => {
         f.value.splitter = null;
-      }, 500)))), c.value.dragging || t("splitter-click", a.value[T]);
-    }, E = (_, T) => {
+      }, 500)))), c.value.dragging || t("splitter-click", a.value[E]);
+    }, P = (k, E) => {
       let F = 0;
-      a.value = a.value.map((L, R) => (L.size = R === T ? L.max : L.min, R !== T && (F += L.min), L)), a.value[T].size -= F, t("pane-maximize", a.value[T]), t("resized", a.value.map((L) => ({ min: L.min, max: L.max, size: L.size })));
-    }, P = (_, T) => {
-      t("pane-click", i.value[T]);
-    }, y = (_) => {
-      const T = l.value.getBoundingClientRect(), { clientX: F, clientY: L } = "ontouchstart" in window && _.touches ? _.touches[0] : _;
+      a.value = a.value.map((L, R) => (L.size = R === E ? L.max : L.min, R !== E && (F += L.min), L)), a.value[E].size -= F, t("pane-maximize", a.value[E]), t("resized", a.value.map((L) => ({ min: L.min, max: L.max, size: L.size })));
+    }, T = (k, E) => {
+      t("pane-click", i.value[E]);
+    }, y = (k) => {
+      const E = l.value.getBoundingClientRect(), { clientX: F, clientY: L } = "ontouchstart" in window && k.touches ? k.touches[0] : k;
       return {
-        x: F - T.left,
-        y: L - T.top
+        x: F - E.left,
+        y: L - E.top
       };
-    }, x = (_) => {
-      _ = _[e.horizontal ? "y" : "x"];
-      const T = l.value[e.horizontal ? "clientHeight" : "clientWidth"];
-      return e.rtl && !e.horizontal && (_ = T - _), _ * 100 / T;
-    }, w = (_) => {
-      const T = c.value.activeSplitter;
+    }, S = (k) => {
+      k = k[e.horizontal ? "y" : "x"];
+      const E = l.value[e.horizontal ? "clientHeight" : "clientWidth"];
+      return e.rtl && !e.horizontal && (k = E - k), k * 100 / E;
+    }, w = (k) => {
+      const E = c.value.activeSplitter;
       let F = {
-        prevPanesSize: K(T),
-        nextPanesSize: X(T),
+        prevPanesSize: K(E),
+        nextPanesSize: X(E),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const L = 0 + (e.pushOtherPanes ? 0 : F.prevPanesSize), R = 100 - (e.pushOtherPanes ? 0 : F.nextPanesSize), J = Math.max(Math.min(x(_), R), L);
-      let le = [T, T + 1], Oe = a.value[le[0]] || null, Be = a.value[le[1]] || null;
-      const kt = Oe.max < 100 && J >= Oe.max + F.prevPanesSize, cn = Be.max < 100 && J <= 100 - (Be.max + X(T + 1));
+      const L = 0 + (e.pushOtherPanes ? 0 : F.prevPanesSize), R = 100 - (e.pushOtherPanes ? 0 : F.nextPanesSize), J = Math.max(Math.min(S(k), R), L);
+      let le = [E, E + 1], Oe = a.value[le[0]] || null, Be = a.value[le[1]] || null;
+      const kt = Oe.max < 100 && J >= Oe.max + F.prevPanesSize, cn = Be.max < 100 && J <= 100 - (Be.max + X(E + 1));
       if (kt || cn) {
-        kt ? (Oe.size = Oe.max, Be.size = Math.max(100 - Oe.max - F.prevPanesSize - F.nextPanesSize, 0)) : (Oe.size = Math.max(100 - Be.max - F.prevPanesSize - X(T + 1), 0), Be.size = Be.max);
+        kt ? (Oe.size = Oe.max, Be.size = Math.max(100 - Oe.max - F.prevPanesSize - F.nextPanesSize, 0)) : (Oe.size = Math.max(100 - Be.max - F.prevPanesSize - X(E + 1), 0), Be.size = Be.max);
         return;
       }
       if (e.pushOtherPanes) {
@@ -6036,103 +6052,103 @@ const du = {
         ({ sums: F, panesToResize: le } = Yt), Oe = a.value[le[0]] || null, Be = a.value[le[1]] || null;
       }
       Oe !== null && (Oe.size = Math.min(Math.max(J - F.prevPanesSize - F.prevReachedMinPanes, Oe.min), Oe.max)), Be !== null && (Be.size = Math.min(Math.max(100 - J - F.nextPanesSize - F.nextReachedMinPanes, Be.min), Be.max));
-    }, N = (_, T) => {
+    }, N = (k, E) => {
       const F = c.value.activeSplitter, L = [F, F + 1];
-      return T < _.prevPanesSize + a.value[L[0]].min && (L[0] = ae(F).index, _.prevReachedMinPanes = 0, L[0] < F && a.value.forEach((R, J) => {
-        J > L[0] && J <= F && (R.size = R.min, _.prevReachedMinPanes += R.min);
-      }), _.prevPanesSize = K(L[0]), L[0] === void 0) ? (_.prevReachedMinPanes = 0, a.value[0].size = a.value[0].min, a.value.forEach((R, J) => {
-        J > 0 && J <= F && (R.size = R.min, _.prevReachedMinPanes += R.min);
-      }), a.value[L[1]].size = 100 - _.prevReachedMinPanes - a.value[0].min - _.prevPanesSize - _.nextPanesSize, null) : T > 100 - _.nextPanesSize - a.value[L[1]].min && (L[1] = ge(F).index, _.nextReachedMinPanes = 0, L[1] > F + 1 && a.value.forEach((R, J) => {
-        J > F && J < L[1] && (R.size = R.min, _.nextReachedMinPanes += R.min);
-      }), _.nextPanesSize = X(L[1] - 1), L[1] === void 0) ? (_.nextReachedMinPanes = 0, a.value[s.value - 1].size = a.value[s.value - 1].min.value, a.value.forEach((R, J) => {
-        J < s.value - 1 && J >= F + 1 && (R.size = R.min, _.nextReachedMinPanes += R.min);
-      }), a.value[L[0]].size = 100 - _.prevPanesSize - _.nextReachedMinPanes - a.value[s.value - 1].min - _.nextPanesSize.value, null) : { sums: _, panesToResize: L };
-    }, K = (_) => a.value.reduce((T, F, L) => T + (L < _ ? F.size : 0), 0), X = (_) => a.value.reduce((T, F, L) => T + (L > _ + 1 ? F.size : 0), 0), ae = (_) => [...a.value].reverse().find((F) => F.index < _ && F.size > F.min) || {}, ge = (_) => a.value.find((F) => F.index > _ + 1 && F.size > F.min) || {}, z = () => {
-      var T;
-      Array.from(((T = l.value) == null ? void 0 : T.children) || []).forEach((F) => {
+      return E < k.prevPanesSize + a.value[L[0]].min && (L[0] = ae(F).index, k.prevReachedMinPanes = 0, L[0] < F && a.value.forEach((R, J) => {
+        J > L[0] && J <= F && (R.size = R.min, k.prevReachedMinPanes += R.min);
+      }), k.prevPanesSize = K(L[0]), L[0] === void 0) ? (k.prevReachedMinPanes = 0, a.value[0].size = a.value[0].min, a.value.forEach((R, J) => {
+        J > 0 && J <= F && (R.size = R.min, k.prevReachedMinPanes += R.min);
+      }), a.value[L[1]].size = 100 - k.prevReachedMinPanes - a.value[0].min - k.prevPanesSize - k.nextPanesSize, null) : E > 100 - k.nextPanesSize - a.value[L[1]].min && (L[1] = ve(F).index, k.nextReachedMinPanes = 0, L[1] > F + 1 && a.value.forEach((R, J) => {
+        J > F && J < L[1] && (R.size = R.min, k.nextReachedMinPanes += R.min);
+      }), k.nextPanesSize = X(L[1] - 1), L[1] === void 0) ? (k.nextReachedMinPanes = 0, a.value[s.value - 1].size = a.value[s.value - 1].min.value, a.value.forEach((R, J) => {
+        J < s.value - 1 && J >= F + 1 && (R.size = R.min, k.nextReachedMinPanes += R.min);
+      }), a.value[L[0]].size = 100 - k.prevPanesSize - k.nextReachedMinPanes - a.value[s.value - 1].min - k.nextPanesSize.value, null) : { sums: k, panesToResize: L };
+    }, K = (k) => a.value.reduce((E, F, L) => E + (L < k ? F.size : 0), 0), X = (k) => a.value.reduce((E, F, L) => E + (L > k + 1 ? F.size : 0), 0), ae = (k) => [...a.value].reverse().find((F) => F.index < k && F.size > F.min) || {}, ve = (k) => a.value.find((F) => F.index > k + 1 && F.size > F.min) || {}, z = () => {
+      var E;
+      Array.from(((E = l.value) == null ? void 0 : E.children) || []).forEach((F) => {
         const L = F.classList.contains("d-splitter__panel"), R = F.classList.contains("d-splitter__splitter");
         !L && !R && (F.remove(), console.warn("DSplitter: Only <d-splitter-panels> elements are allowed at the root of <d-splitter>. One of your DOM nodes was removed."));
       });
-    }, ue = (_, T, F = !1) => {
-      const L = _ - 1, R = document.createElement("div");
-      R.classList.add("d-splitter__splitter"), R.style.width = `${e.horizontal ? "auto" : e.size + "px"}`, R.style.height = `${e.horizontal ? e.size + "px" : "auto"}`, R.style.display = `${e.size === 0 ? "none" : "block"}`, F || (R.onmousedown = (J) => b(J, L), typeof window < "u" && "ontouchstart" in window && (R.ontouchstart = (J) => b(J, L)), R.onclick = (J) => D(J, L + 1)), e.dblClickSplitter && (R.ondblclick = (J) => E(J, L + 1)), T.parentNode.insertBefore(R, T);
-    }, M = (_) => {
-      _.onmousedown = void 0, _.onclick = void 0, _.ondblclick = void 0, _.remove();
+    }, ue = (k, E, F = !1) => {
+      const L = k - 1, R = document.createElement("div");
+      R.classList.add("d-splitter__splitter"), R.style.width = `${e.horizontal ? "auto" : e.size + "px"}`, R.style.height = `${e.horizontal ? e.size + "px" : "auto"}`, R.style.display = `${e.size === 0 ? "none" : "block"}`, F || (R.onmousedown = (J) => b(J, L), typeof window < "u" && "ontouchstart" in window && (R.ontouchstart = (J) => b(J, L)), R.onclick = (J) => D(J, L + 1)), e.dblClickSplitter && (R.ondblclick = (J) => P(J, L + 1)), E.parentNode.insertBefore(R, E);
+    }, M = (k) => {
+      k.onmousedown = void 0, k.onclick = void 0, k.ondblclick = void 0, k.remove();
     }, ne = () => {
       var F;
-      const _ = Array.from(((F = l.value) == null ? void 0 : F.children) || []);
-      _.forEach((L) => {
+      const k = Array.from(((F = l.value) == null ? void 0 : F.children) || []);
+      k.forEach((L) => {
         L.className.includes("d-splitter__splitter") && M(L);
       });
-      let T = 0;
-      _.forEach((L) => {
-        L.className.includes("d-splitter__panel") && (!T && e.firstSplitter ? ue(T, L, !0) : T && ue(T, L), T++);
+      let E = 0;
+      k.forEach((L) => {
+        L.className.includes("d-splitter__panel") && (!E && e.firstSplitter ? ue(E, L, !0) : E && ue(E, L), E++);
       });
-    }, ce = ({ uid: _, ...T }) => {
-      const F = i.value[_];
-      Object.entries(T).forEach(([L, R]) => F[L] = R);
-    }, Ue = (_) => {
+    }, ce = ({ uid: k, ...E }) => {
+      const F = i.value[k];
+      Object.entries(E).forEach(([L, R]) => F[L] = R);
+    }, Ue = (k) => {
       var F;
-      let T = -1;
-      Array.from(((F = l.value) == null ? void 0 : F.children) || []).some((L) => (L.className.includes("d-splitter__panel") && T++, L.isSameNode(_.el))), a.value.splice(T, 0, { ..._, index: T }), a.value.forEach((L, R) => L.index = R), o.value && It(() => {
-        ne(), te({ addedPane: a.value[T] }), t("pane-add", { index: T, panes: a.value.map((L) => ({ min: L.min, max: L.max, size: L.size })) });
+      let E = -1;
+      Array.from(((F = l.value) == null ? void 0 : F.children) || []).some((L) => (L.className.includes("d-splitter__panel") && E++, L.isSameNode(k.el))), a.value.splice(E, 0, { ...k, index: E }), a.value.forEach((L, R) => L.index = R), o.value && It(() => {
+        ne(), te({ addedPane: a.value[E] }), t("pane-add", { index: E, panes: a.value.map((L) => ({ min: L.min, max: L.max, size: L.size })) });
       });
-    }, j = (_) => {
-      const T = a.value.findIndex((L) => L.id === _), F = a.value.splice(T, 1)[0];
+    }, j = (k) => {
+      const E = a.value.findIndex((L) => L.id === k), F = a.value.splice(E, 1)[0];
       a.value.forEach((L, R) => L.index = R), It(() => {
-        ne(), te({ removedPane: { ...F, index: T } }), t("pane-remove", { removed: F, panes: a.value.map((L) => ({ min: L.min, max: L.max, size: L.size })) });
+        ne(), te({ removedPane: { ...F, index: E } }), t("pane-remove", { removed: F, panes: a.value.map((L) => ({ min: L.min, max: L.max, size: L.size })) });
       });
-    }, te = (_ = {}) => {
-      !_.addedPane && !_.removedPane ? Ce() : a.value.some((T) => T.givenSize !== null || T.min || T.max < 100) ? ut(_) : pe(), o.value && t("resized", a.value.map((T) => ({ min: T.min, max: T.max, size: T.size })));
+    }, te = (k = {}) => {
+      !k.addedPane && !k.removedPane ? Ce() : a.value.some((E) => E.givenSize !== null || E.min || E.max < 100) ? ut(k) : pe(), o.value && t("resized", a.value.map((E) => ({ min: E.min, max: E.max, size: E.size })));
     }, pe = () => {
-      const _ = 100 / s.value;
-      let T = 0;
+      const k = 100 / s.value;
+      let E = 0;
       const F = [], L = [];
       a.value.forEach((R) => {
-        R.size = Math.max(Math.min(_, R.max), R.min), T -= R.size, R.size >= R.max && F.push(R.id), R.size <= R.min && L.push(R.id);
-      }), T > 0.1 && tt(T, F, L);
+        R.size = Math.max(Math.min(k, R.max), R.min), E -= R.size, R.size >= R.max && F.push(R.id), R.size <= R.min && L.push(R.id);
+      }), E > 0.1 && tt(E, F, L);
     }, Ce = () => {
-      let _ = 100;
-      const T = [], F = [];
+      let k = 100;
+      const E = [], F = [];
       let L = 0;
       a.value.forEach((J) => {
-        _ -= J.size, J.givenSize !== null && L++, J.size >= J.max && T.push(J.id), J.size <= J.min && F.push(J.id);
+        k -= J.size, J.givenSize !== null && L++, J.size >= J.max && E.push(J.id), J.size <= J.min && F.push(J.id);
       });
       let R = 100;
-      _ > 0.1 && (a.value.forEach((J) => {
-        J.givenSize === null && (J.size = Math.max(Math.min(_ / (s.value - L), J.max), J.min)), R -= J.size;
-      }), R > 0.1 && tt(R, T, F));
-    }, ut = ({ addedPane: _, removedPane: T } = {}) => {
+      k > 0.1 && (a.value.forEach((J) => {
+        J.givenSize === null && (J.size = Math.max(Math.min(k / (s.value - L), J.max), J.min)), R -= J.size;
+      }), R > 0.1 && tt(R, E, F));
+    }, ut = ({ addedPane: k, removedPane: E } = {}) => {
       let F = 100 / s.value, L = 0;
       const R = [], J = [];
-      (_ == null ? void 0 : _.givenSize) !== null && (F = (100 - _.givenSize) / (s.value - 1).value), a.value.forEach((le) => {
+      (k == null ? void 0 : k.givenSize) !== null && (F = (100 - k.givenSize) / (s.value - 1).value), a.value.forEach((le) => {
         L -= le.size, le.size >= le.max && R.push(le.id), le.size <= le.min && J.push(le.id);
       }), !(Math.abs(L) < 0.1) && (a.value.forEach((le) => {
-        (_ == null ? void 0 : _.givenSize) !== null && (_ == null ? void 0 : _.id) === le.id || (le.size = Math.max(Math.min(F, le.max), le.min)), L -= le.size, le.size >= le.max && R.push(le.id), le.size <= le.min && J.push(le.id);
+        (k == null ? void 0 : k.givenSize) !== null && (k == null ? void 0 : k.id) === le.id || (le.size = Math.max(Math.min(F, le.max), le.min)), L -= le.size, le.size >= le.max && R.push(le.id), le.size <= le.min && J.push(le.id);
       }), L > 0.1 && tt(L, R, J));
-    }, tt = (_, T, F) => {
+    }, tt = (k, E, F) => {
       let L;
-      _ > 0 ? L = _ / (s.value - T.length) : L = _ / (s.value - F.length), a.value.forEach((R, J) => {
-        if (_ > 0 && !T.includes(R.id)) {
+      k > 0 ? L = k / (s.value - E.length) : L = k / (s.value - F.length), a.value.forEach((R, J) => {
+        if (k > 0 && !E.includes(R.id)) {
           const le = Math.max(Math.min(R.size + L, R.max), R.min), Oe = le - R.size;
-          _ -= Oe, R.size = le;
+          k -= Oe, R.size = le;
         } else if (!F.includes(R.id)) {
           const le = Math.max(Math.min(R.size + L, R.max), R.min), Oe = le - R.size;
-          _ -= Oe, R.size = le;
+          k -= Oe, R.size = le;
         }
-      }), Math.abs(_) > 0.1 && It(() => {
+      }), Math.abs(k) > 0.1 && It(() => {
         o.value && console.warn("D-Splitter: Could not resize panes correctly due to their constraints.");
       });
     };
-    it(() => e.firstSplitter, () => ne()), it(() => e.dblClickSplitter, (_) => {
+    it(() => e.firstSplitter, () => ne()), it(() => e.dblClickSplitter, (k) => {
       [...l.value.querySelectorAll(".d-splitter__splitter")].forEach((F, L) => {
-        F.ondblclick = _ ? (R) => E(R, L) : void 0;
+        F.ondblclick = k ? (R) => P(R, L) : void 0;
       });
     }), Rr(() => o.value = !1), et(() => {
       z(), ne(), te(), t("ready"), o.value = !0;
     });
     const pt = () => {
-      var _;
+      var k;
       return zt(
         "div",
         {
@@ -6143,10 +6159,10 @@ const du = {
             { "d-splitter--dragging": c.value.dragging }
           ]
         },
-        (_ = r.default) == null ? void 0 : _.call(r)
+        (k = r.default) == null ? void 0 : k.call(r)
       );
     };
-    return gt("panes", a), gt("indexedPanes", i), gt("horizontal", C(() => e.horizontal)), gt("requestUpdate", ce), gt("onPaneAdd", Ue), gt("onPaneRemove", j), gt("onPaneClick", P), (_, T) => (d(), A(Ye(pt)));
+    return gt("panes", a), gt("indexedPanes", i), gt("horizontal", C(() => e.horizontal)), gt("requestUpdate", ce), gt("onPaneAdd", Ue), gt("onPaneRemove", j), gt("onPaneClick", T), (k, E) => (d(), A(Ye(pt)));
   }
 }, hf = {
   __name: "DSplitterPanel",
@@ -6157,7 +6173,7 @@ const du = {
   },
   setup(n) {
     var g;
-    const t = n, e = _t("requestUpdate"), r = _t("onPaneAdd"), a = _t("horizontal"), s = _t("onPaneRemove"), i = _t("onPaneClick"), l = (g = an()) == null ? void 0 : g.uid, o = _t("indexedPanes"), c = C(() => o.value[l]), f = Y(null), p = C(() => {
+    const t = n, e = _t("requestUpdate"), r = _t("onPaneAdd"), a = _t("horizontal"), s = _t("onPaneRemove"), i = _t("onPaneClick"), l = (g = an()) == null ? void 0 : g.uid, o = _t("indexedPanes"), c = C(() => o.value[l]), f = V(null), p = C(() => {
       const D = isNaN(t.size) || t.size === void 0 ? 0 : parseFloat(t.size);
       return Math.max(Math.min(D, b.value), v.value);
     }), v = C(() => {
@@ -6166,7 +6182,7 @@ const du = {
     }), b = C(() => {
       const D = parseFloat(t.maxSize);
       return isNaN(D) ? 100 : D;
-    }), k = C(() => {
+    }), _ = C(() => {
       var D;
       return `${a.value ? "height" : "width"}: ${(D = c.value) == null ? void 0 : D.size}%`;
     });
@@ -6181,12 +6197,12 @@ const du = {
         size: p.value
         // The computed current size at any time.
       });
-    }), it(() => p.value, (D) => e({ uid: l, size: D })), it(() => v.value, (D) => e({ uid: l, min: D })), it(() => b.value, (D) => e({ uid: l, max: D })), Rr(() => s(l)), (D, E) => (d(), S("div", {
+    }), it(() => p.value, (D) => e({ uid: l, size: D })), it(() => v.value, (D) => e({ uid: l, min: D })), it(() => b.value, (D) => e({ uid: l, max: D })), Rr(() => s(l)), (D, P) => (d(), x("div", {
       ref_key: "paneEl",
       ref: f,
       class: "d-splitter__panel",
-      onClick: E[0] || (E[0] = (P) => G(i)(P, D._.uid)),
-      style: ve(k.value)
+      onClick: P[0] || (P[0] = (T) => G(i)(T, D._.uid)),
+      style: ge(_.value)
     }, [
       ie(D.$slots, "default")
     ], 4));
@@ -7455,30 +7471,30 @@ function pc(n, t, e) {
 }
 const mc = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, gc = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, vc = /^'([^]*?)'?$/, yc = /''/g, bc = /[a-zA-Z]/;
 function ot(n, t, e) {
-  var f, p, v, b, k, g, D, E;
-  const r = St(), a = (e == null ? void 0 : e.locale) ?? r.locale ?? na, s = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((p = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : p.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((b = (v = r.locale) == null ? void 0 : v.options) == null ? void 0 : b.firstWeekContainsDate) ?? 1, i = (e == null ? void 0 : e.weekStartsOn) ?? ((g = (k = e == null ? void 0 : e.locale) == null ? void 0 : k.options) == null ? void 0 : g.weekStartsOn) ?? r.weekStartsOn ?? ((E = (D = r.locale) == null ? void 0 : D.options) == null ? void 0 : E.weekStartsOn) ?? 0, l = oe(n, e == null ? void 0 : e.in);
+  var f, p, v, b, _, g, D, P;
+  const r = St(), a = (e == null ? void 0 : e.locale) ?? r.locale ?? na, s = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((p = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : p.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((b = (v = r.locale) == null ? void 0 : v.options) == null ? void 0 : b.firstWeekContainsDate) ?? 1, i = (e == null ? void 0 : e.weekStartsOn) ?? ((g = (_ = e == null ? void 0 : e.locale) == null ? void 0 : _.options) == null ? void 0 : g.weekStartsOn) ?? r.weekStartsOn ?? ((P = (D = r.locale) == null ? void 0 : D.options) == null ? void 0 : P.weekStartsOn) ?? 0, l = oe(n, e == null ? void 0 : e.in);
   if (!Su(l))
     throw new RangeError("Invalid time value");
-  let o = t.match(gc).map((P) => {
-    const y = P[0];
+  let o = t.match(gc).map((T) => {
+    const y = T[0];
     if (y === "p" || y === "P") {
-      const x = Cn[y];
-      return x(P, a.formatLong);
+      const S = Cn[y];
+      return S(T, a.formatLong);
     }
-    return P;
-  }).join("").match(mc).map((P) => {
-    if (P === "''")
+    return T;
+  }).join("").match(mc).map((T) => {
+    if (T === "''")
       return { isToken: !1, value: "'" };
-    const y = P[0];
+    const y = T[0];
     if (y === "'")
-      return { isToken: !1, value: wc(P) };
+      return { isToken: !1, value: wc(T) };
     if (Sr[y])
-      return { isToken: !0, value: P };
+      return { isToken: !0, value: T };
     if (y.match(bc))
       throw new RangeError(
         "Format string contains an unescaped latin alphabet character `" + y + "`"
       );
-    return { isToken: !1, value: P };
+    return { isToken: !1, value: T };
   });
   a.localize.preprocessor && (o = a.localize.preprocessor(l, o));
   const c = {
@@ -7486,12 +7502,12 @@ function ot(n, t, e) {
     weekStartsOn: i,
     locale: a
   };
-  return o.map((P) => {
-    if (!P.isToken) return P.value;
-    const y = P.value;
+  return o.map((T) => {
+    if (!T.isToken) return T.value;
+    const y = T.value;
     (!(e != null && e.useAdditionalWeekYearTokens) && oa(y) || !(e != null && e.useAdditionalDayOfYearTokens) && ia(y)) && $n(y, t, String(n));
-    const x = Sr[y[0]];
-    return x(l, y, a.localize, c);
+    const S = Sr[y[0]];
+    return S(l, y, a.localize, c);
   }).join("");
 }
 function wc(n) {
@@ -7534,7 +7550,7 @@ function _c(n) {
 const Dc = 10;
 class la {
   constructor() {
-    V(this, "subPriority", 0);
+    Y(this, "subPriority", 0);
   }
   validate(t, e) {
     return !0;
@@ -7554,8 +7570,8 @@ class Cc extends la {
 class $c extends la {
   constructor(e, r) {
     super();
-    V(this, "priority", Dc);
-    V(this, "subPriority", -1);
+    Y(this, "priority", Dc);
+    Y(this, "subPriority", -1);
     this.context = e || ((a) => _e(r, a));
   }
   set(e, r) {
@@ -7583,8 +7599,8 @@ class de {
 class Mc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 140);
-    V(this, "incompatibleTokens", ["R", "u", "t", "T"]);
+    Y(this, "priority", 140);
+    Y(this, "incompatibleTokens", ["R", "u", "t", "T"]);
   }
   parse(e, r, a) {
     switch (r) {
@@ -7741,8 +7757,8 @@ function da(n) {
 class Tc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 130);
-    V(this, "incompatibleTokens", ["Y", "R", "u", "w", "I", "i", "e", "c", "t", "T"]);
+    Y(this, "priority", 130);
+    Y(this, "incompatibleTokens", ["Y", "R", "u", "w", "I", "i", "e", "c", "t", "T"]);
   }
   parse(e, r, a) {
     const s = (i) => ({
@@ -7782,8 +7798,8 @@ class Tc extends de {
 class Ec extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 130);
-    V(this, "incompatibleTokens", [
+    Y(this, "priority", 130);
+    Y(this, "incompatibleTokens", [
       "y",
       "R",
       "u",
@@ -7841,8 +7857,8 @@ class Ec extends de {
 class Pc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 130);
-    V(this, "incompatibleTokens", [
+    Y(this, "priority", 130);
+    Y(this, "incompatibleTokens", [
       "G",
       "y",
       "Y",
@@ -7871,8 +7887,8 @@ class Pc extends de {
 class Lc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 130);
-    V(this, "incompatibleTokens", ["G", "y", "Y", "R", "w", "I", "i", "e", "c", "t", "T"]);
+    Y(this, "priority", 130);
+    Y(this, "incompatibleTokens", ["G", "y", "Y", "R", "w", "I", "i", "e", "c", "t", "T"]);
   }
   parse(e, r) {
     return nn(r === "u" ? 4 : r.length, e);
@@ -7884,8 +7900,8 @@ class Lc extends de {
 class Oc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 120);
-    V(this, "incompatibleTokens", [
+    Y(this, "priority", 120);
+    Y(this, "incompatibleTokens", [
       "Y",
       "R",
       "q",
@@ -7946,8 +7962,8 @@ class Oc extends de {
 class Fc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 120);
-    V(this, "incompatibleTokens", [
+    Y(this, "priority", 120);
+    Y(this, "incompatibleTokens", [
       "Y",
       "R",
       "Q",
@@ -8008,7 +8024,7 @@ class Fc extends de {
 class Ic extends de {
   constructor() {
     super(...arguments);
-    V(this, "incompatibleTokens", [
+    Y(this, "incompatibleTokens", [
       "Y",
       "R",
       "q",
@@ -8023,7 +8039,7 @@ class Ic extends de {
       "t",
       "T"
     ]);
-    V(this, "priority", 110);
+    Y(this, "priority", 110);
   }
   parse(e, r, a) {
     const s = (i) => i - 1;
@@ -8070,8 +8086,8 @@ class Ic extends de {
 class zc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 110);
-    V(this, "incompatibleTokens", [
+    Y(this, "priority", 110);
+    Y(this, "incompatibleTokens", [
       "Y",
       "R",
       "q",
@@ -8136,8 +8152,8 @@ function Hc(n, t, e) {
 class Ac extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 100);
-    V(this, "incompatibleTokens", [
+    Y(this, "priority", 100);
+    Y(this, "incompatibleTokens", [
       "y",
       "R",
       "u",
@@ -8177,8 +8193,8 @@ function Rc(n, t, e) {
 class Nc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 100);
-    V(this, "incompatibleTokens", [
+    Y(this, "priority", 100);
+    Y(this, "incompatibleTokens", [
       "y",
       "Y",
       "u",
@@ -8229,9 +8245,9 @@ const Bc = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], Vc = [
 class Yc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 90);
-    V(this, "subPriority", 1);
-    V(this, "incompatibleTokens", [
+    Y(this, "priority", 90);
+    Y(this, "subPriority", 1);
+    Y(this, "incompatibleTokens", [
       "Y",
       "R",
       "q",
@@ -8267,9 +8283,9 @@ class Yc extends de {
 class Wc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 90);
-    V(this, "subpriority", 1);
-    V(this, "incompatibleTokens", [
+    Y(this, "priority", 90);
+    Y(this, "subpriority", 1);
+    Y(this, "incompatibleTokens", [
       "Y",
       "R",
       "q",
@@ -8307,15 +8323,15 @@ class Wc extends de {
   }
 }
 function un(n, t, e) {
-  var p, v, b, k;
-  const r = St(), a = (e == null ? void 0 : e.weekStartsOn) ?? ((v = (p = e == null ? void 0 : e.locale) == null ? void 0 : p.options) == null ? void 0 : v.weekStartsOn) ?? r.weekStartsOn ?? ((k = (b = r.locale) == null ? void 0 : b.options) == null ? void 0 : k.weekStartsOn) ?? 0, s = oe(n, e == null ? void 0 : e.in), i = s.getDay(), o = (t % 7 + 7) % 7, c = 7 - a, f = t < 0 || t > 6 ? t - (i + c) % 7 : (o + c) % 7 - (i + c) % 7;
+  var p, v, b, _;
+  const r = St(), a = (e == null ? void 0 : e.weekStartsOn) ?? ((v = (p = e == null ? void 0 : e.locale) == null ? void 0 : p.options) == null ? void 0 : v.weekStartsOn) ?? r.weekStartsOn ?? ((_ = (b = r.locale) == null ? void 0 : b.options) == null ? void 0 : _.weekStartsOn) ?? 0, s = oe(n, e == null ? void 0 : e.in), i = s.getDay(), o = (t % 7 + 7) % 7, c = 7 - a, f = t < 0 || t > 6 ? t - (i + c) % 7 : (o + c) % 7 - (i + c) % 7;
   return Kr(s, f, e);
 }
 class qc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 90);
-    V(this, "incompatibleTokens", ["D", "i", "e", "c", "t", "T"]);
+    Y(this, "priority", 90);
+    Y(this, "incompatibleTokens", ["D", "i", "e", "c", "t", "T"]);
   }
   parse(e, r, a) {
     switch (r) {
@@ -8351,8 +8367,8 @@ class qc extends de {
 class jc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 90);
-    V(this, "incompatibleTokens", [
+    Y(this, "priority", 90);
+    Y(this, "incompatibleTokens", [
       "y",
       "R",
       "u",
@@ -8416,8 +8432,8 @@ class jc extends de {
 class Uc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 90);
-    V(this, "incompatibleTokens", [
+    Y(this, "priority", 90);
+    Y(this, "incompatibleTokens", [
       "y",
       "R",
       "u",
@@ -8485,8 +8501,8 @@ function Xc(n, t, e) {
 class Gc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 90);
-    V(this, "incompatibleTokens", [
+    Y(this, "priority", 90);
+    Y(this, "incompatibleTokens", [
       "y",
       "Y",
       "u",
@@ -8575,8 +8591,8 @@ class Gc extends de {
 class Qc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 80);
-    V(this, "incompatibleTokens", ["b", "B", "H", "k", "t", "T"]);
+    Y(this, "priority", 80);
+    Y(this, "incompatibleTokens", ["b", "B", "H", "k", "t", "T"]);
   }
   parse(e, r, a) {
     switch (r) {
@@ -8616,8 +8632,8 @@ class Qc extends de {
 class Kc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 80);
-    V(this, "incompatibleTokens", ["a", "B", "H", "k", "t", "T"]);
+    Y(this, "priority", 80);
+    Y(this, "incompatibleTokens", ["a", "B", "H", "k", "t", "T"]);
   }
   parse(e, r, a) {
     switch (r) {
@@ -8657,8 +8673,8 @@ class Kc extends de {
 class Zc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 80);
-    V(this, "incompatibleTokens", ["a", "b", "t", "T"]);
+    Y(this, "priority", 80);
+    Y(this, "incompatibleTokens", ["a", "b", "t", "T"]);
   }
   parse(e, r, a) {
     switch (r) {
@@ -8698,8 +8714,8 @@ class Zc extends de {
 class Jc extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 70);
-    V(this, "incompatibleTokens", ["H", "K", "k", "t", "T"]);
+    Y(this, "priority", 70);
+    Y(this, "incompatibleTokens", ["H", "K", "k", "t", "T"]);
   }
   parse(e, r, a) {
     switch (r) {
@@ -8722,8 +8738,8 @@ class Jc extends de {
 class ed extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 70);
-    V(this, "incompatibleTokens", ["a", "b", "h", "K", "k", "t", "T"]);
+    Y(this, "priority", 70);
+    Y(this, "incompatibleTokens", ["a", "b", "h", "K", "k", "t", "T"]);
   }
   parse(e, r, a) {
     switch (r) {
@@ -8745,8 +8761,8 @@ class ed extends de {
 class td extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 70);
-    V(this, "incompatibleTokens", ["h", "H", "k", "t", "T"]);
+    Y(this, "priority", 70);
+    Y(this, "incompatibleTokens", ["h", "H", "k", "t", "T"]);
   }
   parse(e, r, a) {
     switch (r) {
@@ -8768,8 +8784,8 @@ class td extends de {
 class nd extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 70);
-    V(this, "incompatibleTokens", ["a", "b", "h", "H", "K", "t", "T"]);
+    Y(this, "priority", 70);
+    Y(this, "incompatibleTokens", ["a", "b", "h", "H", "K", "t", "T"]);
   }
   parse(e, r, a) {
     switch (r) {
@@ -8792,8 +8808,8 @@ class nd extends de {
 class rd extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 60);
-    V(this, "incompatibleTokens", ["t", "T"]);
+    Y(this, "priority", 60);
+    Y(this, "incompatibleTokens", ["t", "T"]);
   }
   parse(e, r, a) {
     switch (r) {
@@ -8815,8 +8831,8 @@ class rd extends de {
 class ad extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 50);
-    V(this, "incompatibleTokens", ["t", "T"]);
+    Y(this, "priority", 50);
+    Y(this, "incompatibleTokens", ["t", "T"]);
   }
   parse(e, r, a) {
     switch (r) {
@@ -8838,8 +8854,8 @@ class ad extends de {
 class sd extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 30);
-    V(this, "incompatibleTokens", ["t", "T"]);
+    Y(this, "priority", 30);
+    Y(this, "incompatibleTokens", ["t", "T"]);
   }
   parse(e, r) {
     const a = (s) => Math.trunc(s * Math.pow(10, -r.length + 3));
@@ -8852,8 +8868,8 @@ class sd extends de {
 class id extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 10);
-    V(this, "incompatibleTokens", ["t", "T", "x"]);
+    Y(this, "priority", 10);
+    Y(this, "incompatibleTokens", ["t", "T", "x"]);
   }
   parse(e, r) {
     switch (r) {
@@ -8889,8 +8905,8 @@ class id extends de {
 class od extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 10);
-    V(this, "incompatibleTokens", ["t", "T", "X"]);
+    Y(this, "priority", 10);
+    Y(this, "incompatibleTokens", ["t", "T", "X"]);
   }
   parse(e, r) {
     switch (r) {
@@ -8926,8 +8942,8 @@ class od extends de {
 class ld extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 40);
-    V(this, "incompatibleTokens", "*");
+    Y(this, "priority", 40);
+    Y(this, "incompatibleTokens", "*");
   }
   parse(e) {
     return ua(e);
@@ -8939,8 +8955,8 @@ class ld extends de {
 class ud extends de {
   constructor() {
     super(...arguments);
-    V(this, "priority", 20);
-    V(this, "incompatibleTokens", "*");
+    Y(this, "priority", 20);
+    Y(this, "incompatibleTokens", "*");
   }
   parse(e) {
     return ua(e);
@@ -8983,43 +8999,43 @@ const cd = {
   T: new ud()
 }, dd = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, fd = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, hd = /^'([^]*?)'?$/, pd = /''/g, md = /\S/, gd = /[a-zA-Z]/;
 function vd(n, t, e, r) {
-  var D, E, P, y;
-  const a = () => _e(e, NaN), s = xc(), i = s.locale ?? na, l = s.firstWeekContainsDate ?? ((E = (D = s.locale) == null ? void 0 : D.options) == null ? void 0 : E.firstWeekContainsDate) ?? 1, o = s.weekStartsOn ?? ((y = (P = s.locale) == null ? void 0 : P.options) == null ? void 0 : y.weekStartsOn) ?? 0;
+  var D, P, T, y;
+  const a = () => _e(e, NaN), s = xc(), i = s.locale ?? na, l = s.firstWeekContainsDate ?? ((P = (D = s.locale) == null ? void 0 : D.options) == null ? void 0 : P.firstWeekContainsDate) ?? 1, o = s.weekStartsOn ?? ((y = (T = s.locale) == null ? void 0 : T.options) == null ? void 0 : y.weekStartsOn) ?? 0;
   if (!t)
     return n ? a() : oe(e, r == null ? void 0 : r.in);
   const c = {
     firstWeekContainsDate: l,
     weekStartsOn: o,
     locale: i
-  }, f = [new $c(r == null ? void 0 : r.in, e)], p = t.match(fd).map((x) => {
-    const w = x[0];
+  }, f = [new $c(r == null ? void 0 : r.in, e)], p = t.match(fd).map((S) => {
+    const w = S[0];
     if (w in Cn) {
       const N = Cn[w];
-      return N(x, i.formatLong);
+      return N(S, i.formatLong);
     }
-    return x;
+    return S;
   }).join("").match(dd), v = [];
-  for (let x of p) {
-    oa(x) && $n(x, t, n), ia(x) && $n(x, t, n);
-    const w = x[0], N = cd[w];
+  for (let S of p) {
+    oa(S) && $n(S, t, n), ia(S) && $n(S, t, n);
+    const w = S[0], N = cd[w];
     if (N) {
       const { incompatibleTokens: K } = N;
       if (Array.isArray(K)) {
         const ae = v.find(
-          (ge) => K.includes(ge.token) || ge.token === w
+          (ve) => K.includes(ve.token) || ve.token === w
         );
         if (ae)
           throw new RangeError(
-            `The format string mustn't contain \`${ae.fullToken}\` and \`${x}\` at the same time`
+            `The format string mustn't contain \`${ae.fullToken}\` and \`${S}\` at the same time`
           );
       } else if (N.incompatibleTokens === "*" && v.length > 0)
         throw new RangeError(
-          `The format string mustn't contain \`${x}\` and any other token at the same time`
+          `The format string mustn't contain \`${S}\` and any other token at the same time`
         );
-      v.push({ token: w, fullToken: x });
+      v.push({ token: w, fullToken: S });
       const X = N.run(
         n,
-        x,
+        S,
         i.match,
         c
       );
@@ -9031,27 +9047,27 @@ function vd(n, t, e, r) {
         throw new RangeError(
           "Format string contains an unescaped latin alphabet character `" + w + "`"
         );
-      if (x === "''" ? x = "'" : w === "'" && (x = yd(x)), n.indexOf(x) === 0)
-        n = n.slice(x.length);
+      if (S === "''" ? S = "'" : w === "'" && (S = yd(S)), n.indexOf(S) === 0)
+        n = n.slice(S.length);
       else
         return a();
     }
   }
   if (n.length > 0 && md.test(n))
     return a();
-  const b = f.map((x) => x.priority).sort((x, w) => w - x).filter((x, w, N) => N.indexOf(x) === w).map(
-    (x) => f.filter((w) => w.priority === x).sort((w, N) => N.subPriority - w.subPriority)
-  ).map((x) => x[0]);
-  let k = oe(e, r == null ? void 0 : r.in);
-  if (isNaN(+k)) return a();
+  const b = f.map((S) => S.priority).sort((S, w) => w - S).filter((S, w, N) => N.indexOf(S) === w).map(
+    (S) => f.filter((w) => w.priority === S).sort((w, N) => N.subPriority - w.subPriority)
+  ).map((S) => S[0]);
+  let _ = oe(e, r == null ? void 0 : r.in);
+  if (isNaN(+_)) return a();
   const g = {};
-  for (const x of b) {
-    if (!x.validate(k, c))
+  for (const S of b) {
+    if (!S.validate(_, c))
       return a();
-    const w = x.set(k, g, c);
-    Array.isArray(w) ? (k = w[0], Object.assign(g, w[1])) : k = w;
+    const w = S.set(_, g, c);
+    Array.isArray(w) ? (_ = w[0], Object.assign(g, w[1])) : _ = w;
   }
-  return k;
+  return _;
 }
 function yd(n) {
   return n.match(hd)[1].replace(pd, "'");
@@ -9112,14 +9128,14 @@ const Sd = {
   emits: ["select", "mouseover", "mouseleave"],
   setup(n, { emit: t }) {
     const e = n;
-    return (r, a) => (d(), S("div", {
+    return (r, a) => (d(), x("div", {
       class: "wrap",
       onMouseover: a[1] || (a[1] = (s) => t("mouseover")),
       onMouseleave: a[2] || (a[2] = (s) => t("mouseleave"))
     }, [
       O("div", {
         class: re(["calendar-cell", [e.disabled ? "disabled" : "", e.selected ? "selected" : ""]]),
-        style: ve({ width: e.wide ? "100%" : "30px" }),
+        style: ge({ width: e.wide ? "100%" : "30px" }),
         onClick: a[0] || (a[0] = (s) => t("select"))
       }, Z(e.day), 7)
     ], 32));
@@ -9149,7 +9165,7 @@ const Sd = {
   },
   emits: ["update:pageDate", "yearClick", "select"],
   setup(n, { emit: t }) {
-    const e = n, r = C(() => wd(e.pageDate)), a = C(() => Mu(e.pageDate)), s = (b, k, g) => !k && !g ? !0 : k && Ge(b) < Ge(k) ? !1 : !(g && Ge(b) > Ge(g)), i = C(
+    const e = n, r = C(() => wd(e.pageDate)), a = C(() => Mu(e.pageDate)), s = (b, _, g) => !_ && !g ? !0 : _ && Ge(b) < Ge(_) ? !1 : !(g && Ge(b) > Ge(g)), i = C(
       () => e.lowerLimit && (Ut(e.lowerLimit) === Ut(e.pageDate) || Nt(e.pageDate, e.lowerLimit))
     ), l = C(
       () => e.upperLimit && (Ut(e.upperLimit) === Ut(e.pageDate) || Rt(e.pageDate, e.upperLimit))
@@ -9167,12 +9183,12 @@ const Sd = {
         })
       )
     ), c = C(() => {
-      const b = Ge(r.value), k = Ge(a.value);
-      return `${b} - ${k}`;
-    }), f = (b, k) => {
-      t("update:pageDate", k.value), t("yearClick");
+      const b = Ge(r.value), _ = Ge(a.value);
+      return `${b} - ${_}`;
+    }), f = (b, _) => {
+      t("update:pageDate", _.value), t("yearClick");
     }, p = () => t("update:pageDate", fa(e.pageDate, 10)), v = () => t("update:pageDate", jn(e.pageDate, 10));
-    return (b, k) => (d(), S(ke, null, [
+    return (b, _) => (d(), x(ke, null, [
       O("div", kd, [
         W(We, {
           onClick: p,
@@ -9191,7 +9207,7 @@ const Sd = {
         }, null, 8, ["component", "class"])
       ]),
       O("div", _d, [
-        (d(!0), S(ke, null, Ne(o.value, (g) => (d(), A(Qn, {
+        (d(!0), x(ke, null, Ne(o.value, (g) => (d(), A(Qn, {
           class: "cell",
           key: g.key,
           day: g.display,
@@ -9239,7 +9255,7 @@ const Sd = {
   emits: ["update:pageDate", "monthClick", "yearClick", "select"],
   setup(n, { emit: t }) {
     const e = n, r = C(
-      () => (y) => (x) => ot(x, y, {
+      () => (y) => (S) => ot(S, y, {
         locale: e.locale,
         weekStartsOn: e.weekStartsOn
       })
@@ -9247,9 +9263,9 @@ const Sd = {
       () => (y) => ot(y, "LLLL", {
         locale: e.locale
       })
-    ), s = (y, x, w, N) => {
+    ), s = (y, S, w, N) => {
       var K, X;
-      return (K = N == null ? void 0 : N.dates) != null && K.some((ae) => wn(y, ae)) || (X = N == null ? void 0 : N.predicate) != null && X.call(N, y) ? !1 : !x && !w ? !0 : x && Nt(y, At(x)) ? !1 : !(w && Rt(y, ku(w)));
+      return (K = N == null ? void 0 : N.dates) != null && K.some((ae) => wn(y, ae)) || (X = N == null ? void 0 : N.predicate) != null && X.call(N, y) ? !1 : !S && !w ? !0 : S && Nt(y, At(S)) ? !1 : !(w && Rt(y, ku(w)));
     }, i = C(
       () => e.lowerLimit && (Mn(e.lowerLimit, e.pageDate) || Nt(e.pageDate, e.lowerLimit))
     ), l = C(
@@ -9265,18 +9281,18 @@ const Sd = {
         weekStartsOn: e.weekStartsOn
       })
     })), v = C(() => {
-      const y = e.weekStartsOn, x = r.value(e.weekdayFormat);
+      const y = e.weekStartsOn, S = r.value(e.weekdayFormat);
       return Array.from(Array(7)).map((w, N) => (y + N) % 7).map(
         (w) => un(/* @__PURE__ */ new Date(), w, {
           weekStartsOn: e.weekStartsOn
         })
-      ).map(x);
+      ).map(S);
     }), b = C(() => {
-      const y = /* @__PURE__ */ new Date(), x = r.value(e.format);
+      const y = /* @__PURE__ */ new Date(), S = r.value(e.format);
       return _u(p.value).map(
         (w) => ({
           value: w,
-          display: x(w),
+          display: S(w),
           //selected: !!props.selected && isSameDay(props.selected, value),
           selected: !!e.pageDate && wn(e.pageDate, w),
           current: wn(y, w),
@@ -9289,17 +9305,17 @@ const Sd = {
           key: r.value("yyyy-MM-dd")(w)
         })
       );
-    }), k = () => {
+    }), _ = () => {
       t("monthClick");
     }, g = () => {
       t("yearClick");
-    }, D = (y, x) => {
-      t("update:pageDate", x.value), t("select", x);
-    }, E = () => t("update:pageDate", xd(e.pageDate, 1)), P = () => t("update:pageDate", qn(e.pageDate, 1));
-    return (y, x) => (d(), S(ke, null, [
+    }, D = (y, S) => {
+      t("update:pageDate", S.value), t("select", S);
+    }, P = () => t("update:pageDate", xd(e.pageDate, 1)), T = () => t("update:pageDate", qn(e.pageDate, 1));
+    return (y, S) => (d(), x(ke, null, [
       O("div", Cd, [
         W(We, {
-          onClick: E,
+          onClick: P,
           component: G(Vn),
           size: "20",
           style: { cursor: "pointer" },
@@ -9307,14 +9323,14 @@ const Sd = {
         }, null, 8, ["component", "class"]),
         O("div", {
           style: { "text-transform": "capitalize", cursor: "pointer" },
-          onClick: k
+          onClick: _
         }, Z(a.value(e.pageDate)), 1),
         O("div", {
           style: { cursor: "pointer" },
           onClick: g
         }, Z(G(Ge)(e.pageDate)), 1),
         W(We, {
-          onClick: P,
+          onClick: T,
           component: G(Yn),
           size: "20",
           style: { cursor: "pointer" },
@@ -9322,7 +9338,7 @@ const Sd = {
         }, null, 8, ["component", "class"])
       ]),
       O("div", $d, [
-        (d(!0), S(ke, null, Ne(v.value, (w, N) => (d(), S("div", {
+        (d(!0), x(ke, null, Ne(v.value, (w, N) => (d(), x("div", {
           class: "weekDay",
           key: w
         }, [
@@ -9330,7 +9346,7 @@ const Sd = {
             class: re([[5, 6].includes(N) ? "weekend" : ""])
           }, Z(w), 3)
         ]))), 128)),
-        (d(!0), S(ke, null, Ne(b.value, (w) => (d(), A(Qn, {
+        (d(!0), x(ke, null, Ne(b.value, (w) => (d(), A(Qn, {
           key: w.key,
           day: w.display,
           disabled: w.disabled,
@@ -9370,7 +9386,7 @@ const Sd = {
       () => (g) => ot(g, e.format, {
         locale: e.locale
       })
-    ), i = (g, D, E) => !D && !E ? !0 : D && Nt(g, ea(D)) ? !1 : !(E && Rt(g, Jr(E))), l = C(
+    ), i = (g, D, P) => !D && !P ? !0 : D && Nt(g, ea(D)) ? !1 : !(P && Rt(g, Jr(P))), l = C(
       () => e.lowerLimit && (Cr(e.lowerLimit, e.pageDate) || Nt(e.pageDate, e.lowerLimit))
     ), o = C(
       () => e.upperLimit && (Cr(e.upperLimit, e.pageDate) || Rt(e.pageDate, e.upperLimit))
@@ -9391,8 +9407,8 @@ const Sd = {
       t("yearClick");
     }, v = (g, D) => {
       t("update:pageDate", D.value), t("dayClick");
-    }, b = () => t("update:pageDate", fa(e.pageDate, 1)), k = () => t("update:pageDate", jn(e.pageDate, 1));
-    return (g, D) => (d(), S(ke, null, [
+    }, b = () => t("update:pageDate", fa(e.pageDate, 1)), _ = () => t("update:pageDate", jn(e.pageDate, 1));
+    return (g, D) => (d(), x(ke, null, [
       O("div", Td, [
         W(We, {
           onClick: b,
@@ -9406,7 +9422,7 @@ const Sd = {
           onClick: p
         }, Z(f.value), 1),
         W(We, {
-          onClick: k,
+          onClick: _,
           component: G(Yn),
           size: "20",
           style: { cursor: "pointer" },
@@ -9414,13 +9430,13 @@ const Sd = {
         }, null, 8, ["component", "class"])
       ]),
       O("div", Ed, [
-        (d(!0), S(ke, null, Ne(c.value, (E) => (d(), A(Qn, {
+        (d(!0), x(ke, null, Ne(c.value, (P) => (d(), A(Qn, {
           class: "cell",
-          key: E.key,
-          day: E.display,
+          key: P.key,
+          day: P.display,
           wide: !0,
-          disabled: E.disabled,
-          onSelect: (P) => v(P, E)
+          disabled: P.disabled,
+          onSelect: (T) => v(T, P)
         }, null, 8, ["day", "disabled", "onSelect"]))), 128))
       ])
     ], 64));
@@ -9464,7 +9480,7 @@ const Sd = {
   },
   emits: ["select", "monthPageChanged", "yearPageChanged", "decadePageChanged"],
   setup(n, { emit: t }) {
-    const e = n, r = Y(e.initDate ? e.initDate : /* @__PURE__ */ new Date()), a = Y(e.mode), s = (p, v) => {
+    const e = n, r = V(e.initDate ? e.initDate : /* @__PURE__ */ new Date()), a = V(e.mode), s = (p, v) => {
       r.value = v, t("monthPageChanged", v);
     }, i = () => {
       a.value = "day";
@@ -9477,7 +9493,7 @@ const Sd = {
     })), f = (p) => {
       t("select", p);
     };
-    return (p, v) => (d(), S("div", null, [
+    return (p, v) => (d(), x("div", null, [
       a.value === "day" ? (d(), A(Zn, {
         key: 0,
         "page-date": r.value,
@@ -9508,7 +9524,7 @@ const Sd = {
         "onUpdate:pageDate": v[2] || (v[2] = (b) => s("day", b)),
         onYearClick: l
       }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : B("", !0),
-      e.showCurrentDate ? (d(), S("div", Ld, Z(c.value), 1)) : B("", !0)
+      e.showCurrentDate ? (d(), x("div", Ld, Z(c.value), 1)) : B("", !0)
     ]));
   }
 }, mf = /* @__PURE__ */ Ie(Od, [["__scopeId", "data-v-ed8228aa"]]), Fd = {
@@ -9569,7 +9585,7 @@ const Sd = {
       set: (g) => {
         t("update:modelValue", g);
       }
-    }), a = Y(null), s = Y(r.value ? vd(r.value, e.inputFormat, /* @__PURE__ */ new Date()) : /* @__PURE__ */ new Date()), i = Y(e.mode), l = () => {
+    }), a = V(null), s = V(r.value ? vd(r.value, e.inputFormat, /* @__PURE__ */ new Date()) : /* @__PURE__ */ new Date()), i = V(e.mode), l = () => {
       i.value = e.mode, a.value.show();
     }, o = (g, D) => {
       s.value = D, t("monthPageChanged", D);
@@ -9583,16 +9599,16 @@ const Sd = {
       locale: e.locale
     })), b = (g) => {
       t("select", g);
-    }, k = () => {
+    }, _ = () => {
       r.value = ot(s.value, e.inputFormat, {
         locale: e.locale
       }), t("apply", ot(s.value, e.inputFormat, { locale: e.locale })), a.value.hide();
     };
-    return (g, D) => (d(), S("div", null, [
+    return (g, D) => (d(), x("div", null, [
       W(on, {
         label: e.label,
         modelValue: r.value,
-        "onUpdate:modelValue": D[0] || (D[0] = (E) => r.value = E),
+        "onUpdate:modelValue": D[0] || (D[0] = (P) => r.value = P),
         onClick: l,
         readonly: e.readOnly
       }, null, 8, ["label", "modelValue", "readonly"]),
@@ -9612,7 +9628,7 @@ const Sd = {
             locale: e.locale,
             "lower-limit": e.lowerLimit,
             "upper-limit": e.upperLimit,
-            "onUpdate:pageDate": D[1] || (D[1] = (E) => o("day", E)),
+            "onUpdate:pageDate": D[1] || (D[1] = (P) => o("day", P)),
             onMonthClick: f,
             onYearClick: p,
             onSelect: b
@@ -9623,7 +9639,7 @@ const Sd = {
             locale: e.locale,
             "lower-limit": e.lowerLimit,
             "upper-limit": e.upperLimit,
-            "onUpdate:pageDate": D[2] || (D[2] = (E) => o("day", E)),
+            "onUpdate:pageDate": D[2] || (D[2] = (P) => o("day", P)),
             onDayClick: c,
             onYearClick: p
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : B("", !0),
@@ -9633,16 +9649,16 @@ const Sd = {
             locale: e.locale,
             "lower-limit": e.lowerLimit,
             "upper-limit": e.upperLimit,
-            "onUpdate:pageDate": D[3] || (D[3] = (E) => o("day", E)),
+            "onUpdate:pageDate": D[3] || (D[3] = (P) => o("day", P)),
             onYearClick: f
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : B("", !0),
-          n.showCurrentDate ? (d(), S("div", Fd, Z(v.value), 1)) : B("", !0)
+          n.showCurrentDate ? (d(), x("div", Fd, Z(v.value), 1)) : B("", !0)
         ]),
         "modal-footer": Q(() => [
           O("div", Id, [
             W(Le, {
               type: "success",
-              onClick: k
+              onClick: _
             }, {
               default: Q(() => [
                 be(Z(e.select), 1)
@@ -9650,7 +9666,7 @@ const Sd = {
               _: 1
             }),
             W(Le, {
-              onClick: D[4] || (D[4] = (E) => a.value.hide())
+              onClick: D[4] || (D[4] = (P) => a.value.hide())
             }, {
               default: Q(() => [
                 be(Z(e.close), 1)
@@ -9715,10 +9731,10 @@ const Sd = {
   },
   emits: ["apply", "select", "monthPageChanged", "yearPageChanged", "decadePageChanged"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = Y(null), s = Y(r.initDate ? r.initDate : /* @__PURE__ */ new Date()), i = Y(r.mode), l = () => {
+    const r = n, a = V(null), s = V(r.initDate ? r.initDate : /* @__PURE__ */ new Date()), i = V(r.mode), l = () => {
       i.value = r.mode, a.value.show();
-    }, o = (E, P) => {
-      s.value = P, e("monthPageChanged", P);
+    }, o = (P, T) => {
+      s.value = T, e("monthPageChanged", T);
     }, c = () => {
       i.value = "day";
     }, f = () => {
@@ -9727,16 +9743,16 @@ const Sd = {
       i.value = "year";
     }, v = C(() => ot(s.value, r.inputFormat, {
       locale: r.locale
-    })), b = (E) => {
-      e("select", E);
-    }, k = () => {
+    })), b = (P) => {
+      e("select", P);
+    }, _ = () => {
       e("apply", ot(s.value, r.inputFormat, { locale: r.locale })), a.value.hide();
     };
     return t({ show: () => {
       l();
-    }, setDate: (E) => {
-      s.value = E;
-    } }), (E, P) => (d(), S("div", null, [
+    }, setDate: (P) => {
+      s.value = P;
+    } }), (P, T) => (d(), x("div", null, [
       W(Pt, {
         ref_key: "modalRef",
         ref: a,
@@ -9753,7 +9769,7 @@ const Sd = {
             locale: r.locale,
             "lower-limit": r.lowerLimit,
             "upper-limit": r.upperLimit,
-            "onUpdate:pageDate": P[0] || (P[0] = (y) => o("day", y)),
+            "onUpdate:pageDate": T[0] || (T[0] = (y) => o("day", y)),
             onMonthClick: f,
             onYearClick: p,
             onSelect: b
@@ -9764,7 +9780,7 @@ const Sd = {
             locale: r.locale,
             "lower-limit": r.lowerLimit,
             "upper-limit": r.upperLimit,
-            "onUpdate:pageDate": P[1] || (P[1] = (y) => o("day", y)),
+            "onUpdate:pageDate": T[1] || (T[1] = (y) => o("day", y)),
             onDayClick: c,
             onYearClick: p
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : B("", !0),
@@ -9774,16 +9790,16 @@ const Sd = {
             locale: r.locale,
             "lower-limit": r.lowerLimit,
             "upper-limit": r.upperLimit,
-            "onUpdate:pageDate": P[2] || (P[2] = (y) => o("day", y)),
+            "onUpdate:pageDate": T[2] || (T[2] = (y) => o("day", y)),
             onYearClick: f
           }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : B("", !0),
-          n.showCurrentDate ? (d(), S("div", Hd, Z(v.value), 1)) : B("", !0)
+          n.showCurrentDate ? (d(), x("div", Hd, Z(v.value), 1)) : B("", !0)
         ]),
         "modal-footer": Q(() => [
           O("div", Ad, [
             W(Le, {
               type: "success",
-              onClick: k
+              onClick: _
             }, {
               default: Q(() => [
                 be(Z(r.select), 1)
@@ -9791,7 +9807,7 @@ const Sd = {
               _: 1
             }),
             W(Le, {
-              onClick: P[3] || (P[3] = (y) => a.value.hide())
+              onClick: T[3] || (T[3] = (y) => a.value.hide())
             }, {
               default: Q(() => [
                 be(Z(r.close), 1)