doph-js 0.3.56 → 0.3.57

package/dist/dophJs.js

@@ -1,7 +1,7 @@
 var Ma = Object.defineProperty;
-var Ea = (n, t, e) => t in n ? Ma(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var Y = (n, t, e) => Ea(n, typeof t != "symbol" ? t + "" : t, e);
-import { useSlots as xt, computed as C, h as At, openBlock as d, createBlock as R, unref as X, ref as V, createElementBlock as b, Fragment as ke, normalizeClass as ne, renderSlot as oe, createCommentVNode as N, normalizeStyle as ge, resolveDynamicComponent as Ye, createStaticVNode as Pr, onMounted as Qe, toDisplayString as K, withDirectives as We, createElementVNode as L, vModelDynamic as zt, withCtx as Q, createTextVNode as ye, Transition as En, withModifiers as Te, resolveComponent as ft, resolveDirective as Pn, normalizeProps as Tr, guardReactiveProps as Lr, createVNode as W, renderList as Be, pushScopeId as Or, popScopeId as Fr, reactive as rn, Teleport as Ir, nextTick as Ht, getCurrentInstance as an, watch as ot, onUnmounted as zr, mergeProps as $t, useCssVars as sn, shallowRef as Pa, defineComponent as Ke, TransitionGroup as Hr, vModelCheckbox as Ar, vModelSelect as Ta, toRef as La, KeepAlive as Oa, vShow as Fa, toRefs as Ia, vModelText as Tn, onBeforeUnmount as Rr, provide as gt, inject as Dt } from "vue";
+var Ta = (n, t, e) => t in n ? Ma(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var Y = (n, t, e) => Ta(n, typeof t != "symbol" ? t + "" : t, e);
+import { useSlots as xt, computed as C, h as At, openBlock as d, createBlock as R, unref as G, ref as N, createElementBlock as w, Fragment as ke, normalizeClass as ne, renderSlot as oe, createCommentVNode as V, normalizeStyle as ge, resolveDynamicComponent as Ye, createStaticVNode as Er, onMounted as Qe, toDisplayString as Z, withDirectives as We, createElementVNode as L, vModelDynamic as zt, withCtx as Q, createTextVNode as ye, Transition as Tn, withModifiers as Pe, resolveComponent as ft, resolveDirective as En, normalizeProps as Pr, guardReactiveProps as Lr, createVNode as W, renderList as Be, pushScopeId as Or, popScopeId as Fr, reactive as rn, Teleport as Ir, nextTick as Ht, getCurrentInstance as an, watch as ot, onUnmounted as zr, mergeProps as $t, useCssVars as sn, shallowRef as Ea, defineComponent as Ke, TransitionGroup as Hr, vModelCheckbox as Ar, vModelSelect as Pa, toRef as La, KeepAlive as Oa, vShow as Fa, toRefs as Ia, vModelText as Pn, onBeforeUnmount as Rr, provide as gt, inject as Dt } from "vue";
 const qe = {
   __name: "DIcon",
   props: {
@@ -32,7 +32,7 @@ const qe = {
       },
       t.component ? At(t.component) : e
     ));
-    return (l, i) => (d(), R(X(o)));
+    return (l, i) => (d(), R(G(o)));
   }
 }, Je = {
   state: {},
@@ -61,7 +61,7 @@ function Br(n) {
     r += e.offsetLeft - e.scrollLeft, a += e.offsetTop - e.scrollTop, e = e.offsetParent;
   return { top: a, left: r, x: t.x, y: t.y, width: t.width, height: t.height };
 }
-function Tt() {
+function Pt() {
   function n(a) {
     return a * Math.random() | 0;
   }
@@ -89,14 +89,14 @@ const Ie = (n, t) => {
   class: "loading-svg rotating",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, Ha = /* @__PURE__ */ Pr('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), Aa = [
+}, Ha = /* @__PURE__ */ Er('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), Aa = [
   Ha
 ], Ra = { key: 1 }, Ba = {
   key: 2,
   class: "loading-svg rotating",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, Na = /* @__PURE__ */ Pr('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), Va = [
+}, Na = /* @__PURE__ */ Er('<g fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" data-v-e5cd6ccd><path d="M8.56 3.69a9 9 0 0 0-2.92 1.95" data-v-e5cd6ccd></path><path d="M3.69 8.56A9 9 0 0 0 3 12" data-v-e5cd6ccd></path><path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" data-v-e5cd6ccd></path><path d="M8.56 20.31A9 9 0 0 0 12 21" data-v-e5cd6ccd></path><path d="M15.44 20.31a9 9 0 0 0 2.92-1.95" data-v-e5cd6ccd></path><path d="M20.31 15.44A9 9 0 0 0 21 12" data-v-e5cd6ccd></path><path d="M20.31 8.56a9 9 0 0 0-1.95-2.92" data-v-e5cd6ccd></path><path d="M15.44 3.69A9 9 0 0 0 12 3" data-v-e5cd6ccd></path></g>', 1), Va = [
   Na
 ], Ya = {
   __name: "DButton",
@@ -123,47 +123,47 @@ const Ie = (n, t) => {
   },
   emits: ["click", "contextmenu"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = xt(), s = V(null), o = C(() => r.icon ? Je.getters.getIcon(r.icon) : null), l = (g) => {
+    const r = n, a = xt(), s = N(null), o = C(() => r.icon ? Je.getters.getIcon(r.icon) : null), l = (g) => {
       e("click", g);
     }, i = (g) => {
       e("contextmenu", g);
-    }, c = C(() => r.scale === "large" ? "button-lg" : r.scale === "small" ? "button-sm" : ""), f = C(() => r.disabled ? "disabled" : ""), h = (g) => !!a[g], v = C(() => h("default") ? "" : r.scale === "large" ? "d-button-lg-icon" : r.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), w = C(() => {
+    }, c = C(() => r.scale === "large" ? "button-lg" : r.scale === "small" ? "button-sm" : ""), f = C(() => r.disabled ? "disabled" : ""), h = (g) => !!a[g], v = C(() => h("default") ? "" : r.scale === "large" ? "d-button-lg-icon" : r.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), x = C(() => {
       const g = r.outline ? "-outline" : "";
       return r.type === "primary" ? `button${g}-blue` : r.type === "success" ? `button${g}-green` : r.type === "error" ? `button${g}-red` : r.type === "warning" ? `button${g}-orange` : r.type === "wait" ? `button${g}-violet` : r.outline ? `button${g}` : "";
     });
     return t({
       elementSize: () => Br(s)
-    }), (g, D) => (d(), b(ke, null, [
-      o.value ? N("", !0) : (d(), b("div", {
+    }), (g, _) => (d(), w(ke, null, [
+      o.value ? V("", !0) : (d(), w("div", {
         key: 0,
         ref_key: "el",
         ref: s,
         onClick: l,
         onContextmenu: i,
-        class: ne(["button", [r.class, c.value, w.value, f.value].join(" ")])
+        class: ne(["button", [r.class, c.value, x.value, f.value].join(" ")])
       }, [
         oe(g.$slots, "default", {}, void 0, !0),
-        r.loading ? (d(), b("svg", za, Aa)) : N("", !0)
+        r.loading ? (d(), w("svg", za, Aa)) : V("", !0)
       ], 34)),
-      o.value ? (d(), b("div", {
+      o.value ? (d(), w("div", {
         key: 1,
         ref_key: "el",
         ref: s,
         onClick: l,
         onContextmenu: i,
-        class: ne(["button button-ext", [r.class, c.value, v.value, w.value, f.value].join(" ")]),
+        class: ne(["button button-ext", [r.class, c.value, v.value, x.value, f.value].join(" ")]),
         style: ge(r.style)
       }, [
         r.icon ? (d(), R(Ye(qe), {
           key: 0,
           component: o.value,
           color: "inherit"
-        }, null, 8, ["component"])) : N("", !0),
-        X(a).default ? (d(), b("div", Ra, [
+        }, null, 8, ["component"])) : V("", !0),
+        G(a).default ? (d(), w("div", Ra, [
           oe(g.$slots, "default", {}, void 0, !0)
-        ])) : N("", !0),
-        r.loading ? (d(), b("svg", Ba, Va)) : N("", !0)
-      ], 38)) : N("", !0)
+        ])) : V("", !0),
+        r.loading ? (d(), w("svg", Ba, Va)) : V("", !0)
+      ], 38)) : V("", !0)
     ], 64));
   }
 }, Le = /* @__PURE__ */ Ie(Ya, [["__scopeId", "data-v-e5cd6ccd"]]), Wa = {
@@ -201,7 +201,7 @@ const Ie = (n, t) => {
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = V(null), s = C(() => r.scale === "small" ? "d-input-small" : r.scale === "large" ? "d-input-large" : ""), o = C({
+    const r = n, a = N(null), s = C(() => r.scale === "small" ? "d-input-small" : r.scale === "large" ? "d-input-large" : ""), o = C({
       get: () => r.modelValue,
       set: (i) => {
         e("update:modelValue", i);
@@ -215,8 +215,8 @@ const Ie = (n, t) => {
     };
     return t({
       focus: l
-    }), (i, c) => !r.post && !r.pre ? (d(), b("div", Wa, [
-      r.label ? (d(), b("div", qa, K(r.label), 1)) : N("", !0),
+    }), (i, c) => !r.post && !r.pre ? (d(), w("div", Wa, [
+      r.label ? (d(), w("div", qa, Z(r.label), 1)) : V("", !0),
       We(L("input", {
         ref_key: "inputRef",
         ref: a,
@@ -228,8 +228,8 @@ const Ie = (n, t) => {
       }, null, 10, ja), [
         [zt, o.value]
       ])
-    ])) : r.post && r.post.click && !r.pre ? (d(), b("div", Ua, [
-      r.label ? (d(), b("div", Xa, K(r.label), 1)) : N("", !0),
+    ])) : r.post && r.post.click && !r.pre ? (d(), w("div", Ua, [
+      r.label ? (d(), w("div", Xa, Z(r.label), 1)) : V("", !0),
       L("div", Ga, [
         L("div", Qa, [
           We(L("input", {
@@ -252,7 +252,7 @@ const Ie = (n, t) => {
           icon: r.post.icon
         }, {
           default: Q(() => [
-            ye(K(r.post.label), 1)
+            ye(Z(r.post.label), 1)
           ]),
           _: 1
         }, 8, ["scale", "onClick", "icon", "class"])) : (d(), R(Le, {
@@ -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(), b("div", Za, [
-      r.label ? (d(), b("div", Ja, K(r.label), 1)) : N("", !0),
+    ])) : !r.post && r.pre && r.pre.click ? (d(), w("div", Za, [
+      r.label ? (d(), w("div", Ja, Z(r.label), 1)) : V("", !0),
       L("div", es, [
         r.pre.label ? (d(), R(Le, {
           key: 0,
@@ -274,7 +274,7 @@ const Ie = (n, t) => {
           icon: r.pre.icon
         }, {
           default: Q(() => [
-            ye(K(r.pre.label), 1)
+            ye(Z(r.pre.label), 1)
           ]),
           _: 1
         }, 8, ["scale", "onClick", "icon", "class"])) : (d(), R(Le, {
@@ -298,7 +298,7 @@ const Ie = (n, t) => {
           ])
         ])
       ])
-    ])) : N("", !0);
+    ])) : V("", !0);
   }
 }, of = /* @__PURE__ */ Ie(rs, [["__scopeId", "data-v-a972038a"]]), as = {
   __name: "DBadge",
@@ -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(), b("div", {
+    return (a, s) => (d(), w("div", {
       class: ne(["badge", [t.class, e.value, r.value].join(" ")])
     }, [
       oe(a.$slots, "default")
@@ -365,8 +365,8 @@ const Ie = (n, t) => {
       let { height: h } = getComputedStyle(i);
       return i.style.width = c.width, i.style.position = c.position, i.style.visibility = c.visibility, i.style.height = st, i.style.overflow = "hidden", c.height && c.height !== st ? c.height : h;
     }, a = (i, c, f, h, v) => {
-      const w = i.animate(h, v);
-      i.style.height = c.height, w.onfinish = () => {
+      const x = i.animate(h, v);
+      i.style.height = c.height, x.onfinish = () => {
         i.style.overflow = c.overflow, f();
       };
     }, s = (i, c) => [
@@ -391,15 +391,15 @@ const Ie = (n, t) => {
         marginBottom: c.marginBottom
       }
     ], o = (i, c) => {
-      const f = i, h = e(f), v = r(f, h), w = s(v, h), k = { duration: t.duration, easing: t.easingEnter };
-      a(f, h, c, w, k);
+      const f = i, h = e(f), v = r(f, h), x = s(v, h), S = { duration: t.duration, easing: t.easingEnter };
+      a(f, h, c, x, S);
     }, l = (i, c) => {
       const f = i, h = e(f), { height: v } = getComputedStyle(f);
       f.style.height = v, f.style.overflow = "hidden";
-      const w = s(v, h).reverse(), k = { duration: t.duration, easing: t.easingLeave };
-      a(f, h, c, w, k);
+      const x = s(v, h).reverse(), S = { duration: t.duration, easing: t.easingLeave };
+      a(f, h, c, x, S);
     };
-    return (i, c) => (d(), R(En, {
+    return (i, c) => (d(), R(Tn, {
       css: !1,
       onEnter: o,
       onLeave: l
@@ -444,7 +444,7 @@ const Ie = (n, t) => {
     tag: { type: String, default: "div" }
   },
   setup(n) {
-    const t = n, e = xt(), r = V(!1), a = C(() => r && t.transferData), s = C(() => ({ position: "fixed", top: "-1000px" })), o = (l, i) => {
+    const t = n, e = xt(), r = N(!1), a = C(() => r && t.transferData), s = C(() => ({ position: "fixed", top: "-1000px" })), o = (l, i) => {
       const c = i.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) {
@@ -456,15 +456,15 @@ const Ie = (n, t) => {
     };
     return (l, i) => (d(), R(Ye(n.tag), {
       draggable: t.draggable,
-      onDrag: i[0] || (i[0] = (c) => o(X(Re).drag, c)),
-      onDragstart: i[1] || (i[1] = Te((c) => o(X(Re).dragstart, c), ["stop"])),
-      onDragenter: i[2] || (i[2] = (c) => o(X(Re).dragenter, c)),
-      onDragleave: i[3] || (i[3] = (c) => o(X(Re).dragleave, c)),
-      onDragend: i[4] || (i[4] = (c) => o(X(Re).dragend, c))
+      onDrag: i[0] || (i[0] = (c) => o(G(Re).drag, c)),
+      onDragstart: i[1] || (i[1] = Pe((c) => o(G(Re).dragstart, c), ["stop"])),
+      onDragenter: i[2] || (i[2] = (c) => o(G(Re).dragenter, c)),
+      onDragleave: i[3] || (i[3] = (c) => o(G(Re).dragleave, c)),
+      onDragend: i[4] || (i[4] = (c) => o(G(Re).dragend, c))
     }, {
       default: Q(() => [
         oe(l.$slots, "default", { transferData: a.value }),
-        n.hideImageHtml ? (d(), b("div", {
+        n.hideImageHtml ? (d(), w("div", {
           key: 0,
           style: ge(s.value)
         }, [
@@ -499,80 +499,80 @@ const Ie = (n, t) => {
   },
   emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext", "nodedoubleclick", "nodefoldericonclick"],
   setup(n, { emit: t }) {
-    const e = n, r = V(null), a = V(!1), s = V(!1), o = V(!1), l = C(() => e.model.children && e.model.children.length), i = C(() => (U.actions.isTreeExpanded(e.treeId) && (e.model.expanded = e.model.expanded === void 0 ? !0 : e.model.expanded), e.model.expanded)), c = (Z) => {
-      t("nodeclick", { event: Z, model: e.model });
-    }, f = (Z) => {
-      t("nodefoldericonclick", { event: Z, model: e.model });
-    }, h = (Z) => {
-      t("nodefoldericonclick", Z);
-    }, v = (Z) => {
-      t("nodeclick", Z);
-    }, w = (Z) => {
-      t("nodedoubleclick", Z);
-    }, k = (Z) => {
-      t("nodedrop", Z);
-    }, g = (Z) => {
-      t("nodecontext", Z);
-    }, D = C(() => [
-      U.actions.isItemSelected(e.treeId, e.model.id) ? "selected" : "",
+    const e = n, r = N(null), a = N(!1), s = N(!1), o = N(!1), l = C(() => e.model.children && e.model.children.length), i = C(() => (X.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 });
+    }, h = (K) => {
+      t("nodefoldericonclick", K);
+    }, v = (K) => {
+      t("nodeclick", K);
+    }, x = (K) => {
+      t("nodedoubleclick", K);
+    }, S = (K) => {
+      t("nodedrop", K);
+    }, g = (K) => {
+      t("nodecontext", K);
+    }, _ = C(() => [
+      X.actions.isItemSelected(e.treeId, e.model.id) ? "selected" : "",
       a.value ? "node-over " : "",
       s.value ? "node-top " : "",
       o.value ? "node-bottom " : ""
-    ]), T = C(() => e.search ? !1 : e.model.draggable === !0), E = (Z) => {
+    ]), E = C(() => e.search ? !1 : e.model.draggable === !0), T = (K) => {
       var ve;
-      let G = Jt.data;
-      if (G === void 0 || G.model === void 0)
+      let j = Jt.data;
+      if (j === void 0 || j.model === void 0)
         return a.value = !1, !1;
-      if (G.model.id === e.model.id || U.actions.isChildOfParent(e.treeId, e.items, e.model.id, G.model.id) || U.actions.isParentOfChild(e.treeId, e.items, G.model.id, e.model.id))
+      if (j.model.id === e.model.id || X.actions.isChildOfParent(e.treeId, e.items, e.model.id, j.model.id) || X.actions.isParentOfChild(e.treeId, e.items, j.model.id, e.model.id))
         return a.value = !1, s.value = !1, o.value = !1, !1;
-      if (!U.state.trees[e.treeId].transfer && G.id !== e.treeId || !U.state.trees[e.treeId].dropInside && !o.value && !s.value || G.id === e.treeId && !e.model.droppable)
+      if (!X.state.trees[e.treeId].transfer && j.id !== e.treeId || !X.state.trees[e.treeId].dropInside && !o.value && !s.value || j.id === e.treeId && !e.model.droppable)
         return !1;
       let ae = "";
-      s.value ? ae = "before" : o.value ? ae = "after" : ae = "inside", t("nodedrop", { e: Z, model: e.model, place: ae }), U.actions.moveTreeNode(G.id, e.treeId, e.items, G.model.id, e.model.id, ae, (ve = G.model) == null ? void 0 : ve.transfer), a.value = !1, s.value = !1, o.value = !1;
-    }, y = (Z) => {
-      t("nodedragover", { e: Z, model: e.model });
-      let G = Jt.data;
+      s.value ? ae = "before" : o.value ? ae = "after" : ae = "inside", t("nodedrop", { e: K, model: e.model, place: ae }), X.actions.moveTreeNode(j.id, e.treeId, e.items, j.model.id, e.model.id, ae, (ve = j.model) == null ? void 0 : ve.transfer), a.value = !1, s.value = !1, o.value = !1;
+    }, D = (K) => {
+      t("nodedragover", { e: K, model: e.model });
+      let j = Jt.data;
       if (!e.model.droppable)
         return !1;
-      if (G === void 0 || G.model === void 0)
+      if (j === void 0 || j.model === void 0)
         return a.value = !0, !1;
-      if (G.model.id === e.model.id || U.actions.isChildOfParent(e.treeId, e.items, e.model.id, G.model.id) || U.actions.isParentOfChild(e.treeId, e.items, G.model.id, e.model.id))
+      if (j.model.id === e.model.id || X.actions.isChildOfParent(e.treeId, e.items, e.model.id, j.model.id) || X.actions.isParentOfChild(e.treeId, e.items, j.model.id, e.model.id))
         return !1;
-      const ae = Z.y, ve = r.value.getBoundingClientRect().top, H = r.value.getBoundingClientRect().height, ue = H / 3;
-      ae > ve && ae <= ve + ue ? (a.value = !1, s.value = !0, o.value = !1) : ae < ve + H && ae >= ve + H - ue ? (a.value = !1, s.value = !1, o.value = !0) : (a.value = U.state.trees[e.treeId].dropInside, s.value = !1, o.value = !1);
-    }, x = () => {
+      const ae = K.y, ve = r.value.getBoundingClientRect().top, H = r.value.getBoundingClientRect().height, ue = H / 3;
+      ae > ve && ae <= ve + ue ? (a.value = !1, s.value = !0, o.value = !1) : ae < ve + H && ae >= ve + H - ue ? (a.value = !1, s.value = !1, o.value = !0) : (a.value = X.state.trees[e.treeId].dropInside, s.value = !1, o.value = !1);
+    }, y = () => {
       a.value = !1, s.value = !1, o.value = !1;
-    }, S = C(() => e.model.title.startsWith("-")), I = C(() => {
+    }, b = C(() => e.model.title.startsWith("-")), z = C(() => {
       if (e.model.title.startsWith("-")) {
-        let [Z, ...G] = e.model.title.split(" ");
-        return G = G.join(" "), G;
+        let [K, ...j] = e.model.title.split(" ");
+        return j = j.join(" "), j;
       }
       return null;
     });
-    return (Z, G) => {
-      const ae = ft("d-tree-item", !0), ve = Pn("touch");
-      return X(U).actions.beforeItem(e.treeId, n.model) ? S.value && !I.value ? (d(), b("li", cs, fs)) : S.value && I.value ? (d(), b("li", ps, [
-        L("div", hs, K(X(U).actions.renderTitle(e.treeId, I.value)), 1)
+    return (K, j) => {
+      const ae = ft("d-tree-item", !0), ve = En("touch");
+      return G(X).actions.beforeItem(e.treeId, n.model) ? b.value && !z.value ? (d(), w("li", cs, fs)) : b.value && z.value ? (d(), w("li", ps, [
+        L("div", hs, Z(G(X).actions.renderTitle(e.treeId, z.value)), 1)
       ])) : e.model.component ? (d(), R(dr, {
         key: 3,
         tag: "li",
         class: "tree-item-component",
         "transfer-data": { id: e.treeId, model: e.model },
-        draggable: T.value,
-        onDrop: Te(E, ["stop"]),
-        onDragenter: G[1] || (G[1] = Te(() => {
+        draggable: E.value,
+        onDrop: Pe(T, ["stop"]),
+        onDragenter: j[1] || (j[1] = Pe(() => {
         }, ["prevent"])),
-        onDragover: Te(y, ["prevent", "stop"]),
-        onDragleave: Te(x, ["prevent"])
+        onDragover: Pe(D, ["prevent", "stop"]),
+        onDragleave: Pe(y, ["prevent"])
       }, {
         default: Q(() => [
-          We((d(), b("div", {
+          We((d(), w("div", {
             ref_key: "node",
             ref: r,
-            class: ne(D.value),
-            onContextmenu: G[0] || (G[0] = Te((H) => t("nodecontext", { e: H, model: e.model }), ["prevent"]))
+            class: ne(_.value),
+            onContextmenu: j[0] || (j[0] = Pe((H) => t("nodecontext", { e: H, model: e.model }), ["prevent"]))
           }, [
-            (d(), R(Ye(X(Mt).getters.getComponent(e.model.component).component), Tr(Lr(X(Mt).getters.getComponent(e.model.component).props)), null, 16))
+            (d(), R(Ye(G(Mt).getters.getComponent(e.model.component).component), Pr(Lr(G(Mt).getters.getComponent(e.model.component).props)), null, 16))
           ], 34)), [
             [ve, c, "press"]
           ])
@@ -583,12 +583,12 @@ const Ie = (n, t) => {
         tag: "li",
         class: "tree-item",
         "transfer-data": { id: e.treeId, model: e.model },
-        draggable: T.value,
-        onDrop: Te(E, ["stop"]),
-        onDragenter: G[4] || (G[4] = Te(() => {
+        draggable: E.value,
+        onDrop: Pe(T, ["stop"]),
+        onDragenter: j[4] || (j[4] = Pe(() => {
         }, ["prevent"])),
-        onDragover: Te(y, ["prevent", "stop"]),
-        onDragleave: Te(x, ["prevent"])
+        onDragover: Pe(D, ["prevent", "stop"]),
+        onDragleave: Pe(y, ["prevent"])
       }, {
         default: Q(() => {
           var H, ue;
@@ -596,92 +596,92 @@ const Ie = (n, t) => {
             L("div", {
               ref_key: "node",
               ref: r,
-              class: ne(D.value),
+              class: ne(_.value),
               onPointerdownCapture: c,
-              onDblclick: G[2] || (G[2] = Te((M) => t("nodedoubleclick", { e: M, model: e.model }), ["prevent"])),
-              onContextmenu: G[3] || (G[3] = Te((M) => t("nodecontext", { e: M, model: e.model }), ["prevent"]))
+              onDblclick: j[2] || (j[2] = Pe((M) => t("nodedoubleclick", { e: M, model: e.model }), ["prevent"])),
+              onContextmenu: j[3] || (j[3] = Pe((M) => t("nodecontext", { e: M, model: e.model }), ["prevent"]))
             }, [
               L("div", null, [
-                e.model.icons && e.model.icons.pre && l.value && !e.search && !S.value ? (d(), R(Ye(qe), {
+                e.model.icons && e.model.icons.pre && l.value && !e.search && !b.value ? (d(), R(Ye(qe), {
                   key: 0,
-                  component: X(Je).getters.getIcon(e.model.icons.pre.component),
+                  component: G(Je).getters.getIcon(e.model.icons.pre.component),
                   size: 18,
                   color: e.model.icons.pre.color ? e.model.icons.pre.color : "inherit",
                   class: ne(i.value ? "tree-open-pre" : ""),
                   onPointerdownCapture: f
-                }, null, 40, ["component", "color", "class"])) : N("", !0),
-                e.model.icons && e.model.icons.pre && !l.value && !e.search && !S.value ? (d(), R(Ye(qe), {
+                }, null, 40, ["component", "color", "class"])) : V("", !0),
+                e.model.icons && e.model.icons.pre && !l.value && !e.search && !b.value ? (d(), R(Ye(qe), {
                   key: 1,
-                  component: X(Je).getters.getIcon(e.model.icons.pre.component),
+                  component: G(Je).getters.getIcon(e.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
                   class: ne(i.value ? "tree-open-pre" : "")
-                }, null, 8, ["component", "class"])) : N("", !0),
-                e.model.icons && e.model.icons.icon && !S.value ? (d(), R(Ye(qe), {
+                }, null, 8, ["component", "class"])) : V("", !0),
+                e.model.icons && e.model.icons.icon && !b.value ? (d(), R(Ye(qe), {
                   key: 2,
-                  component: X(Je).getters.getIcon(e.model.icons.icon.component),
+                  component: G(Je).getters.getIcon(e.model.icons.icon.component),
                   color: e.model.icons.icon.color ? e.model.icons.icon.color : "inherit",
                   size: e.model.icons.icon.size ? e.model.icons.icon.size : null,
                   className: e.model.icons.icon.class ? e.model.icons.icon.class : null
-                }, null, 8, ["component", "color", "size", "className"])) : N("", !0),
+                }, null, 8, ["component", "color", "size", "className"])) : V("", !0),
                 L("div", ms, [
-                  S.value ? (d(), b("div", gs)) : N("", !0),
-                  !S.value && Object.hasOwn(e.model, "link") ? (d(), b("a", {
+                  b.value ? (d(), w("div", gs)) : V("", !0),
+                  !b.value && Object.hasOwn(e.model, "link") ? (d(), w("a", {
                     key: 1,
                     href: e.model.link,
                     target: Object.hasOwn(e.model, "target") ? e.model.target : "_self"
                   }, [
-                    S.value ? N("", !0) : (d(), b("div", ys, K(X(U).actions.renderTitle(e.treeId, e.model.title)), 1))
-                  ], 8, vs)) : N("", !0),
-                  !S.value && !Object.hasOwn(e.model, "link") ? (d(), b("div", {
+                    b.value ? V("", !0) : (d(), w("div", ys, Z(G(X).actions.renderTitle(e.treeId, e.model.title)), 1))
+                  ], 8, vs)) : V("", !0),
+                  !b.value && !Object.hasOwn(e.model, "link") ? (d(), w("div", {
                     key: 2,
-                    innerHTML: X(U).actions.renderTitle(e.treeId, e.model.title, e.model)
-                  }, null, 8, bs)) : N("", !0)
+                    innerHTML: G(X).actions.renderTitle(e.treeId, e.model.title, e.model)
+                  }, null, 8, bs)) : V("", !0)
                 ])
               ]),
               L("div", ws, [
-                ((H = e.model.badge) == null ? void 0 : H.value) !== void 0 && !S.value ? (d(), R(Ye(as), {
+                ((H = e.model.badge) == null ? void 0 : H.value) !== void 0 && !b.value ? (d(), R(Ye(as), {
                   key: 0,
                   class: ne([(ue = e.model.badge) == null ? void 0 : ue.class, "badge-sm"])
                 }, {
                   default: Q(() => [
-                    ye(K(e.model.badge.value), 1)
+                    ye(Z(e.model.badge.value), 1)
                   ]),
                   _: 1
-                }, 8, ["class"])) : N("", !0),
-                e.model.icons && e.model.icons.post && l.value && !e.search && !S.value ? (d(), R(Ye(qe), {
+                }, 8, ["class"])) : V("", !0),
+                e.model.icons && e.model.icons.post && l.value && !e.search && !b.value ? (d(), R(Ye(qe), {
                   key: 1,
-                  component: X(Je).getters.getIcon(e.model.icons.post.component),
+                  component: G(Je).getters.getIcon(e.model.icons.post.component),
                   size: 20,
                   color: e.model.icons.post.color ? e.model.icons.post.color : "inherit",
                   class: ne(i.value ? "tree-open-post" : ""),
                   onPointerdownCapture: f
-                }, null, 40, ["component", "color", "class"])) : N("", !0)
+                }, null, 40, ["component", "color", "class"])) : V("", !0)
               ])
             ], 34),
             W(ss, null, {
               default: Q(() => [
-                l.value && i.value && !e.search ? (d(), b("ul", xs, [
-                  (d(!0), b(ke, null, Be(n.model.children, (M) => (d(), R(ae, {
+                l.value && i.value && !e.search ? (d(), w("ul", xs, [
+                  (d(!0), w(ke, null, Be(n.model.children, (M) => (d(), R(ae, {
                     key: M.id,
                     model: M,
                     treeId: e.treeId,
                     items: e.items,
                     search: e.search,
                     onNodeclick: v,
-                    onNodedoubleclick: w,
-                    onNodedrop: k,
+                    onNodedoubleclick: x,
+                    onNodedrop: S,
                     onNodecontext: g,
                     onNodefoldericonclick: h
                   }, null, 8, ["model", "treeId", "items", "search"]))), 128))
-                ])) : N("", !0)
+                ])) : V("", !0)
               ]),
               _: 1
             })
           ];
         }),
         _: 1
-      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), b("li", us));
+      }, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), w("li", us));
     };
   }
 }, ks = /* @__PURE__ */ Ie(Ss, [["__scopeId", "data-v-354adc19"]]);
@@ -732,53 +732,53 @@ function _s(n) {
     }
   };
 }
-const je = _s(), U = {
+const je = _s(), X = {
   state: rn({
     trees: {}
   }),
   getters: {
     getItems(n) {
-      return U.state.trees[n].items;
+      return X.state.trees[n].items;
     },
     getItemsSelect(n) {
-      return U.state.trees[n].selected;
+      return X.state.trees[n].selected;
     },
     // data - ноды, dataId - ID ноды родителя data
     getParentId(n, t, e, r = "id", a = "children", s = {}) {
-      return e && n && (n.find((o) => o[r] === e ? (s.found = t, o) : U.getters.getParentId(o[a], o.id, e, r, a, s)), s.found) ? s.found : !1;
+      return e && n && (n.find((o) => o[r] === e ? (s.found = t, o) : X.getters.getParentId(o[a], o.id, e, r, a, s)), s.found) ? s.found : !1;
     }
   },
   mutations: {
     setTreeItems(n, t) {
-      U.state.trees[n].items = t;
+      X.state.trees[n].items = t;
     },
     setItemSelect(n, t) {
-      U.state.trees[n].noSelect || (U.state.trees[n].multiSelect ? U.state.trees[n].selected.includes(t.id) ? U.state.trees[n].selected = U.state.trees[n].selected.filter(function(e) {
+      X.state.trees[n].noSelect || (X.state.trees[n].multiSelect ? X.state.trees[n].selected.includes(t.id) ? X.state.trees[n].selected = X.state.trees[n].selected.filter(function(e) {
         return e !== t.id;
-      }) : U.state.trees[n].selected = [...U.state.trees[n].selected, t.id] : U.state.trees[n].selected = [t.id]);
+      }) : X.state.trees[n].selected = [...X.state.trees[n].selected, t.id] : X.state.trees[n].selected = [t.id]);
     }
   },
   actions: {
     initTreeStore(n, t, e, r, a, s, o, l = !0) {
-      U.state.trees[n] = [], U.state.trees[n].selected = [], U.state.trees[n].noSelect = t, U.state.trees[n].multiSelect = e, U.state.trees[n].expanded = r, U.state.trees[n].transfer = a, U.state.trees[n].renderTitle = s, U.state.trees[n].beforeItem = o, U.state.trees[n].dropInside = l;
+      X.state.trees[n] = [], X.state.trees[n].selected = [], X.state.trees[n].noSelect = t, X.state.trees[n].multiSelect = e, X.state.trees[n].expanded = r, X.state.trees[n].transfer = a, X.state.trees[n].renderTitle = s, X.state.trees[n].beforeItem = o, X.state.trees[n].dropInside = l;
     },
     renderTitle(n, t, e = null) {
-      return U.state.trees[n].renderTitle ? U.state.trees[n].renderTitle(t, e) : t;
+      return X.state.trees[n].renderTitle ? X.state.trees[n].renderTitle(t, e) : t;
     },
     beforeItem(n, t) {
-      return U.state.trees[n].beforeItem ? U.state.trees[n].beforeItem(t) : !0;
+      return X.state.trees[n].beforeItem ? X.state.trees[n].beforeItem(t) : !0;
     },
     isItemSelected(n, t) {
-      return U.state.trees[n].selected.includes(t);
+      return X.state.trees[n].selected.includes(t);
     },
     toggleItem(n, t) {
       t.expanded = t.expanded === void 0 || !t.expanded, t.children && t.children.length && (t.expanded ? je.emit(`expand-${n}`, { id: n, model: t }) : je.emit(`collapse-${n}`, { id: n, model: t }));
     },
     isTreeExpanded(n) {
-      return U.state.trees[n].expanded;
+      return X.state.trees[n].expanded;
     },
     isChildOfParent(n, t, e, r) {
-      const a = U.actions.deepSearch(t, e);
+      const a = X.actions.deepSearch(t, e);
       if (a && a.children) {
         for (let s = 0; s < a.children.length; s++)
           if (a.children[s].id === r)
@@ -788,16 +788,16 @@ const je = _s(), U = {
     },
     // Является ли нода родителем указанного потомка
     isParentOfChild(n, t, e, r) {
-      const a = U.actions.deepSearch(t, e);
-      return !!(a && a.children && U.actions.deepSearch(a.children, r));
+      const a = X.actions.deepSearch(t, e);
+      return !!(a && a.children && X.actions.deepSearch(a.children, r));
     },
     deepSearch(n, t, e = "id", r = "children", a = {}) {
-      return t && n && (n.find((s) => s[e] === t ? (a.found = s, s) : U.actions.deepSearch(s[r], t, e, r, a)), a.found) ? a.found : !1;
+      return t && n && (n.find((s) => s[e] === t ? (a.found = s, s) : X.actions.deepSearch(s[r], t, e, r, a)), a.found) ? a.found : !1;
     },
     deepSearchByTitle(n, t, e = "title", r = "children", a = []) {
       if (t && n && (n.find((s) => {
         const o = new RegExp(t, "gi");
-        s[e].toString().toLowerCase().match(o) !== null && a.push(s), U.actions.deepSearchByTitle(s[r], t, e, r, a);
+        s[e].toString().toLowerCase().match(o) !== null && a.push(s), X.actions.deepSearchByTitle(s[r], t, e, r, a);
       }), a)) {
         for (let s = 0; s < a.length; s++)
           ;
@@ -807,8 +807,8 @@ const je = _s(), U = {
     },
     moveTreeNode(n, t, e, r, a, s, o = !0) {
       if (o) {
-        const l = U.actions.deleteTreeNode(e, r);
-        U.actions.insertTreeNode(e, a, l, s), je.emit(`move-${t}`, { fromTreeId: n, toTreeId: t, moved: l == null ? void 0 : l.id, target: a, position: s });
+        const l = X.actions.deleteTreeNode(e, r);
+        X.actions.insertTreeNode(e, a, l, s), je.emit(`move-${t}`, { fromTreeId: n, toTreeId: t, moved: l == null ? void 0 : l.id, target: a, position: s });
       } else
         je.emit(`move-${t}`, { fromTreeId: n, toTreeId: t, moved: r, target: a, position: s });
     },
@@ -830,7 +830,7 @@ const je = _s(), U = {
             const a = n[e];
             return n.splice(e, 1), a;
           }
-          const r = U.actions.deleteTreeNode(n[e].children, t);
+          const r = X.actions.deleteTreeNode(n[e].children, t);
           if (r) return r;
         }
     }
@@ -843,7 +843,7 @@ const je = _s(), U = {
   emits: Object.keys(Re),
   setup(n, { expose: t, emit: e }) {
     let r = rn({});
-    const a = V("false"), s = V(null), o = /* @__PURE__ */ new Set(), l = C(() => a.value && r), i = (f, h) => {
+    const a = N("false"), s = N(null), o = /* @__PURE__ */ new Set(), l = C(() => a.value && r), i = (f, h) => {
       r = Jt.data, e(f, h, r), f === Re.dragenter && (o.size || h.target === s.value) && o.add(h.target), f === Re.dragleave && o.delete(h.target), f === Re.drop && o.clear(), a.value = !!o.size;
     };
     return t({
@@ -851,10 +851,10 @@ const je = _s(), U = {
     }), (f, h) => (d(), R(Ye(n.tag), {
       ref_key: "el",
       ref: s,
-      onDragenter: h[0] || (h[0] = (v) => i(X(Re).dragenter, v)),
-      onDragleave: h[1] || (h[1] = (v) => i(X(Re).dragleave, v)),
-      onDragover: h[2] || (h[2] = Te((v) => i(X(Re).dragover, v), ["prevent"])),
-      onDrop: h[3] || (h[3] = Te((v) => i(X(Re).drop, v), ["prevent"]))
+      onDragenter: h[0] || (h[0] = (v) => i(G(Re).dragenter, v)),
+      onDragleave: h[1] || (h[1] = (v) => i(G(Re).dragleave, v)),
+      onDragover: h[2] || (h[2] = Pe((v) => i(G(Re).dragover, v), ["prevent"])),
+      onDrop: h[3] || (h[3] = Pe((v) => i(G(Re).drop, v), ["prevent"]))
     }, {
       default: Q(() => [
         oe(f.$slots, "default", { transferData: l.value })
@@ -881,18 +881,18 @@ const je = _s(), U = {
   },
   emits: ["select"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = Tt();
-    let s = V(null), o = V(!1);
+    const r = n, a = Pt();
+    let s = N(null), o = N(!1);
     const l = () => {
       je.emit("menu-show-request", a), o.value = !0;
-    }, i = (w = 1) => {
-      var k;
-      (k = s.value) == null || k.collapseAll(), setTimeout(() => {
+    }, i = (x = 1) => {
+      var S;
+      (S = s.value) == null || S.collapseAll(), setTimeout(() => {
         o.value = !1;
-      }, w);
+      }, x);
     }, c = () => o.value;
-    je.on("menu-show-request", (w) => {
-      a !== w && i();
+    je.on("menu-show-request", (x) => {
+      a !== x && i();
     }), t({
       show: l,
       hide: i,
@@ -900,13 +900,13 @@ const je = _s(), U = {
       isShowed: c,
       itemsCount: () => s.value.itemsCount()
     });
-    const v = (w) => {
-      e("select", w), w.model.children || i(500);
+    const v = (x) => {
+      e("select", x), x.model.children || i(500);
     };
-    return (w, k) => {
-      const g = Pn("click-outside");
+    return (x, S) => {
+      const g = En("click-outside");
       return d(), R(Ir, { to: "body" }, [
-        X(o) ? We((d(), R(Vr, {
+        G(o) ? We((d(), R(Vr, {
           key: 0,
           ref_key: "treeRef",
           ref: s,
@@ -919,7 +919,7 @@ const je = _s(), U = {
           "before-item": r.beforeItem
         }, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item"])), [
           [g, () => i()]
-        ]) : N("", !0)
+        ]) : V("", !0)
       ]);
     };
   }
@@ -932,13 +932,13 @@ const je = _s(), U = {
   },
   emits: ["select"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = V(null), s = V(0), o = V(0), l = C(() => ({
+    const r = n, a = N(null), s = N(0), o = N(0), l = C(() => ({
       left: s.value + "px",
       top: o.value + "px"
     })), i = (f) => {
       f.preventDefault(), a.value.show(), Ht(() => {
-        const h = a.value.elementSize(), v = window.innerWidth, w = window.innerHeight;
-        s.value = v - f.pageX < h.width ? f.pageX - h.width : f.pageX, o.value = w - f.pageY < h.height ? f.pageY - h.height : f.pageY, a.value.itemsCount() === 0 && a.value.hide();
+        const h = a.value.elementSize(), v = window.innerWidth, x = window.innerHeight;
+        s.value = v - f.pageX < h.width ? f.pageX - h.width : f.pageX, o.value = x - f.pageY < h.height ? f.pageY - h.height : f.pageY, a.value.itemsCount() === 0 && a.value.hide();
       });
     }, c = (f) => {
       e("select", f);
@@ -1005,8 +1005,8 @@ const je = _s(), U = {
   },
   emits: ["select", "collapse", "expand", "move", "over", "drop", "doubleclick", "foldericonclick"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = V(null), s = V(!1), o = V(null), l = an().uid;
-    U.actions.initTreeStore(l, r.noSelect, r.multiSelect, r.expanded, r.transfer, r.renderTitle, r.beforeItem, r.dropInside);
+    const r = n, a = N(null), s = N(!1), o = N(null), l = an().uid;
+    X.actions.initTreeStore(l, r.noSelect, r.multiSelect, r.expanded, r.transfer, r.renderTitle, r.beforeItem, r.dropInside);
     const i = (M, re) => {
       console.log(M, re);
     };
@@ -1017,46 +1017,46 @@ const je = _s(), U = {
     }), je.on(`move-${l}`, (M) => {
       e("move", M);
     });
-    const c = C(() => r.search ? U.actions.deepSearchByTitle(r.items, r.search) : r.items), f = (M) => {
+    const c = C(() => r.search ? X.actions.deepSearchByTitle(r.items, r.search) : r.items), f = (M) => {
       h(r.items, M);
-    }, h = (M, re, ce = "id", Ue = "children", j = {}) => re && M && (M.find((te) => {
+    }, h = (M, re, ce = "id", Ue = "children", U = {}) => re && M && (M.find((te) => {
       if (te[ce] === re)
-        return j.found = te, te.expanded = !0, !0;
-      if (h(te[Ue], re, ce, Ue, j))
+        return U.found = te, te.expanded = !0, !0;
+      if (h(te[Ue], re, ce, Ue, U))
         return te.expanded = !0, !0;
-    }), j.found) ? j.found : !1, v = (M = null) => {
-      U.mutations.setItemSelect(l, M.model), r.doubleClickExpand || U.actions.toggleItem(l, M.model), e("select", M);
-    }, w = (M = null) => {
-      r.doubleClickExpand && U.actions.toggleItem(l, M.model), e("doubleclick", M);
-    }, k = (M = null) => {
-      r.doubleClickExpand && U.actions.toggleItem(l, M.model), e("foldericonclick", M);
+    }), U.found) ? U.found : !1, v = (M = null) => {
+      X.mutations.setItemSelect(l, M.model), r.doubleClickExpand || X.actions.toggleItem(l, M.model), e("select", M);
+    }, x = (M = null) => {
+      r.doubleClickExpand && X.actions.toggleItem(l, M.model), e("doubleclick", M);
+    }, S = (M = null) => {
+      r.doubleClickExpand && X.actions.toggleItem(l, M.model), e("foldericonclick", M);
     }, g = (M = null) => {
       e("over", M);
-    }, D = (M = null) => {
+    }, _ = (M = null) => {
       e("drop", M);
-    }, T = () => a.value.elementSize(), E = () => {
+    }, E = () => a.value.elementSize(), T = () => {
       for (let M = 0; M < r.items.length; M++)
         r.items[M].expanded = !0;
-    }, y = () => {
+    }, D = () => {
       for (let M = 0; M < r.items.length; M++)
         r.items[M].expanded = !1;
-    }, x = () => l, S = (M) => U.actions.deepSearch(r.items, M), I = (M) => {
-      S(M) && U.mutations.setItemSelect(l, S(M));
-    }, Z = (M) => {
+    }, y = () => l, b = (M) => X.actions.deepSearch(r.items, M), z = (M) => {
+      b(M) && X.mutations.setItemSelect(l, b(M));
+    }, K = (M) => {
       r.contextClick({ e: M.e, model: M.model, target: o.value });
-    }, G = (M) => r.contextBeforeClick({ model: M, target: o.value }), ae = C(() => r.context), ve = (M) => (ae.value && (o.value = M.model, s.value.show(M.e)), !1), H = () => ue(c.value), ue = (M) => {
+    }, j = (M) => r.contextBeforeClick({ model: M, target: o.value }), ae = C(() => r.context), ve = (M) => (ae.value && (o.value = M.model, s.value.show(M.e)), !1), H = () => ue(c.value), ue = (M) => {
       let re = 0;
       for (let ce = 0; ce < M.length; ce++)
-        re += U.actions.beforeItem(l, M[ce]) ? 1 : 0, M[ce].children && M[ce].children.length > 0 && (re += ue(M[ce].children));
+        re += X.actions.beforeItem(l, M[ce]) ? 1 : 0, M[ce].children && M[ce].children.length > 0 && (re += ue(M[ce].children));
       return re;
     };
     return t({
-      elementSize: T,
-      expandAll: E,
-      collapseAll: y,
-      getId: x,
-      getNode: S,
-      selectNode: I,
+      elementSize: E,
+      expandAll: T,
+      collapseAll: D,
+      getId: y,
+      getNode: b,
+      selectNode: z,
       itemsCount: H,
       expandNode: f
     }), (M, re) => (d(), R(Ds, {
@@ -1064,30 +1064,30 @@ const je = _s(), U = {
       ref: a,
       class: "tree",
       tag: "ul",
-      onDrop: Te(i, ["stop"])
+      onDrop: Pe(i, ["stop"])
     }, {
       default: Q(() => [
-        (d(!0), b(ke, null, Be(c.value, (ce) => (d(), R(ks, {
+        (d(!0), w(ke, null, Be(c.value, (ce) => (d(), R(ks, {
           key: ce.id,
           model: ce,
-          treeId: X(l),
+          treeId: G(l),
           items: r.items,
           search: r.search,
           onNodeclick: v,
-          onNodedoubleclick: w,
+          onNodedoubleclick: x,
           onNodedragover: g,
-          onNodedrop: D,
+          onNodedrop: _,
           onNodecontext: ve,
-          onNodefoldericonclick: k
+          onNodefoldericonclick: S
         }, null, 8, ["model", "treeId", "items", "search"]))), 128)),
         ae.value ? (d(), R(Cs, {
           key: 0,
           ref_key: "contextTreeRef",
           ref: s,
           items: ae.value,
-          onSelect: Z,
-          "before-item": G
-        }, null, 8, ["items"])) : N("", !0)
+          onSelect: K,
+          "before-item": j
+        }, null, 8, ["items"])) : V("", !0)
       ]),
       _: 1
     }, 8, ["onDrop"]));
@@ -1155,14 +1155,14 @@ const je = _s(), U = {
       const { fixed: r, zIndex: a, minWidth: s, height: o, paddingLeft: l, transitionDuration: i, transitionTimingFunction: c } = t, f = r ? "fixed" : "static", h = t.useMinWidthLayout ? `min-width:${s}px;` : "";
       return `position:${f};z-index:${a};${h}height:${o}px;padding-left:${l}px;transition-duration:${i}ms;transition-timing-function:${c};`;
     });
-    return (r, a) => (d(), b("header", {
+    return (r, a) => (d(), w("header", {
       class: "d-layout-header",
       style: ge(e.value)
     }, [
       oe(r.$slots, "default")
     ], 4));
   }
-}, Es = {
+}, Ts = {
   __name: "DLayoutTab",
   props: {
     fixed: {
@@ -1204,14 +1204,14 @@ const je = _s(), U = {
       const { fixed: r, top: a, zIndex: s, minWidth: o, height: l, paddingLeft: i, transitionDuration: c, transitionTimingFunction: f } = t, h = r ? "fixed" : "static", v = t.useMinWidthLayout ? `min-width: ${o}px;` : "";
       return `position:${h};top:${a}px;z-index:${s};${v}height:${l}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${f};`;
     });
-    return (r, a) => (d(), b("div", {
+    return (r, a) => (d(), w("div", {
       class: "d-layout-tab",
       style: ge(e.value)
     }, [
       oe(r.$slots, "default")
     ], 4));
   }
-}, Ps = {
+}, Es = {
   __name: "DLayoutFooter",
   props: {
     fixed: {
@@ -1249,14 +1249,14 @@ const je = _s(), U = {
       const { fixed: r, zIndex: a, minWidth: s, height: o, paddingLeft: l, transitionDuration: i, transitionTimingFunction: c } = t, f = r ? "fixed" : "static", h = t.useMinWidthLayout ? `min-width:${s}px;` : "";
       return `position:${f};z-index:${a};${h}height:${o}px;padding-left:${l}px;transition-duration:${i}ms;transition-timing-function:${c};`;
     });
-    return (r, a) => (d(), b("footer", {
+    return (r, a) => (d(), w("footer", {
       class: "d-layout-footer",
       style: ge(e.value)
     }, [
       oe(r.$slots, "default")
     ], 4));
   }
-}, Ts = {
+}, Ps = {
   __name: "DLayoutSidebar",
   props: {
     zIndex: {
@@ -1289,7 +1289,7 @@ const je = _s(), U = {
       const { zIndex: r, width: a, paddingTop: s, transitionDuration: o, transitionTimingFunction: l } = t;
       return `z-index:${r};width:${a}px;padding-top:${s}px;transition-duration:${o}ms;transition-timing-function:${l};`;
     });
-    return (r, a) => (d(), b("aside", {
+    return (r, a) => (d(), w("aside", {
       class: "d-layout-sidebar",
       style: ge(e.value)
     }, [
@@ -1326,7 +1326,7 @@ const je = _s(), U = {
       const { paddingTop: r, paddingBottom: a, paddingLeft: s, transitionDuration: o, transitionTimingFunction: l } = t, i = `overflow:${t.overflowHidden ? "hidden" : "visible"};`;
       return `padding-top:${r}px;padding-bottom:${a}px;padding-left:${s}px;${i}transition-duration:${o}ms;transition-timing-function:${l};`;
     });
-    return (r, a) => (d(), b("main", {
+    return (r, a) => (d(), w("main", {
       style: ge(e.value),
       class: "d-layout-content"
     }, [
@@ -1335,7 +1335,7 @@ const je = _s(), U = {
   }
 };
 function Os(n) {
-  const t = V(0), e = C(() => `transform: translateX(${-t.value}px);`);
+  const t = N(0), e = C(() => `transform: translateX(${-t.value}px);`);
   let r = !1;
   function a(f) {
     t.value = f;
@@ -1455,35 +1455,35 @@ const Fs = 1001, Is = 999, zs = 998, uf = {
   emits: ["update:sidebar-collapse", "sidebar-mask-click"],
   setup(n, { emit: t }) {
     const e = n, r = C(() => e.useMinWidthLayout ? `min-width:${e.minWidth}px;` : ""), a = C(() => e.useMinWidthLayout && (e.fixedHeaderAndTab || e.fixedFooter)), s = Os(a), o = C(() => e.fixedHeaderAndTab ? s.value : ""), l = C(() => e.fixedFooter ? s.value : ""), i = C(() => {
-      const { transitionDuration: S, transitionTimingFunction: I } = e;
+      const { transitionDuration: b, transitionTimingFunction: z } = e;
       return {
-        transitionDuration: S,
-        transitionTimingFunction: I
+        transitionDuration: b,
+        transitionTimingFunction: z
       };
     }), c = C(() => e.mode === "vertical"), f = C(() => e.isMobile || c.value ? 1003 : 1e3), h = C({
       get() {
         return e.sidebarCollapse;
       },
-      set(S) {
-        t("update:sidebar-collapse", S);
+      set(b) {
+        t("update:sidebar-collapse", b);
       }
     });
     function v() {
       t("sidebar-mask-click");
     }
-    const w = C(() => e.isMobile && !h.value), k = C(() => {
-      const { transitionDuration: S, transitionTimingFunction: I } = e;
-      return `background-color:${e.maskBg};transition-duration:${S}ms;transition-timing-function:${I};`;
+    const x = C(() => e.isMobile && !h.value), S = C(() => {
+      const { transitionDuration: b, transitionTimingFunction: z } = e;
+      return `background-color:${e.maskBg};transition-duration:${b}ms;transition-timing-function:${z};`;
     }), g = C(() => {
-      const { sidebarWidth: S, sidebarCollapsedWidth: I } = e, Z = e.isMobile ? 0 : I, G = h.value ? Z : S;
-      return e.sidebarVisible ? G : 0;
-    }), D = C(() => e.isMobile ? 0 : g.value), T = C(() => c.value ? D.value : 0), E = C(
+      const { sidebarWidth: b, sidebarCollapsedWidth: z } = e, K = e.isMobile ? 0 : z, j = h.value ? K : b;
+      return e.sidebarVisible ? j : 0;
+    }), _ = C(() => e.isMobile ? 0 : g.value), E = C(() => c.value ? _.value : 0), T = C(
       () => !e.isMobile && !c.value && e.headerVisible ? e.headerHeight : 0
-    ), y = C(() => {
-      let S = 0;
-      return e.fixedHeaderAndTab && (e.headerVisible && (S += e.headerHeight), e.tabVisible && (S += e.tabHeight)), S;
-    }), x = C(() => e.fixedFooter && e.footerVisible ? e.footerHeight : 0);
-    return (S, I) => (d(), b("div", {
+    ), D = C(() => {
+      let b = 0;
+      return e.fixedHeaderAndTab && (e.headerVisible && (b += e.headerHeight), e.tabVisible && (b += e.tabHeight)), b;
+    }), y = C(() => e.fixedFooter && e.footerVisible ? e.footerHeight : 0);
+    return (b, z) => (d(), w("div", {
       class: "d-layout",
       style: ge(r.value)
     }, [
@@ -1492,68 +1492,68 @@ const Fs = 1001, Is = 999, zs = 998, uf = {
         "z-index": Fs,
         "min-width": n.minWidth,
         height: n.headerHeight,
-        "padding-left": T.value,
+        "padding-left": E.value,
         style: o.value
       }), {
         default: Q(() => [
-          oe(S.$slots, "header")
+          oe(b.$slots, "header")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : N("", !0),
-      n.tabVisible ? (d(), R(Es, $t({ key: 1 }, i.value, {
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : V("", !0),
+      n.tabVisible ? (d(), R(Ts, $t({ key: 1 }, i.value, {
         fixed: n.fixedHeaderAndTab,
         "z-index": Is,
         "min-width": n.minWidth,
         top: n.headerHeight,
         height: n.tabHeight,
-        "padding-left": D.value,
+        "padding-left": _.value,
         style: o.value
       }), {
         default: Q(() => [
-          oe(S.$slots, "tab")
+          oe(b.$slots, "tab")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : N("", !0),
-      n.sidebarVisible ? (d(), R(Ts, $t({ key: 2 }, i.value, {
+      }, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : V("", !0),
+      n.sidebarVisible ? (d(), R(Ps, $t({ key: 2 }, i.value, {
         "z-index": f.value,
         width: g.value,
-        "padding-top": E.value
+        "padding-top": T.value
       }), {
         default: Q(() => [
-          oe(S.$slots, "sidebar")
+          oe(b.$slots, "sidebar")
         ]),
         _: 3
-      }, 16, ["z-index", "width", "padding-top"])) : N("", !0),
-      w.value ? (d(), b("div", {
+      }, 16, ["z-index", "width", "padding-top"])) : V("", !0),
+      x.value ? (d(), w("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
-        style: ge(k.value),
+        style: ge(S.value),
         onClick: v
-      }, null, 4)) : N("", !0),
+      }, null, 4)) : V("", !0),
       W(Ls, $t(i.value, {
-        "padding-top": y.value,
-        "padding-bottom": x.value,
-        "padding-left": D.value,
+        "padding-top": D.value,
+        "padding-bottom": y.value,
+        "padding-left": _.value,
         "overflow-hidden": n.addMainOverflowHidden
       }), {
         default: Q(() => [
-          oe(S.$slots, "default")
+          oe(b.$slots, "default")
         ]),
         _: 3
       }, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
-      n.footerVisible ? (d(), R(Ps, $t({ key: 4 }, i.value, {
+      n.footerVisible ? (d(), R(Es, $t({ key: 4 }, i.value, {
         fixed: n.fixedFooter,
         "z-index": zs,
         "min-width": n.minWidth,
         height: n.footerHeight,
-        "padding-left": D.value,
+        "padding-left": _.value,
         style: l.value
       }), {
         default: Q(() => [
-          oe(S.$slots, "footer")
+          oe(b.$slots, "footer")
         ]),
         _: 3
-      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : N("", !0)
+      }, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : V("", !0)
     ], 4));
   }
 }, bt = {
@@ -1610,7 +1610,7 @@ const Fs = 1001, Is = 999, zs = 998, uf = {
     };
     return Qe(() => {
       a("colored-scroller");
-    }), (s, o) => (d(), b("div", null, [
+    }), (s, o) => (d(), w("div", null, [
       oe(s.$slots, "default")
     ]));
   }
@@ -1637,7 +1637,7 @@ const Fs = 1001, Is = 999, zs = 998, uf = {
       c07fa298: r.value
     }));
     const e = C(() => t.xHide ? "hidden" : "visible"), r = C(() => t.yHide ? "hidden" : "visible");
-    return (a, s) => (d(), b("div", {
+    return (a, s) => (d(), w("div", {
       class: ne(t.autoHide ? "d-scroll-hide" : "d-scroll")
     }, [
       oe(a.$slots, "default", {}, void 0, !0)
@@ -1655,7 +1655,7 @@ const Fs = 1001, Is = 999, zs = 998, uf = {
   },
   emits: ["open", "close"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = V(null), s = V(!1);
+    const r = n, a = N(null), s = N(!1);
     s.value = r == null ? void 0 : r.show;
     const o = () => {
       s.value = !0, e("open", a);
@@ -1666,11 +1666,11 @@ const Fs = 1001, Is = 999, zs = 998, uf = {
       show: o,
       hide: l
     }), (i, c) => {
-      const f = Pn("keydown");
+      const f = En("keydown");
       return d(), R(Ir, { to: "body" }, [
-        W(En, { name: "fade" }, {
+        W(Tn, { name: "fade" }, {
           default: Q(() => [
-            s.value ? We((d(), b("div", {
+            s.value ? We((d(), w("div", {
               key: 0,
               ref_key: "modalRef",
               ref: a,
@@ -1696,14 +1696,14 @@ const Fs = 1001, Is = 999, zs = 998, uf = {
               ], 4)
             ], 2)), [
               [f, l, "Escape"]
-            ]) : N("", !0)
+            ]) : V("", !0)
           ]),
           _: 3
         })
       ]);
     };
   }
-}, wt = Pa();
+}, wt = Ea();
 function Sn(n) {
   n === void 0 && (n = wt.value.comp.returnValue()), wt.value.resolve(n), wt.value = null;
 }
@@ -1734,7 +1734,7 @@ const Ws = Ke({
     transitionAttrs: Object
   },
   setup() {
-    const n = V();
+    const n = N();
     return ot(n, () => {
       wt.value && (wt.value.comp = n.value);
     }), {
@@ -1744,9 +1744,9 @@ const Ws = Ke({
   }
 });
 function qs(n, t, e, r, a, s) {
-  return d(), R(En, Tr(Lr(n.transitionAttrs)), {
+  return d(), R(Tn, Pr(Lr(n.transitionAttrs)), {
     default: Q(() => [
-      n.dialogRef && n.dialogRef.wrapper === n.name ? (d(), R(Ye(n.dialogRef.dialog), $t({ key: 0 }, n.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : N("", !0)
+      n.dialogRef && n.dialogRef.wrapper === n.name ? (d(), R(Ye(n.dialogRef.dialog), $t({ key: 0 }, n.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : V("", !0)
     ]),
     _: 1
   }, 16);
@@ -1762,18 +1762,18 @@ const Us = { style: { display: "flex", "flex-direction": "row", "justify-content
     const e = n;
     return t({
       returnValue: () => !0
-    }), (a, s) => (d(), b("div", null, [
+    }), (a, s) => (d(), w("div", null, [
       W(Lt, { show: !0 }, {
         "modal-title": Q(() => [
-          ye(K(e.title), 1)
+          ye(Z(e.title), 1)
         ]),
         default: Q(() => [
-          ye(K(e.message), 1)
+          ye(Z(e.message), 1)
         ]),
         "modal-footer": Q(() => [
           L("div", Us, [
             W(Le, {
-              onClick: s[0] || (s[0] = (o) => X(Sn)())
+              onClick: s[0] || (s[0] = (o) => G(Sn)())
             }, {
               default: Q(() => [
                 ye("Закрыть")
@@ -1796,18 +1796,18 @@ const Us = { style: { display: "flex", "flex-direction": "row", "justify-content
     const e = n;
     return t({
       returnValue: () => !0
-    }), (a, s) => (d(), b("div", null, [
+    }), (a, s) => (d(), w("div", null, [
       W(Lt, { show: !0 }, {
         "modal-title": Q(() => [
-          ye(K(e.title), 1)
+          ye(Z(e.title), 1)
         ]),
         default: Q(() => [
-          ye(K(e.message), 1)
+          ye(Z(e.message), 1)
         ]),
         "modal-footer": Q(() => [
           L("div", Gs, [
             W(Le, {
-              onClick: s[0] || (s[0] = (o) => X(Sn)())
+              onClick: s[0] || (s[0] = (o) => G(Sn)())
             }, {
               default: Q(() => [
                 ye("Да")
@@ -1816,7 +1816,7 @@ const Us = { style: { display: "flex", "flex-direction": "row", "justify-content
             }),
             W(Le, {
               class: "button-red",
-              onClick: s[1] || (s[1] = (o) => X(Sn)(!1))
+              onClick: s[1] || (s[1] = (o) => G(Sn)(!1))
             }, {
               default: Q(() => [
                 ye("Нет")
@@ -1849,34 +1849,34 @@ const Us = { style: { display: "flex", "flex-direction": "row", "justify-content
   },
   emits: ["select", "click"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = xt(), s = V(null), o = V(null), l = V(0), i = V(0), c = (w) => {
-      if (e("click", w), s.value.isShowed()) {
+    const r = n, a = xt(), s = N(null), o = N(null), l = N(0), i = N(0), c = (x) => {
+      if (e("click", x), s.value.isShowed()) {
         s.value.hide();
         return;
       }
       s.value.show(), Ht(() => {
-        const k = s.value.elementSize(), g = o.value.elementSize(), D = window.innerWidth, T = window.innerHeight;
-        l.value = D - (g.x + g.width) < k.width ? g.left - k.width + g.width : g.left, i.value = T - (g.y + g.height) < k.height ? g.top - k.height - 5 : g.height + g.top + 5;
+        const S = s.value.elementSize(), g = o.value.elementSize(), _ = window.innerWidth, E = window.innerHeight;
+        l.value = _ - (g.x + g.width) < S.width ? g.left - S.width + g.width : g.left, i.value = E - (g.y + g.height) < S.height ? g.top - S.height - 5 : g.height + g.top + 5;
       });
-    }, f = (w) => {
-      e("select", w);
+    }, f = (x) => {
+      e("select", x);
     }, h = C(() => ({ left: l.value + "px", top: i.value + "px", position: r.bodyAsParent ? "absolute" : "fixed", ...r.menuStyle }));
     t({
       show: c
     });
-    const v = (w) => !!a[w];
-    return (w, k) => (d(), b("div", Ks, [
+    const v = (x) => !!a[x];
+    return (x, S) => (d(), w("div", Ks, [
       v("default") ? (d(), R(Le, {
         key: 0,
         ref_key: "buttonRef",
         ref: o,
         class: ne(r.class),
         icon: r.icon,
-        onClick: Te(c, ["stop", "prevent"]),
+        onClick: Pe(c, ["stop", "prevent"]),
         type: r.type
       }, {
         default: Q(() => [
-          oe(w.$slots, "default")
+          oe(x.$slots, "default")
         ]),
         _: 3
       }, 8, ["class", "icon", "onClick", "type"])) : (d(), R(Le, {
@@ -1885,7 +1885,7 @@ const Us = { style: { display: "flex", "flex-direction": "row", "justify-content
         ref: o,
         class: ne(r.class),
         icon: r.icon,
-        onClick: Te(c, ["stop", "prevent"]),
+        onClick: Pe(c, ["stop", "prevent"]),
         type: r.type
       }, null, 8, ["class", "icon", "onClick", "type"])),
       W(Nr, {
@@ -1904,7 +1904,7 @@ const Us = { style: { display: "flex", "flex-direction": "row", "justify-content
   }
 }, Zs = {}, Js = { class: "d-panel" };
 function eo(n, t) {
-  return d(), b("div", Js, [
+  return d(), w("div", Js, [
     oe(n.$slots, "default")
   ]);
 }
@@ -1919,15 +1919,15 @@ const to = /* @__PURE__ */ Ie(Zs, [["render", eo]]), no = {
   setup(n) {
     return (t, e) => (d(), R(to, { class: "d-card" }, {
       default: Q(() => [
-        t.$slots.header ? (d(), b("div", no, [
+        t.$slots.header ? (d(), w("div", no, [
           oe(t.$slots, "header")
-        ])) : N("", !0),
+        ])) : V("", !0),
         L("div", ro, [
           oe(t.$slots, "default")
         ]),
-        t.$slots.footer ? (d(), b("div", ao, [
+        t.$slots.footer ? (d(), w("div", ao, [
           oe(t.$slots, "footer")
-        ])) : N("", !0)
+        ])) : V("", !0)
       ]),
       _: 3
     }));
@@ -2129,62 +2129,62 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
     const e = n, r = {
       IDLE: 0,
       DESTROYED: 2
-    }, a = V([]), s = V(null), o = V(so.get("velocity")), l = C(() => e.animationType === "velocity"), i = C(() => l.value ? po : ho), c = C(() => a.value.filter((H) => H.state !== r.DESTROYED)), f = C(() => lo(e.width)), h = C(() => {
+    }, a = N([]), s = N(null), o = N(so.get("velocity")), l = C(() => e.animationType === "velocity"), i = C(() => l.value ? po : ho), c = C(() => a.value.filter((H) => H.state !== r.DESTROYED)), f = C(() => lo(e.width)), h = C(() => {
       const { x: H, y: ue } = fo(e.position), M = f.value.value, re = f.value.type, ce = {
         width: M + re
       };
       return ue && (ce[ue] = "0px"), H && (H === "center" ? ce.left = `calc(50% - ${+M / 2}${re})` : ce[H] = "0px"), ce;
-    }), v = C(() => "bottom" in h.value), w = (H) => {
-      t("click", H), e.closeOnClick && x(H);
-    }, k = () => {
+    }), v = C(() => "bottom" in h.value), x = (H) => {
+      t("click", H), e.closeOnClick && y(H);
+    }, S = () => {
       var H;
       e.pauseOnHover && ((H = s.value) == null || H.pause());
     }, g = () => {
       var H;
       e.pauseOnHover && ((H = s.value) == null || H.resume());
-    }, D = (H) => {
+    }, _ = (H) => {
       if (H.group || (H.group = ""), H.data || (H.data = {}), e.group !== H.group)
         return;
       if (H.clean || H.clear) {
-        I();
+        z();
         return;
       }
-      const ue = typeof H.duration == "number" ? H.duration : e.duration, M = typeof H.speed == "number" ? H.speed : e.speed, re = typeof H.ignoreDuplicates == "boolean" ? H.ignoreDuplicates : e.ignoreDuplicates, { title: ce, text: Ue, type: j, data: te, id: he } = H, Ce = {
+      const ue = typeof H.duration == "number" ? H.duration : e.duration, M = typeof H.speed == "number" ? H.speed : e.speed, re = typeof H.ignoreDuplicates == "boolean" ? H.ignoreDuplicates : e.ignoreDuplicates, { title: ce, text: Ue, type: U, data: te, id: he } = H, Ce = {
         id: he || uo(),
         title: ce,
         text: Ue,
-        type: j,
+        type: U,
         state: r.IDLE,
         speed: M,
         length: ue + 2 * M,
         data: te
       };
-      ue >= 0 && (s.value = new oo(() => x(Ce), Ce.length, Ce));
+      ue >= 0 && (s.value = new oo(() => y(Ce), Ce.length, Ce));
       const ut = e.reverse ? !v.value : v.value;
       let tt = -1;
       const ht = c.value.some((P) => P.title === H.title && P.text === H.text);
-      (!re || !ht) && (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]));
-    }, T = (H) => {
-      S(H);
-    }, E = (H) => [
+      (!re || !ht) && (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 && y(c.value[tt]));
+    }, E = (H) => {
+      b(H);
+    }, T = (H) => [
       "d-notification-template",
       e.classes,
       H.type || ""
-    ], y = (H) => l.value ? void 0 : { transition: `all ${H.speed}ms` }, x = (H) => {
+    ], D = (H) => l.value ? void 0 : { transition: `all ${H.speed}ms` }, y = (H) => {
       clearTimeout(H.timer), H.state = r.DESTROYED, ve(), t("destroy", H);
-    }, S = (H) => {
+    }, b = (H) => {
       const ue = a.value.find((M) => M.id === H);
-      ue && x(ue);
-    }, I = () => {
-      c.value.forEach(x);
-    }, Z = (H, ue) => {
+      ue && y(ue);
+    }, z = () => {
+      c.value.forEach(y);
+    }, K = (H, ue) => {
       var re;
       const M = (re = e.animation) == null ? void 0 : re[H];
       return typeof M == "function" ? M(ue) : M;
-    }, G = (H, ue) => {
+    }, j = (H, ue) => {
       if (!l.value)
         return;
-      const M = Z("enter", H);
+      const M = K("enter", H);
       o.value(H, M, {
         duration: e.speed,
         complete: ue
@@ -2192,7 +2192,7 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
     }, ae = (H, ue) => {
       if (!l.value)
         return;
-      const M = Z("leave", H);
+      const M = K("leave", H);
       o.value(H, M, {
         duration: e.speed,
         complete: ue
@@ -2202,48 +2202,48 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
       a.value = a.value.filter((H) => H.state !== r.DESTROYED);
     }
     return Qe(() => {
-      je.on("notification-add", D), je.on("notification-close", T);
-    }), (H, ue) => (d(), b("div", {
+      je.on("notification-add", _), je.on("notification-close", E);
+    }), (H, ue) => (d(), w("div", {
       class: "d-notification-group",
       style: ge(h.value)
     }, [
       (d(), R(Ye(i.value), {
         name: n.animationName,
-        onEnter: G,
+        onEnter: j,
         onLeave: ae,
         onAfterLeave: ve
       }, {
         default: Q(() => [
-          (d(!0), b(ke, null, Be(c.value, (M) => (d(), b("div", {
+          (d(!0), w(ke, null, Be(c.value, (M) => (d(), w("div", {
             key: M.id,
             class: "d-notification-wrapper",
-            style: ge(y(M)),
+            style: ge(D(M)),
             "data-id": M.id,
-            onMouseenter: k,
+            onMouseenter: S,
             onMouseleave: g
           }, [
             oe(H.$slots, "body", {
               class: ne([n.classes, M.type]),
               item: M,
-              close: () => x(M)
+              close: () => y(M)
             }, () => [
               L("div", {
-                class: ne(E(M)),
-                onClick: (re) => w(M)
+                class: ne(T(M)),
+                onClick: (re) => x(M)
               }, [
-                n.dangerouslySetInnerHtml ? (d(), b(ke, { key: 0 }, [
-                  M.title ? (d(), b("div", {
+                n.dangerouslySetInnerHtml ? (d(), w(ke, { key: 0 }, [
+                  M.title ? (d(), w("div", {
                     key: 0,
                     class: "d-notification-title",
                     innerHTML: M.timer
-                  }, null, 8, vo)) : N("", !0),
+                  }, null, 8, vo)) : V("", !0),
                   L("div", {
                     class: "notification-content",
                     innerHTML: M.text
                   }, null, 8, yo)
-                ], 64)) : (d(), b(ke, { key: 1 }, [
-                  M.title ? (d(), b("div", bo, K(M.title), 1)) : N("", !0),
-                  L("div", wo, K(M.text), 1)
+                ], 64)) : (d(), w(ke, { key: 1 }, [
+                  M.title ? (d(), w("div", bo, Z(M.title), 1)) : V("", !0),
+                  L("div", wo, Z(M.text), 1)
                 ], 64))
               ], 10, go)
             ])
@@ -2265,7 +2265,7 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
   emits: ["click"],
   setup(n, { emit: t }) {
     const e = n, r = C(() => e.icon ? Je.getters.getIcon(e.icon) : null);
-    return (a, s) => (d(), b("div", {
+    return (a, s) => (d(), w("div", {
       class: ne(["d-info-progress", e.type ? `d-info-progress-${e.type}` : null]),
       style: ge(e.style),
       onClick: s[0] || (s[0] = (o) => {
@@ -2279,7 +2279,7 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
             component: r.value,
             color: "inherit",
             size: 17
-          }, null, 8, ["component"])) : N("", !0)
+          }, null, 8, ["component"])) : V("", !0)
         ])
       ]),
       L("div", ko, [
@@ -2314,10 +2314,10 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
         t("update:modelValue", o);
       }
     });
-    return (o, l) => (d(), b("div", Do, [
+    return (o, l) => (d(), w("div", Do, [
       We(L("input", {
         "onUpdate:modelValue": l[0] || (l[0] = (i) => s.value = i),
-        id: `i-${X(a)}`,
+        id: `i-${G(a)}`,
         type: "checkbox",
         checked: e.checked,
         disabled: e.disabled,
@@ -2326,23 +2326,23 @@ const yn = "[-+]?[0-9]*.?[0-9]+", fr = [
         [Ar, s.value]
       ]),
       L("label", {
-        for: `i-${X(a)}`
-      }, K(e.label), 9, $o)
+        for: `i-${G(a)}`
+      }, Z(e.label), 9, $o)
     ]));
   }
 };
 async function Mo(n, t) {
   return await Yr(Qs, { title: n, message: t });
 }
-async function Eo(n, t) {
+async function To(n, t) {
   return await Yr(Xs, { title: n, message: t });
 }
 const yf = {
   __name: "DDialogProvider",
   setup(n) {
-    return window.alert = Eo, window.confirm = Mo, (t, e) => (d(), R(X(js)));
+    return window.alert = To, window.confirm = Mo, (t, e) => (d(), R(G(js)));
   }
-}, Po = { class: "d-select" }, To = {
+}, Eo = { class: "d-select" }, Po = {
   key: 0,
   class: "label"
 }, Lo = ["disabled"], Oo = ["value", "selected", "disabled"], Fo = {
@@ -2372,22 +2372,22 @@ const yf = {
         a.value = e.options[s].value;
         break;
       }
-    return (s, o) => (d(), b("div", Po, [
-      e.label ? (d(), b("div", To, K(e.label), 1)) : N("", !0),
+    return (s, o) => (d(), w("div", Eo, [
+      e.label ? (d(), w("div", Po, Z(e.label), 1)) : V("", !0),
       We(L("select", {
         "onUpdate:modelValue": o[0] || (o[0] = (l) => a.value = l),
         class: ne(r.value),
         style: ge(e.size === "wide" ? "width:100%" : ""),
         disabled: e.disabled
       }, [
-        (d(!0), b(ke, null, Be(e.options, (l, i) => (d(), b("option", {
+        (d(!0), w(ke, null, Be(e.options, (l, i) => (d(), w("option", {
           key: i,
           value: l.value,
           selected: l.selected,
           disabled: l.disabled
-        }, K(l.label), 9, Oo))), 128))
+        }, Z(l.label), 9, Oo))), 128))
       ], 14, Lo), [
-        [Ta, a.value]
+        [Pa, a.value]
       ])
     ]));
   }
@@ -2398,40 +2398,40 @@ const yf = {
   },
   setup(n) {
     const t = n;
-    return (e, r) => t.tab.label && t.tab.icon ? (d(), b("span", {
+    return (e, r) => t.tab.label && t.tab.icon ? (d(), w("span", {
       key: 0,
       title: t.tab.title ? t.tab.title : "",
       style: { display: "flex", "flex-direction": "column" }
     }, [
       L("div", zo, [
-        W(X(qe), {
+        W(G(qe), {
           component: t.tab.icon
         }, null, 8, ["component"])
       ]),
-      L("div", Ho, K(typeof t.tab.label == "object" ? t.tab.label.value : t.tab.label), 1)
-    ], 8, Io)) : t.tab.label ? (d(), b("span", {
+      L("div", Ho, Z(typeof t.tab.label == "object" ? t.tab.label.value : t.tab.label), 1)
+    ], 8, Io)) : t.tab.label ? (d(), w("span", {
       key: 1,
       title: t.tab.title ? t.tab.title : ""
-    }, K(typeof t.tab.label == "object" ? t.tab.label.value : t.tab.label), 9, Ao)) : t.tab.icon ? (d(), b("span", {
+    }, Z(typeof t.tab.label == "object" ? t.tab.label.value : t.tab.label), 9, Ao)) : t.tab.icon ? (d(), w("span", {
       key: 2,
       title: t.tab.title ? t.tab.title : ""
     }, [
-      W(X(qe), {
+      W(G(qe), {
         component: t.tab.icon
       }, null, 8, ["component"])
-    ], 8, Ro)) : N("", !0);
+    ], 8, Ro)) : V("", !0);
   }
 }, No = /* @__PURE__ */ Ie(Bo, [["__scopeId", "data-v-710c2a17"]]), Vo = { class: "d-tabs" }, Yo = {
   __name: "DTabs",
   props: {
     id: {
       type: String,
-      default: Tt()
+      default: Pt()
     },
     tabs: Array
   },
   setup(n, { expose: t }) {
-    const e = n, r = La(e, "tabs"), a = V([]), s = V(0), o = (h) => {
+    const e = n, r = La(e, "tabs"), a = N([]), s = N(0), o = (h) => {
       s.value = h, je.emit("change_tab", {
         id: e.id,
         index: s.value
@@ -2445,22 +2445,22 @@ const yf = {
       setSelectedIndex: (h) => {
         o(h);
       }
-    }), (h, v) => (d(), b(ke, null, [
+    }), (h, v) => (d(), w(ke, null, [
       L("div", Vo, [
-        (d(!0), b(ke, null, Be(r.value, (w, k) => (d(), R(No, {
-          index: k,
-          tab: w,
-          class: ne(["d-tab-title", k === s.value ? "active" : ""]),
-          onClick: (g) => o(k)
+        (d(!0), w(ke, null, Be(r.value, (x, S) => (d(), R(No, {
+          index: S,
+          tab: x,
+          class: ne(["d-tab-title", S === s.value ? "active" : ""]),
+          onClick: (g) => o(S)
         }, null, 8, ["index", "tab", "class", "onClick"]))), 256))
       ]),
       (d(), R(Oa, null, [
-        (d(!0), b(ke, null, Be(r.value, (w, k) => (d(), b("div", null, [
-          We((d(), R(Ye(w.component), {
+        (d(!0), w(ke, null, Be(r.value, (x, S) => (d(), w("div", null, [
+          We((d(), R(Ye(x.component), {
             ref_for: !0,
             ref: l
           }, null, 512)), [
-            [Fa, k === s.value]
+            [Fa, S === s.value]
           ])
         ]))), 256))
       ], 1024))
@@ -2498,7 +2498,7 @@ const yf = {
     let c = null;
     for (let f = 0; f < i.length; f++)
       c || (c = i[0]), f > 0 && (i[f] ? c = i[f] : i[f] = c);
-    return (f, h) => (d(), b("div", Wo, [
+    return (f, h) => (d(), w("div", Wo, [
       oe(f.$slots, "default", {}, void 0, !0)
     ]));
   }
@@ -2553,11 +2553,11 @@ const yf = {
   emits: ["action"],
   setup(n, { emit: t }) {
     const e = n;
-    return (r, a) => (d(), b("tr", null, [
-      (d(!0), b(ke, null, Be(e.columns, (s, o) => (d(), b("td", {
+    return (r, a) => (d(), w("tr", null, [
+      (d(!0), w(ke, null, Be(e.columns, (s, o) => (d(), w("td", {
         key: `${s.key}-${o}`
       }, [
-        s.render ? (d(), R(Ye(s.render(e.item, e.index)), { key: 0 })) : (d(), b("span", jo, K(e.item[s.key]), 1))
+        s.render ? (d(), R(Ye(s.render(e.item, e.index)), { key: 0 })) : (d(), w("span", jo, Z(e.item[s.key]), 1))
       ]))), 128))
     ]));
   }
@@ -2589,7 +2589,7 @@ const yf = {
   props: {
     id: {
       type: String,
-      default: Tt()
+      default: Pt()
     },
     columns: Array,
     items: {
@@ -2602,7 +2602,7 @@ const yf = {
   emits: ["action"],
   setup(n, { emit: t }) {
     const e = n;
-    V(!1), se.mutations.setItems(e.items);
+    N(!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 yf = {
       } 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(), b("div", null, [
+    return (a, s) => (d(), w("div", null, [
       L("table", Xo, [
         L("thead", null, [
           L("tr", null, [
-            (d(!0), b(ke, null, Be(e.columns, (o) => (d(), b("td", {
+            (d(!0), w(ke, null, Be(e.columns, (o) => (d(), w("td", {
               key: o.key,
               onClick: (l) => r(l, o.key)
             }, [
               L("div", null, [
-                L("div", null, K(o.title), 1),
-                X(se).getters.getSortField() === o.key && X(se).getters.getSortDirection() === "desc" ? (d(), b("svg", Qo, Zo)) : N("", !0),
-                X(se).getters.getSortField() === o.key && X(se).getters.getSortDirection() === "asc" ? (d(), b("svg", Jo, ti)) : N("", !0)
+                L("div", null, Z(o.title), 1),
+                G(se).getters.getSortField() === o.key && G(se).getters.getSortDirection() === "desc" ? (d(), w("svg", Qo, Zo)) : V("", !0),
+                G(se).getters.getSortField() === o.key && G(se).getters.getSortDirection() === "asc" ? (d(), w("svg", Jo, ti)) : V("", !0)
               ])
             ], 8, Go))), 128))
           ])
         ]),
         L("tbody", null, [
-          (d(!0), b(ke, null, Be(X(se).getters.getItems(), (o, l) => (d(), R(Uo, {
+          (d(!0), w(ke, null, Be(G(se).getters.getItems(), (o, l) => (d(), R(Uo, {
             item: o,
             index: l,
             columns: e.columns,
@@ -2652,20 +2652,20 @@ const yf = {
     radius: String
   },
   setup(n) {
-    const t = n, e = V(null), r = new Image();
+    const t = n, e = N(null), r = new Image();
     return r.onload = () => {
       e.value = r.src;
     }, r.onerror = () => {
       e.value = t.srcFail;
     }, Qe(() => {
       r.src = t.src;
-    }), (a, s) => e.value ? (d(), b("img", {
+    }), (a, s) => e.value ? (d(), w("img", {
       key: 0,
       src: e.value,
       alt: t.alt,
       title: t.title,
       style: ge({ width: t.width, height: t.height, borderRadius: t.radius })
-    }, null, 12, ri)) : N("", !0);
+    }, null, 12, ri)) : V("", !0);
   }
 }, ai = ["width", "height", "title"], si = ["title"], kf = {
   __name: "DImageCover",
@@ -2693,7 +2693,7 @@ const yf = {
   setup(n) {
     const t = n;
     let e, r;
-    const a = V(null), s = V(null), o = new Image();
+    const a = N(null), s = N(null), o = new Image();
     o.onload = () => {
       if (t.canvas) {
         const {
@@ -2708,19 +2708,19 @@ const yf = {
     }, o.onerror = () => {
       o.src = t.srcFail;
     };
-    const l = (i, c, f, h, v = 1, w = 0.5, k = 0.5) => {
-      const g = f / h, D = i / c;
-      let T = i * v, E = c * v;
-      return g < D ? E = T / g : T = E * g, {
-        width: T,
-        height: E,
-        offsetX: (i - T) * w,
-        offsetY: (c - E) * k
+    const l = (i, c, f, h, v = 1, x = 0.5, S = 0.5) => {
+      const g = f / h, _ = i / c;
+      let E = i * v, T = c * v;
+      return g < _ ? T = E / g : E = T * g, {
+        width: E,
+        height: T,
+        offsetX: (i - E) * x,
+        offsetY: (c - T) * S
       };
     };
     return Qe(() => {
       t.canvas && (e = a.value, r = e.getContext("2d")), o.src = t.src;
-    }), (i, c) => t.canvas ? (d(), b("canvas", {
+    }), (i, c) => t.canvas ? (d(), w("canvas", {
       key: 0,
       ref_key: "imgRef",
       ref: a,
@@ -2728,7 +2728,7 @@ const yf = {
       height: t.height,
       title: t.title,
       style: ge({ borderRadius: t.radius })
-    }, null, 12, ai)) : (d(), b("div", {
+    }, null, 12, ai)) : (d(), w("div", {
       key: 1,
       title: t.title,
       style: ge([{
@@ -2775,7 +2775,7 @@ const yf = {
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = V(null), s = C(() => r.scale === "small" ? "d-textarea-small" : r.scale === "large" ? "d-textarea-large" : ""), o = C({
+    const r = n, a = N(null), s = C(() => r.scale === "small" ? "d-textarea-small" : r.scale === "large" ? "d-textarea-large" : ""), o = C({
       get: () => r.modelValue,
       set: (v) => {
         e("update:modelValue", v);
@@ -2798,12 +2798,12 @@ const yf = {
       reset: i,
       update: f,
       element: () => a
-    }), (v, w) => (d(), b("div", oi, [
-      r.label ? (d(), b("div", ii, K(r.label), 1)) : N("", !0),
+    }), (v, x) => (d(), w("div", oi, [
+      r.label ? (d(), w("div", ii, Z(r.label), 1)) : V("", !0),
       We(L("textarea", {
         ref_key: "inputRef",
         ref: a,
-        "onUpdate:modelValue": w[0] || (w[0] = (k) => o.value = k),
+        "onUpdate:modelValue": x[0] || (x[0] = (S) => o.value = S),
         "on:update:modelValue": f,
         onInput: c,
         rows: r.rows,
@@ -2813,7 +2813,7 @@ const yf = {
         class: ne(s.value),
         style: ge([{ width: "100%" }, r.autoHeight ? "resize:none;" : ""])
       }, null, 46, li), [
-        [Tn, o.value]
+        [Pn, o.value]
       ])
     ]));
   }
@@ -2894,32 +2894,32 @@ const xi = new wi(), Xe = {
 };
 class Si {
   validate(t, e) {
-    var a, s, o, l, i, c, f, h, v, w, k, g, D, T;
+    var a, s, o, l, i, c, f, h, v, x, S, g, _, E;
     let r = "";
     if (e) {
-      let E = !1;
-      for (let y in e)
-        if (!E)
-          switch (y) {
+      let T = !1;
+      for (let D in e)
+        if (!T)
+          switch (D) {
             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"), E = r !== "";
+              r = Xe.RulesUrl.validate(t, "https") || t.length === 0 ? "" : Xe.RulesUrl.message("url", (a = e[D]) != null && a.message ? (s = e[D]) == null ? void 0 : s.message : "url_incorrect"), T = r !== "";
               break;
             case "required":
-              r = Xe.RulesRequired.validate(t) ? "" : Xe.RulesRequired.message((o = e[y]) != null && o.message ? (l = e[y]) == null ? void 0 : l.message : "required"), E = r !== "";
+              r = Xe.RulesRequired.validate(t) ? "" : Xe.RulesRequired.message((o = e[D]) != null && o.message ? (l = e[D]) == null ? void 0 : l.message : "required"), T = r !== "";
               break;
             case "min":
-              r = Xe.RulesMin.validate(t, (i = e[y]) == null ? void 0 : i.value) ? "" : Xe.RulesMin.message((c = e[y]) != null && c.message ? (f = e[y]) == null ? void 0 : f.message : "very_small"), E = r !== "";
+              r = Xe.RulesMin.validate(t, (i = e[D]) == null ? void 0 : i.value) ? "" : Xe.RulesMin.message((c = e[D]) != null && c.message ? (f = e[D]) == null ? void 0 : f.message : "very_small"), T = r !== "";
               break;
             case "max":
-              r = Xe.RulesMax.validate(t, (h = e[y]) == null ? void 0 : h.value) ? "" : Xe.RulesMax.message((v = e[y]) != null && v.message ? (w = e[y]) == null ? void 0 : w.message : "vary_large"), E = r !== "";
+              r = Xe.RulesMax.validate(t, (h = e[D]) == null ? void 0 : h.value) ? "" : Xe.RulesMax.message((v = e[D]) != null && v.message ? (x = e[D]) == null ? void 0 : x.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"), E = r !== "";
+              r = Xe.RulesEmail.validate(t) ? "" : Xe.RulesMax.message((S = e[D]) != null && S.message ? (g = e[D]) == 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 ? (T = e[y]) == null ? void 0 : T.message : "number_incorrect"
-              ), E = r !== "";
+                (_ = e[D]) != null && _.message ? (E = e[D]) == null ? void 0 : E.message : "number_incorrect"
+              ), T = r !== "";
               break;
           }
     }
@@ -2932,16 +2932,16 @@ const qr = new Si(), ki = { style: { display: "flex", "flex-direction": "column"
 }, Di = {
   key: 0,
   class: "text-red"
-}, Ci = { style: { display: "flex", "flex-direction": "row" } }, $i = { style: { flex: "1", position: "relative" } }, Mi = ["id", "type", "placeholder", "disabled", "readonly"], Ei = {
+}, Ci = { style: { display: "flex", "flex-direction": "row" } }, $i = { style: { flex: "1", position: "relative" } }, Mi = ["id", "type", "placeholder", "disabled", "readonly"], Ti = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
-}, Pi = /* @__PURE__ */ L("path", {
+}, Ei = /* @__PURE__ */ L("path", {
   d: "M12 6a9.77 9.77 0 0 1 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5A9.77 9.77 0 0 1 12 6m0-2C7 4 2.73 7.11 1 11.5C2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 0 1 0 5a2.5 2.5 0 0 1 0-5m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z",
   fill: "currentColor"
-}, null, -1), Ti = [
-  Pi
+}, null, -1), Pi = [
+  Ei
 ], Li = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
@@ -2977,88 +2977,94 @@ const qr = new Si(), ki = { style: { display: "flex", "flex-direction": "column"
     toggleView: {
       type: Boolean,
       default: !0
+    },
+    autocomplete: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue", "input", "blur"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = xt(), s = V(r.error), o = Tt(), l = V(!1), i = V("password"), c = V(null);
+    const r = n, a = xt(), s = N(r.error), o = Pt(), l = N(!1), i = N(!1), c = N("password"), f = N(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
-    const f = C({
+    const h = C({
       get: () => r.modelValue,
       //props.form?.fields[props.name].model.value,
       set: (y) => {
         e("update:modelValue", y);
       }
-    }), h = C(() => r.scale), v = (y) => {
-      e("input", y), w();
-    }, w = () => {
+    }), v = C(() => r.scale), x = (y) => {
+      e("input", y), S();
+    }, S = () => {
       if (!(!r.form || !r.form.fields || !r.form.fields[r.name].rules))
-        return s.value = qr.validate(f.value, r.form.fields[r.name].rules), !!s.value;
+        return s.value = qr.validate(h.value, r.form.fields[r.name].rules), !!s.value;
     };
     Qe(() => {
-      k();
+      i.value = r.readonly, !r.autocomplete && !i.value && (i.value = !0, setTimeout(() => {
+        i.value = !1;
+      }, 500)), g();
     });
-    const k = () => {
+    const g = () => {
       var y;
-      (y = c.value) == null || y.focus();
-    }, g = () => {
-      i.value = i.value === "password" ? "text" : "password";
-    }, D = (y) => {
+      (y = f.value) == null || y.focus();
+    }, _ = () => {
+      c.value = c.value === "password" ? "text" : "password";
+    }, E = (y) => {
       l.value = y;
     }, T = (y) => {
       s.value = y;
-    }, E = (y) => {
+    }, D = (y) => {
       e("blur", y);
     };
     return t({
-      focus: k,
+      focus: g,
       setError: T,
-      validate: w
-    }), (y, x) => {
-      var S;
-      return d(), b("div", {
-        class: ne(["d-input-string", h.value])
+      validate: S
+    }), (y, b) => {
+      var z;
+      return d(), w("div", {
+        class: ne(["d-input-string", v.value])
       }, [
         L("div", ki, [
-          r.label ? (d(), b("div", _i, [
-            ye(K(r.label), 1),
-            (S = r.form) != null && S.fields[r.name].rules && r.form.fields[r.name].rules.hasOwnProperty("required") ? (d(), b("span", Di, "*")) : N("", !0)
-          ])) : N("", !0),
+          r.label ? (d(), w("div", _i, [
+            ye(Z(r.label), 1),
+            (z = r.form) != null && z.fields[r.name].rules && r.form.fields[r.name].rules.hasOwnProperty("required") ? (d(), w("span", Di, "*")) : V("", !0)
+          ])) : V("", !0),
           L("div", Ci, [
             L("div", $i, [
               We(L("input", {
-                id: X(o),
+                id: G(o),
                 ref_key: "inputRef",
-                ref: c,
-                "onUpdate:modelValue": x[0] || (x[0] = (I) => f.value = I),
+                ref: f,
+                "onUpdate:modelValue": b[0] || (b[0] = (K) => h.value = K),
                 style: { width: "100%" },
-                type: i.value,
+                type: c.value,
                 placeholder: r.placeholder,
-                onInput: v,
-                onFocus: x[1] || (x[1] = (I) => D(!0)),
-                onBlur: E,
-                onFocusout: x[2] || (x[2] = (I) => D(!1)),
+                onInput: x,
+                onFocus: b[1] || (b[1] = (K) => E(!0)),
+                onBlur: D,
+                onFocusout: b[2] || (b[2] = (K) => E(!1)),
                 class: ne([
-                  X(a).pre ? "has-pre" : "",
-                  X(a).post ? "has-post" : "",
+                  G(a).pre ? "has-pre" : "",
+                  G(a).post ? "has-post" : "",
                   l.value ? "focused" : ""
                 ]),
                 disabled: r.disabled,
-                readonly: r.readonly
+                readonly: i.value
               }, null, 42, Mi), [
-                [zt, f.value]
+                [zt, h.value]
               ]),
-              r.toggleView ? (d(), b("div", {
+              r.toggleView ? (d(), w("div", {
                 key: 0,
                 class: "d-post-inside-button",
-                onClick: g
+                onClick: _
               }, [
-                i.value === "password" ? (d(), b("svg", Ei, Ti)) : (d(), b("svg", Li, Fi))
-              ])) : N("", !0)
+                c.value === "password" ? (d(), w("svg", Ti, Pi)) : (d(), w("svg", Li, Fi))
+              ])) : V("", !0)
             ])
           ]),
-          r.help ? (d(), b("div", Ii, K(r.help), 1)) : N("", !0),
-          s.value ? (d(), b("div", zi, K(s.value), 1)) : N("", !0)
+          r.help ? (d(), w("div", Ii, Z(r.help), 1)) : V("", !0),
+          s.value ? (d(), w("div", zi, Z(s.value), 1)) : V("", !0)
         ])
       ], 2);
     };
@@ -3086,12 +3092,12 @@ const qr = new Si(), ki = { style: { display: "flex", "flex-direction": "column"
         t("update:modelValue", o);
       }
     });
-    return (o, l) => (d(), b("div", {
+    return (o, l) => (d(), w("div", {
       class: ne(["d-switcher", e.type])
     }, [
       We(L("input", {
         "onUpdate:modelValue": l[0] || (l[0] = (i) => s.value = i),
-        id: `i-${X(a)}`,
+        id: `i-${G(a)}`,
         type: "checkbox",
         checked: e.checked,
         disabled: e.disabled,
@@ -3100,7 +3106,7 @@ const qr = new Si(), ki = { style: { display: "flex", "flex-direction": "column"
         [Ar, s.value]
       ]),
       L("label", {
-        for: `i-${X(a)}`,
+        for: `i-${G(a)}`,
         class: ne(e.type)
       }, "Toggle", 10, Ai)
     ], 2));
@@ -3219,7 +3225,7 @@ function Yi(n, t, e, r, a, s) {
     "div",
     {
       class: "saturation",
-      onMousedown: t[1] || (t[1] = Te((...o) => n.selectSaturation && n.selectSaturation(...o), ["prevent", "stop"]))
+      onMousedown: t[1] || (t[1] = Pe((...o) => n.selectSaturation && n.selectSaturation(...o), ["prevent", "stop"]))
     },
     [
       W(
@@ -3305,7 +3311,7 @@ function qi(n, t, e, r, a, s) {
     "div",
     {
       class: "hue",
-      onMousedown: t[1] || (t[1] = Te((...o) => n.selectHue && n.selectHue(...o), ["prevent", "stop"]))
+      onMousedown: t[1] || (t[1] = Pe((...o) => n.selectHue && n.selectHue(...o), ["prevent", "stop"]))
     },
     [
       W(
@@ -3400,7 +3406,7 @@ function Ui(n, t, e, r, a, s) {
     "div",
     {
       class: "color-alpha",
-      onMousedown: t[1] || (t[1] = Te((...o) => n.selectAlpha && n.selectAlpha(...o), ["prevent", "stop"]))
+      onMousedown: t[1] || (t[1] = Pe((...o) => n.selectAlpha && n.selectAlpha(...o), ["prevent", "stop"]))
     },
     [
       W(
@@ -3499,8 +3505,8 @@ var An = Ke({
     },
     mousemoveHandler(n) {
       const { clientX: t, clientY: e } = n, { top: r, left: a, width: s, height: o } = this.suckerCanvas.getBoundingClientRect(), l = t - a, i = e - r, f = this.suckerCanvas.getContext("2d").getImageData(Math.min(l, s - 1), Math.min(i, o - 1), 1, 1);
-      let [h, v, w, k] = f.data;
-      k = parseFloat((k / 255).toFixed(2));
+      let [h, v, x, S] = f.data;
+      S = parseFloat((S / 255).toFixed(2));
       const g = this.suckerPreview.style;
       Object.assign(g, {
         position: "absolute",
@@ -3511,7 +3517,7 @@ var An = Ke({
         borderRadius: "50%",
         border: "2px solid #fff",
         boxShadow: "0 0 8px 0 rgba(0, 0, 0, 0.16)",
-        background: `rgba(${h}, ${v}, ${w}, ${k})`,
+        background: `rgba(${h}, ${v}, ${x}, ${S})`,
         zIndex: 95
       }), this.suckerArea.length && // @ts-ignore
       t >= this.suckerArea[0] && // @ts-ignore
@@ -3522,8 +3528,8 @@ var An = Ke({
     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: o, height: l } = n.getBoundingClientRect(), i = e - s, c = r - a, h = n.getContext("2d").getImageData(Math.min(i, o - 1), Math.min(c, l - 1), 1, 1);
-        let [v, w, k, g] = h.data;
-        g = parseFloat((g / 255).toFixed(2)), this.$emit("selectSucker", { r: v, g: w, b: k, a: g });
+        let [v, x, S, g] = h.data;
+        g = parseFloat((g / 255).toFixed(2)), this.$emit("selectSucker", { r: v, g: x, b: S, a: g });
       }));
     }
   }
@@ -3574,7 +3580,7 @@ const Gi = /* @__PURE__ */ W(
 );
 function Zi(n, t, e, r, a, s) {
   return d(), R("div", null, [
-    n.isSucking ? N("v-if", !0) : (d(), R(
+    n.isSucking ? V("v-if", !0) : (d(), R(
       "svg",
       {
         key: 0,
@@ -3591,7 +3597,7 @@ function Zi(n, t, e, r, a, s) {
     )),
     n.isSucking ? (d(), R("svg", Qi, [
       Ki
-    ])) : N("v-if", !0)
+    ])) : V("v-if", !0)
   ]);
 }
 An.render = Zi;
@@ -3633,7 +3639,7 @@ function tl(n, t, e, r, a, s) {
     W(
       "span",
       el,
-      K(n.name),
+      Z(n.name),
       1
       /* TEXT */
     ),
@@ -3649,7 +3655,7 @@ function tl(n, t, e, r, a, s) {
       544
       /* HYDRATE_EVENTS, NEED_PATCH */
     ), [
-      [Tn, n.modelColor]
+      [Pn, n.modelColor]
     ])
   ]);
 }
@@ -3673,7 +3679,7 @@ var Bn = Ke({
   },
   emits: ["selectColor"],
   setup(n, { emit: t }) {
-    const e = V(), r = V([]), a = V();
+    const e = N(), r = N([]), a = N();
     n.colorsHistoryKey && localStorage && (r.value = JSON.parse(localStorage.getItem(n.colorsHistoryKey)) || []), a.value = On(4).toDataURL(), zr(() => {
       s(e.value);
     });
@@ -3768,12 +3774,12 @@ function al(n, t, e, r, a, s) {
         128
         /* KEYED_FRAGMENT */
       ))
-    ])) : N("v-if", !0)
+    ])) : V("v-if", !0)
   ]);
 }
 Bn.render = al;
 Bn.__file = "src/color/Colors.vue";
-var Et = Ke({
+var Tt = Ke({
   components: {
     Saturation: Fn,
     Hue: In,
@@ -3992,7 +3998,7 @@ function ol(n, t, e, r, a, s) {
             width: n.previewWidth,
             height: n.previewHeight
           }, null, 8, ["color", "width", "height"]),
-          n.suckerHide ? N("v-if", !0) : (d(), R(f, {
+          n.suckerHide ? V("v-if", !0) : (d(), R(f, {
             key: 0,
             "sucker-canvas": n.suckerCanvas,
             "sucker-area": n.suckerArea,
@@ -4023,17 +4029,17 @@ function ol(n, t, e, r, a, s) {
         "colors-history-key": n.colorsHistoryKey,
         onSelectColor: n.selectColor
       }, null, 8, ["color", "colors-default", "colors-history-key", "onSelectColor"]),
-      N(" custom options "),
+      V(" custom options "),
       oe(n.$slots, "default")
     ],
     6
     /* CLASS, STYLE */
   );
 }
-Et.render = ol;
-Et.__file = "src/color/ColorPicker.vue";
-Et.install = (n) => {
-  n.component(Et.name, Et);
+Tt.render = ol;
+Tt.__file = "src/color/ColorPicker.vue";
+Tt.install = (n) => {
+  n.component(Tt.name, Tt);
 };
 const il = { style: { display: "flex", "flex-direction": "column" } }, ll = {
   key: 0,
@@ -4083,73 +4089,79 @@ const il = { style: { display: "flex", "flex-direction": "column" } }, ll = {
     focus: Boolean,
     disabled: Boolean,
     readonly: Boolean,
-    clear: Boolean
+    clear: Boolean,
+    autocomplete: {
+      type: Boolean,
+      default: !1
+    }
   },
   emits: ["update:modelValue", "input", "blur"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = xt(), s = V(r.error), o = Tt(), l = V(!1), i = V(null);
+    const r = n, a = xt(), s = N(r.error), o = Pt(), l = N(!1), i = N(!1), c = N(null);
     //!props.form ? ref(null) : props.form.fields[props.name].ref
-    const c = C({
+    const f = C({
       get: () => r.modelValue,
       //props.form?.fields[props.name].model.value,
       set: (y) => {
         e("update:modelValue", y);
       }
-    }), f = C(() => r.type), h = C(() => r.scale), v = (y) => {
-      e("input", y), w();
-    }, w = () => {
+    }), h = C(() => r.type), v = C(() => r.scale), x = (y) => {
+      e("input", y), S();
+    }, S = () => {
       if (!(!r.form || !r.form.fields || !r.form.fields[r.name].rules))
-        return s.value = qr.validate(c.value, r.form.fields[r.name].rules), !!s.value;
+        return s.value = qr.validate(f.value, r.form.fields[r.name].rules), !!s.value;
     };
     Qe(() => {
-      k();
+      i.value = r.readonly, !r.autocomplete && !i.value && (i.value = !0, setTimeout(() => {
+        i.value = !1;
+      }, 500)), g();
     });
-    const k = () => {
+    const g = () => {
       var y;
-      (y = i.value) == null || y.focus();
-    }, g = () => {
-      c.value = "";
-    }, D = (y) => {
+      (y = c.value) == null || y.focus();
+    }, _ = () => {
+      f.value = "";
+    }, E = (y) => {
       l.value = y;
     }, T = (y) => {
       s.value = y;
-    }, E = (y) => {
+    }, D = (y) => {
       e("blur", y);
     };
     return t({
-      focus: k,
+      focus: g,
       setError: T,
-      validate: w
-    }), (y, x) => {
-      var S, I;
-      return d(), b("div", {
-        class: ne(["d-input-string", h.value])
+      validate: S
+    }), (y, b) => {
+      var z, K;
+      return d(), w("div", {
+        class: ne(["d-input-string", v.value])
       }, [
         L("div", il, [
-          r.label ? (d(), b("div", ll, [
-            ye(K(r.label), 1),
-            (S = r.form) != null && S.fields[r.name].rules && r.form.fields[r.name].rules.hasOwnProperty("required") ? (d(), b("span", ul, "*")) : N("", !0)
-          ])) : N("", !0),
+          r.label ? (d(), w("div", ll, [
+            ye(Z(r.label), 1),
+            (z = r.form) != null && z.fields[r.name].rules && r.form.fields[r.name].rules.hasOwnProperty("required") ? (d(), w("span", ul, "*")) : V("", !0)
+          ])) : V("", !0),
           L("div", cl, [
-            X(a).pre ? (d(), b("div", dl, [
+            G(a).pre ? (d(), w("div", dl, [
               oe(y.$slots, "pre")
-            ])) : N("", !0),
+            ])) : V("", !0),
             L("div", fl, [
               We(L("input", {
-                id: X(o),
+                id: G(o),
                 ref_key: "inputRef",
-                ref: i,
-                "onUpdate:modelValue": x[0] || (x[0] = (Z) => c.value = Z),
+                ref: c,
+                "onUpdate:modelValue": b[0] || (b[0] = (j) => f.value = j),
                 style: { width: "100%" },
-                type: f.value,
+                type: h.value,
                 placeholder: r.placeholder,
-                onInput: v,
-                onFocus: x[1] || (x[1] = (Z) => D(!0)),
-                onBlur: E,
-                onFocusout: x[2] || (x[2] = (Z) => D(!1)),
+                onInput: x,
+                onFocus: b[1] || (b[1] = (j) => E(!0)),
+                onBlur: D,
+                onFocusout: b[2] || (b[2] = (j) => E(!1)),
                 class: ne([
-                  X(a).pre ? "has-pre" : "",
-                  X(a).post ? "has-post" : "",
+                  G(a).pre ? "has-pre" : "",
+                  G(a).post ? "has-post" : "",
                   //slots.pre || props.pre?.outside?.component || props.pre?.outside?.text ? 'has-pre' : '',
                   //slots.post || props.post?.outside?.component || props.post?.outside?.text ? 'has-post' : '',
                   //props.pre?.inside?.action ? 'has-pre-inside-button' : '',
@@ -4157,22 +4169,22 @@ const il = { style: { display: "flex", "flex-direction": "column" } }, ll = {
                   l.value ? "focused" : ""
                 ]),
                 disabled: r.disabled,
-                readonly: r.readonly
+                readonly: i.value
               }, null, 42, pl), [
-                [zt, c.value]
+                [zt, f.value]
               ]),
-              r.clear && ((I = c.value) == null ? void 0 : I.length) > 0 ? (d(), b("div", {
+              r.clear && ((K = f.value) == null ? void 0 : K.length) > 0 ? (d(), w("div", {
                 key: 0,
                 class: "d-post-inside-button",
-                onClick: g
-              }, ml)) : N("", !0)
+                onClick: _
+              }, ml)) : V("", !0)
             ]),
-            X(a).post ? (d(), b("div", gl, [
+            G(a).post ? (d(), w("div", gl, [
               oe(y.$slots, "post")
-            ])) : N("", !0)
+            ])) : V("", !0)
           ]),
-          r.help ? (d(), b("div", vl, K(r.help), 1)) : N("", !0),
-          s.value ? (d(), b("div", yl, K(s.value), 1)) : N("", !0)
+          r.help ? (d(), w("div", vl, Z(r.help), 1)) : V("", !0),
+          s.value ? (d(), w("div", yl, Z(s.value), 1)) : V("", !0)
         ])
       ], 2);
     };
@@ -4210,7 +4222,7 @@ const il = { style: { display: "flex", "flex-direction": "column" } }, ll = {
       set: (h) => {
         t("update:modelValue", h);
       }
-    }), a = V(null), s = V(r), o = V(null), l = (h) => {
+    }), a = N(null), s = N(r), o = N(null), l = (h) => {
       o.value = e.format === "rgba" ? h.rgba : h.hex;
     }, i = () => {
       a.value.show();
@@ -4220,18 +4232,18 @@ const il = { style: { display: "flex", "flex-direction": "column" } }, ll = {
       }
     }, f = () => {
       if (e.format === "rgba") {
-        const { r: h, g: v, b: w, a: k } = o.value;
-        r.value = `rgba(${h}, ${v}, ${w}, ${k})`;
+        const { r: h, g: v, b: x, a: S } = o.value;
+        r.value = `rgba(${h}, ${v}, ${x}, ${S})`;
       } else
         r.value = o.value;
       a.value.hide(), t("change", r.value);
     };
-    return (h, v) => (d(), b("div", null, [
+    return (h, v) => (d(), w("div", null, [
       W(on, {
         pre: c,
         label: e.label,
         modelValue: r.value,
-        "onUpdate:modelValue": v[0] || (v[0] = (w) => r.value = w),
+        "onUpdate:modelValue": v[0] || (v[0] = (x) => r.value = x),
         onClick: i,
         readonly: !0
       }, {
@@ -4247,11 +4259,11 @@ const il = { style: { display: "flex", "flex-direction": "column" } }, ll = {
         "max-width": "250px"
       }, {
         "modal-title": Q(() => [
-          ye(K(e.title), 1)
+          ye(Z(e.title), 1)
         ]),
         default: Q(() => [
-          W(X(Et), {
-            theme: X(bt).getters.theme(),
+          W(G(Tt), {
+            theme: G(bt).getters.theme(),
             color: s.value,
             "sucker-hide": !0,
             onChangeColor: l
@@ -4260,10 +4272,10 @@ const il = { style: { display: "flex", "flex-direction": "column" } }, ll = {
         "modal-footer": Q(() => [
           L("div", wl, [
             W(Le, {
-              onClick: v[1] || (v[1] = (w) => a.value.hide())
+              onClick: v[1] || (v[1] = (x) => a.value.hide())
             }, {
               default: Q(() => [
-                ye(K(e.close), 1)
+                ye(Z(e.close), 1)
               ]),
               _: 1
             }),
@@ -4272,7 +4284,7 @@ const il = { style: { display: "flex", "flex-direction": "column" } }, ll = {
               onClick: f
             }, {
               default: Q(() => [
-                ye(K(e.select), 1)
+                ye(Z(e.select), 1)
               ]),
               _: 1
             })
@@ -4368,7 +4380,7 @@ function Ml() {
     end: "mouseup touchend"
   };
 }
-function El() {
+function Tl() {
   var n = !1;
   try {
     var t = Object.defineProperty({}, "passive", {
@@ -4381,7 +4393,7 @@ function El() {
   }
   return n;
 }
-function Pl() {
+function El() {
   return window.CSS && CSS.supports && CSS.supports("touch-action", "none");
 }
 function Nn(n, t) {
@@ -4390,7 +4402,7 @@ function Nn(n, t) {
 function Dn(n, t, e) {
   return t * 100 / (n[e + 1] - n[e]);
 }
-function Tl(n, t) {
+function Pl(n, t) {
   return Dn(n, n[0] < 0 ? t + Math.abs(n[0]) : t - n[0], 0);
 }
 function Ll(n, t) {
@@ -4405,7 +4417,7 @@ function Ol(n, t, e) {
   if (e >= n.slice(-1)[0])
     return 100;
   var r = Rt(e, n), a = n[r - 1], s = n[r], o = t[r - 1], l = t[r];
-  return o + Tl([a, s], e) / Nn(o, l);
+  return o + Pl([a, s], e) / Nn(o, l);
 }
 function Fl(n, t, e) {
   if (e >= 100)
@@ -4794,39 +4806,39 @@ function Qr(n) {
   return t.style = l[t.dir][t.ort], t;
 }
 function su(n, t, e) {
-  var r = Ml(), a = Pl(), s = a && El(), o = n, l, i, c, f, h, v = t.spectrum, w = [], k = [], g = [], D = 0, T = {}, E = n.ownerDocument, y = t.documentElement || E.documentElement, x = E.body, S = E.dir === "rtl" || t.ort === 1 ? 0 : 100;
-  function I(u, p) {
-    var m = E.createElement("div");
+  var r = Ml(), a = El(), s = a && Tl(), o = n, l, i, c, f, h, v = t.spectrum, x = [], S = [], g = [], _ = 0, E = {}, T = n.ownerDocument, D = t.documentElement || T.documentElement, y = T.body, b = T.dir === "rtl" || t.ort === 1 ? 0 : 100;
+  function z(u, p) {
+    var m = T.createElement("div");
     return p && Ae(m, p), u.appendChild(m), m;
   }
-  function Z(u, p) {
-    var m = I(u, t.cssClasses.origin), $ = I(m, t.cssClasses.handle);
-    if (I($, t.cssClasses.touchArea), $.setAttribute("data-handle", String(p)), t.keyboardSupport && ($.setAttribute("tabindex", "0"), $.addEventListener("keydown", function(z) {
-      return ya(z, p);
+  function K(u, p) {
+    var m = z(u, t.cssClasses.origin), $ = z(m, t.cssClasses.handle);
+    if (z($, t.cssClasses.touchArea), $.setAttribute("data-handle", String(p)), t.keyboardSupport && ($.setAttribute("tabindex", "0"), $.addEventListener("keydown", function(I) {
+      return ya(I, p);
     })), t.handleAttributes !== void 0) {
       var A = t.handleAttributes[p];
-      Object.keys(A).forEach(function(z) {
-        $.setAttribute(z, A[z]);
+      Object.keys(A).forEach(function(I) {
+        $.setAttribute(I, A[I]);
       });
     }
     return $.setAttribute("role", "slider"), $.setAttribute("aria-orientation", t.ort ? "vertical" : "horizontal"), p === 0 ? Ae($, t.cssClasses.handleLower) : p === t.handles - 1 && Ae($, t.cssClasses.handleUpper), m.handle = $, m;
   }
-  function G(u, p) {
-    return p ? I(u, t.cssClasses.connect) : !1;
+  function j(u, p) {
+    return p ? z(u, t.cssClasses.connect) : !1;
   }
   function ae(u, p) {
-    var m = I(p, t.cssClasses.connects);
-    i = [], c = [], c.push(G(m, u[0]));
+    var m = z(p, t.cssClasses.connects);
+    i = [], c = [], c.push(j(m, u[0]));
     for (var $ = 0; $ < t.handles; $++)
-      i.push(Z(p, $)), g[$] = $, c.push(G(m, u[$ + 1]));
+      i.push(K(p, $)), g[$] = $, c.push(j(m, u[$ + 1]));
   }
   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 p = getComputedStyle(u).direction;
-    return p === "rtl" ? Ae(u, t.cssClasses.textDirectionRtl) : Ae(u, t.cssClasses.textDirectionLtr), I(u, t.cssClasses.base);
+    return p === "rtl" ? Ae(u, t.cssClasses.textDirectionRtl) : Ae(u, t.cssClasses.textDirectionLtr), z(u, t.cssClasses.base);
   }
   function H(u, p) {
-    return !t.tooltips || !t.tooltips[p] ? !1 : I(u.firstChild, t.cssClasses.tooltip);
+    return !t.tooltips || !t.tooltips[p] ? !1 : z(u.firstChild, t.cssClasses.tooltip);
   }
   function ue() {
     return o.hasAttribute("disabled");
@@ -4850,7 +4862,7 @@ function su(n, t, e) {
       u && mr(u);
     }), h = null);
   }
-  function j() {
+  function U() {
     Ue(), h = i.map(H), dn("update" + ct.tooltips, function(u, p, m) {
       if (!(!h || !t.tooltips) && h[p] !== !1) {
         var $ = u[p];
@@ -4860,8 +4872,8 @@ function su(n, t, e) {
   }
   function te() {
     Ot("update" + ct.aria), dn("update" + ct.aria, function(u, p, m, $, A) {
-      g.forEach(function(z) {
-        var ee = i[z], q = qt(k, z, 0, !0, !0, !0), be = qt(k, z, 100, !0, !0, !0), me = A[z], we = String(t.ariaFormat.to(m[z]));
+      g.forEach(function(I) {
+        var ee = i[I], q = qt(S, I, 0, !0, !0, !0), be = qt(S, I, 100, !0, !0, !0), me = A[I], we = String(t.ariaFormat.to(m[I]));
         q = v.fromStepping(q).toFixed(1), be = v.fromStepping(be).toFixed(1), me = v.fromStepping(me).toFixed(1), ee.children[0].setAttribute("aria-valuemin", q), ee.children[0].setAttribute("aria-valuemax", be), ee.children[0].setAttribute("aria-valuenow", me), ee.children[0].setAttribute("aria-valuetext", we);
       });
     });
@@ -4889,39 +4901,39 @@ function su(n, t, e) {
     function p(me, we) {
       return Number((me + we).toFixed(7));
     }
-    var m = he(u), $ = {}, A = v.xVal[0], z = v.xVal[v.xVal.length - 1], ee = !1, q = !1, be = 0;
+    var m = he(u), $ = {}, A = v.xVal[0], I = v.xVal[v.xVal.length - 1], ee = !1, q = !1, be = 0;
     return m = kl(m.slice().sort(function(me, we) {
       return me - we;
-    })), m[0] !== A && (m.unshift(A), ee = !0), m[m.length - 1] !== z && (m.push(z), q = !0), m.forEach(function(me, we) {
-      var xe, fe, Pe, He = me, Fe = m[we + 1], ze, hn, mn, gn, lr, vn, ur, cr = u.mode === pt.Steps;
+    })), m[0] !== A && (m.unshift(A), ee = !0), m[m.length - 1] !== I && (m.push(I), q = !0), m.forEach(function(me, we) {
+      var xe, fe, Ee, He = me, Fe = m[we + 1], ze, hn, mn, gn, lr, vn, ur, cr = u.mode === pt.Steps;
       for (cr && (xe = v.xNumSteps[we]), xe || (xe = Fe - He), Fe === void 0 && (Fe = He), xe = Math.max(xe, 1e-7), fe = He; fe <= Fe; fe = p(fe, xe)) {
-        for (ze = v.toStepping(fe), hn = ze - be, lr = hn / (u.density || 1), vn = Math.round(lr), ur = hn / vn, Pe = 1; Pe <= vn; Pe += 1)
-          mn = be + Pe * ur, $[mn.toFixed(5)] = [v.fromStepping(mn), 0];
+        for (ze = v.toStepping(fe), hn = ze - be, lr = hn / (u.density || 1), vn = Math.round(lr), ur = hn / vn, Ee = 1; Ee <= vn; Ee += 1)
+          mn = be + Ee * ur, $[mn.toFixed(5)] = [v.fromStepping(mn), 0];
         gn = m.indexOf(fe) > -1 ? Ve.LargeValue : cr ? Ve.SmallValue : Ve.NoValue, !we && ee && fe !== Fe && (gn = 0), fe === Fe && q || ($[ze.toFixed(5)] = [fe, gn]), be = ze;
       }
     }), $;
   }
   function tt(u, p, m) {
-    var $, A, z = E.createElement("div"), ee = ($ = {}, $[Ve.None] = "", $[Ve.NoValue] = t.cssClasses.valueNormal, $[Ve.LargeValue] = t.cssClasses.valueLarge, $[Ve.SmallValue] = t.cssClasses.valueSub, $), q = (A = {}, A[Ve.None] = "", A[Ve.NoValue] = t.cssClasses.markerNormal, A[Ve.LargeValue] = t.cssClasses.markerLarge, A[Ve.SmallValue] = t.cssClasses.markerSub, A), be = [t.cssClasses.valueHorizontal, t.cssClasses.valueVertical], me = [t.cssClasses.markerHorizontal, t.cssClasses.markerVertical];
-    Ae(z, t.cssClasses.pips), Ae(z, t.ort === 0 ? t.cssClasses.pipsHorizontal : t.cssClasses.pipsVertical);
-    function we(fe, Pe) {
-      var He = Pe === t.cssClasses.value, Fe = He ? be : me, ze = He ? ee : q;
-      return Pe + " " + Fe[t.ort] + " " + ze[fe];
-    }
-    function xe(fe, Pe, He) {
-      if (He = p ? p(Pe, He) : He, He !== Ve.None) {
-        var Fe = I(z, !1);
-        Fe.className = we(He, t.cssClasses.marker), Fe.style[t.style] = fe + "%", He > Ve.NoValue && (Fe = I(z, !1), Fe.className = we(He, t.cssClasses.value), Fe.setAttribute("data-value", String(Pe)), Fe.style[t.style] = fe + "%", Fe.innerHTML = String(m.to(Pe)));
+    var $, A, I = T.createElement("div"), ee = ($ = {}, $[Ve.None] = "", $[Ve.NoValue] = t.cssClasses.valueNormal, $[Ve.LargeValue] = t.cssClasses.valueLarge, $[Ve.SmallValue] = t.cssClasses.valueSub, $), q = (A = {}, A[Ve.None] = "", A[Ve.NoValue] = t.cssClasses.markerNormal, A[Ve.LargeValue] = t.cssClasses.markerLarge, A[Ve.SmallValue] = t.cssClasses.markerSub, A), be = [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 ? be : me, ze = He ? ee : q;
+      return Ee + " " + Fe[t.ort] + " " + ze[fe];
+    }
+    function xe(fe, Ee, He) {
+      if (He = p ? p(Ee, He) : He, He !== Ve.None) {
+        var Fe = z(I, !1);
+        Fe.className = we(He, t.cssClasses.marker), Fe.style[t.style] = fe + "%", He > Ve.NoValue && (Fe = z(I, !1), Fe.className = we(He, t.cssClasses.value), Fe.setAttribute("data-value", String(Ee)), Fe.style[t.style] = fe + "%", Fe.innerHTML = String(m.to(Ee)));
       }
     }
     return Object.keys(u).forEach(function(fe) {
       xe(fe, u[fe][0], u[fe][1]);
-    }), z;
+    }), I;
   }
   function ht() {
     f && (mr(f), f = null);
   }
-  function _(u) {
+  function k(u) {
     ht();
     var p = ut(u), m = u.filter, $ = u.format || {
       to: function(A) {
@@ -4940,14 +4952,14 @@ function su(n, t, e) {
       if (!q || ue() && !$.doNotReject || $l(o, t.cssClasses.tap) && !$.doNotReject || u === r.start && q.buttons !== void 0 && q.buttons > 1 || $.hover && q.buttons)
         return !1;
       s || q.preventDefault(), q.calcPoint = q.points[t.ort], m(q, $);
-    }, z = [];
+    }, I = [];
     return u.split(" ").forEach(function(ee) {
-      p.addEventListener(ee, A, s ? { passive: !0 } : !1), z.push([ee, A]);
-    }), z;
+      p.addEventListener(ee, A, s ? { passive: !0 } : !1), I.push([ee, A]);
+    }), I;
   }
   function O(u, p, m) {
-    var $ = u.type.indexOf("touch") === 0, A = u.type.indexOf("mouse") === 0, z = u.type.indexOf("pointer") === 0, ee = 0, q = 0;
-    if (u.type.indexOf("MSPointer") === 0 && (z = !0), u.type === "mousedown" && !u.buttons && !u.touches)
+    var $ = u.type.indexOf("touch") === 0, A = u.type.indexOf("mouse") === 0, I = u.type.indexOf("pointer") === 0, ee = 0, q = 0;
+    if (u.type.indexOf("MSPointer") === 0 && (I = !0), u.type === "mousedown" && !u.buttons && !u.touches)
       return !1;
     if ($) {
       var be = function(xe) {
@@ -4966,7 +4978,7 @@ function su(n, t, e) {
         ee = we.pageX, q = we.pageY;
       }
     }
-    return p = p || jr(E), (A || z) && (ee = u.clientX + p.x, q = u.clientY + p.y), u.pageOffset = p, u.points = [ee, q], u.cursor = A || z, u;
+    return p = p || jr(T), (A || I) && (ee = u.clientX + p.x, q = u.clientY + p.y), u.pageOffset = p, u.points = [ee, q], u.cursor = A || I, u;
   }
   function B(u) {
     var p = u - Dl(l, t.ort), m = p * 100 / P();
@@ -4976,7 +4988,7 @@ function su(n, t, e) {
     var p = 100, m = !1;
     return i.forEach(function($, A) {
       if (!M(A)) {
-        var z = k[A], ee = Math.abs(z - u), q = ee === 100 && p === 100, be = ee < p, me = ee <= p && u > z;
+        var I = S[A], ee = Math.abs(I - u), q = ee === 100 && p === 100, be = ee < p, me = ee <= p && u > I;
         (be || me || q) && (m = A, p = ee);
       }
     }), m;
@@ -4991,10 +5003,10 @@ function su(n, t, e) {
     nr(m > 0, $, p.locations, p.handleNumbers, p.connect);
   }
   function Ne(u, p) {
-    p.handle && (Zt(p.handle, t.cssClasses.active), D -= 1), p.listeners.forEach(function(m) {
-      y.removeEventListener(m[0], m[1]);
-    }), D === 0 && (Zt(o, t.cssClasses.drag), pn(), u.cursor && (x.style.cursor = "", x.removeEventListener("selectstart", gr))), t.events.smoothSteps && (p.handleNumbers.forEach(function(m) {
-      mt(m, k[m], !0, !0, !1, !1);
+    p.handle && (Zt(p.handle, t.cssClasses.active), _ -= 1), p.listeners.forEach(function(m) {
+      D.removeEventListener(m[0], m[1]);
+    }), _ === 0 && (Zt(o, t.cssClasses.drag), pn(), u.cursor && (y.style.cursor = "", y.removeEventListener("selectstart", gr))), t.events.smoothSteps && (p.handleNumbers.forEach(function(m) {
+      mt(m, S[m], !0, !0, !1, !1);
     }), p.handleNumbers.forEach(function(m) {
       $e("update", m);
     })), p.handleNumbers.forEach(function(m) {
@@ -5006,10 +5018,10 @@ function su(n, t, e) {
       var m;
       if (p.handleNumbers.length === 1) {
         var $ = i[p.handleNumbers[0]];
-        m = $.children[0], D += 1, Ae(m, t.cssClasses.active);
+        m = $.children[0], _ += 1, Ae(m, t.cssClasses.active);
       }
       u.stopPropagation();
-      var A = [], z = F(r.move, y, Oe, {
+      var A = [], I = F(r.move, D, Oe, {
         // The event target has changed so we need to propagate the original one so that we keep
         // relying on it to extract target touches.
         target: u.target,
@@ -5021,21 +5033,21 @@ function su(n, t, e) {
         pageOffset: u.pageOffset,
         handleNumbers: p.handleNumbers,
         buttonsProperty: u.buttons,
-        locations: k.slice()
-      }), ee = F(r.end, y, Ne, {
+        locations: S.slice()
+      }), ee = F(r.end, D, Ne, {
         target: u.target,
         handle: m,
         listeners: A,
         doNotReject: !0,
         handleNumbers: p.handleNumbers
-      }), q = F("mouseout", y, le, {
+      }), q = F("mouseout", D, le, {
         target: u.target,
         handle: m,
         listeners: A,
         doNotReject: !0,
         handleNumbers: p.handleNumbers
       });
-      A.push.apply(A, z.concat(ee, q)), u.cursor && (x.style.cursor = getComputedStyle(u.target).cursor, i.length > 1 && Ae(o, t.cssClasses.drag), x.addEventListener("selectstart", gr, !1)), p.handleNumbers.forEach(function(be) {
+      A.push.apply(A, I.concat(ee, q)), u.cursor && (y.style.cursor = getComputedStyle(u.target).cursor, i.length > 1 && Ae(o, t.cssClasses.drag), y.addEventListener("selectstart", gr, !1)), p.handleNumbers.forEach(function(be) {
         $e("start", be);
       });
     }
@@ -5047,29 +5059,29 @@ function su(n, t, e) {
   }
   function Wt(u) {
     var p = B(u.calcPoint), m = v.getStep(p), $ = v.fromStepping(m);
-    Object.keys(T).forEach(function(A) {
-      A.split(".")[0] === "hover" && T[A].forEach(function(z) {
-        z.call(Ut, $);
+    Object.keys(E).forEach(function(A) {
+      A.split(".")[0] === "hover" && E[A].forEach(function(I) {
+        I.call(Ut, $);
       });
     });
   }
   function ya(u, p) {
     if (ue() || M(p))
       return !1;
-    var m = ["Left", "Right"], $ = ["Down", "Up"], A = ["PageDown", "PageUp"], z = ["Home", "End"];
+    var m = ["Left", "Right"], $ = ["Down", "Up"], A = ["PageDown", "PageUp"], I = ["Home", "End"];
     t.dir && !t.ort ? m.reverse() : t.ort && !t.dir && ($.reverse(), A.reverse());
-    var ee = u.key.replace("Arrow", ""), q = ee === A[0], be = ee === A[1], me = ee === $[0] || ee === m[0] || q, we = ee === $[1] || ee === m[1] || be, xe = ee === z[0], fe = ee === z[1];
+    var ee = u.key.replace("Arrow", ""), q = ee === A[0], be = ee === A[1], me = ee === $[0] || ee === m[0] || q, we = ee === $[1] || ee === m[1] || be, xe = ee === I[0], fe = ee === I[1];
     if (!me && !we && !xe && !fe)
       return !0;
     u.preventDefault();
-    var Pe;
+    var Ee;
     if (we || me) {
       var He = me ? 0 : 1, Fe = ir(p), ze = Fe[He];
       if (ze === null)
         return !1;
-      ze === !1 && (ze = v.getDefaultStep(k[p], me, t.keyboardDefaultStep)), be || q ? ze *= t.keyboardPageMultiplier : ze *= t.keyboardMultiplier, ze = Math.max(ze, 1e-7), ze = (me ? -1 : 1) * ze, Pe = w[p] + ze;
-    } else fe ? Pe = t.spectrum.xVal[t.spectrum.xVal.length - 1] : Pe = t.spectrum.xVal[0];
-    return mt(p, v.toStepping(Pe), !0, !0), $e("slide", p), $e("update", p), $e("change", p), $e("set", p), !1;
+      ze === !1 && (ze = v.getDefaultStep(S[p], me, t.keyboardDefaultStep)), be || q ? ze *= t.keyboardPageMultiplier : ze *= t.keyboardMultiplier, ze = Math.max(ze, 1e-7), ze = (me ? -1 : 1) * ze, Ee = x[p] + ze;
+    } else fe ? Ee = t.spectrum.xVal[t.spectrum.xVal.length - 1] : Ee = t.spectrum.xVal[0];
+    return mt(p, v.toStepping(Ee), !0, !0), $e("slide", p), $e("update", p), $e("change", p), $e("set", p), !1;
   }
   function ba(u) {
     u.fixed || i.forEach(function(p, m) {
@@ -5080,8 +5092,8 @@ function su(n, t, e) {
       hover: !0
     }), u.drag && c.forEach(function(p, m) {
       if (!(p === !1 || m === 0 || m === c.length - 1)) {
-        var $ = i[m - 1], A = i[m], z = [p], ee = [$, A], q = [m - 1, m];
-        Ae(p, t.cssClasses.draggable), u.fixed && (z.push($.children[0]), z.push(A.children[0])), u.dragAll && (ee = i, q = g), z.forEach(function(be) {
+        var $ = i[m - 1], A = i[m], I = [p], ee = [$, A], q = [m - 1, m];
+        Ae(p, t.cssClasses.draggable), u.fixed && (I.push($.children[0]), I.push(A.children[0])), u.dragAll && (ee = i, q = g), I.forEach(function(be) {
           F(r.start, be, _t, {
             handles: ee,
             handleNumbers: q,
@@ -5092,7 +5104,7 @@ function su(n, t, e) {
     });
   }
   function dn(u, p) {
-    T[u] = T[u] || [], T[u].push(p), u.split(".")[0] === "update" && i.forEach(function(m, $) {
+    E[u] = E[u] || [], E[u].push(p), u.split(".")[0] === "update" && i.forEach(function(m, $) {
       $e("update", $);
     });
   }
@@ -5101,47 +5113,47 @@ function su(n, t, e) {
   }
   function Ot(u) {
     var p = u && u.split(".")[0], m = p ? u.substring(p.length) : u;
-    Object.keys(T).forEach(function($) {
-      var A = $.split(".")[0], z = $.substring(A.length);
-      (!p || p === A) && (!m || m === z) && (!wa(z) || m === z) && delete T[$];
+    Object.keys(E).forEach(function($) {
+      var A = $.split(".")[0], I = $.substring(A.length);
+      (!p || p === A) && (!m || m === I) && (!wa(I) || m === I) && delete E[$];
     });
   }
   function $e(u, p, m) {
-    Object.keys(T).forEach(function($) {
+    Object.keys(E).forEach(function($) {
       var A = $.split(".")[0];
-      u === A && T[$].forEach(function(z) {
-        z.call(
+      u === A && E[$].forEach(function(I) {
+        I.call(
           // Use the slider public API as the scope ('this')
           Ut,
           // Return values as array, so arg_1[arg_2] is always valid.
-          w.map(t.format.to),
+          x.map(t.format.to),
           // Handle index, 0 or 1
           p,
           // Un-formatted slider values
-          w.slice(),
+          x.slice(),
           // Event is fired by tap, true or false
           m || !1,
           // Left offset of the handle, in relation to the slider
-          k.slice(),
+          S.slice(),
           // add the slider public API to an accessible parameter when this is unavailable
           Ut
         );
       });
     });
   }
-  function qt(u, p, m, $, A, z, ee) {
+  function qt(u, p, m, $, A, I, ee) {
     var q;
-    return i.length > 1 && !t.events.unconstrained && ($ && p > 0 && (q = v.getAbsoluteDistance(u[p - 1], t.margin, !1), m = Math.max(m, q)), A && p < i.length - 1 && (q = v.getAbsoluteDistance(u[p + 1], t.margin, !0), m = Math.min(m, q))), i.length > 1 && t.limit && ($ && p > 0 && (q = v.getAbsoluteDistance(u[p - 1], t.limit, !1), m = Math.min(m, q)), A && p < i.length - 1 && (q = v.getAbsoluteDistance(u[p + 1], t.limit, !0), m = Math.max(m, q))), t.padding && (p === 0 && (q = v.getAbsoluteDistance(0, t.padding[0], !1), m = Math.max(m, q)), p === i.length - 1 && (q = v.getAbsoluteDistance(100, t.padding[1], !0), m = Math.min(m, q))), ee || (m = v.getStep(m)), m = yr(m), m === u[p] && !z ? !1 : m;
+    return i.length > 1 && !t.events.unconstrained && ($ && p > 0 && (q = v.getAbsoluteDistance(u[p - 1], t.margin, !1), m = Math.max(m, q)), A && p < i.length - 1 && (q = v.getAbsoluteDistance(u[p + 1], t.margin, !0), m = Math.min(m, q))), i.length > 1 && t.limit && ($ && p > 0 && (q = v.getAbsoluteDistance(u[p - 1], t.limit, !1), m = Math.min(m, q)), A && p < i.length - 1 && (q = v.getAbsoluteDistance(u[p + 1], t.limit, !0), m = Math.max(m, q))), t.padding && (p === 0 && (q = v.getAbsoluteDistance(0, t.padding[0], !1), m = Math.max(m, q)), p === i.length - 1 && (q = v.getAbsoluteDistance(100, t.padding[1], !0), m = Math.min(m, q))), ee || (m = v.getStep(m)), m = yr(m), m === u[p] && !I ? !1 : m;
   }
   function fn(u, p) {
     var m = t.ort;
     return (m ? p : u) + ", " + (m ? u : p);
   }
   function nr(u, p, m, $, A) {
-    var z = m.slice(), ee = $[0], q = t.events.smoothSteps, be = [!u, u], me = [u, !u];
+    var I = m.slice(), ee = $[0], q = t.events.smoothSteps, be = [!u, u], me = [u, !u];
     $ = $.slice(), u && $.reverse(), $.length > 1 ? $.forEach(function(xe, fe) {
-      var Pe = qt(z, xe, z[xe] + p, be[fe], me[fe], !1, q);
-      Pe === !1 ? p = 0 : (p = Pe - z[xe], z[xe] = Pe);
+      var Ee = qt(I, xe, I[xe] + p, be[fe], me[fe], !1, q);
+      Ee === !1 ? p = 0 : (p = Ee - I[xe], I[xe] = Ee);
     }) : be = me = [!0];
     var we = !1;
     $.forEach(function(xe, fe) {
@@ -5154,45 +5166,45 @@ function su(n, t, e) {
     return t.dir ? 100 - u - p : u;
   }
   function xa(u, p) {
-    k[u] = p, w[u] = v.fromStepping(p);
-    var m = rr(p, 0) - S, $ = "translate(" + fn(m + "%", "0") + ")";
+    S[u] = p, x[u] = v.fromStepping(p);
+    var m = rr(p, 0) - b, $ = "translate(" + fn(m + "%", "0") + ")";
     i[u].style[t.transformRule] = $, ar(u), ar(u + 1);
   }
   function pn() {
     g.forEach(function(u) {
-      var p = k[u] > 50 ? -1 : 1, m = 3 + (i.length + p * u);
+      var p = S[u] > 50 ? -1 : 1, m = 3 + (i.length + p * u);
       i[u].style.zIndex = String(m);
     });
   }
-  function mt(u, p, m, $, A, z) {
-    return A || (p = qt(k, u, p, m, $, !1, z)), p === !1 ? !1 : (xa(u, p), !0);
+  function mt(u, p, m, $, A, I) {
+    return A || (p = qt(S, u, p, m, $, !1, I)), p === !1 ? !1 : (xa(u, p), !0);
   }
   function ar(u) {
     if (c[u]) {
       var p = 0, m = 100;
-      u !== 0 && (p = k[u - 1]), u !== c.length - 1 && (m = k[u]);
-      var $ = m - p, A = "translate(" + fn(rr(p, $) + "%", "0") + ")", z = "scale(" + fn($ / 100, "1") + ")";
-      c[u].style[t.transformRule] = A + " " + z;
+      u !== 0 && (p = S[u - 1]), u !== c.length - 1 && (m = S[u]);
+      var $ = m - p, A = "translate(" + fn(rr(p, $) + "%", "0") + ")", I = "scale(" + fn($ / 100, "1") + ")";
+      c[u].style[t.transformRule] = A + " " + I;
     }
   }
   function sr(u, p) {
-    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[p] : 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)) ? S[p] : u;
   }
   function jt(u, p, m) {
-    var $ = ln(u), A = k[0] === void 0;
+    var $ = ln(u), A = S[0] === void 0;
     p = p === void 0 ? !0 : p, t.animate && !A && vr(o, t.cssClasses.tap, t.animationDuration), g.forEach(function(q) {
       mt(q, sr($[q], q), !0, !1, m);
     });
-    var z = g.length === 1 ? 0 : 1;
-    if (A && v.hasNoSize() && (m = !0, k[0] = 0, g.length > 1)) {
+    var I = g.length === 1 ? 0 : 1;
+    if (A && v.hasNoSize() && (m = !0, S[0] = 0, g.length > 1)) {
       var ee = 100 / (g.length - 1);
       g.forEach(function(q) {
-        k[q] = q * ee;
+        S[q] = q * ee;
       });
     }
-    for (; z < g.length; ++z)
+    for (; I < g.length; ++I)
       g.forEach(function(q) {
-        mt(q, k[q], !0, !0, m);
+        mt(q, S[q], !0, !0, m);
       });
     pn(), g.forEach(function(q) {
       $e("update", q), $[q] !== null && p && $e("set", q);
@@ -5208,8 +5220,8 @@ function su(n, t, e) {
   }
   function or(u) {
     if (u === void 0 && (u = !1), u)
-      return w.length === 1 ? w[0] : w.slice(0);
-    var p = w.map(t.format.to);
+      return x.length === 1 ? x[0] : x.slice(0);
+    var p = x.map(t.format.to);
     return p.length === 1 ? p[0] : p;
   }
   function _a() {
@@ -5220,15 +5232,15 @@ function su(n, t, e) {
     delete o.noUiSlider;
   }
   function ir(u) {
-    var p = k[u], m = v.getNearbySteps(p), $ = w[u], A = m.thisStep.step, z = null;
+    var p = S[u], m = v.getNearbySteps(p), $ = x[u], A = m.thisStep.step, I = null;
     if (t.snap)
       return [
         $ - m.stepBefore.startValue || null,
         m.stepAfter.startValue - $ || null
       ];
-    A !== !1 && $ + A > m.stepAfter.startValue && (A = m.stepAfter.startValue - $), $ > m.thisStep.startValue ? z = m.thisStep.step : m.stepBefore.step === !1 ? z = !1 : z = $ - m.stepBefore.highestStep, p === 100 ? A = null : p === 0 && (z = null);
+    A !== !1 && $ + A > m.stepAfter.startValue && (A = m.stepAfter.startValue - $), $ > m.thisStep.startValue ? I = m.thisStep.step : m.stepBefore.step === !1 ? I = !1 : I = $ - m.stepBefore.highestStep, p === 100 ? A = null : p === 0 && (I = null);
     var ee = v.countStepDecimals();
-    return A !== null && A !== !1 && (A = Number(A.toFixed(ee))), z !== null && z !== !1 && (z = Number(z.toFixed(ee))), [z, A];
+    return A !== null && A !== !1 && (A = Number(A.toFixed(ee))), I !== null && I !== !1 && (I = Number(I.toFixed(ee))), [I, A];
   }
   function Da() {
     return g.map(ir);
@@ -5246,16 +5258,16 @@ function su(n, t, e) {
       "pips",
       "tooltips"
     ];
-    $.forEach(function(z) {
-      u[z] !== void 0 && (e[z] = u[z]);
+    $.forEach(function(I) {
+      u[I] !== void 0 && (e[I] = u[I]);
     });
     var A = Qr(e);
-    $.forEach(function(z) {
-      u[z] !== void 0 && (t[z] = A[z]);
-    }), v = A.spectrum, t.margin = A.margin, t.limit = A.limit, t.padding = A.padding, t.pips ? _(t.pips) : ht(), t.tooltips ? j() : Ue(), k = [], jt(_n(u.start) ? u.start : m, p);
+    $.forEach(function(I) {
+      u[I] !== void 0 && (t[I] = A[I]);
+    }), v = A.spectrum, t.margin = A.margin, t.limit = A.limit, t.padding = A.padding, t.pips ? k(t.pips) : ht(), t.tooltips ? U() : Ue(), S = [], jt(_n(u.start) ? u.start : m, p);
   }
   function $a() {
-    l = ve(o), ae(t.connect, l), ba(t.events), jt(t.start), t.pips && _(t.pips), t.tooltips && j(), te();
+    l = ve(o), ae(t.connect, l), ba(t.events), jt(t.start), t.pips && k(t.pips), t.tooltips && U(), te();
   }
   $a();
   var Ut = {
@@ -5271,7 +5283,7 @@ function su(n, t, e) {
     enable: ce,
     // Exposed for unit testing, don't use this in your application.
     __moveHandles: function(u, p, m) {
-      nr(u, p, k, m);
+      nr(u, p, S, m);
     },
     options: e,
     updateOptions: Ca,
@@ -5279,7 +5291,7 @@ function su(n, t, e) {
     removePips: ht,
     removeTooltips: Ue,
     getPositions: function() {
-      return k.slice();
+      return S.slice();
     },
     getTooltips: function() {
       return h;
@@ -5287,7 +5299,7 @@ function su(n, t, e) {
     getOrigins: function() {
       return i;
     },
-    pips: _
+    pips: k
     // Issue #594
   };
   return Ut;
@@ -5397,7 +5409,7 @@ const wr = {
   },
   emits: ["start", "slide", "drag", "update", "change", "set", "end", "init"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = "id" + Tt(), s = V(null), o = {
+    const r = n, a = "id" + Pt(), s = N(null), o = {
       start: r.start,
       connect: r.connect,
       range: r.range,
@@ -5416,30 +5428,30 @@ const wr = {
       animationDuration: r.duration
     };
     let l = null;
-    ot(() => s.value, (g, D) => {
+    ot(() => s.value, (g, _) => {
       if (!r.selectable)
         return;
-      const E = document.querySelector(`#${a}`).querySelectorAll("[data-handle]");
-      for (let y in E) E.hasOwnProperty(y) && E[y].classList.remove("selected");
+      const T = document.querySelector(`#${a}`).querySelectorAll("[data-handle]");
+      for (let D in T) T.hasOwnProperty(D) && T[D].classList.remove("selected");
       g !== null && document.querySelector(`#${a} [data-handle="${g}"]`).classList.add("selected");
     }), Qe(() => {
       l = document.getElementById(a), wr.create(l, o), e("init"), i();
     });
     const i = () => {
-      l.noUiSlider.on("start", (g, D, T, E, y, x) => {
-        s.value = D, e("start", { values: g, index: D, eunencoded: T, tap: E, positions: y, slider: x, selectedIndex: s });
-      }), l.noUiSlider.on("slide", (g, D, T, E, y, x) => {
-        s.value = D, e("slide", { values: g, index: D, eunencoded: T, tap: E, positions: y, slider: x, selectedIndex: s });
-      }), l.noUiSlider.on("drag", (g, D, T, E, y, x) => {
-        s.value = D, e("drag", { values: g, index: D, eunencoded: T, tap: E, positions: y, slider: x, selectedIndex: s });
-      }), l.noUiSlider.on("update", (g, D, T, E, y, x) => {
-        s.value = D, e("update", { values: g, index: D, eunencoded: T, tap: E, positions: y, slider: x, selectedIndex: s });
-      }), l.noUiSlider.on("change", (g, D, T, E, y, x) => {
-        s.value = D, e("change", { values: g, index: D, eunencoded: T, tap: E, positions: y, slider: x, selectedIndex: s });
-      }), l.noUiSlider.on("set", (g, D, T, E, y, x) => {
-        s.value = D, e("set", { values: g, index: D, eunencoded: T, tap: E, positions: y, slider: x, selectedIndex: s });
-      }), l.noUiSlider.on("end", (g, D, T, E, y, x) => {
-        s.value = D, e("end", { values: g, index: D, eunencoded: T, tap: E, positions: y, slider: x, selectedIndex: s });
+      l.noUiSlider.on("start", (g, _, E, T, D, y) => {
+        s.value = _, e("start", { values: g, index: _, eunencoded: E, tap: T, positions: D, slider: y, selectedIndex: s });
+      }), l.noUiSlider.on("slide", (g, _, E, T, D, y) => {
+        s.value = _, e("slide", { values: g, index: _, eunencoded: E, tap: T, positions: D, slider: y, selectedIndex: s });
+      }), l.noUiSlider.on("drag", (g, _, E, T, D, y) => {
+        s.value = _, e("drag", { values: g, index: _, eunencoded: E, tap: T, positions: D, slider: y, selectedIndex: s });
+      }), l.noUiSlider.on("update", (g, _, E, T, D, y) => {
+        s.value = _, e("update", { values: g, index: _, eunencoded: E, tap: T, positions: D, slider: y, selectedIndex: s });
+      }), l.noUiSlider.on("change", (g, _, E, T, D, y) => {
+        s.value = _, e("change", { values: g, index: _, eunencoded: E, tap: T, positions: D, slider: y, selectedIndex: s });
+      }), l.noUiSlider.on("set", (g, _, E, T, D, y) => {
+        s.value = _, e("set", { values: g, index: _, eunencoded: E, tap: T, positions: D, slider: y, selectedIndex: s });
+      }), l.noUiSlider.on("end", (g, _, E, T, D, y) => {
+        s.value = _, e("end", { values: g, index: _, eunencoded: E, tap: T, positions: D, slider: y, selectedIndex: s });
       });
     };
     return t({
@@ -5455,7 +5467,7 @@ const wr = {
       updateStart: (g) => {
         s.value = null, l.noUiSlider.destroy(), o.start = g, wr.create(l, o), e("init"), i();
       }
-    }), (g, D) => (d(), b("div", {
+    }), (g, _) => (d(), w("div", {
       id: a,
       class: ne(["slider-styled slider-round", [r.type, r.tooltipHide ? "slider-tooltip-hide" : null]])
     }, null, 2));
@@ -5476,7 +5488,7 @@ const wr = {
 ), cu = [uu], Vn = Ke({
   name: "KeyboardArrowLeftSharp",
   render: function(t, e) {
-    return d(), b("svg", lu, cu);
+    return d(), w("svg", lu, cu);
   }
 }), du = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -5494,7 +5506,7 @@ const wr = {
 ), pu = [fu], Yn = Ke({
   name: "KeyboardArrowRightSharp",
   render: function(t, e) {
-    return d(), b("svg", du, pu);
+    return d(), w("svg", du, pu);
   }
 }), hu = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -5512,7 +5524,7 @@ const wr = {
 ), gu = [mu], vu = Ke({
   name: "MinusSharp",
   render: function(t, e) {
-    return d(), b("svg", hu, gu);
+    return d(), w("svg", hu, gu);
   }
 }), yu = /* @__PURE__ */ L("div", { class: "point" }, null, -1), bu = [
   yu
@@ -5526,7 +5538,7 @@ const wr = {
   },
   emits: ["angle"],
   setup(n, { emit: t }) {
-    const e = n, r = V(null), a = V(parseInt(e.angle)), s = V(!1);
+    const e = n, r = N(null), a = N(parseInt(e.angle)), s = N(!1);
     ot(() => e.angle, (i) => {
       a.value = -~i;
     });
@@ -5536,7 +5548,7 @@ const wr = {
         a.value = -~h, t("angle", h);
       }
     };
-    return (i, c) => (d(), b("div", null, [
+    return (i, c) => (d(), w("div", null, [
       L("div", {
         ref_key: "setupAngle",
         ref: r,
@@ -5580,11 +5592,11 @@ const wr = {
     };
     return (o, l) => {
       var i;
-      return d(), b("div", xu, [
-        e.label ? (d(), b("div", Su, [
-          ye(K(e.label), 1),
-          (i = e.form) != null && i.fields[e.name].rules && e.form.fields[e.name].rules.hasOwnProperty("required") ? (d(), b("span", ku, "*")) : N("", !0)
-        ])) : N("", !0),
+      return d(), w("div", xu, [
+        e.label ? (d(), w("div", Su, [
+          ye(Z(e.label), 1),
+          (i = e.form) != null && i.fields[e.name].rules && e.form.fields[e.name].rules.hasOwnProperty("required") ? (d(), w("span", ku, "*")) : V("", !0)
+        ])) : V("", !0),
         L("div", _u, [
           W(wu, {
             angle: r.value,
@@ -5717,16 +5729,16 @@ St.parse = /* @__PURE__ */ function() {
     rgbaColor: /^rgba/i,
     number: /^(([0-9]*\.[0-9]+)|([0-9]+\.?))/
   }, t = "";
-  function e(j) {
-    var te = new Error(t + ": " + j);
+  function e(U) {
+    var te = new Error(t + ": " + U);
     throw te.source = t, te;
   }
   function r() {
-    var j = a();
-    return t.length > 0 && e("Invalid input not EOF"), j;
+    var U = a();
+    return t.length > 0 && e("Invalid input not EOF"), U;
   }
   function a() {
-    return y(s);
+    return D(s);
   }
   function s() {
     return o(
@@ -5747,18 +5759,18 @@ St.parse = /* @__PURE__ */ function() {
       h
     );
   }
-  function o(j, te, he) {
+  function o(U, te, he) {
     return l(te, function(Ce) {
       var ut = he();
       return ut && (ce(n.comma) || e("Missing comma before color stops")), {
-        type: j,
+        type: U,
         orientation: ut,
-        colorStops: y(x)
+        colorStops: D(y)
       };
     });
   }
-  function l(j, te) {
-    var he = ce(j);
+  function l(U, te) {
+    var he = ce(U);
     if (he) {
       ce(n.startCall) || e("Missing (");
       var Ce = te(he);
@@ -5775,85 +5787,85 @@ St.parse = /* @__PURE__ */ function() {
     return re("angular", n.angleValue, 1);
   }
   function h() {
-    var j, te = v(), he;
-    return te && (j = [], j.push(te), he = t, ce(n.comma) && (te = v(), te ? j.push(te) : t = he)), j;
+    var U, te = v(), he;
+    return te && (U = [], U.push(te), he = t, ce(n.comma) && (te = v(), te ? U.push(te) : t = he)), U;
   }
   function v() {
-    var j = w() || k();
-    if (j)
-      j.at = D();
+    var U = x() || S();
+    if (U)
+      U.at = _();
     else {
       var te = g();
       if (te) {
-        j = te;
-        var he = D();
-        he && (j.at = he);
+        U = te;
+        var he = _();
+        he && (U.at = he);
       } else {
-        var Ce = T();
-        Ce && (j = {
+        var Ce = E();
+        Ce && (U = {
           type: "default-radial",
           at: Ce
         });
       }
     }
-    return j;
+    return U;
   }
-  function w() {
-    var j = re("shape", /^(circle)/i, 0);
-    return j && (j.style = M() || g()), j;
+  function x() {
+    var U = re("shape", /^(circle)/i, 0);
+    return U && (U.style = M() || g()), U;
   }
-  function k() {
-    var j = re("shape", /^(ellipse)/i, 0);
-    return j && (j.style = H() || g()), j;
+  function S() {
+    var U = re("shape", /^(ellipse)/i, 0);
+    return U && (U.style = H() || g()), U;
   }
   function g() {
     return re("extent-keyword", n.extentKeywords, 1);
   }
-  function D() {
+  function _() {
     if (re("position", /^at/, 0)) {
-      var j = T();
-      return j || e("Missing positioning value"), j;
+      var U = E();
+      return U || e("Missing positioning value"), U;
     }
   }
-  function T() {
-    var j = E();
-    if (j.x || j.y)
+  function E() {
+    var U = T();
+    if (U.x || U.y)
       return {
         type: "position",
-        value: j
+        value: U
       };
   }
-  function E() {
+  function T() {
     return {
       x: H(),
       y: H()
     };
   }
-  function y(j) {
-    var te = j(), he = [];
+  function D(U) {
+    var te = U(), he = [];
     if (te)
       for (he.push(te); ce(n.comma); )
-        te = j(), te ? he.push(te) : e("One extra comma");
+        te = U(), te ? he.push(te) : e("One extra comma");
     return he;
   }
-  function x() {
-    var j = S();
-    return j || e("Expected color definition"), j.length = H(), j;
+  function y() {
+    var U = b();
+    return U || e("Expected color definition"), U.length = H(), U;
   }
-  function S() {
-    return Z() || ae() || G() || I();
+  function b() {
+    return K() || ae() || j() || z();
   }
-  function I() {
+  function z() {
     return re("literal", n.literalColor, 0);
   }
-  function Z() {
+  function K() {
     return re("hex", n.hexColor, 1);
   }
-  function G() {
+  function j() {
     return l(n.rgbColor, function() {
       return {
         type: "rgb",
-        value: y(ve)
+        value: D(ve)
       };
     });
   }
@@ -5861,7 +5873,7 @@ St.parse = /* @__PURE__ */ function() {
     return l(n.rgbaColor, function() {
       return {
         type: "rgba",
-        value: y(ve)
+        value: D(ve)
       };
     });
   }
@@ -5877,23 +5889,23 @@ St.parse = /* @__PURE__ */ function() {
   function M() {
     return re("px", n.pixelValue, 1) || re("em", n.emValue, 1);
   }
-  function re(j, te, he) {
+  function re(U, te, he) {
     var Ce = ce(te);
     if (Ce)
       return {
-        type: j,
+        type: U,
         value: Ce[he]
       };
   }
-  function ce(j) {
+  function ce(U) {
     var te, he;
-    return he = /^[\n\r\t\s]+/.exec(t), he && Ue(he[0].length), te = j.exec(t), te && Ue(te[0].length), te;
+    return he = /^[\n\r\t\s]+/.exec(t), he && Ue(he[0].length), te = U.exec(t), te && Ue(te[0].length), te;
   }
-  function Ue(j) {
-    t = t.substr(j);
+  function Ue(U) {
+    t = t.substr(U);
   }
-  return function(j) {
-    return t = j.toString(), r();
+  return function(U) {
+    return t = U.toString(), r();
   };
 }();
 Wn.parse = St.parse;
@@ -5948,64 +5960,64 @@ const Cu = {
     Je.mutations.addIcons({ MinusSharp: vu });
     const r = C({
       get: () => e.modelValue,
-      set: (y) => {
-        t("update:modelValue", y);
+      set: (D) => {
+        t("update:modelValue", D);
       }
-    }), a = V(null), s = V(null), o = V([{ code: "#FFFFFF" }]), l = V(""), i = V("linear"), c = V("0"), f = V("");
+    }), a = N(null), s = N(null), o = N([{ code: "#FFFFFF" }]), l = N(""), i = N("linear"), c = N("0"), f = N("");
     let h = 1;
     const v = () => {
-      a.value.show(), w();
-    }, w = () => {
-      const S = r.value.split(";")[1].trim().split(":")[1].trim(), I = Wn.parse(S), Z = I[0].type.split("-");
-      i.value = Z[0], i.value === "linear" && (c.value = I[0].orientation.value), o.value = [], h = I[0].colorStops.length;
-      const G = [];
-      for (let ae = 0; ae < I[0].colorStops.length; ae++) {
-        const ve = I[0].colorStops[ae].type === "hex" ? `#${I[0].colorStops[ae].value}` : `rgba(${I[0].colorStops[ae].value.join(",")})`;
-        o.value.push({ code: ve }), G.push(I[0].colorStops[ae].length.value);
+      a.value.show(), x();
+    }, x = () => {
+      const b = r.value.split(";")[1].trim().split(":")[1].trim(), z = Wn.parse(b), K = z[0].type.split("-");
+      i.value = K[0], i.value === "linear" && (c.value = z[0].orientation.value), o.value = [], h = z[0].colorStops.length;
+      const j = [];
+      for (let ae = 0; ae < z[0].colorStops.length; ae++) {
+        const ve = z[0].colorStops[ae].type === "hex" ? `#${z[0].colorStops[ae].value}` : `rgba(${z[0].colorStops[ae].value.join(",")})`;
+        o.value.push({ code: ve }), j.push(z[0].colorStops[ae].length.value);
       }
       setTimeout(() => {
         var ae;
-        (ae = s.value) == null || ae.updateStart(G), E();
+        (ae = s.value) == null || ae.updateStart(j), T();
       }, 100);
-    }, k = {
+    }, S = {
       outside: {
         component: At("div", { class: "color-indicator", style: r.value })
       }
     }, g = () => {
       r.value = l.value, a.value.hide(), f.value = `${e.text}: ${o.value.length}`, t("change", r.value);
-    }, D = () => {
+    }, _ = () => {
       if (h < e.maxColors) {
         o.value.push({ code: "#FFFFFF" }), h++;
-        const y = Math.round(100 / h), x = [];
-        for (let S = 0; S < h; S++)
-          x.push(S * y);
-        s.value.updateStart(x);
+        const D = Math.round(100 / h), y = [];
+        for (let b = 0; b < h; b++)
+          y.push(b * D);
+        s.value.updateStart(y);
       }
-    }, T = (y) => {
+    }, E = (D) => {
       if (h > 1) {
-        const x = s.value.get();
-        x.splice(y, 1), o.value.splice(y, 1), s.value.updateStart(x), h--;
+        const y = s.value.get();
+        y.splice(D, 1), o.value.splice(D, 1), s.value.updateStart(y), h--;
       }
     };
     Qe(() => {
-      r.value || (r.value = "background: #FFFFFF;"), w(), f.value = `${e.text}: ${o.value.length}`;
+      r.value || (r.value = "background: #FFFFFF;"), x(), f.value = `${e.text}: ${o.value.length}`;
     });
-    const E = () => {
+    const T = () => {
       if (!s.value)
         return;
-      const y = i.value + "-gradient", x = s.value.position();
-      let S = [];
-      S.push(i.value === "radial" ? "circle" : `${c.value}deg`);
-      for (let I = 0; I < o.value.length; I++)
-        S.push(`${o.value[I].code} ${parseInt(x[I])}%`);
-      l.value = `background: ${o.value[0].code};`, o.value.length > 1 && (l.value += `background: ${y}(${S.join(", ")})`);
+      const D = i.value + "-gradient", y = s.value.position();
+      let b = [];
+      b.push(i.value === "radial" ? "circle" : `${c.value}deg`);
+      for (let z = 0; z < o.value.length; z++)
+        b.push(`${o.value[z].code} ${parseInt(y[z])}%`);
+      l.value = `background: ${o.value[0].code};`, o.value.length > 1 && (l.value += `background: ${D}(${b.join(", ")})`);
     };
-    return (y, x) => (d(), b("div", null, [
+    return (D, y) => (d(), w("div", null, [
       W(on, {
-        pre: k,
+        pre: S,
         label: e.label,
         modelValue: f.value,
-        "onUpdate:modelValue": x[0] || (x[0] = (S) => f.value = S),
+        "onUpdate:modelValue": y[0] || (y[0] = (b) => f.value = b),
         onClick: v,
         readonly: !0
       }, {
@@ -6019,9 +6031,9 @@ const Cu = {
       }, 8, ["label", "modelValue"]),
       We(L("input", {
         type: "hidden",
-        "onUpdate:modelValue": x[1] || (x[1] = (S) => r.value = S)
+        "onUpdate:modelValue": y[1] || (y[1] = (b) => r.value = b)
       }, null, 512), [
-        [Tn, r.value]
+        [Pn, r.value]
       ]),
       W(Lt, {
         ref_key: "modalRef",
@@ -6030,7 +6042,7 @@ const Cu = {
         "max-width": "300px"
       }, {
         "modal-title": Q(() => [
-          ye(K(e.title), 1)
+          ye(Z(e.title), 1)
         ]),
         default: Q(() => [
           L("div", {
@@ -6038,20 +6050,20 @@ const Cu = {
             style: ge([{ height: "100px", width: "100%" }, l.value])
           }, null, 4),
           W(iu, {
-            onUpdate: E,
+            onUpdate: T,
             class: "mb-1",
             ref_key: "sliderRef",
             ref: s,
             start: 50,
-            tooltips: { to: (S) => parseInt(S) },
+            tooltips: { to: (b) => parseInt(b) },
             "tooltip-hide": !0
           }, null, 8, ["tooltips"]),
           L("div", Cu, [
             L("div", null, [
               W(Fo, {
-                onChange: E,
+                onChange: T,
                 modelValue: i.value,
-                "onUpdate:modelValue": x[2] || (x[2] = (S) => i.value = S),
+                "onUpdate:modelValue": y[2] || (y[2] = (b) => i.value = b),
                 options: [{ label: e.linear, value: "linear" }, { label: e.radial, value: "radial" }],
                 size: "wide"
               }, null, 8, ["modelValue", "options"])
@@ -6059,45 +6071,45 @@ const Cu = {
             L("div", null, [
               i.value !== "radial" ? (d(), R(Du, {
                 key: 0,
-                onChange: E,
+                onChange: T,
                 modelValue: c.value,
-                "onUpdate:modelValue": x[3] || (x[3] = (S) => c.value = S)
-              }, null, 8, ["modelValue"])) : N("", !0)
+                "onUpdate:modelValue": y[3] || (y[3] = (b) => c.value = b)
+              }, null, 8, ["modelValue"])) : V("", !0)
             ])
           ]),
-          (d(!0), b(ke, null, Be(o.value, (S, I) => (d(), b("div", {
+          (d(!0), w(ke, null, Be(o.value, (b, z) => (d(), w("div", {
             style: { display: "flex", gap: "5px", "align-items": "center", "justify-content": "center" },
-            key: I
+            key: z
           }, [
             W(xl, {
-              modelValue: S.code,
-              "onUpdate:modelValue": (Z) => S.code = Z,
+              modelValue: b.code,
+              "onUpdate:modelValue": (K) => b.code = K,
               style: { flex: "1" },
               format: "rgba",
-              onChange: E
+              onChange: T
             }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-            X(h) > 1 ? (d(), R(Le, {
+            G(h) > 1 ? (d(), R(Le, {
               key: 0,
               icon: "MinusSharp",
-              onClick: (Z) => T(I)
-            }, null, 8, ["onClick"])) : N("", !0)
+              onClick: (K) => E(z)
+            }, null, 8, ["onClick"])) : V("", !0)
           ]))), 128)),
-          X(h) < e.maxColors ? (d(), b("div", $u, [
-            W(Le, { onClick: D }, {
+          G(h) < e.maxColors ? (d(), w("div", $u, [
+            W(Le, { onClick: _ }, {
               default: Q(() => [
-                ye(K(e.add), 1)
+                ye(Z(e.add), 1)
               ]),
               _: 1
             })
-          ])) : N("", !0)
+          ])) : V("", !0)
         ]),
         "modal-footer": Q(() => [
           L("div", Mu, [
             W(Le, {
-              onClick: x[4] || (x[4] = (S) => a.value.hide())
+              onClick: y[4] || (y[4] = (b) => a.value.hide())
             }, {
               default: Q(() => [
-                ye(K(e.close), 1)
+                ye(Z(e.close), 1)
               ]),
               _: 1
             }),
@@ -6106,7 +6118,7 @@ const Cu = {
               onClick: g
             }, {
               default: Q(() => [
-                ye(K(e.select), 1)
+                ye(Z(e.select), 1)
               ]),
               _: 1
             })
@@ -6131,163 +6143,163 @@ const Cu = {
   },
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
   setup(n, { emit: t }) {
-    const e = n, r = xt(), a = V([]), s = C(() => a.value.length), o = C(() => a.value.reduce((_, P) => (_[~~P.id] = P) && _, {})), l = V(null), i = V(!1), c = V({
+    const e = n, r = xt(), a = N([]), s = C(() => a.value.length), o = C(() => a.value.reduce((k, P) => (k[~~P.id] = P) && k, {})), l = N(null), i = N(!1), c = N({
       mouseDown: !1,
       dragging: !1,
       activeSplitter: null
-    }), f = V({
+    }), f = N({
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
     }), h = () => {
-      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", S, { passive: !1 }), document.addEventListener("mouseup", g), "ontouchstart" in window && (document.addEventListener("touchmove", S, { 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));
-    }, w = (_, P) => {
+      document.removeEventListener("mousemove", S, { passive: !1 }), document.removeEventListener("mouseup", g), "ontouchstart" in window && (document.removeEventListener("touchmove", S, { passive: !1 }), document.removeEventListener("touchend", g));
+    }, x = (k, P) => {
       h(), c.value.mouseDown = !0, c.value.activeSplitter = P;
-    }, k = (_) => {
-      e.movable && c.value.mouseDown && (_.preventDefault(), c.value.dragging = !0, S(y(_)), t("resize", a.value.map((P) => ({ min: P.min, max: P.max, size: P.size }))));
+    }, S = (k) => {
+      e.movable && c.value.mouseDown && (k.preventDefault(), c.value.dragging = !0, b(D(k)), t("resize", a.value.map((P) => ({ min: P.min, max: P.max, size: P.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 = (_, P) => {
-      "ontouchstart" in window && (_.preventDefault(), e.dblClickSplitter && (f.value.splitter === P ? (clearTimeout(f.value.timeoutId), f.value.timeoutId = null, T(_, P), f.value.splitter = null) : (f.value.splitter = P, f.value.timeoutId = setTimeout(() => {
+    }, _ = (k, P) => {
+      "ontouchstart" in window && (k.preventDefault(), e.dblClickSplitter && (f.value.splitter === P ? (clearTimeout(f.value.timeoutId), f.value.timeoutId = null, E(k, P), f.value.splitter = null) : (f.value.splitter = P, f.value.timeoutId = setTimeout(() => {
         f.value.splitter = null;
       }, 500)))), c.value.dragging || t("splitter-click", a.value[P]);
-    }, T = (_, P) => {
+    }, E = (k, P) => {
       let F = 0;
       a.value = a.value.map((O, B) => (O.size = B === P ? O.max : O.min, B !== P && (F += O.min), O)), a.value[P].size -= F, t("pane-maximize", a.value[P]), t("resized", a.value.map((O) => ({ min: O.min, max: O.max, size: O.size })));
-    }, E = (_, P) => {
+    }, T = (k, P) => {
       t("pane-click", o.value[P]);
-    }, y = (_) => {
-      const P = l.value.getBoundingClientRect(), { clientX: F, clientY: O } = "ontouchstart" in window && _.touches ? _.touches[0] : _;
+    }, D = (k) => {
+      const P = l.value.getBoundingClientRect(), { clientX: F, clientY: O } = "ontouchstart" in window && k.touches ? k.touches[0] : k;
       return {
         x: F - P.left,
         y: O - P.top
       };
-    }, x = (_) => {
-      _ = _[e.horizontal ? "y" : "x"];
+    }, y = (k) => {
+      k = k[e.horizontal ? "y" : "x"];
       const P = l.value[e.horizontal ? "clientHeight" : "clientWidth"];
-      return e.rtl && !e.horizontal && (_ = P - _), _ * 100 / P;
-    }, S = (_) => {
+      return e.rtl && !e.horizontal && (k = P - k), k * 100 / P;
+    }, b = (k) => {
       const P = c.value.activeSplitter;
       let F = {
-        prevPanesSize: Z(P),
-        nextPanesSize: G(P),
+        prevPanesSize: K(P),
+        nextPanesSize: j(P),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const O = 0 + (e.pushOtherPanes ? 0 : F.prevPanesSize), B = 100 - (e.pushOtherPanes ? 0 : F.nextPanesSize), J = Math.max(Math.min(x(_), B), O);
+      const O = 0 + (e.pushOtherPanes ? 0 : F.prevPanesSize), B = 100 - (e.pushOtherPanes ? 0 : F.nextPanesSize), J = Math.max(Math.min(y(k), B), O);
       let le = [P, P + 1], Oe = a.value[le[0]] || null, Ne = a.value[le[1]] || null;
-      const _t = Oe.max < 100 && J >= Oe.max + F.prevPanesSize, cn = Ne.max < 100 && J <= 100 - (Ne.max + G(P + 1));
+      const _t = Oe.max < 100 && J >= Oe.max + F.prevPanesSize, cn = Ne.max < 100 && J <= 100 - (Ne.max + j(P + 1));
       if (_t || cn) {
-        _t ? (Oe.size = Oe.max, Ne.size = Math.max(100 - Oe.max - F.prevPanesSize - F.nextPanesSize, 0)) : (Oe.size = Math.max(100 - Ne.max - F.prevPanesSize - G(P + 1), 0), Ne.size = Ne.max);
+        _t ? (Oe.size = Oe.max, Ne.size = Math.max(100 - Oe.max - F.prevPanesSize - F.nextPanesSize, 0)) : (Oe.size = Math.max(100 - Ne.max - F.prevPanesSize - j(P + 1), 0), Ne.size = Ne.max);
         return;
       }
       if (e.pushOtherPanes) {
-        const Wt = I(F, J);
+        const Wt = z(F, J);
         if (!Wt) return;
         ({ sums: F, panesToResize: le } = Wt), Oe = a.value[le[0]] || null, Ne = a.value[le[1]] || null;
       }
       Oe !== null && (Oe.size = Math.min(Math.max(J - F.prevPanesSize - F.prevReachedMinPanes, Oe.min), Oe.max)), Ne !== null && (Ne.size = Math.min(Math.max(100 - J - F.nextPanesSize - F.nextReachedMinPanes, Ne.min), Ne.max));
-    }, I = (_, P) => {
+    }, z = (k, P) => {
       const F = c.value.activeSplitter, O = [F, F + 1];
-      return P < _.prevPanesSize + a.value[O[0]].min && (O[0] = ae(F).index, _.prevReachedMinPanes = 0, O[0] < F && a.value.forEach((B, J) => {
-        J > O[0] && J <= F && (B.size = B.min, _.prevReachedMinPanes += B.min);
-      }), _.prevPanesSize = Z(O[0]), O[0] === void 0) ? (_.prevReachedMinPanes = 0, a.value[0].size = a.value[0].min, a.value.forEach((B, J) => {
-        J > 0 && J <= F && (B.size = B.min, _.prevReachedMinPanes += B.min);
-      }), a.value[O[1]].size = 100 - _.prevReachedMinPanes - a.value[0].min - _.prevPanesSize - _.nextPanesSize, null) : P > 100 - _.nextPanesSize - a.value[O[1]].min && (O[1] = ve(F).index, _.nextReachedMinPanes = 0, O[1] > F + 1 && a.value.forEach((B, J) => {
-        J > F && J < O[1] && (B.size = B.min, _.nextReachedMinPanes += B.min);
-      }), _.nextPanesSize = G(O[1] - 1), O[1] === void 0) ? (_.nextReachedMinPanes = 0, a.value[s.value - 1].size = a.value[s.value - 1].min.value, a.value.forEach((B, J) => {
-        J < s.value - 1 && J >= F + 1 && (B.size = B.min, _.nextReachedMinPanes += B.min);
-      }), a.value[O[0]].size = 100 - _.prevPanesSize - _.nextReachedMinPanes - a.value[s.value - 1].min - _.nextPanesSize.value, null) : { sums: _, panesToResize: O };
-    }, Z = (_) => a.value.reduce((P, F, O) => P + (O < _ ? F.size : 0), 0), G = (_) => a.value.reduce((P, F, O) => P + (O > _ + 1 ? F.size : 0), 0), ae = (_) => [...a.value].reverse().find((F) => F.index < _ && F.size > F.min) || {}, ve = (_) => a.value.find((F) => F.index > _ + 1 && F.size > F.min) || {}, H = () => {
+      return P < k.prevPanesSize + a.value[O[0]].min && (O[0] = ae(F).index, k.prevReachedMinPanes = 0, O[0] < F && a.value.forEach((B, J) => {
+        J > O[0] && J <= F && (B.size = B.min, k.prevReachedMinPanes += B.min);
+      }), k.prevPanesSize = K(O[0]), O[0] === void 0) ? (k.prevReachedMinPanes = 0, a.value[0].size = a.value[0].min, a.value.forEach((B, J) => {
+        J > 0 && J <= F && (B.size = B.min, k.prevReachedMinPanes += B.min);
+      }), a.value[O[1]].size = 100 - k.prevReachedMinPanes - a.value[0].min - k.prevPanesSize - k.nextPanesSize, null) : P > 100 - k.nextPanesSize - a.value[O[1]].min && (O[1] = ve(F).index, k.nextReachedMinPanes = 0, O[1] > F + 1 && a.value.forEach((B, J) => {
+        J > F && J < O[1] && (B.size = B.min, k.nextReachedMinPanes += B.min);
+      }), k.nextPanesSize = j(O[1] - 1), O[1] === void 0) ? (k.nextReachedMinPanes = 0, a.value[s.value - 1].size = a.value[s.value - 1].min.value, a.value.forEach((B, J) => {
+        J < s.value - 1 && J >= F + 1 && (B.size = B.min, k.nextReachedMinPanes += B.min);
+      }), a.value[O[0]].size = 100 - k.prevPanesSize - k.nextReachedMinPanes - a.value[s.value - 1].min - k.nextPanesSize.value, null) : { sums: k, panesToResize: O };
+    }, K = (k) => a.value.reduce((P, F, O) => P + (O < k ? F.size : 0), 0), j = (k) => a.value.reduce((P, F, O) => P + (O > 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) || {}, H = () => {
       var P;
       Array.from(((P = l.value) == null ? void 0 : P.children) || []).forEach((F) => {
         const O = F.classList.contains("d-splitter__panel"), B = F.classList.contains("d-splitter__splitter");
         !O && !B && (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 = (_, P, F = !1) => {
-      const O = _ - 1, B = document.createElement("div");
-      B.classList.add("d-splitter__splitter"), B.style.width = `${e.horizontal ? "auto" : e.size + "px"}`, B.style.height = `${e.horizontal ? e.size + "px" : "auto"}`, B.style.display = `${e.size === 0 ? "none" : "block"}`, F || (B.onmousedown = (J) => w(J, O), typeof window < "u" && "ontouchstart" in window && (B.ontouchstart = (J) => w(J, O)), B.onclick = (J) => D(J, O + 1)), e.dblClickSplitter && (B.ondblclick = (J) => T(J, O + 1)), P.parentNode.insertBefore(B, P);
-    }, M = (_) => {
-      _.onmousedown = void 0, _.onclick = void 0, _.ondblclick = void 0, _.remove();
+    }, ue = (k, P, F = !1) => {
+      const O = k - 1, B = document.createElement("div");
+      B.classList.add("d-splitter__splitter"), B.style.width = `${e.horizontal ? "auto" : e.size + "px"}`, B.style.height = `${e.horizontal ? e.size + "px" : "auto"}`, B.style.display = `${e.size === 0 ? "none" : "block"}`, F || (B.onmousedown = (J) => x(J, O), typeof window < "u" && "ontouchstart" in window && (B.ontouchstart = (J) => x(J, O)), B.onclick = (J) => _(J, O + 1)), e.dblClickSplitter && (B.ondblclick = (J) => E(J, O + 1)), P.parentNode.insertBefore(B, P);
+    }, M = (k) => {
+      k.onmousedown = void 0, k.onclick = void 0, k.ondblclick = void 0, k.remove();
     }, re = () => {
       var F;
-      const _ = Array.from(((F = l.value) == null ? void 0 : F.children) || []);
-      _.forEach((O) => {
+      const k = Array.from(((F = l.value) == null ? void 0 : F.children) || []);
+      k.forEach((O) => {
         O.className.includes("d-splitter__splitter") && M(O);
       });
       let P = 0;
-      _.forEach((O) => {
+      k.forEach((O) => {
         O.className.includes("d-splitter__panel") && (!P && e.firstSplitter ? ue(P, O, !0) : P && ue(P, O), P++);
       });
-    }, ce = ({ uid: _, ...P }) => {
-      const F = o.value[_];
+    }, ce = ({ uid: k, ...P }) => {
+      const F = o.value[k];
       Object.entries(P).forEach(([O, B]) => F[O] = B);
-    }, Ue = (_) => {
+    }, Ue = (k) => {
       var F;
       let P = -1;
-      Array.from(((F = l.value) == null ? void 0 : F.children) || []).some((O) => (O.className.includes("d-splitter__panel") && P++, O.isSameNode(_.el))), a.value.splice(P, 0, { ..._, index: P }), a.value.forEach((O, B) => O.index = B), i.value && Ht(() => {
+      Array.from(((F = l.value) == null ? void 0 : F.children) || []).some((O) => (O.className.includes("d-splitter__panel") && P++, O.isSameNode(k.el))), a.value.splice(P, 0, { ...k, index: P }), a.value.forEach((O, B) => O.index = B), i.value && Ht(() => {
         re(), te({ addedPane: a.value[P] }), t("pane-add", { index: P, panes: a.value.map((O) => ({ min: O.min, max: O.max, size: O.size })) });
       });
-    }, j = (_) => {
-      const P = a.value.findIndex((O) => O.id === _), F = a.value.splice(P, 1)[0];
+    }, U = (k) => {
+      const P = a.value.findIndex((O) => O.id === k), F = a.value.splice(P, 1)[0];
       a.value.forEach((O, B) => O.index = B), Ht(() => {
         re(), te({ removedPane: { ...F, index: P } }), t("pane-remove", { removed: F, panes: a.value.map((O) => ({ min: O.min, max: O.max, size: O.size })) });
       });
-    }, te = (_ = {}) => {
-      !_.addedPane && !_.removedPane ? Ce() : a.value.some((P) => P.givenSize !== null || P.min || P.max < 100) ? ut(_) : he(), i.value && t("resized", a.value.map((P) => ({ min: P.min, max: P.max, size: P.size })));
+    }, te = (k = {}) => {
+      !k.addedPane && !k.removedPane ? Ce() : a.value.some((P) => P.givenSize !== null || P.min || P.max < 100) ? ut(k) : he(), i.value && t("resized", a.value.map((P) => ({ min: P.min, max: P.max, size: P.size })));
     }, he = () => {
-      const _ = 100 / s.value;
+      const k = 100 / s.value;
       let P = 0;
       const F = [], O = [];
       a.value.forEach((B) => {
-        B.size = Math.max(Math.min(_, B.max), B.min), P -= B.size, B.size >= B.max && F.push(B.id), B.size <= B.min && O.push(B.id);
+        B.size = Math.max(Math.min(k, B.max), B.min), P -= B.size, B.size >= B.max && F.push(B.id), B.size <= B.min && O.push(B.id);
       }), P > 0.1 && tt(P, F, O);
     }, Ce = () => {
-      let _ = 100;
+      let k = 100;
       const P = [], F = [];
       let O = 0;
       a.value.forEach((J) => {
-        _ -= J.size, J.givenSize !== null && O++, J.size >= J.max && P.push(J.id), J.size <= J.min && F.push(J.id);
+        k -= J.size, J.givenSize !== null && O++, J.size >= J.max && P.push(J.id), J.size <= J.min && F.push(J.id);
       });
       let B = 100;
-      _ > 0.1 && (a.value.forEach((J) => {
-        J.givenSize === null && (J.size = Math.max(Math.min(_ / (s.value - O), J.max), J.min)), B -= J.size;
+      k > 0.1 && (a.value.forEach((J) => {
+        J.givenSize === null && (J.size = Math.max(Math.min(k / (s.value - O), J.max), J.min)), B -= J.size;
       }), B > 0.1 && tt(B, P, F));
-    }, ut = ({ addedPane: _, removedPane: P } = {}) => {
+    }, ut = ({ addedPane: k, removedPane: P } = {}) => {
       let F = 100 / s.value, O = 0;
       const B = [], 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) => {
         O -= le.size, le.size >= le.max && B.push(le.id), le.size <= le.min && J.push(le.id);
       }), !(Math.abs(O) < 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)), O -= le.size, le.size >= le.max && B.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)), O -= le.size, le.size >= le.max && B.push(le.id), le.size <= le.min && J.push(le.id);
       }), O > 0.1 && tt(O, B, J));
-    }, tt = (_, P, F) => {
+    }, tt = (k, P, F) => {
       let O;
-      _ > 0 ? O = _ / (s.value - P.length) : O = _ / (s.value - F.length), a.value.forEach((B, J) => {
-        if (_ > 0 && !P.includes(B.id)) {
+      k > 0 ? O = k / (s.value - P.length) : O = k / (s.value - F.length), a.value.forEach((B, J) => {
+        if (k > 0 && !P.includes(B.id)) {
           const le = Math.max(Math.min(B.size + O, B.max), B.min), Oe = le - B.size;
-          _ -= Oe, B.size = le;
+          k -= Oe, B.size = le;
         } else if (!F.includes(B.id)) {
           const le = Math.max(Math.min(B.size + O, B.max), B.min), Oe = le - B.size;
-          _ -= Oe, B.size = le;
+          k -= Oe, B.size = le;
         }
-      }), Math.abs(_) > 0.1 && Ht(() => {
+      }), Math.abs(k) > 0.1 && Ht(() => {
         i.value && console.warn("D-Splitter: Could not resize panes correctly due to their constraints.");
       });
     };
-    ot(() => e.firstSplitter, () => re()), ot(() => e.dblClickSplitter, (_) => {
+    ot(() => e.firstSplitter, () => re()), ot(() => e.dblClickSplitter, (k) => {
       [...l.value.querySelectorAll(".d-splitter__splitter")].forEach((F, O) => {
-        F.ondblclick = _ ? (B) => T(B, O) : void 0;
+        F.ondblclick = k ? (B) => E(B, O) : void 0;
       });
     }), Rr(() => i.value = !1), Qe(() => {
       H(), re(), te(), t("ready"), i.value = !0;
     });
     const ht = () => {
-      var _;
+      var k;
       return At(
         "div",
         {
@@ -6298,12 +6310,12 @@ const Cu = {
             { "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", o), gt("horizontal", C(() => e.horizontal)), gt("requestUpdate", ce), gt("onPaneAdd", Ue), gt("onPaneRemove", j), gt("onPaneClick", E), (_, P) => (d(), R(Ye(ht)));
+    return gt("panes", a), gt("indexedPanes", o), gt("horizontal", C(() => e.horizontal)), gt("requestUpdate", ce), gt("onPaneAdd", Ue), gt("onPaneRemove", U), gt("onPaneClick", T), (k, P) => (d(), R(Ye(ht)));
   }
-}, Ef = {
+}, Tf = {
   __name: "DSplitterPanel",
   props: {
     size: { type: [Number, String] },
@@ -6312,42 +6324,42 @@ const Cu = {
   },
   setup(n) {
     var g;
-    const t = n, e = Dt("requestUpdate"), r = Dt("onPaneAdd"), a = Dt("horizontal"), s = Dt("onPaneRemove"), o = Dt("onPaneClick"), l = (g = an()) == null ? void 0 : g.uid, i = Dt("indexedPanes"), c = C(() => i.value[l]), f = V(null), h = C(() => {
-      const D = isNaN(t.size) || t.size === void 0 ? 0 : parseFloat(t.size);
-      return Math.max(Math.min(D, w.value), v.value);
+    const t = n, e = Dt("requestUpdate"), r = Dt("onPaneAdd"), a = Dt("horizontal"), s = Dt("onPaneRemove"), o = Dt("onPaneClick"), l = (g = an()) == null ? void 0 : g.uid, i = Dt("indexedPanes"), c = C(() => i.value[l]), f = N(null), h = C(() => {
+      const _ = isNaN(t.size) || t.size === void 0 ? 0 : parseFloat(t.size);
+      return Math.max(Math.min(_, x.value), v.value);
     }), v = C(() => {
-      const D = parseFloat(t.minSize);
-      return isNaN(D) ? 0 : D;
-    }), w = C(() => {
-      const D = parseFloat(t.maxSize);
-      return isNaN(D) ? 100 : D;
-    }), k = C(() => {
-      var D;
-      return `${a.value ? "height" : "width"}: ${(D = c.value) == null ? void 0 : D.size}%`;
+      const _ = parseFloat(t.minSize);
+      return isNaN(_) ? 0 : _;
+    }), x = C(() => {
+      const _ = parseFloat(t.maxSize);
+      return isNaN(_) ? 100 : _;
+    }), S = C(() => {
+      var _;
+      return `${a.value ? "height" : "width"}: ${(_ = c.value) == null ? void 0 : _.size}%`;
     });
     return Qe(() => {
       r({
         id: l,
         el: f.value,
         min: v.value,
-        max: w.value,
+        max: x.value,
         // The given size (useful to know the user intention).
         givenSize: t.size === void 0 ? null : h.value,
         size: h.value
         // The computed current size at any time.
       });
-    }), ot(() => h.value, (D) => e({ uid: l, size: D })), ot(() => v.value, (D) => e({ uid: l, min: D })), ot(() => w.value, (D) => e({ uid: l, max: D })), Rr(() => s(l)), (D, T) => (d(), b("div", {
+    }), ot(() => h.value, (_) => e({ uid: l, size: _ })), ot(() => v.value, (_) => e({ uid: l, min: _ })), ot(() => x.value, (_) => e({ uid: l, max: _ })), Rr(() => s(l)), (_, E) => (d(), w("div", {
       ref_key: "paneEl",
       ref: f,
       class: "d-splitter__panel",
-      onClick: T[0] || (T[0] = (E) => X(o)(E, D._.uid)),
-      style: ge(k.value)
+      onClick: E[0] || (E[0] = (T) => G(o)(T, _._.uid)),
+      style: ge(S.value)
     }, [
-      oe(D.$slots, "default")
+      oe(_.$slots, "default")
     ], 4));
   }
 };
-class Pf {
+class Ef {
   constructor(t) {
     this.fields = t;
   }
@@ -6358,7 +6370,7 @@ class Pf {
     return !t;
   }
 }
-const Kr = 6048e5, Eu = 864e5, Pu = 6e4, Tu = 36e5, Lu = 1e3, xr = Symbol.for("constructDateFrom");
+const Kr = 6048e5, Tu = 864e5, Eu = 6e4, Pu = 36e5, Lu = 1e3, xr = Symbol.for("constructDateFrom");
 function _e(n, t) {
   return typeof n == "function" ? n(t) : n && typeof n == "object" && xr in n ? n[xr](t) : n instanceof Date ? new n.constructor(t) : new Date(t);
 }
@@ -6392,15 +6404,15 @@ function lt(n, t) {
   const e = kt(), r = (t == null ? void 0 : t.weekStartsOn) ?? ((i = (l = t == null ? void 0 : t.locale) == null ? void 0 : l.options) == null ? void 0 : i.weekStartsOn) ?? e.weekStartsOn ?? ((f = (c = e.locale) == null ? void 0 : c.options) == null ? void 0 : f.weekStartsOn) ?? 0, a = ie(n, t == null ? void 0 : t.in), s = a.getDay(), o = (s < r ? 7 : 0) + s - r;
   return a.setDate(a.getDate() - o), a.setHours(0, 0, 0, 0), a;
 }
-function Pt(n, t) {
+function Et(n, t) {
   return lt(n, { ...t, weekStartsOn: 1 });
 }
 function Jr(n, t) {
   const e = ie(n, t == null ? void 0 : t.in), r = e.getFullYear(), a = _e(e, 0);
   a.setFullYear(r + 1, 0, 4), a.setHours(0, 0, 0, 0);
-  const s = Pt(a), o = _e(e, 0);
+  const s = Et(a), o = _e(e, 0);
   o.setFullYear(r, 0, 4), o.setHours(0, 0, 0, 0);
-  const l = Pt(o);
+  const l = Et(o);
   return e.getTime() >= s.getTime() ? r + 1 : e.getTime() >= l.getTime() ? r : r - 1;
 }
 function tn(n) {
@@ -6434,11 +6446,11 @@ function Fu(n, t, e) {
     n,
     t
   ), s = Bt(r), o = Bt(a), l = +s - tn(s), i = +o - tn(o);
-  return Math.round((l - i) / Eu);
+  return Math.round((l - i) / Tu);
 }
 function Iu(n, t) {
   const e = Jr(n, t), r = _e(n, 0);
-  return r.setFullYear(e, 0, 4), r.setHours(0, 0, 0, 0), Pt(r);
+  return r.setFullYear(e, 0, 4), r.setHours(0, 0, 0, 0), Et(r);
 }
 function jn(n, t, e) {
   return qn(n, t * 12, e);
@@ -6959,12 +6971,12 @@ function kc(n, t) {
   return Fu(e, na(e)) + 1;
 }
 function aa(n, t) {
-  const e = ie(n, t == null ? void 0 : t.in), r = +Pt(e) - +Iu(e);
+  const e = ie(n, t == null ? void 0 : t.in), r = +Et(e) - +Iu(e);
   return Math.round(r / Kr) + 1;
 }
 function Xn(n, t) {
-  var f, h, v, w;
-  const e = ie(n, t == null ? void 0 : t.in), r = e.getFullYear(), a = kt(), s = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((h = (f = t == null ? void 0 : t.locale) == null ? void 0 : f.options) == null ? void 0 : h.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((w = (v = a.locale) == null ? void 0 : v.options) == null ? void 0 : w.firstWeekContainsDate) ?? 1, o = _e((t == null ? void 0 : t.in) || n, 0);
+  var f, h, v, x;
+  const e = ie(n, t == null ? void 0 : t.in), r = e.getFullYear(), a = kt(), s = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((h = (f = t == null ? void 0 : t.locale) == null ? void 0 : f.options) == null ? void 0 : h.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((x = (v = a.locale) == null ? void 0 : v.options) == null ? void 0 : x.firstWeekContainsDate) ?? 1, o = _e((t == null ? void 0 : t.in) || n, 0);
   o.setFullYear(r + 1, 0, s), o.setHours(0, 0, 0, 0);
   const l = lt(o, t), i = _e((t == null ? void 0 : t.in) || n, 0);
   i.setFullYear(r, 0, s), i.setHours(0, 0, 0, 0);
@@ -7601,39 +7613,39 @@ function la(n) {
   return $c.test(n);
 }
 function $n(n, t, e) {
-  const r = Ec(n, t, e);
+  const r = Tc(n, t, e);
   if (console.warn(r), Mc.includes(n)) throw new RangeError(r);
 }
-function Ec(n, t, e) {
+function Tc(n, t, e) {
   const r = n[0] === "Y" ? "years" : "days of the month";
   return `Use \`${n.toLowerCase()}\` instead of \`${n}\` (in \`${t}\`) for formatting ${r} to the input \`${e}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
 }
-const Pc = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Tc = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Lc = /^'([^]*?)'?$/, Oc = /''/g, Fc = /[a-zA-Z]/;
+const Ec = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Pc = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Lc = /^'([^]*?)'?$/, Oc = /''/g, Fc = /[a-zA-Z]/;
 function it(n, t, e) {
-  var f, h, v, w, k, g, D, T;
-  const r = kt(), a = (e == null ? void 0 : e.locale) ?? r.locale ?? ra, s = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((h = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : h.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((w = (v = r.locale) == null ? void 0 : v.options) == null ? void 0 : w.firstWeekContainsDate) ?? 1, o = (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 ?? ((T = (D = r.locale) == null ? void 0 : D.options) == null ? void 0 : T.weekStartsOn) ?? 0, l = ie(n, e == null ? void 0 : e.in);
+  var f, h, v, x, S, g, _, E;
+  const r = kt(), a = (e == null ? void 0 : e.locale) ?? r.locale ?? ra, s = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((h = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : h.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((x = (v = r.locale) == null ? void 0 : v.options) == null ? void 0 : x.firstWeekContainsDate) ?? 1, o = (e == null ? void 0 : e.weekStartsOn) ?? ((g = (S = e == null ? void 0 : e.locale) == null ? void 0 : S.options) == null ? void 0 : g.weekStartsOn) ?? r.weekStartsOn ?? ((E = (_ = r.locale) == null ? void 0 : _.options) == null ? void 0 : E.weekStartsOn) ?? 0, l = ie(n, e == null ? void 0 : e.in);
   if (!Hu(l))
     throw new RangeError("Invalid time value");
-  let i = t.match(Tc).map((E) => {
-    const y = E[0];
-    if (y === "p" || y === "P") {
-      const x = Cn[y];
-      return x(E, a.formatLong);
-    }
-    return E;
-  }).join("").match(Pc).map((E) => {
-    if (E === "''")
+  let i = t.match(Pc).map((T) => {
+    const D = T[0];
+    if (D === "p" || D === "P") {
+      const y = Cn[D];
+      return y(T, a.formatLong);
+    }
+    return T;
+  }).join("").match(Ec).map((T) => {
+    if (T === "''")
       return { isToken: !1, value: "'" };
-    const y = E[0];
-    if (y === "'")
-      return { isToken: !1, value: Ic(E) };
-    if (Sr[y])
-      return { isToken: !0, value: E };
-    if (y.match(Fc))
+    const D = T[0];
+    if (D === "'")
+      return { isToken: !1, value: Ic(T) };
+    if (Sr[D])
+      return { isToken: !0, value: T };
+    if (D.match(Fc))
       throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + y + "`"
+        "Format string contains an unescaped latin alphabet character `" + D + "`"
       );
-    return { isToken: !1, value: E };
+    return { isToken: !1, value: T };
   });
   a.localize.preprocessor && (i = a.localize.preprocessor(l, i));
   const c = {
@@ -7641,12 +7653,12 @@ function it(n, t, e) {
     weekStartsOn: o,
     locale: a
   };
-  return i.map((E) => {
-    if (!E.isToken) return E.value;
-    const y = E.value;
-    (!(e != null && e.useAdditionalWeekYearTokens) && la(y) || !(e != null && e.useAdditionalDayOfYearTokens) && ia(y)) && $n(y, t, String(n));
-    const x = Sr[y[0]];
-    return x(l, y, a.localize, c);
+  return i.map((T) => {
+    if (!T.isToken) return T.value;
+    const D = T.value;
+    (!(e != null && e.useAdditionalWeekYearTokens) && la(D) || !(e != null && e.useAdditionalDayOfYearTokens) && ia(D)) && $n(D, t, String(n));
+    const y = Sr[D[0]];
+    return y(l, D, a.localize, c);
   }).join("");
 }
 function Ic(n) {
@@ -7803,7 +7815,7 @@ const Me = {
   extended: /^([+-])(\d{2}):(\d{2})|Z/,
   extendedOptionalSeconds: /^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/
 };
-function Ee(n, t) {
+function Te(n, t) {
   return n && {
     value: t(n.value),
     rest: n.rest
@@ -7827,7 +7839,7 @@ function rt(n, t) {
     };
   const r = e[1] === "+" ? 1 : -1, a = e[2] ? parseInt(e[2], 10) : 0, s = e[3] ? parseInt(e[3], 10) : 0, o = e[5] ? parseInt(e[5], 10) : 0;
   return {
-    value: r * (a * Tu + s * Pu + o * Lu),
+    value: r * (a * Pu + s * Eu + o * Lu),
     rest: t.slice(e[0].length)
   };
 }
@@ -7906,16 +7918,16 @@ class Wc extends de {
     });
     switch (r) {
       case "y":
-        return Ee(De(4, e), s);
+        return Te(De(4, e), s);
       case "yo":
-        return Ee(
+        return Te(
           a.ordinalNumber(e, {
             unit: "year"
           }),
           s
         );
       default:
-        return Ee(De(r.length, e), s);
+        return Te(De(r.length, e), s);
     }
   }
   validate(e, r) {
@@ -7961,16 +7973,16 @@ class qc extends de {
     });
     switch (r) {
       case "Y":
-        return Ee(De(4, e), s);
+        return Te(De(4, e), s);
       case "Yo":
-        return Ee(
+        return Te(
           a.ordinalNumber(e, {
             unit: "year"
           }),
           s
         );
       default:
-        return Ee(De(r.length, e), s);
+        return Te(De(r.length, e), s);
     }
   }
   validate(e, r) {
@@ -8020,7 +8032,7 @@ class jc extends de {
   }
   set(e, r, a) {
     const s = _e(e, 0);
-    return s.setFullYear(a, 0, 4), s.setHours(0, 0, 0, 0), Pt(s);
+    return s.setFullYear(a, 0, 4), s.setHours(0, 0, 0, 0), Et(s);
   }
 }
 class Uc extends de {
@@ -8184,14 +8196,14 @@ class Qc extends de {
     const s = (o) => o - 1;
     switch (r) {
       case "M":
-        return Ee(
+        return Te(
           Se(Me.month, e),
           s
         );
       case "MM":
-        return Ee(De(2, e), s);
+        return Te(De(2, e), s);
       case "Mo":
-        return Ee(
+        return Te(
           a.ordinalNumber(e, {
             unit: "month"
           }),
@@ -8246,14 +8258,14 @@ class Kc extends de {
     const s = (o) => o - 1;
     switch (r) {
       case "L":
-        return Ee(
+        return Te(
           Se(Me.month, e),
           s
         );
       case "LL":
-        return Ee(De(2, e), s);
+        return Te(De(2, e), s);
       case "Lo":
-        return Ee(
+        return Te(
           a.ordinalNumber(e, {
             unit: "month"
           }),
@@ -8364,7 +8376,7 @@ class td extends de {
     return r >= 1 && r <= 53;
   }
   set(e, r, a) {
-    return Pt(ed(e, a));
+    return Et(ed(e, a));
   }
 }
 const nd = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], rd = [
@@ -8462,8 +8474,8 @@ class sd extends de {
   }
 }
 function un(n, t, e) {
-  var h, v, w, k;
-  const r = kt(), a = (e == null ? void 0 : e.weekStartsOn) ?? ((v = (h = e == null ? void 0 : e.locale) == null ? void 0 : h.options) == null ? void 0 : v.weekStartsOn) ?? r.weekStartsOn ?? ((k = (w = r.locale) == null ? void 0 : w.options) == null ? void 0 : k.weekStartsOn) ?? 0, s = ie(n, e == null ? void 0 : e.in), o = s.getDay(), i = (t % 7 + 7) % 7, c = 7 - a, f = t < 0 || t > 6 ? t - (o + c) % 7 : (i + c) % 7 - (o + c) % 7;
+  var h, v, x, S;
+  const r = kt(), a = (e == null ? void 0 : e.weekStartsOn) ?? ((v = (h = e == null ? void 0 : e.locale) == null ? void 0 : h.options) == null ? void 0 : v.weekStartsOn) ?? r.weekStartsOn ?? ((S = (x = r.locale) == null ? void 0 : x.options) == null ? void 0 : S.weekStartsOn) ?? 0, s = ie(n, e == null ? void 0 : e.in), o = s.getDay(), i = (t % 7 + 7) % 7, c = 7 - a, f = t < 0 || t > 6 ? t - (o + c) % 7 : (i + c) % 7 - (o + c) % 7;
   return Zr(s, f, e);
 }
 class od extends de {
@@ -8533,9 +8545,9 @@ class id extends de {
     switch (r) {
       case "e":
       case "ee":
-        return Ee(De(r.length, e), o);
+        return Te(De(r.length, e), o);
       case "eo":
-        return Ee(
+        return Te(
           a.ordinalNumber(e, {
             unit: "day"
           }),
@@ -8598,9 +8610,9 @@ class ld extends de {
     switch (r) {
       case "c":
       case "cc":
-        return Ee(De(r.length, e), o);
+        return Te(De(r.length, e), o);
       case "co":
-        return Ee(
+        return Te(
           a.ordinalNumber(e, {
             unit: "day"
           }),
@@ -8668,7 +8680,7 @@ class cd extends de {
       case "io":
         return a.ordinalNumber(e, { unit: "day" });
       case "iii":
-        return Ee(
+        return Te(
           a.day(e, {
             width: "abbreviated",
             context: "formatting"
@@ -8682,7 +8694,7 @@ class cd extends de {
           s
         );
       case "iiiii":
-        return Ee(
+        return Te(
           a.day(e, {
             width: "narrow",
             context: "formatting"
@@ -8690,7 +8702,7 @@ class cd extends de {
           s
         );
       case "iiiiii":
-        return Ee(
+        return Te(
           a.day(e, {
             width: "short",
             context: "formatting"
@@ -8702,7 +8714,7 @@ class cd extends de {
         );
       case "iiii":
       default:
-        return Ee(
+        return Te(
           a.day(e, {
             width: "wide",
             context: "formatting"
@@ -8998,7 +9010,7 @@ class wd extends de {
   }
   parse(e, r) {
     const a = (s) => Math.trunc(s * Math.pow(10, -r.length + 3));
-    return Ee(De(r.length, e), a);
+    return Te(De(r.length, e), a);
   }
   set(e, r, a) {
     return e.setMilliseconds(a), e;
@@ -9136,80 +9148,80 @@ const Dd = {
   x: new Sd(),
   t: new kd(),
   T: new _d()
-}, Cd = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, $d = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Md = /^'([^]*?)'?$/, Ed = /''/g, Pd = /\S/, Td = /[a-zA-Z]/;
+}, Cd = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, $d = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Md = /^'([^]*?)'?$/, Td = /''/g, Ed = /\S/, Pd = /[a-zA-Z]/;
 function Ld(n, t, e, r) {
-  var D, T, E, y;
-  const a = () => _e(e, NaN), s = zc(), o = s.locale ?? ra, l = s.firstWeekContainsDate ?? ((T = (D = s.locale) == null ? void 0 : D.options) == null ? void 0 : T.firstWeekContainsDate) ?? 1, i = s.weekStartsOn ?? ((y = (E = s.locale) == null ? void 0 : E.options) == null ? void 0 : y.weekStartsOn) ?? 0;
+  var _, E, T, D;
+  const a = () => _e(e, NaN), s = zc(), o = s.locale ?? ra, l = s.firstWeekContainsDate ?? ((E = (_ = s.locale) == null ? void 0 : _.options) == null ? void 0 : E.firstWeekContainsDate) ?? 1, i = s.weekStartsOn ?? ((D = (T = s.locale) == null ? void 0 : T.options) == null ? void 0 : D.weekStartsOn) ?? 0;
   if (!t)
     return n ? a() : ie(e, r == null ? void 0 : r.in);
   const c = {
     firstWeekContainsDate: l,
     weekStartsOn: i,
     locale: o
-  }, f = [new Vc(r == null ? void 0 : r.in, e)], h = t.match($d).map((x) => {
-    const S = x[0];
-    if (S in Cn) {
-      const I = Cn[S];
-      return I(x, o.formatLong);
+  }, f = [new Vc(r == null ? void 0 : r.in, e)], h = t.match($d).map((y) => {
+    const b = y[0];
+    if (b in Cn) {
+      const z = Cn[b];
+      return z(y, o.formatLong);
     }
-    return x;
+    return y;
   }).join("").match(Cd), v = [];
-  for (let x of h) {
-    la(x) && $n(x, t, n), ia(x) && $n(x, t, n);
-    const S = x[0], I = Dd[S];
-    if (I) {
-      const { incompatibleTokens: Z } = I;
-      if (Array.isArray(Z)) {
+  for (let y of h) {
+    la(y) && $n(y, t, n), ia(y) && $n(y, t, n);
+    const b = y[0], z = Dd[b];
+    if (z) {
+      const { incompatibleTokens: K } = z;
+      if (Array.isArray(K)) {
         const ae = v.find(
-          (ve) => Z.includes(ve.token) || ve.token === S
+          (ve) => K.includes(ve.token) || ve.token === b
         );
         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 \`${y}\` at the same time`
           );
-      } else if (I.incompatibleTokens === "*" && v.length > 0)
+      } else if (z.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 \`${y}\` and any other token at the same time`
         );
-      v.push({ token: S, fullToken: x });
-      const G = I.run(
+      v.push({ token: b, fullToken: y });
+      const j = z.run(
         n,
-        x,
+        y,
         o.match,
         c
       );
-      if (!G)
+      if (!j)
         return a();
-      f.push(G.setter), n = G.rest;
+      f.push(j.setter), n = j.rest;
     } else {
-      if (S.match(Td))
+      if (b.match(Pd))
         throw new RangeError(
-          "Format string contains an unescaped latin alphabet character `" + S + "`"
+          "Format string contains an unescaped latin alphabet character `" + b + "`"
         );
-      if (x === "''" ? x = "'" : S === "'" && (x = Od(x)), n.indexOf(x) === 0)
-        n = n.slice(x.length);
+      if (y === "''" ? y = "'" : b === "'" && (y = Od(y)), n.indexOf(y) === 0)
+        n = n.slice(y.length);
       else
         return a();
     }
   }
-  if (n.length > 0 && Pd.test(n))
+  if (n.length > 0 && Ed.test(n))
     return a();
-  const w = f.map((x) => x.priority).sort((x, S) => S - x).filter((x, S, I) => I.indexOf(x) === S).map(
-    (x) => f.filter((S) => S.priority === x).sort((S, I) => I.subPriority - S.subPriority)
-  ).map((x) => x[0]);
-  let k = ie(e, r == null ? void 0 : r.in);
-  if (isNaN(+k)) return a();
+  const x = f.map((y) => y.priority).sort((y, b) => b - y).filter((y, b, z) => z.indexOf(y) === b).map(
+    (y) => f.filter((b) => b.priority === y).sort((b, z) => z.subPriority - b.subPriority)
+  ).map((y) => y[0]);
+  let S = ie(e, r == null ? void 0 : r.in);
+  if (isNaN(+S)) return a();
   const g = {};
-  for (const x of w) {
-    if (!x.validate(k, c))
+  for (const y of x) {
+    if (!y.validate(S, c))
       return a();
-    const S = x.set(k, g, c);
-    Array.isArray(S) ? (k = S[0], Object.assign(g, S[1])) : k = S;
+    const b = y.set(S, g, c);
+    Array.isArray(b) ? (S = b[0], Object.assign(g, b[1])) : S = b;
   }
-  return k;
+  return S;
 }
 function Od(n) {
-  return n.match(Md)[1].replace(Ed, "'");
+  return n.match(Md)[1].replace(Td, "'");
 }
 function Mn(n, t, e) {
   const [r, a] = Yt(
@@ -9267,7 +9279,7 @@ const Hd = {
   emits: ["select", "mouseover", "mouseleave"],
   setup(n, { emit: t }) {
     const e = n;
-    return (r, a) => (d(), b("div", {
+    return (r, a) => (d(), w("div", {
       class: "wrap",
       onMouseover: a[1] || (a[1] = (s) => t("mouseover")),
       onMouseleave: a[2] || (a[2] = (s) => t("mouseleave"))
@@ -9276,7 +9288,7 @@ const Hd = {
         class: ne(["calendar-cell", [e.disabled ? "disabled" : "", e.selected ? "selected" : ""]]),
         style: ge({ width: e.wide ? "100%" : "30px" }),
         onClick: a[0] || (a[0] = (s) => t("select"))
-      }, K(e.day), 7)
+      }, Z(e.day), 7)
     ], 32));
   }
 }, Qn = /* @__PURE__ */ Ie(Hd, [["__scopeId", "data-v-f8716608"]]), Ad = { style: { "user-select": "none", display: "flex", "align-items": "center", "justify-content": "space-between", padding: "0 10px 20px 10px" } }, Rd = { class: "grid" }, Bd = {
@@ -9304,7 +9316,7 @@ const Hd = {
   },
   emits: ["update:pageDate", "yearClick", "select"],
   setup(n, { emit: t }) {
-    const e = n, r = C(() => Id(e.pageDate)), a = C(() => Yu(e.pageDate)), s = (w, k, g) => !k && !g ? !0 : k && Ge(w) < Ge(k) ? !1 : !(g && Ge(w) > Ge(g)), o = C(
+    const e = n, r = C(() => Id(e.pageDate)), a = C(() => Yu(e.pageDate)), s = (x, S, g) => !S && !g ? !0 : S && Ge(x) < Ge(S) ? !1 : !(g && Ge(x) > Ge(g)), o = C(
       () => e.lowerLimit && (Xt(e.lowerLimit) === Xt(e.pageDate) || Vt(e.pageDate, e.lowerLimit))
     ), l = C(
       () => e.upperLimit && (Xt(e.upperLimit) === Xt(e.pageDate) || Nt(e.pageDate, e.upperLimit))
@@ -9313,46 +9325,46 @@ const Hd = {
         start: r.value,
         end: a.value
       }).map(
-        (w) => ({
-          value: w,
-          key: String(Ge(w)),
-          display: Ge(w),
-          selected: !!e.selected && Ge(w) === Ge(e.selected),
-          disabled: !s(w, e.lowerLimit, e.upperLimit)
+        (x) => ({
+          value: x,
+          key: String(Ge(x)),
+          display: Ge(x),
+          selected: !!e.selected && Ge(x) === Ge(e.selected),
+          disabled: !s(x, e.lowerLimit, e.upperLimit)
         })
       )
     ), c = C(() => {
-      const w = Ge(r.value), k = Ge(a.value);
-      return `${w} - ${k}`;
-    }), f = (w, k) => {
-      t("update:pageDate", k.value), t("yearClick");
+      const x = Ge(r.value), S = Ge(a.value);
+      return `${x} - ${S}`;
+    }), f = (x, S) => {
+      t("update:pageDate", S.value), t("yearClick");
     }, h = () => t("update:pageDate", pa(e.pageDate, 10)), v = () => t("update:pageDate", jn(e.pageDate, 10));
-    return (w, k) => (d(), b(ke, null, [
+    return (x, S) => (d(), w(ke, null, [
       L("div", Ad, [
         W(qe, {
           onClick: h,
-          component: X(Vn),
+          component: G(Vn),
           size: "20",
           style: { cursor: "pointer" },
           class: ne(o.value ? "disabled" : "")
         }, null, 8, ["component", "class"]),
-        L("div", null, K(c.value), 1),
+        L("div", null, Z(c.value), 1),
         W(qe, {
           onClick: v,
-          component: X(Yn),
+          component: G(Yn),
           size: "20",
           style: { cursor: "pointer" },
           class: ne(l.value ? "disabled" : "")
         }, null, 8, ["component", "class"])
       ]),
       L("div", Rd, [
-        (d(!0), b(ke, null, Be(i.value, (g) => (d(), R(Qn, {
+        (d(!0), w(ke, null, Be(i.value, (g) => (d(), R(Qn, {
           class: "cell",
           key: g.key,
           day: g.display,
           disabled: g.disabled,
           wide: !0,
-          onSelect: (D) => f(D, g)
+          onSelect: (_) => f(_, g)
         }, null, 8, ["day", "disabled", "onSelect"]))), 128))
       ])
     ], 64));
@@ -9394,17 +9406,17 @@ const Hd = {
   emits: ["update:pageDate", "monthClick", "yearClick", "select"],
   setup(n, { emit: t }) {
     const e = n, r = C(
-      () => (y) => (x) => it(x, y, {
+      () => (D) => (y) => it(y, D, {
         locale: e.locale,
         weekStartsOn: e.weekStartsOn
       })
     ), a = C(
-      () => (y) => it(y, "LLLL", {
+      () => (D) => it(D, "LLLL", {
         locale: e.locale
       })
-    ), s = (y, x, S, I) => {
-      var Z, G;
-      return (Z = I == null ? void 0 : I.dates) != null && Z.some((ae) => wn(y, ae)) || (G = I == null ? void 0 : I.predicate) != null && G.call(I, y) ? !1 : !x && !S ? !0 : x && Vt(y, Bt(x)) ? !1 : !(S && Nt(y, Au(S)));
+    ), s = (D, y, b, z) => {
+      var K, j;
+      return (K = z == null ? void 0 : z.dates) != null && K.some((ae) => wn(D, ae)) || (j = z == null ? void 0 : z.predicate) != null && j.call(z, D) ? !1 : !y && !b ? !0 : y && Vt(D, Bt(y)) ? !1 : !(b && Nt(D, Au(b)));
     }, o = C(
       () => e.lowerLimit && (Mn(e.lowerLimit, e.pageDate) || Vt(e.pageDate, e.lowerLimit))
     ), l = C(
@@ -9420,78 +9432,78 @@ const Hd = {
         weekStartsOn: e.weekStartsOn
       })
     })), v = C(() => {
-      const y = e.weekStartsOn, x = r.value(e.weekdayFormat);
-      return Array.from(Array(7)).map((S, I) => (y + I) % 7).map(
-        (S) => un(/* @__PURE__ */ new Date(), S, {
+      const D = e.weekStartsOn, y = r.value(e.weekdayFormat);
+      return Array.from(Array(7)).map((b, z) => (D + z) % 7).map(
+        (b) => un(/* @__PURE__ */ new Date(), b, {
           weekStartsOn: e.weekStartsOn
         })
-      ).map(x);
-    }), w = C(() => {
-      const y = /* @__PURE__ */ new Date(), x = r.value(e.format);
+      ).map(y);
+    }), x = C(() => {
+      const D = /* @__PURE__ */ new Date(), y = r.value(e.format);
       return Ru(h.value).map(
-        (S) => ({
-          value: S,
-          display: x(S),
+        (b) => ({
+          value: b,
+          display: y(b),
           //selected: !!props.selected && isSameDay(props.selected, value),
-          selected: !!e.pageDate && wn(e.pageDate, S),
-          current: wn(y, S),
-          disabled: !e.allowOutsideInterval && !Fd(S, f.value) || !s(
-            S,
+          selected: !!e.pageDate && wn(e.pageDate, b),
+          current: wn(D, b),
+          disabled: !e.allowOutsideInterval && !Fd(b, f.value) || !s(
+            b,
             e.lowerLimit,
             e.upperLimit,
             e.disabledDates
           ),
-          key: r.value("yyyy-MM-dd")(S)
+          key: r.value("yyyy-MM-dd")(b)
         })
       );
-    }), k = () => {
+    }), S = () => {
       t("monthClick");
     }, g = () => {
       t("yearClick");
-    }, D = (y, x) => {
-      t("update:pageDate", x.value), t("select", x);
-    }, T = () => t("update:pageDate", zd(e.pageDate, 1)), E = () => t("update:pageDate", qn(e.pageDate, 1));
-    return (y, x) => (d(), b(ke, null, [
+    }, _ = (D, y) => {
+      t("update:pageDate", y.value), t("select", y);
+    }, E = () => t("update:pageDate", zd(e.pageDate, 1)), T = () => t("update:pageDate", qn(e.pageDate, 1));
+    return (D, y) => (d(), w(ke, null, [
       L("div", Nd, [
         W(qe, {
-          onClick: T,
-          component: X(Vn),
+          onClick: E,
+          component: G(Vn),
           size: "20",
           style: { cursor: "pointer" },
           class: ne(o.value ? "disabled" : "")
         }, null, 8, ["component", "class"]),
         L("div", {
           style: { "text-transform": "capitalize", cursor: "pointer" },
-          onClick: k
-        }, K(a.value(e.pageDate)), 1),
+          onClick: S
+        }, Z(a.value(e.pageDate)), 1),
         L("div", {
           style: { cursor: "pointer" },
           onClick: g
-        }, K(X(Ge)(e.pageDate)), 1),
+        }, Z(G(Ge)(e.pageDate)), 1),
         W(qe, {
-          onClick: E,
-          component: X(Yn),
+          onClick: T,
+          component: G(Yn),
           size: "20",
           style: { cursor: "pointer" },
           class: ne(l.value ? "disabled" : "")
         }, null, 8, ["component", "class"])
       ]),
       L("div", Vd, [
-        (d(!0), b(ke, null, Be(v.value, (S, I) => (d(), b("div", {
+        (d(!0), w(ke, null, Be(v.value, (b, z) => (d(), w("div", {
           class: "weekDay",
-          key: S
+          key: b
         }, [
           L("div", {
-            class: ne([[5, 6].includes(I) ? "weekend" : ""])
-          }, K(S), 3)
+            class: ne([[5, 6].includes(z) ? "weekend" : ""])
+          }, Z(b), 3)
         ]))), 128)),
-        (d(!0), b(ke, null, Be(w.value, (S) => (d(), R(Qn, {
-          key: S.key,
-          day: S.display,
-          disabled: S.disabled,
-          selected: S.selected,
+        (d(!0), w(ke, null, Be(x.value, (b) => (d(), R(Qn, {
+          key: b.key,
+          day: b.display,
+          disabled: b.disabled,
+          selected: b.selected,
           wide: !0,
-          onSelect: (I) => D(I, S)
+          onSelect: (z) => _(z, b)
         }, null, 8, ["day", "disabled", "selected", "onSelect"]))), 128))
       ])
     ], 64));
@@ -9525,7 +9537,7 @@ const Hd = {
       () => (g) => it(g, e.format, {
         locale: e.locale
       })
-    ), o = (g, D, T) => !D && !T ? !0 : D && Vt(g, ta(D)) ? !1 : !(T && Nt(g, ea(T))), l = C(
+    ), o = (g, _, E) => !_ && !E ? !0 : _ && Vt(g, ta(_)) ? !1 : !(E && Nt(g, ea(E))), l = C(
       () => e.lowerLimit && (Cr(e.lowerLimit, e.pageDate) || Vt(e.pageDate, e.lowerLimit))
     ), i = C(
       () => e.upperLimit && (Cr(e.upperLimit, e.pageDate) || Nt(e.pageDate, e.upperLimit))
@@ -9544,14 +9556,14 @@ const Hd = {
       )
     ), f = C(() => Ge(e.pageDate)), h = () => {
       t("yearClick");
-    }, v = (g, D) => {
-      t("update:pageDate", D.value), t("dayClick");
-    }, w = () => t("update:pageDate", pa(e.pageDate, 1)), k = () => t("update:pageDate", jn(e.pageDate, 1));
-    return (g, D) => (d(), b(ke, null, [
+    }, v = (g, _) => {
+      t("update:pageDate", _.value), t("dayClick");
+    }, x = () => t("update:pageDate", pa(e.pageDate, 1)), S = () => t("update:pageDate", jn(e.pageDate, 1));
+    return (g, _) => (d(), w(ke, null, [
       L("div", Wd, [
         W(qe, {
-          onClick: w,
-          component: X(Vn),
+          onClick: x,
+          component: G(Vn),
           size: "20",
           style: { cursor: "pointer" },
           class: ne(l.value ? "disabled" : "")
@@ -9559,23 +9571,23 @@ const Hd = {
         L("div", {
           style: { cursor: "pointer" },
           onClick: h
-        }, K(f.value), 1),
+        }, Z(f.value), 1),
         W(qe, {
-          onClick: k,
-          component: X(Yn),
+          onClick: S,
+          component: G(Yn),
           size: "20",
           style: { cursor: "pointer" },
           class: ne(i.value ? "disabled" : "")
         }, null, 8, ["component", "class"])
       ]),
       L("div", qd, [
-        (d(!0), b(ke, null, Be(c.value, (T) => (d(), R(Qn, {
+        (d(!0), w(ke, null, Be(c.value, (E) => (d(), R(Qn, {
           class: "cell",
-          key: T.key,
-          day: T.display,
+          key: E.key,
+          day: E.display,
           wide: !0,
-          disabled: T.disabled,
-          onSelect: (E) => v(E, T)
+          disabled: E.disabled,
+          onSelect: (T) => v(T, E)
         }, null, 8, ["day", "disabled", "onSelect"]))), 128))
       ])
     ], 64));
@@ -9619,7 +9631,7 @@ const Hd = {
   },
   emits: ["select", "monthPageChanged", "yearPageChanged", "decadePageChanged"],
   setup(n, { emit: t }) {
-    const e = n, r = V(e.initDate ? e.initDate : /* @__PURE__ */ new Date()), a = V(e.mode), s = (h, v) => {
+    const e = n, r = N(e.initDate ? e.initDate : /* @__PURE__ */ new Date()), a = N(e.mode), s = (h, v) => {
       r.value = v, t("monthPageChanged", v);
     }, o = () => {
       a.value = "day";
@@ -9632,41 +9644,41 @@ const Hd = {
     })), f = (h) => {
       t("select", h);
     };
-    return (h, v) => (d(), b("div", null, [
+    return (h, v) => (d(), w("div", null, [
       a.value === "day" ? (d(), R(Zn, {
         key: 0,
         "page-date": r.value,
         locale: e.locale,
         "lower-limit": e.lowerLimit,
         "upper-limit": e.upperLimit,
-        "onUpdate:pageDate": v[0] || (v[0] = (w) => s("day", w)),
+        "onUpdate:pageDate": v[0] || (v[0] = (x) => s("day", x)),
         onMonthClick: l,
         onYearClick: i,
         onSelect: f
-      }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : N("", !0),
+      }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : V("", !0),
       a.value === "month" ? (d(), R(Jn, {
         key: 1,
         "page-date": r.value,
         locale: e.locale,
         "lower-limit": e.lowerLimit,
         "upper-limit": e.upperLimit,
-        "onUpdate:pageDate": v[1] || (v[1] = (w) => s("day", w)),
+        "onUpdate:pageDate": v[1] || (v[1] = (x) => s("day", x)),
         onDayClick: o,
         onYearClick: i
-      }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : N("", !0),
+      }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : V("", !0),
       a.value === "year" ? (d(), R(Kn, {
         key: 2,
         "page-date": r.value,
         locale: e.locale,
         "lower-limit": e.lowerLimit,
         "upper-limit": e.upperLimit,
-        "onUpdate:pageDate": v[2] || (v[2] = (w) => s("day", w)),
+        "onUpdate:pageDate": v[2] || (v[2] = (x) => s("day", x)),
         onYearClick: l
-      }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : N("", !0),
-      e.showCurrentDate ? (d(), b("div", Ud, K(c.value), 1)) : N("", !0)
+      }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : V("", !0),
+      e.showCurrentDate ? (d(), w("div", Ud, Z(c.value), 1)) : V("", !0)
     ]));
   }
-}, Tf = /* @__PURE__ */ Ie(Xd, [["__scopeId", "data-v-ed8228aa"]]), Gd = {
+}, Pf = /* @__PURE__ */ Ie(Xd, [["__scopeId", "data-v-ed8228aa"]]), Gd = {
   key: 3,
   class: "current-date"
 }, Qd = { style: { "text-align": "center" } }, Kd = {
@@ -9724,10 +9736,10 @@ const Hd = {
       set: (g) => {
         t("update:modelValue", g);
       }
-    }), a = V(null), s = V(r.value ? Ld(r.value, e.inputFormat, /* @__PURE__ */ new Date()) : /* @__PURE__ */ new Date()), o = V(e.mode), l = () => {
+    }), a = N(null), s = N(r.value ? Ld(r.value, e.inputFormat, /* @__PURE__ */ new Date()) : /* @__PURE__ */ new Date()), o = N(e.mode), l = () => {
       o.value = e.mode, a.value.show();
-    }, i = (g, D) => {
-      s.value = D, t("monthPageChanged", D);
+    }, i = (g, _) => {
+      s.value = _, t("monthPageChanged", _);
     }, c = () => {
       o.value = "day";
     }, f = () => {
@@ -9736,18 +9748,18 @@ const Hd = {
       o.value = "year";
     }, v = C(() => it(s.value, e.inputFormat, {
       locale: e.locale
-    })), w = (g) => {
+    })), x = (g) => {
       t("select", g);
-    }, k = () => {
+    }, S = () => {
       r.value = it(s.value, e.inputFormat, {
         locale: e.locale
       }), t("apply", it(s.value, e.inputFormat, { locale: e.locale })), a.value.hide();
     };
-    return (g, D) => (d(), b("div", null, [
+    return (g, _) => (d(), w("div", null, [
       W(on, {
         label: e.label,
         modelValue: r.value,
-        "onUpdate:modelValue": D[0] || (D[0] = (T) => r.value = T),
+        "onUpdate:modelValue": _[0] || (_[0] = (E) => r.value = E),
         onClick: l,
         readonly: e.readOnly
       }, null, 8, ["label", "modelValue", "readonly"]),
@@ -9758,7 +9770,7 @@ const Hd = {
         "max-width": "300px"
       }, {
         "modal-title": Q(() => [
-          ye(K(e.title), 1)
+          ye(Z(e.title), 1)
         ]),
         default: Q(() => [
           o.value === "day" ? (d(), R(Zn, {
@@ -9767,48 +9779,48 @@ const Hd = {
             locale: e.locale,
             "lower-limit": e.lowerLimit,
             "upper-limit": e.upperLimit,
-            "onUpdate:pageDate": D[1] || (D[1] = (T) => i("day", T)),
+            "onUpdate:pageDate": _[1] || (_[1] = (E) => i("day", E)),
             onMonthClick: f,
             onYearClick: h,
-            onSelect: w
-          }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : N("", !0),
+            onSelect: x
+          }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : V("", !0),
           o.value === "month" ? (d(), R(Jn, {
             key: 1,
             "page-date": s.value,
             locale: e.locale,
             "lower-limit": e.lowerLimit,
             "upper-limit": e.upperLimit,
-            "onUpdate:pageDate": D[2] || (D[2] = (T) => i("day", T)),
+            "onUpdate:pageDate": _[2] || (_[2] = (E) => i("day", E)),
             onDayClick: c,
             onYearClick: h
-          }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : N("", !0),
+          }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : V("", !0),
           o.value === "year" ? (d(), R(Kn, {
             key: 2,
             "page-date": s.value,
             locale: e.locale,
             "lower-limit": e.lowerLimit,
             "upper-limit": e.upperLimit,
-            "onUpdate:pageDate": D[3] || (D[3] = (T) => i("day", T)),
+            "onUpdate:pageDate": _[3] || (_[3] = (E) => i("day", E)),
             onYearClick: f
-          }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : N("", !0),
-          n.showCurrentDate ? (d(), b("div", Gd, K(v.value), 1)) : N("", !0)
+          }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : V("", !0),
+          n.showCurrentDate ? (d(), w("div", Gd, Z(v.value), 1)) : V("", !0)
         ]),
         "modal-footer": Q(() => [
           L("div", Qd, [
             W(Le, {
               type: "success",
-              onClick: k
+              onClick: S
             }, {
               default: Q(() => [
-                ye(K(e.select), 1)
+                ye(Z(e.select), 1)
               ]),
               _: 1
             }),
             W(Le, {
-              onClick: D[4] || (D[4] = (T) => a.value.hide())
+              onClick: _[4] || (_[4] = (E) => a.value.hide())
             }, {
               default: Q(() => [
-                ye(K(e.close), 1)
+                ye(Z(e.close), 1)
               ]),
               _: 1
             })
@@ -9870,10 +9882,10 @@ const Hd = {
   },
   emits: ["apply", "select", "monthPageChanged", "yearPageChanged", "decadePageChanged"],
   setup(n, { expose: t, emit: e }) {
-    const r = n, a = V(null), s = V(r.initDate ? r.initDate : /* @__PURE__ */ new Date()), o = V(r.mode), l = () => {
+    const r = n, a = N(null), s = N(r.initDate ? r.initDate : /* @__PURE__ */ new Date()), o = N(r.mode), l = () => {
       o.value = r.mode, a.value.show();
-    }, i = (T, E) => {
-      s.value = E, e("monthPageChanged", E);
+    }, i = (E, T) => {
+      s.value = T, e("monthPageChanged", T);
     }, c = () => {
       o.value = "day";
     }, f = () => {
@@ -9882,16 +9894,16 @@ const Hd = {
       o.value = "year";
     }, v = C(() => it(s.value, r.inputFormat, {
       locale: r.locale
-    })), w = (T) => {
-      e("select", T);
-    }, k = () => {
+    })), x = (E) => {
+      e("select", E);
+    }, S = () => {
       e("apply", it(s.value, r.inputFormat, { locale: r.locale })), a.value.hide();
     };
     return t({ show: () => {
       l();
-    }, setDate: (T) => {
-      s.value = T;
-    } }), (T, E) => (d(), b("div", null, [
+    }, setDate: (E) => {
+      s.value = E;
+    } }), (E, T) => (d(), w("div", null, [
       W(Lt, {
         ref_key: "modalRef",
         ref: a,
@@ -9899,7 +9911,7 @@ const Hd = {
         "max-width": "300px"
       }, {
         "modal-title": Q(() => [
-          ye(K(r.title), 1)
+          ye(Z(r.title), 1)
         ]),
         default: Q(() => [
           o.value === "day" ? (d(), R(Zn, {
@@ -9908,48 +9920,48 @@ const Hd = {
             locale: r.locale,
             "lower-limit": r.lowerLimit,
             "upper-limit": r.upperLimit,
-            "onUpdate:pageDate": E[0] || (E[0] = (y) => i("day", y)),
+            "onUpdate:pageDate": T[0] || (T[0] = (D) => i("day", D)),
             onMonthClick: f,
             onYearClick: h,
-            onSelect: w
-          }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : N("", !0),
+            onSelect: x
+          }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : V("", !0),
           o.value === "month" ? (d(), R(Jn, {
             key: 1,
             "page-date": s.value,
             locale: r.locale,
             "lower-limit": r.lowerLimit,
             "upper-limit": r.upperLimit,
-            "onUpdate:pageDate": E[1] || (E[1] = (y) => i("day", y)),
+            "onUpdate:pageDate": T[1] || (T[1] = (D) => i("day", D)),
             onDayClick: c,
             onYearClick: h
-          }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : N("", !0),
+          }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : V("", !0),
           o.value === "year" ? (d(), R(Kn, {
             key: 2,
             "page-date": s.value,
             locale: r.locale,
             "lower-limit": r.lowerLimit,
             "upper-limit": r.upperLimit,
-            "onUpdate:pageDate": E[2] || (E[2] = (y) => i("day", y)),
+            "onUpdate:pageDate": T[2] || (T[2] = (D) => i("day", D)),
             onYearClick: f
-          }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : N("", !0),
-          n.showCurrentDate ? (d(), b("div", Zd, K(v.value), 1)) : N("", !0)
+          }, null, 8, ["page-date", "locale", "lower-limit", "upper-limit"])) : V("", !0),
+          n.showCurrentDate ? (d(), w("div", Zd, Z(v.value), 1)) : V("", !0)
         ]),
         "modal-footer": Q(() => [
           L("div", Jd, [
             W(Le, {
               type: "success",
-              onClick: k
+              onClick: S
             }, {
               default: Q(() => [
-                ye(K(r.select), 1)
+                ye(Z(r.select), 1)
               ]),
               _: 1
             }),
             W(Le, {
-              onClick: E[3] || (E[3] = (y) => a.value.hide())
+              onClick: T[3] || (T[3] = (D) => a.value.hide())
             }, {
               default: Q(() => [
-                ye(K(r.close), 1)
+                ye(Z(r.close), 1)
               ]),
               _: 1
             })
@@ -10092,7 +10104,7 @@ function Kt(n) {
 function Mr() {
   va(this);
 }
-function Er() {
+function Tr() {
   er(this);
 }
 function Ze(n, t) {
@@ -10154,10 +10166,10 @@ const Af = {
       default:
         e.callbacks[a] = e.callbacks[a] || [], e.callbacks[a].push(t);
     }
-    e.hasBindTouchEvents || (n.addEventListener("touchstart", Gt, r), n.addEventListener("touchmove", Qt, r), n.addEventListener("touchcancel", $r), n.addEventListener("touchend", Kt), e.options.disableClick || (n.addEventListener("mousedown", Gt), n.addEventListener("mousemove", Qt), n.addEventListener("mouseup", Kt), n.addEventListener("mouseenter", Mr), n.addEventListener("mouseleave", Er)), e.hasBindTouchEvents = !0);
+    e.hasBindTouchEvents || (n.addEventListener("touchstart", Gt, r), n.addEventListener("touchmove", Qt, r), n.addEventListener("touchcancel", $r), n.addEventListener("touchend", Kt), e.options.disableClick || (n.addEventListener("mousedown", Gt), n.addEventListener("mousemove", Qt), n.addEventListener("mouseup", Kt), n.addEventListener("mouseenter", Mr), n.addEventListener("mouseleave", Tr)), e.hasBindTouchEvents = !0);
   },
   unmounted: function(n) {
-    n.removeEventListener("touchstart", Gt), n.removeEventListener("touchmove", Qt), n.removeEventListener("touchcancel", $r), n.removeEventListener("touchend", Kt), n.$$touchObj && !n.$$touchObj.options.disableClick && (n.removeEventListener("mousedown", Gt), n.removeEventListener("mousemove", Qt), n.removeEventListener("mouseup", Kt), n.removeEventListener("mouseenter", Mr), n.removeEventListener("mouseleave", Er)), delete n.$$touchObj;
+    n.removeEventListener("touchstart", Gt), n.removeEventListener("touchmove", Qt), n.removeEventListener("touchcancel", $r), n.removeEventListener("touchend", Kt), n.$$touchObj && !n.$$touchObj.options.disableClick && (n.removeEventListener("mousedown", Gt), n.removeEventListener("mousemove", Qt), n.removeEventListener("mouseup", Kt), n.removeEventListener("mouseenter", Mr), n.removeEventListener("mouseleave", Tr)), delete n.$$touchObj;
   }
 };
 export {
@@ -10166,7 +10178,7 @@ export {
   wu as DAngleSelect,
   as as DBadge,
   Le as DButton,
-  Tf as DCalendar,
+  Pf as DCalendar,
   hf as DCard,
   vf as DCheckbox,
   ss as DCollapse,
@@ -10183,7 +10195,7 @@ export {
   dr as DDrag,
   Ds as DDrop,
   pf as DDropdown,
-  Pf as DForm,
+  Ef as DForm,
   bt as DGlobalStore,
   wf as DGrid,
   qe as DIcon,
@@ -10197,10 +10209,10 @@ export {
   on as DInputString,
   uf as DLayoutAdmin,
   Ls as DLayoutContent,
-  Ps as DLayoutFooter,
+  Es as DLayoutFooter,
   Ms as DLayoutHeader,
-  Ts as DLayoutSidebar,
-  Es as DLayoutTab,
+  Ps as DLayoutSidebar,
+  Ts as DLayoutTab,
   Nr as DMenu,
   Lt as DModal,
   mf as DNotificationProvider,
@@ -10210,16 +10222,16 @@ export {
   df as DScrollProvider,
   Fo as DSelect,
   Mf as DSplitter,
-  Ef as DSplitterPanel,
+  Tf as DSplitterPanel,
   Cf as DSwitcher,
   bf as DTabs,
   _f as DTextarea,
   Jt as DTransferStore,
   Vr as DTree,
   ks as DTreeItem,
-  U as DTreeStore,
+  X as DTreeStore,
   Xe as Rules,
-  Eo as alert,
+  To as alert,
   If as clickOutside,
   Mo as confirm,
   je as emitter,