doph-js 0.3.75 → 0.3.77

package/dist/dophJs.js

@@ -1,7 +1,7 @@
 var Ma = Object.defineProperty;
 var Pa = (n, t, e) => t in n ? Ma(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var q = (n, t, e) => Pa(n, typeof t != "symbol" ? t + "" : t, e);
-import { useSlots as xt, computed as D, h as Rt, openBlock as c, createBlock as H, unref as Q, ref as I, createElementBlock as x, Fragment as be, normalizeClass as re, renderSlot as oe, createCommentVNode as F, normalizeStyle as ce, resolveDynamicComponent as Ye, createStaticVNode as On, onMounted as Ze, toDisplayString as J, withDirectives as Re, createElementVNode as P, vModelDynamic as At, withCtx as Z, createTextVNode as ye, Transition as Fn, withModifiers as Oe, resolveComponent as ft, resolveDirective as zn, normalizeProps as Fr, guardReactiveProps as zr, createVNode as j, renderList as ze, pushScopeId as Ta, popScopeId as Ea, reactive as Vt, Teleport as Ir, nextTick as Ht, getCurrentInstance as sn, watch as et, onUnmounted as Ar, mergeProps as $t, useCssVars as on, shallowRef as La, defineComponent as Xe, TransitionGroup as Hr, vModelCheckbox as Rr, vModelSelect as Oa, toRef as Fa, KeepAlive as za, vShow as _n, toRefs as Ia, vModelText as In, onBeforeUnmount as Vr, provide as gt, inject as Dt } from "vue";
+import { useSlots as xt, computed as D, h as Rt, openBlock as c, createBlock as H, unref as K, ref as I, createElementBlock as x, Fragment as be, normalizeClass as re, renderSlot as oe, createCommentVNode as F, normalizeStyle as ue, resolveDynamicComponent as Ye, createStaticVNode as On, onMounted as Je, toDisplayString as J, withDirectives as Re, createElementVNode as P, vModelDynamic as At, withCtx as Z, createTextVNode as ye, Transition as Fn, withModifiers as Oe, resolveComponent as ft, resolveDirective as zn, normalizeProps as Fr, guardReactiveProps as zr, createVNode as j, renderList as ze, pushScopeId as Ta, popScopeId as Ea, reactive as Vt, Teleport as Ir, nextTick as Ht, getCurrentInstance as sn, watch as Ze, onUnmounted as Ar, mergeProps as $t, useCssVars as on, shallowRef as La, defineComponent as Xe, TransitionGroup as Hr, vModelCheckbox as Rr, vModelSelect as Oa, toRef as Fa, KeepAlive as za, vShow as _n, toRefs as Ia, vModelText as In, onBeforeUnmount as Vr, provide as gt, inject as Dt } from "vue";
 const qe = {
   __name: "DIcon",
   props: {
@@ -32,7 +32,7 @@ const qe = {
       },
       t.component ? Rt(t.component) : e
     ));
-    return (l, i) => (c(), H(Q(o)));
+    return (l, i) => (c(), H(K(o)));
   }
 }, Ke = {
   state: {},
@@ -155,14 +155,14 @@ const Fe = (n, t) => {
         onClick: l,
         onContextmenu: i,
         class: re(["button button-ext", [r.class, d.value, b.value, w.value, f.value].join(" ")]),
-        style: ce(r.style)
+        style: ue(r.style)
       }, [
         r.icon ? (c(), H(Ye(qe), {
           key: 0,
           component: o.value,
           color: "inherit"
         }, null, 8, ["component"])) : F("", !0),
-        Q(a).default ? (c(), x("div", Ba, [
+        K(a).default ? (c(), x("div", Ba, [
           oe(y.$slots, "default", {}, void 0, !0)
         ])) : F("", !0),
         r.loading ? (c(), x("svg", Ya, ja)) : F("", !0)
@@ -210,7 +210,7 @@ const Fe = (n, t) => {
         e("update:modelValue", i);
       }
     });
-    Ze(() => {
+    Je(() => {
       r.focus && l();
     });
     const l = () => {
@@ -459,17 +459,17 @@ const Fe = (n, t) => {
     };
     return (l, i) => (c(), H(Ye(n.tag), {
       draggable: t.draggable,
-      onDrag: i[0] || (i[0] = (d) => o(Q(Be).drag, d)),
-      onDragstart: i[1] || (i[1] = Oe((d) => o(Q(Be).dragstart, d), ["stop"])),
-      onDragenter: i[2] || (i[2] = (d) => o(Q(Be).dragenter, d)),
-      onDragleave: i[3] || (i[3] = (d) => o(Q(Be).dragleave, d)),
-      onDragend: i[4] || (i[4] = (d) => o(Q(Be).dragend, d))
+      onDrag: i[0] || (i[0] = (d) => o(K(Be).drag, d)),
+      onDragstart: i[1] || (i[1] = Oe((d) => o(K(Be).dragstart, d), ["stop"])),
+      onDragenter: i[2] || (i[2] = (d) => o(K(Be).dragenter, d)),
+      onDragleave: i[3] || (i[3] = (d) => o(K(Be).dragleave, d)),
+      onDragend: i[4] || (i[4] = (d) => o(K(Be).dragend, d))
     }, {
       default: Z(() => [
         oe(l.$slots, "default", { transferData: a.value }),
         n.hideImageHtml ? (c(), x("div", {
           key: 0,
-          style: ce(s.value)
+          style: ue(s.value)
         }, [
           oe(l.$slots, "image", { transferData: a.value })
         ], 4)) : oe(l.$slots, "image", {
@@ -554,8 +554,8 @@ const Fe = (n, t) => {
     });
     return (A, Y) => {
       const se = ft("d-tree-item", !0), ge = zn("touch");
-      return Q(X).actions.beforeItem(e.treeId, n.model) ? g.value && !k.value ? (c(), x("li", ps, ms)) : g.value && k.value ? (c(), x("li", gs, [
-        P("div", vs, J(Q(X).actions.renderTitle(e.treeId, k.value)), 1)
+      return K(X).actions.beforeItem(e.treeId, n.model) ? g.value && !k.value ? (c(), x("li", ps, ms)) : g.value && k.value ? (c(), x("li", gs, [
+        P("div", vs, J(K(X).actions.renderTitle(e.treeId, k.value)), 1)
       ])) : e.model.component ? (c(), H(hr, {
         key: 3,
         tag: "li",
@@ -575,7 +575,7 @@ const Fe = (n, t) => {
             class: re($.value),
             onContextmenu: Y[0] || (Y[0] = Oe((N) => t("nodecontext", { e: N, model: e.model }), ["prevent"]))
           }, [
-            (c(), H(Ye(Q(Mt).getters.getComponent(e.model.component).component), Fr(zr(Q(Mt).getters.getComponent(e.model.component).props)), null, 16))
+            (c(), H(Ye(K(Mt).getters.getComponent(e.model.component).component), Fr(zr(K(Mt).getters.getComponent(e.model.component).props)), null, 16))
           ], 34)), [
             [ge, d, "press"]
           ])
@@ -606,7 +606,7 @@ const Fe = (n, t) => {
               P("div", null, [
                 e.model.icons && e.model.icons.pre && l.value && !e.search && !g.value ? (c(), H(Ye(qe), {
                   key: 0,
-                  component: Q(Ke).getters.getIcon(e.model.icons.pre.component),
+                  component: K(Ke).getters.getIcon(e.model.icons.pre.component),
                   size: 18,
                   color: e.model.icons.pre.color ? e.model.icons.pre.color : "inherit",
                   class: re(i.value ? "tree-open-pre" : ""),
@@ -614,14 +614,14 @@ const Fe = (n, t) => {
                 }, null, 40, ["component", "color", "class"])) : F("", !0),
                 e.model.icons && e.model.icons.pre && !l.value && !e.search && !g.value ? (c(), H(Ye(qe), {
                   key: 1,
-                  component: Q(Ke).getters.getIcon(e.model.icons.pre.component),
+                  component: K(Ke).getters.getIcon(e.model.icons.pre.component),
                   size: 18,
                   color: "rgba(0,0,0,0)",
                   class: re(i.value ? "tree-open-pre" : "")
                 }, null, 8, ["component", "class"])) : F("", !0),
                 e.model.icons && e.model.icons.icon && !g.value ? (c(), H(Ye(qe), {
                   key: 2,
-                  component: Q(Ke).getters.getIcon(e.model.icons.icon.component),
+                  component: K(Ke).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,
@@ -635,12 +635,12 @@ const Fe = (n, t) => {
                     href: e.model.link,
                     target: Object.hasOwn(e.model, "target") ? e.model.target : "_self"
                   }, [
-                    g.value ? F("", !0) : (c(), x("div", xs, J(Q(X).actions.renderTitle(e.treeId, e.model.title)), 1))
+                    g.value ? F("", !0) : (c(), x("div", xs, J(K(X).actions.renderTitle(e.treeId, e.model.title)), 1))
                   ], 40, ws)) : F("", !0),
                   !g.value && !Object.hasOwn(e.model, "link") ? (c(), x("div", {
                     key: 2,
                     onPointerdownCapture: d,
-                    innerHTML: Q(X).actions.renderTitle(e.treeId, e.model.title, e.model)
+                    innerHTML: K(X).actions.renderTitle(e.treeId, e.model.title, e.model)
                   }, null, 40, ks)) : F("", !0)
                 ])
               ]),
@@ -656,7 +656,7 @@ const Fe = (n, t) => {
                 }, 8, ["class"])) : F("", !0),
                 e.model.icons && e.model.icons.post && l.value && !e.search && !g.value ? (c(), H(Ye(qe), {
                   key: 1,
-                  component: Q(Ke).getters.getIcon(e.model.icons.post.component),
+                  component: K(Ke).getters.getIcon(e.model.icons.post.component),
                   size: 20,
                   color: e.model.icons.post.color ? e.model.icons.post.color : "inherit",
                   class: re(i.value ? "tree-open-post" : ""),
@@ -859,10 +859,10 @@ const Ue = $s(), X = {
     }), (f, m) => (c(), H(Ye(n.tag), {
       ref_key: "el",
       ref: s,
-      onDragenter: m[0] || (m[0] = (b) => i(Q(Be).dragenter, b)),
-      onDragleave: m[1] || (m[1] = (b) => i(Q(Be).dragleave, b)),
-      onDragover: m[2] || (m[2] = Oe((b) => i(Q(Be).dragover, b), ["prevent"])),
-      onDrop: m[3] || (m[3] = Oe((b) => i(Q(Be).drop, b), ["prevent"]))
+      onDragenter: m[0] || (m[0] = (b) => i(K(Be).dragenter, b)),
+      onDragleave: m[1] || (m[1] = (b) => i(K(Be).dragleave, b)),
+      onDragover: m[2] || (m[2] = Oe((b) => i(K(Be).dragover, b), ["prevent"])),
+      onDrop: m[3] || (m[3] = Oe((b) => i(K(Be).drop, b), ["prevent"]))
     }, {
       default: Z(() => [
         oe(f.$slots, "default", { transferData: l.value })
@@ -918,14 +918,14 @@ const Ue = $s(), X = {
     return (w, S) => {
       const y = zn("click-outside");
       return c(), H(Ir, { to: "body" }, [
-        Q(o) ? Re((c(), H(Yr, {
+        K(o) ? Re((c(), H(Yr, {
           key: 0,
           ref_key: "treeRef",
           ref: s,
           items: r.items,
           "no-select": r.noSelect,
           class: re(r.class),
-          style: ce(r.style),
+          style: ue(r.style),
           onSelect: b,
           "render-title": r.renderItemTitle,
           "before-item": r.beforeItem
@@ -962,7 +962,7 @@ const Ue = $s(), X = {
       ref: a,
       onSelect: d,
       items: r.items,
-      style: ce(l.value),
+      style: ue(l.value),
       class: "context-menu",
       "no-select": !0,
       "render-item-title": r.renderItemTitle,
@@ -1036,11 +1036,11 @@ const Ue = $s(), X = {
     });
     const d = D(() => r.search ? X.actions.deepSearchByTitle(r.items, r.search) : r.items), f = (z) => {
       m(r.items, z);
-    }, m = (z, fe, ke = "id", G = "children", ae = {}) => fe && z && (z.find((ue) => {
-      if (ue[ke] === fe)
-        return ae.found = ue, ue.expanded = !0, !0;
-      if (m(ue[G], fe, ke, G, ae))
-        return ue.expanded = !0, !0;
+    }, m = (z, fe, ke = "id", G = "children", ae = {}) => fe && z && (z.find((ce) => {
+      if (ce[ke] === fe)
+        return ae.found = ce, ce.expanded = !0, !0;
+      if (m(ce[G], fe, ke, G, ae))
+        return ce.expanded = !0, !0;
     }), ae.found) ? ae.found : !1, b = (z = null) => {
       X.mutations.setItemSelect(l, z.model), !r.doubleClickExpand && r.clickExpand && X.actions.toggleItem(l, z.model), e("select", z);
     }, w = (z = null) => {
@@ -1090,7 +1090,7 @@ const Ue = $s(), X = {
         (c(!0), x(be, null, ze(d.value, (ke) => (c(), H(Cs, {
           key: ke.id,
           model: ke,
-          treeId: Q(l),
+          treeId: K(l),
           items: r.items,
           search: r.search,
           onNodeclick: b,
@@ -1177,7 +1177,7 @@ const Ue = $s(), X = {
     });
     return (r, a) => (c(), x("header", {
       class: "d-layout-header",
-      style: ce(e.value)
+      style: ue(e.value)
     }, [
       oe(r.$slots, "default")
     ], 4));
@@ -1226,7 +1226,7 @@ const Ue = $s(), X = {
     });
     return (r, a) => (c(), x("div", {
       class: "d-layout-tab",
-      style: ce(e.value)
+      style: ue(e.value)
     }, [
       oe(r.$slots, "default")
     ], 4));
@@ -1271,7 +1271,7 @@ const Ue = $s(), X = {
     });
     return (r, a) => (c(), x("footer", {
       class: "d-layout-footer",
-      style: ce(e.value)
+      style: ue(e.value)
     }, [
       oe(r.$slots, "default")
     ], 4));
@@ -1311,7 +1311,7 @@ const Ue = $s(), X = {
     });
     return (r, a) => (c(), x("aside", {
       class: "d-layout-sidebar",
-      style: ce(e.value)
+      style: ue(e.value)
     }, [
       oe(r.$slots, "default")
     ], 4));
@@ -1347,7 +1347,7 @@ const Ue = $s(), X = {
       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) => (c(), x("main", {
-      style: ce(e.value),
+      style: ue(e.value),
       class: "d-layout-content"
     }, [
       oe(r.$slots, "default")
@@ -1377,7 +1377,7 @@ function Is(n) {
   function d() {
     o(), l(), r = !0;
   }
-  return et(n, (f) => {
+  return Ze(n, (f) => {
     f ? d() : i();
   }, { immediate: !0 }), Ar(() => {
     i();
@@ -1505,7 +1505,7 @@ const As = 1001, Hs = 999, Rs = 998, Rf = {
     }), p = D(() => e.fixedFooter && e.footerVisible ? e.footerHeight : 0);
     return (g, k) => (c(), x("div", {
       class: "d-layout",
-      style: ce(r.value)
+      style: ue(r.value)
     }, [
       n.headerVisible ? (c(), H(Es, $t({ key: 0 }, i.value, {
         fixed: n.fixedHeaderAndTab,
@@ -1547,7 +1547,7 @@ const As = 1001, Hs = 999, Rs = 998, Rf = {
       w.value ? (c(), x("div", {
         key: 3,
         class: "d-layout-sidebar-mask",
-        style: ce(S.value),
+        style: ue(S.value),
         onClick: b
       }, null, 4)) : F("", !0),
       j(zs, $t(i.value, {
@@ -1628,7 +1628,7 @@ const As = 1001, Hs = 999, Rs = 998, Rf = {
     const e = D(() => t.xHide ? "hidden" : "visible"), r = D(() => t.yHide ? "hidden" : "visible"), a = (s) => {
       document.body.classList.add(s), document.documentElement.classList.add(s), document.documentElement.classList.add("d-global-scroll");
     };
-    return Ze(() => {
+    return Je(() => {
       a("colored-scroller");
     }), (s, o) => (c(), x("div", null, [
       oe(s.$slots, "default")
@@ -1704,7 +1704,7 @@ const As = 1001, Hs = 999, Rs = 998, Rf = {
             }, [
               P("div", {
                 class: "modal-dialog",
-                style: ce({ width: r.width, maxWidth: r.maxWidth })
+                style: ue({ width: r.width, maxWidth: r.maxWidth })
               }, [
                 P("div", Ns, [
                   P("div", Bs, [
@@ -1761,7 +1761,7 @@ const Us = Xe({
   },
   setup() {
     const n = I();
-    return et(n, () => {
+    return Ze(n, () => {
       wt.value && (wt.value.comp = n.value);
     }), {
       dialogRef: wt,
@@ -1799,7 +1799,7 @@ const Qs = { style: { display: "flex", "flex-direction": "row", "justify-content
         "modal-footer": Z(() => [
           P("div", Qs, [
             j(xe, {
-              onClick: s[0] || (s[0] = (o) => Q(Dn)())
+              onClick: s[0] || (s[0] = (o) => K(Dn)())
             }, {
               default: Z(() => [
                 ye("Закрыть")
@@ -1833,7 +1833,7 @@ const Qs = { style: { display: "flex", "flex-direction": "row", "justify-content
         "modal-footer": Z(() => [
           P("div", Zs, [
             j(xe, {
-              onClick: s[0] || (s[0] = (o) => Q(Dn)())
+              onClick: s[0] || (s[0] = (o) => K(Dn)())
             }, {
               default: Z(() => [
                 ye("Да")
@@ -1842,7 +1842,7 @@ const Qs = { style: { display: "flex", "flex-direction": "row", "justify-content
             }),
             j(xe, {
               class: "button-red",
-              onClick: s[1] || (s[1] = (o) => Q(Dn)(!1))
+              onClick: s[1] || (s[1] = (o) => K(Dn)(!1))
             }, {
               default: Z(() => [
                 ye("Нет")
@@ -1923,7 +1923,7 @@ const Qs = { style: { display: "flex", "flex-direction": "row", "justify-content
         ref: s,
         items: r.items,
         class: "dropdown-menu",
-        style: ce(m.value),
+        style: ue(m.value),
         "no-select": !0,
         onSelect: f,
         "render-item-title": r.renderItemTitle,
@@ -2180,8 +2180,8 @@ const wn = "[-+]?[0-9]*.?[0-9]+", mr = [
         k();
         return;
       }
-      const de = typeof N.duration == "number" ? N.duration : e.duration, ee = typeof N.speed == "number" ? N.speed : e.speed, z = typeof N.ignoreDuplicates == "boolean" ? N.ignoreDuplicates : e.ignoreDuplicates, { title: fe, text: ke, type: G, data: ae, id: ue } = N, $e = {
-        id: ue || po(),
+      const de = typeof N.duration == "number" ? N.duration : e.duration, ee = typeof N.speed == "number" ? N.speed : e.speed, z = typeof N.ignoreDuplicates == "boolean" ? N.ignoreDuplicates : e.ignoreDuplicates, { title: fe, text: ke, type: G, data: ae, id: ce } = N, $e = {
+        id: ce || po(),
         title: fe,
         text: ke,
         type: G,
@@ -2232,11 +2232,11 @@ const wn = "[-+]?[0-9]*.?[0-9]+", mr = [
     function ge() {
       a.value = a.value.filter((N) => N.state !== r.DESTROYED);
     }
-    return Ze(() => {
+    return Je(() => {
       Ue.on("notification-add", $), Ue.on("notification-close", T);
     }), (N, de) => (c(), x("div", {
       class: "d-notification-group",
-      style: ce(m.value)
+      style: ue(m.value)
     }, [
       (c(), H(Ye(i.value), {
         name: n.animationName,
@@ -2248,7 +2248,7 @@ const wn = "[-+]?[0-9]*.?[0-9]+", mr = [
           (c(!0), x(be, null, ze(d.value, (ee) => (c(), x("div", {
             key: ee.id,
             class: "d-notification-wrapper",
-            style: ce(_(ee)),
+            style: ue(_(ee)),
             "data-id": ee.id,
             onMouseenter: S,
             onMouseleave: y
@@ -2305,7 +2305,7 @@ const wn = "[-+]?[0-9]*.?[0-9]+", mr = [
     const e = n, r = D(() => e.icon ? Ke.getters.getIcon(e.icon) : null);
     return (a, s) => (c(), x("div", {
       class: re(["d-info-progress", e.type ? `d-info-progress-${e.type}` : null]),
-      style: ce({ ...e.style, overflow: e.iconShow ? "" : "hidden" }),
+      style: ue({ ...e.style, overflow: e.iconShow ? "" : "hidden" }),
       onClick: s[0] || (s[0] = (o) => {
         t("click", o);
       })
@@ -2323,7 +2323,7 @@ const wn = "[-+]?[0-9]*.?[0-9]+", mr = [
       P("div", Co, [
         P("div", {
           class: "d-info-progress-line",
-          style: ce("width: " + e.progress + "%;")
+          style: ue("width: " + e.progress + "%;")
         }, null, 4),
         P("div", {
           class: "d-info-progress-label",
@@ -2355,7 +2355,7 @@ const wn = "[-+]?[0-9]*.?[0-9]+", mr = [
     return (o, l) => (c(), x("div", Mo, [
       Re(P("input", {
         "onUpdate:modelValue": l[0] || (l[0] = (i) => s.value = i),
-        id: `i-${Q(a)}`,
+        id: `i-${K(a)}`,
         type: "checkbox",
         checked: e.checked,
         disabled: e.disabled,
@@ -2364,7 +2364,7 @@ const wn = "[-+]?[0-9]*.?[0-9]+", mr = [
         [Rr, s.value]
       ]),
       P("label", {
-        for: `i-${Q(a)}`
+        for: `i-${K(a)}`
       }, J(e.label), 9, To)
     ]));
   }
@@ -2378,7 +2378,7 @@ async function Lo(n, t) {
 const Uf = {
   __name: "DDialogProvider",
   setup(n) {
-    return window.alert = Lo, window.confirm = Eo, (t, e) => (c(), H(Q(Gs)));
+    return window.alert = Lo, window.confirm = Eo, (t, e) => (c(), H(K(Gs)));
   }
 }, Oo = { class: "d-select" }, Fo = {
   key: 0,
@@ -2418,7 +2418,7 @@ const Uf = {
       Re(P("select", {
         "onUpdate:modelValue": l[0] || (l[0] = (i) => a.value = i),
         class: re(r.value),
-        style: ce(e.size === "wide" ? "width:100%" : ""),
+        style: ue(e.size === "wide" ? "width:100%" : ""),
         disabled: e.disabled,
         onChange: s
       }, [
@@ -2446,7 +2446,7 @@ const Uf = {
       style: { display: "flex", "flex-direction": "column" }
     }, [
       P("div", Ho, [
-        j(Q(qe), {
+        j(K(qe), {
           component: t.tab.icon
         }, null, 8, ["component"])
       ]),
@@ -2458,7 +2458,7 @@ const Uf = {
       key: 2,
       title: t.tab.title ? t.tab.title : ""
     }, [
-      j(Q(qe), {
+      j(K(qe), {
         component: t.tab.icon
       }, null, 8, ["component"])
     ], 8, No)) : F("", !0);
@@ -2544,7 +2544,7 @@ const Uf = {
       oe(f.$slots, "default", {}, void 0, !0)
     ]));
   }
-}, Gf = /* @__PURE__ */ Fe(Uo, [["__scopeId", "data-v-b45e8130"]]), K = {
+}, Gf = /* @__PURE__ */ Fe(Uo, [["__scopeId", "data-v-b45e8130"]]), Q = {
   state: Vt({}),
   state2: Vt({
     items: [],
@@ -2554,22 +2554,22 @@ const Uf = {
   }),
   getters: {
     getItems(n) {
-      let t = K.state[n].items.slice();
-      return K.state[n].sortField && K.state[n].sortDirection === "asc" ? t.sort((e, r) => e[K.state[n].sortField] !== null && r[K.state[n].sortField] !== null ? String(e[K.state[n].sortField]).localeCompare(String(r[K.state[n].sortField])) : null) : K.state[n].sortField && K.state[n].sortDirection === "desc" && t.sort((e, r) => e[K.state[n].sortField] !== null && r[K.state[n].sortField] !== null ? String(r[K.state[n].sortField]).localeCompare(String(e[K.state[n].sortField])) : null), t;
+      let t = Q.state[n].items.slice();
+      return Q.state[n].sortField && Q.state[n].sortDirection === "asc" ? t.sort((e, r) => e[Q.state[n].sortField] !== null && r[Q.state[n].sortField] !== null ? String(e[Q.state[n].sortField]).localeCompare(String(r[Q.state[n].sortField])) : null) : Q.state[n].sortField && Q.state[n].sortDirection === "desc" && t.sort((e, r) => e[Q.state[n].sortField] !== null && r[Q.state[n].sortField] !== null ? String(r[Q.state[n].sortField]).localeCompare(String(e[Q.state[n].sortField])) : null), t;
     },
     getSortField(n) {
-      return K.state[n].sortField;
+      return Q.state[n].sortField;
     },
     getSortDirection(n) {
-      return K.state[n].sortDirection;
+      return Q.state[n].sortDirection;
     },
     getSelected(n) {
-      return K.state[n].selected;
+      return Q.state[n].selected;
     }
   },
   mutations: {
     addDataGrid(n) {
-      K.state[n] = {
+      Q.state[n] = {
         items: [],
         sortField: "",
         sortDirection: "",
@@ -2577,37 +2577,37 @@ const Uf = {
       };
     },
     setItems(n, t) {
-      K.state[n].items = t;
+      Q.state[n].items = t;
     },
     setSortField(n, t) {
-      K.state[n].sortField = t;
+      Q.state[n].sortField = t;
     },
     setSortDirection(n, t) {
-      K.state[n].sortDirection = t;
+      Q.state[n].sortDirection = t;
     },
     select(n, t) {
-      K.state[n].selected = [t];
+      Q.state[n].selected = [t];
     },
     addSelect(n, t) {
-      K.state[n].selected.includes(t) || K.state[n].selected.push(t);
+      Q.state[n].selected.includes(t) || Q.state[n].selected.push(t);
     },
     unSelect(n, t) {
-      if (K.state[n].selected.includes(t)) {
-        const e = K.state[n].selected.indexOf(t);
-        e !== -1 && K.state[n].selected.splice(e, 1);
+      if (Q.state[n].selected.includes(t)) {
+        const e = Q.state[n].selected.indexOf(t);
+        e !== -1 && Q.state[n].selected.splice(e, 1);
       }
     },
     setSelect(n, t) {
-      K.state[n].selected = t;
+      Q.state[n].selected = t;
     }
   },
   actions: {
     selectAll(n) {
-      for (let t = 0; t < K.state[n].items.length; t++)
-        K.state[n].selected.push(K.state[n].items[t].id);
+      for (let t = 0; t < Q.state[n].items.length; t++)
+        Q.state[n].selected.push(Q.state[n].items[t].id);
     },
     unselectAll(n) {
-      K.state[n].selected = [];
+      Q.state[n].selected = [];
     }
   }
 };
@@ -2786,7 +2786,7 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
       if (!(!r.form || !r.form.fields || !r.form.fields[r.name].rules))
         return s.value = jr.validate(f.value, r.form.fields[r.name].rules), !!s.value;
     };
-    Ze(() => {
+    Je(() => {
       i.value = r.readonly, !r.autocomplete && !i.value && (i.value = !0, setTimeout(() => {
         i.value = !1;
       }, 500)), y();
@@ -2818,16 +2818,16 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
             (k = r.form) != null && k.fields[r.name].rules && r.form.fields[r.name].rules.hasOwnProperty("required") ? (c(), x("span", ui, "*")) : F("", !0)
           ])) : F("", !0),
           P("div", ci, [
-            Q(a).pre ? (c(), x("div", di, [
+            K(a).pre ? (c(), x("div", di, [
               oe(p.$slots, "pre")
             ])) : F("", !0),
             P("div", fi, [
               Re(P("input", {
-                id: Q(o),
+                id: K(o),
                 ref_key: "inputRef",
                 ref: d,
                 "onUpdate:modelValue": g[0] || (g[0] = (Y) => f.value = Y),
-                style: ce([{ width: "100%" }, r.inputStyle]),
+                style: ue([{ width: "100%" }, r.inputStyle]),
                 type: m.value,
                 placeholder: r.placeholder,
                 onInput: w,
@@ -2837,8 +2837,8 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
                 maxlength: r.maxLength,
                 onFocusout: g[2] || (g[2] = (Y) => T(!1)),
                 class: re([
-                  Q(a).pre ? "has-pre" : "",
-                  Q(a).post ? "has-post" : "",
+                  K(a).pre ? "has-pre" : "",
+                  K(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' : '',
@@ -2856,7 +2856,7 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
                 onClick: $
               }, mi)) : F("", !0)
             ]),
-            Q(a).post ? (c(), x("div", gi, [
+            K(a).post ? (c(), x("div", gi, [
               oe(p.$slots, "post")
             ])) : F("", !0)
           ]),
@@ -3128,19 +3128,24 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
     const e = n, r = I(e.page), a = I(localStorage.getItem("datagrid-perpage") || e.perPage), s = I(a.value.toString());
     I(!1);
     const o = I(""), l = I({}), i = I({});
-    K.mutations.addDataGrid(e.id), K.mutations.setItems(e.id, e.items);
+    Q.mutations.addDataGrid(e.id), Q.mutations.setItems(e.id, e.items), Ze(
+      () => e.items,
+      () => {
+        Q.mutations.setItems(e.id, e.items);
+      }
+    );
     let d = [];
     for (let p = 0; p < e.columns.length; p++)
       Object.hasOwn(e.columns[p], "search") && (e.columns[p].search === "string" || e.columns[p].search === "number" || Array.isArray(e.columns[p].search)) && (l.value[e.columns[p].key] = ""), d.push(Object.hasOwn(e.columns[p], "size") ? e.columns[p].size : "minmax(100px, 1fr)"), o.value = d.join(" ");
     const f = (p, g) => {
-      if (K.getters.getSortField(e.id) === g) {
-        const A = K.getters.getSortDirection(e.id);
-        A ? A === "asc" ? (K.mutations.setSortDirection(e.id, "desc"), localStorage.setItem(`${e.id}-grid-dir`, "desc")) : (K.mutations.setSortField(e.id, null), K.mutations.setSortDirection(e.id, null), localStorage.removeItem(`${e.id}-grid-field`), localStorage.removeItem(`${e.id}-grid-dir`)) : (K.mutations.setSortDirection(e.id, "asc"), localStorage.setItem(`${e.id}-grid-dir`, "asc"));
+      if (Q.getters.getSortField(e.id) === g) {
+        const A = Q.getters.getSortDirection(e.id);
+        A ? A === "asc" ? (Q.mutations.setSortDirection(e.id, "desc"), localStorage.setItem(`${e.id}-grid-dir`, "desc")) : (Q.mutations.setSortField(e.id, null), Q.mutations.setSortDirection(e.id, null), localStorage.removeItem(`${e.id}-grid-field`), localStorage.removeItem(`${e.id}-grid-dir`)) : (Q.mutations.setSortDirection(e.id, "asc"), localStorage.setItem(`${e.id}-grid-dir`, "asc"));
       } else
-        K.mutations.setSortField(e.id, g), K.mutations.setSortDirection(e.id, "asc"), localStorage.setItem(`${e.id}-grid-field`, g), localStorage.setItem(`${e.id}-grid-dir`, "asc");
+        Q.mutations.setSortField(e.id, g), Q.mutations.setSortDirection(e.id, "asc"), localStorage.setItem(`${e.id}-grid-field`, g), localStorage.setItem(`${e.id}-grid-dir`, "asc");
     }, m = () => {
       for (let p = 0; p < w.value.length; p++)
-        i.value[w.value[p].id] = !!K.getters.getSelected(e.id).includes(w.value[p].id);
+        i.value[w.value[p].id] = !!Q.getters.getSelected(e.id).includes(w.value[p].id);
     }, b = () => {
       let p = [];
       for (let g = 0; g < w.value.length; g++)
@@ -3148,15 +3153,15 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
       i.value = {};
       for (let g = 0; g < p.length; g++)
         i.value[p[g]] = !0;
-      K.mutations.setSelect(e.id, p);
+      Q.mutations.setSelect(e.id, p);
     }, w = D(() => {
       const p = r.value * a.value - a.value, g = r.value * a.value - 1;
-      let k = K.getters.getItems(e.id);
+      let k = Q.getters.getItems(e.id);
       for (let A = 0; A < e.columns.length; A++)
         l.value[e.columns[A].key] && (k = k.filter((Y) => Y[e.columns[A].key] && Y[e.columns[A].key].toString().toUpperCase().includes(l.value[e.columns[A].key].toString().toUpperCase())));
       return k.map((A, Y) => Y >= p && Y <= g ? k[Y] : null).filter((A) => A);
     });
-    et(
+    Ze(
       () => w.value,
       () => {
         b();
@@ -3168,15 +3173,15 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
         p.push({ label: e.perPageOptions[g], value: e.perPageOptions[g].toString() });
       return p;
     }), y = (p) => {
-      e.selectable === "one" && (K.getters.getSelected(e.id).includes(p.id) ? (K.actions.unselectAll(e.id), t("unselect")) : (K.mutations.select(e.id, p.id), t("select", p)));
+      e.selectable === "one" && (Q.getters.getSelected(e.id).includes(p.id) ? (Q.actions.unselectAll(e.id), t("unselect")) : (Q.mutations.select(e.id, p.id), t("select", p)));
     }, $ = (p, g) => {
-      p.target.checked ? K.mutations.addSelect(e.id, g) : K.mutations.unSelect(e.id, g);
+      p.target.checked ? Q.mutations.addSelect(e.id, g) : Q.mutations.unSelect(e.id, g);
     }, T = (p) => {
-      p.target.checked ? K.actions.selectAll(e.id) : K.actions.unselectAll(e.id), m();
+      p.target.checked ? Q.actions.selectAll(e.id) : Q.actions.unselectAll(e.id), m();
     }, E = D(() => {
       let p = w.value.length > 0;
       for (let g = 0; g < w.value.length; g++)
-        K.getters.getSelected(e.id).includes(w.value[g].id) || (p = !1);
+        Q.getters.getSelected(e.id).includes(w.value[g].id) || (p = !1);
       return p;
     }), _ = (p) => {
       a.value = parseInt(p.target.value), localStorage.setItem("datagrid-perpage", p.target.value);
@@ -3195,15 +3200,15 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
               (c(!0), x(be, null, ze(e.columns, (k) => (c(), x("th", {
                 key: k.key,
                 onClick: (A) => f(A, k.key),
-                class: "d-cell",
-                style: ce(k.style)
+                class: re(["d-cell", k.thClass]),
+                style: ue(k.style)
               }, [
                 P("div", Xi, [
                   P("div", null, J(k.title), 1),
-                  Q(K).getters.getSortField(e.id) === k.key && Q(K).getters.getSortDirection(e.id) === "asc" ? (c(), x("svg", Gi, Ki)) : F("", !0),
-                  Q(K).getters.getSortField(e.id) === k.key && Q(K).getters.getSortDirection(e.id) === "desc" ? (c(), x("svg", Zi, el)) : F("", !0)
+                  K(Q).getters.getSortField(e.id) === k.key && K(Q).getters.getSortDirection(e.id) === "asc" ? (c(), x("svg", Gi, Ki)) : F("", !0),
+                  K(Q).getters.getSortField(e.id) === k.key && K(Q).getters.getSortDirection(e.id) === "desc" ? (c(), x("svg", Zi, el)) : F("", !0)
                 ])
-              ], 12, Ui))), 128))
+              ], 14, Ui))), 128))
             ])
           ]),
           P("tbody", tl, [
@@ -3235,7 +3240,7 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
             ]),
             (c(!0), x(be, null, ze(w.value, (k) => (c(), x("tr", {
               key: k.id,
-              class: re(["d-row", Q(K).getters.getSelected(e.id).includes(k.id) ? "active" : ""]),
+              class: re(["d-row", K(Q).getters.getSelected(e.id).includes(k.id) ? "active" : ""]),
               onClick: (A) => y(k)
             }, [
               e.selectable === "check" ? (c(), x("td", sl, [
@@ -3247,10 +3252,11 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
               ])) : F("", !0),
               (c(!0), x(be, null, ze(e.columns, (A, Y) => (c(), x("td", {
                 key: Y,
-                class: "d-cell"
+                class: re(["d-cell", k.tdClass]),
+                style: ue(k.tdStyle)
               }, [
                 A.render ? (c(), H(Ye(A.render(k, A.key)), { key: 0 })) : (c(), x("div", ol, J(k[A.key]), 1))
-              ]))), 128))
+              ], 6))), 128))
             ], 10, al))), 128))
           ])
         ])
@@ -3291,14 +3297,14 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
       e.value = r.src;
     }, r.onerror = () => {
       e.value = t.srcFail;
-    }, Ze(() => {
+    }, Je(() => {
       r.src = t.src;
     }), (a, s) => e.value ? (c(), x("img", {
       key: 0,
       src: e.value,
       alt: t.alt,
       title: t.title,
-      style: ce({ width: t.width, height: t.height, borderRadius: t.radius })
+      style: ue({ width: t.width, height: t.height, borderRadius: t.radius })
     }, null, 12, cl)) : F("", !0);
   }
 }, dl = /* @__PURE__ */ On('<svg class="svg-preloader" width="44" height="44" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" data-v-996c91fb><g fill="none" fill-rule="evenodd" stroke-width="2" data-v-996c91fb><circle cx="22" cy="22" r="1" data-v-996c91fb><animate attributeName="r" begin="0s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite" data-v-996c91fb></animate><animate attributeName="stroke-opacity" begin="0s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite" data-v-996c91fb></animate></circle><circle cx="22" cy="22" r="1" data-v-996c91fb><animate attributeName="r" begin="-0.9s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite" data-v-996c91fb></animate><animate attributeName="stroke-opacity" begin="-0.9s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite" data-v-996c91fb></animate></circle></g></svg>', 1), fl = [
@@ -3355,12 +3361,12 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
         offsetY: (m - p) * $
       };
     };
-    return Ze(() => {
+    return Je(() => {
       e.canvas && (r = s.value, a = r.getContext("2d")), t("loading"), l.value = !0, i.src = e.src;
-    }), et(() => e.src, (f, m) => {
+    }), Ze(() => e.src, (f, m) => {
       t("loading"), l.value = !0, i.src = e.src;
     }), (f, m) => (c(), x("div", {
-      style: ce([{ position: "relative", display: "inline-block" }, {
+      style: ue([{ position: "relative", display: "inline-block" }, {
         width: `${e.width}px`,
         height: `${e.height}px`,
         borderRadius: e.radius
@@ -3368,7 +3374,7 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
     }, [
       l.value ? (c(), x("div", {
         key: 0,
-        style: ce([{ "z-index": "10", position: "absolute", top: "0", bottom: "0", left: "0", right: "0", width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "background-color": "rgba(0,0,0,0.3)" }, {
+        style: ue([{ "z-index": "10", position: "absolute", top: "0", bottom: "0", left: "0", right: "0", width: "100%", height: "100%", display: "flex", "align-items": "center", "justify-content": "center", "background-color": "rgba(0,0,0,0.3)" }, {
           width: `${e.width}px`,
           height: `${e.height}px`,
           borderRadius: e.radius
@@ -3381,13 +3387,13 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
         width: e.width,
         height: e.height,
         title: e.title,
-        style: ce({ borderRadius: e.radius })
+        style: ue({ borderRadius: e.radius })
       }, null, 12, pl)), [
         [_n, !l.value]
       ]) : Re((c(), x("div", {
         key: 2,
         title: e.title,
-        style: ce([{
+        style: ue([{
           backgroundImage: `url(${o.value})`,
           width: `${e.width}px`,
           height: `${e.height}px`,
@@ -3440,7 +3446,7 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
         e("update:modelValue", w);
       }
     });
-    Ze(() => {
+    Je(() => {
       r.focus && l();
     });
     const l = () => {
@@ -3473,7 +3479,7 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
         placeholder: r.placeholder,
         disabled: r.disabled,
         class: re(s.value),
-        style: ce([{ width: "100%" }, r.autoHeight ? "resize:none;" : ""])
+        style: ue([{ width: "100%" }, r.autoHeight ? "resize:none;" : ""])
       }, null, 46, yl), [
         [In, o.value]
       ])
@@ -3552,7 +3558,7 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
       if (!(!r.form || !r.form.fields || !r.form.fields[r.name].rules))
         return s.value = jr.validate(m.value, r.form.fields[r.name].rules), !!s.value;
     };
-    Ze(() => {
+    Je(() => {
       i.value = r.readonly, !r.autocomplete && !i.value && (i.value = !0, setTimeout(() => {
         i.value = !1;
       }, 500)), y();
@@ -3586,7 +3592,7 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
           P("div", Sl, [
             P("div", _l, [
               Re(P("input", {
-                id: Q(o),
+                id: K(o),
                 ref_key: "inputRef",
                 ref: f,
                 "onUpdate:modelValue": g[0] || (g[0] = (A) => m.value = A),
@@ -3598,8 +3604,8 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
                 onBlur: _,
                 onFocusout: g[2] || (g[2] = (A) => T(!1)),
                 class: re([
-                  Q(a).pre ? "has-pre" : "",
-                  Q(a).post ? "has-post" : "",
+                  K(a).pre ? "has-pre" : "",
+                  K(a).post ? "has-post" : "",
                   l.value ? "focused" : ""
                 ]),
                 disabled: r.disabled,
@@ -3650,7 +3656,7 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
     }, [
       Re(P("input", {
         "onUpdate:modelValue": l[0] || (l[0] = (i) => s.value = i),
-        id: `i-${Q(a)}`,
+        id: `i-${K(a)}`,
         type: "checkbox",
         checked: e.checked,
         disabled: e.disabled,
@@ -3659,7 +3665,7 @@ const jr = new oi(), ii = { style: { display: "flex", "flex-direction": "column"
         [Rr, s.value]
       ]),
       P("label", {
-        for: `i-${Q(a)}`,
+        for: `i-${K(a)}`,
         class: re(e.type)
       }, "Toggle", 10, zl)
     ], 2));
@@ -4667,8 +4673,8 @@ const au = /* @__PURE__ */ P("div", { class: "color-indicator" }, null, -1), su
           ye(J(e.title), 1)
         ]),
         default: Z(() => [
-          j(Q(Pt), {
-            theme: Q(bt).getters.theme(),
+          j(K(Pt), {
+            theme: K(bt).getters.theme(),
             color: s.value,
             "sucker-hide": !0,
             onChangeColor: l
@@ -5283,7 +5289,7 @@ function Wu(n, t, e) {
       });
     });
   }
-  function ue(u) {
+  function ce(u) {
     if (u.mode === pt.Range || u.mode === pt.Steps)
       return b.xVal;
     if (u.mode === pt.Count) {
@@ -5306,7 +5312,7 @@ function Wu(n, t, e) {
     function h(ve, Se) {
       return Number((ve + Se).toFixed(7));
     }
-    var v = ue(u), M = {}, B = b.xVal[0], V = b.xVal[b.xVal.length - 1], ne = !1, U = !1, we = 0;
+    var v = ce(u), M = {}, B = b.xVal[0], V = b.xVal[b.xVal.length - 1], ne = !1, U = !1, we = 0;
     return v = lu(v.slice().sort(function(ve, Se) {
       return ve - Se;
     })), v[0] !== B && (v.unshift(B), ne = !0), v[v.length - 1] !== V && (v.push(V), U = !0), v.forEach(function(ve, Se) {
@@ -5833,13 +5839,13 @@ const _r = {
       animationDuration: r.duration
     };
     let l = null;
-    et(() => s.value, (y, $) => {
+    Ze(() => s.value, (y, $) => {
       if (!r.selectable)
         return;
       const E = document.querySelector(`#${a}`).querySelectorAll("[data-handle]");
       for (let _ in E) E.hasOwnProperty(_) && E[_].classList.remove("selected");
       y !== null && document.querySelector(`#${a} [data-handle="${y}"]`).classList.add("selected");
-    }), Ze(() => {
+    }), Je(() => {
       l = document.getElementById(a), _r.create(l, o), e("init"), i();
     });
     const i = () => {
@@ -5890,7 +5896,7 @@ const _r = {
   emits: ["angle"],
   setup(n, { emit: t }) {
     const e = n, r = I(null), a = I(parseInt(e.angle)), s = I(!1);
-    et(() => e.angle, (i) => {
+    Ze(() => e.angle, (i) => {
       a.value = -~i;
     });
     const o = (i, d, f, m) => Math.atan2(i - f, d - m) * (180 / Math.PI) * -1 + 180, l = (i) => {
@@ -5911,7 +5917,7 @@ const _r = {
       }, [
         P("div", {
           class: "container",
-          style: ce({ transform: `rotate(${a.value}deg)` })
+          style: ue({ transform: `rotate(${a.value}deg)` })
         }, Xu, 4)
       ], 544)
     ]));
@@ -6110,9 +6116,9 @@ kt.parse = /* @__PURE__ */ function() {
       m
     );
   }
-  function o(G, ae, ue) {
+  function o(G, ae, ce) {
     return l(ae, function($e) {
-      var ut = ue();
+      var ut = ce();
       return ut && (fe(n.comma) || e("Missing comma before color stops")), {
         type: G,
         orientation: ut,
@@ -6121,10 +6127,10 @@ kt.parse = /* @__PURE__ */ function() {
     });
   }
   function l(G, ae) {
-    var ue = fe(G);
-    if (ue) {
+    var ce = fe(G);
+    if (ce) {
       fe(n.startCall) || e("Missing (");
-      var $e = ae(ue);
+      var $e = ae(ce);
       return fe(n.endCall) || e("Missing )"), $e;
     }
   }
@@ -6138,8 +6144,8 @@ kt.parse = /* @__PURE__ */ function() {
     return z("angular", n.angleValue, 1);
   }
   function m() {
-    var G, ae = b(), ue;
-    return ae && (G = [], G.push(ae), ue = t, fe(n.comma) && (ae = b(), ae ? G.push(ae) : t = ue)), G;
+    var G, ae = b(), ce;
+    return ae && (G = [], G.push(ae), ce = t, fe(n.comma) && (ae = b(), ae ? G.push(ae) : t = ce)), G;
   }
   function b() {
     var G = w() || S();
@@ -6149,8 +6155,8 @@ kt.parse = /* @__PURE__ */ function() {
       var ae = y();
       if (ae) {
         G = ae;
-        var ue = $();
-        ue && (G.at = ue);
+        var ce = $();
+        ce && (G.at = ce);
       } else {
         var $e = T();
         $e && (G = {
@@ -6193,11 +6199,11 @@ kt.parse = /* @__PURE__ */ function() {
     };
   }
   function _(G) {
-    var ae = G(), ue = [];
+    var ae = G(), ce = [];
     if (ae)
-      for (ue.push(ae); fe(n.comma); )
-        ae = G(), ae ? ue.push(ae) : e("One extra comma");
-    return ue;
+      for (ce.push(ae); fe(n.comma); )
+        ae = G(), ae ? ce.push(ae) : e("One extra comma");
+    return ce;
   }
   function p() {
     var G = g();
@@ -6240,17 +6246,17 @@ kt.parse = /* @__PURE__ */ function() {
   function ee() {
     return z("px", n.pixelValue, 1) || z("em", n.emValue, 1);
   }
-  function z(G, ae, ue) {
+  function z(G, ae, ce) {
     var $e = fe(ae);
     if ($e)
       return {
         type: G,
-        value: $e[ue]
+        value: $e[ce]
       };
   }
   function fe(G) {
-    var ae, ue;
-    return ue = /^[\n\r\t\s]+/.exec(t), ue && ke(ue[0].length), ae = G.exec(t), ae && ke(ae[0].length), ae;
+    var ae, ce;
+    return ce = /^[\n\r\t\s]+/.exec(t), ce && ke(ce[0].length), ae = G.exec(t), ae && ke(ae[0].length), ae;
   }
   function ke(G) {
     t = t.substr(G);
@@ -6350,7 +6356,7 @@ const tc = {
         p.splice(_, 1), o.value.splice(_, 1), s.value.updateStart(p), m--;
       }
     };
-    Ze(() => {
+    Je(() => {
       r.value || (r.value = "background: #FFFFFF;"), w(), f.value = `${e.text}: ${o.value.length}`;
     });
     const E = () => {
@@ -6375,7 +6381,7 @@ const tc = {
         pre: Z(() => [
           P("div", {
             class: "color-indicator",
-            style: ce(r.value)
+            style: ue(r.value)
           }, null, 4)
         ]),
         _: 1
@@ -6398,7 +6404,7 @@ const tc = {
         default: Z(() => [
           P("div", {
             class: "mb-1",
-            style: ce([{ height: "100px", width: "100%" }, l.value])
+            style: ue([{ height: "100px", width: "100%" }, l.value])
           }, null, 4),
           j(qu, {
             onUpdate: E,
@@ -6439,13 +6445,13 @@ const tc = {
               format: "rgba",
               onChange: E
             }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-            Q(m) > 1 ? (c(), H(xe, {
+            K(m) > 1 ? (c(), H(xe, {
               key: 0,
               icon: "MinusSharp",
               onClick: (A) => T(k)
             }, null, 8, ["onClick"])) : F("", !0)
           ]))), 128)),
-          Q(m) < e.maxColors ? (c(), x("div", nc, [
+          K(m) < e.maxColors ? (c(), x("div", nc, [
             j(xe, { onClick: $ }, {
               default: Z(() => [
                 ye(J(e.add), 1)
@@ -6601,8 +6607,8 @@ const tc = {
         z(), ae({ removedPane: { ...R, index: L } }), t("pane-remove", { removed: R, panes: a.value.map((O) => ({ min: O.min, max: O.max, size: O.size })) });
       });
     }, ae = (C = {}) => {
-      !C.addedPane && !C.removedPane ? $e() : a.value.some((L) => L.givenSize !== null || L.min || L.max < 100) ? ut(C) : ue(), i.value && t("resized", a.value.map((L) => ({ min: L.min, max: L.max, size: L.size })));
-    }, ue = () => {
+      !C.addedPane && !C.removedPane ? $e() : a.value.some((L) => L.givenSize !== null || L.min || L.max < 100) ? ut(C) : ce(), i.value && t("resized", a.value.map((L) => ({ min: L.min, max: L.max, size: L.size })));
+    }, ce = () => {
       const C = 100 / s.value;
       let L = 0;
       const R = [], O = [];
@@ -6642,11 +6648,11 @@ const tc = {
         i.value && console.warn("D-Splitter: Could not resize panes correctly due to their constraints.");
       });
     };
-    et(() => e.firstSplitter, () => z()), et(() => e.dblClickSplitter, (C) => {
+    Ze(() => e.firstSplitter, () => z()), Ze(() => e.dblClickSplitter, (C) => {
       [...l.value.querySelectorAll(".d-splitter__splitter")].forEach((R, O) => {
         R.ondblclick = C ? (W) => T(W, O) : void 0;
       });
-    }), Vr(() => i.value = !1), Ze(() => {
+    }), Vr(() => i.value = !1), Je(() => {
       N(), z(), ae(), t("ready"), i.value = !0;
     });
     const ht = () => {
@@ -6688,7 +6694,7 @@ const tc = {
       var $;
       return `${a.value ? "height" : "width"}: ${($ = d.value) == null ? void 0 : $.size}%`;
     });
-    return Ze(() => {
+    return Je(() => {
       r({
         id: l,
         el: f.value,
@@ -6699,12 +6705,12 @@ const tc = {
         size: m.value
         // The computed current size at any time.
       });
-    }), et(() => m.value, ($) => e({ uid: l, size: $ })), et(() => b.value, ($) => e({ uid: l, min: $ })), et(() => w.value, ($) => e({ uid: l, max: $ })), Vr(() => s(l)), ($, T) => (c(), x("div", {
+    }), Ze(() => m.value, ($) => e({ uid: l, size: $ })), Ze(() => b.value, ($) => e({ uid: l, min: $ })), Ze(() => w.value, ($) => e({ uid: l, max: $ })), Vr(() => s(l)), ($, T) => (c(), x("div", {
       ref_key: "paneEl",
       ref: f,
       class: "d-splitter__panel",
-      onClick: T[0] || (T[0] = (E) => Q(o)(E, $._.uid)),
-      style: ce(S.value)
+      onClick: T[0] || (T[0] = (E) => K(o)(E, $._.uid)),
+      style: ue(S.value)
     }, [
       oe($.$slots, "default")
     ], 4));
@@ -6735,7 +6741,7 @@ const tc = {
     return (e, r) => (c(!0), x(be, null, ze(t.repeat, (a) => (c(), x("div", {
       class: re(["d-skeleton", [t.type]]),
       key: a,
-      style: ce({
+      style: ue({
         width: t.width,
         height: t.height
       })
@@ -9669,7 +9675,7 @@ const hf = {
     }, [
       P("div", {
         class: re(["calendar-cell", [e.disabled ? "disabled" : "", e.selected ? "selected" : ""]]),
-        style: ce({ width: e.wide ? "100%" : "30px" }),
+        style: ue({ width: e.wide ? "100%" : "30px" }),
         onClick: a[0] || (a[0] = (s) => t("select"))
       }, J(e.day), 7)
     ], 32));
@@ -9726,7 +9732,7 @@ const hf = {
       P("div", mf, [
         j(qe, {
           onClick: m,
-          component: Q(ln),
+          component: K(ln),
           size: "20",
           style: { cursor: "pointer" },
           class: re(o.value ? "disabled" : "")
@@ -9734,7 +9740,7 @@ const hf = {
         P("div", null, J(d.value), 1),
         j(qe, {
           onClick: b,
-          component: Q(un),
+          component: K(un),
           size: "20",
           style: { cursor: "pointer" },
           class: re(l.value ? "disabled" : "")
@@ -9850,7 +9856,7 @@ const hf = {
       P("div", yf, [
         j(qe, {
           onClick: T,
-          component: Q(ln),
+          component: K(ln),
           size: "20",
           style: { cursor: "pointer" },
           class: re(o.value ? "disabled" : "")
@@ -9862,10 +9868,10 @@ const hf = {
         P("div", {
           style: { cursor: "pointer" },
           onClick: y
-        }, J(Q(Qe)(e.pageDate)), 1),
+        }, J(K(Qe)(e.pageDate)), 1),
         j(qe, {
           onClick: E,
-          component: Q(un),
+          component: K(un),
           size: "20",
           style: { cursor: "pointer" },
           class: re(l.value ? "disabled" : "")
@@ -9946,7 +9952,7 @@ const hf = {
       P("div", xf, [
         j(qe, {
           onClick: w,
-          component: Q(ln),
+          component: K(ln),
           size: "20",
           style: { cursor: "pointer" },
           class: re(l.value ? "disabled" : "")
@@ -9957,7 +9963,7 @@ const hf = {
         }, J(f.value), 1),
         j(qe, {
           onClick: S,
-          component: Q(un),
+          component: K(un),
           size: "20",
           style: { cursor: "pointer" },
           class: re(i.value ? "disabled" : "")
@@ -10438,7 +10444,7 @@ var Lf = function() {
 };
 function Kt(n) {
   var t = this.$$touchObj, e = n.type.indexOf("touch") >= 0, r = n.type.indexOf("mouse") >= 0, a = this;
-  e && (t.lastTouchStartTime = n.timeStamp), !(r && t.lastTouchStartTime && n.timeStamp - t.lastTouchStartTime < 350) && (t.touchStarted || (va(this), t.touchStarted = !0, t.touchMoved = !1, t.swipeOutBounded = !1, t.startX = ma(n), t.startY = ga(n), t.currentX = 0, t.currentY = 0, t.touchStartTime = n.timeStamp, t.hasSwipe = Je(this, "swipe") || Je(this, "swipe.left") || Je(this, "swipe.right") || Je(this, "swipe.top") || Je(this, "swipe.bottom"), Je(this, "hold") && (t.touchHoldTimer = setTimeout(function() {
+  e && (t.lastTouchStartTime = n.timeStamp), !(r && t.lastTouchStartTime && n.timeStamp - t.lastTouchStartTime < 350) && (t.touchStarted || (va(this), t.touchStarted = !0, t.touchMoved = !1, t.swipeOutBounded = !1, t.startX = ma(n), t.startY = ga(n), t.currentX = 0, t.currentY = 0, t.touchStartTime = n.timeStamp, t.hasSwipe = et(this, "swipe") || et(this, "swipe.left") || et(this, "swipe.right") || et(this, "swipe.top") || et(this, "swipe.bottom"), et(this, "hold") && (t.touchHoldTimer = setTimeout(function() {
     t.touchHoldTimer = null, st(n, a, "hold");
   }, t.options.touchHoldTolerance)), st(n, this, "press")));
 }
@@ -10453,11 +10459,11 @@ function Zt(n) {
     var s = t.options.tapTolerance;
     t.touchMoved = Math.abs(t.startX - t.currentX) > s || Math.abs(t.startY - t.currentY) > s, t.touchMoved && (ar(t), st(n, this, "drag.once"));
   }
-  if (Je(this, "rollover") && a) {
+  if (et(this, "rollover") && a) {
     var l = n.timeStamp, i = t.options.rollOverFrequency;
     (t.touchRollTime == null || l > t.touchRollTime + i) && (t.touchRollTime = l, st(n, this, "rollover"));
   }
-  if (Je(this, "drag") && t.touchStarted && t.touchMoved && a) {
+  if (et(this, "drag") && t.touchStarted && t.touchMoved && a) {
     var l = n.timeStamp, i = t.options.dragFrequency;
     (t.touchDragTime == null || l > t.touchDragTime + i) && (t.touchDragTime = l, st(n, this, "drag"));
   }
@@ -10474,11 +10480,11 @@ function Jt(n) {
     if (st(n, this, "release"), t.touchMoved) {
       if (t.hasSwipe && !t.swipeOutBounded) {
         var s = t.options.swipeTolerance, o, l = Math.abs(t.startY - t.currentY), i = Math.abs(t.startX - t.currentX);
-        (l > s || i > s) && (l > s ? o = t.startY > t.currentY ? "top" : "bottom" : o = t.startX > t.currentX ? "left" : "right", Je(this, "swipe." + o) ? st(n, this, "swipe." + o, o) : st(n, this, "swipe", o));
+        (l > s || i > s) && (l > s ? o = t.startY > t.currentY ? "top" : "bottom" : o = t.startX > t.currentX ? "left" : "right", et(this, "swipe." + o) ? st(n, this, "swipe." + o, o) : st(n, this, "swipe", o));
       }
-    } else if (Je(this, "longtap") && n.timeStamp - t.touchStartTime > t.options.longTapTimeInterval)
+    } else if (et(this, "longtap") && n.timeStamp - t.touchStartTime > t.options.longTapTimeInterval)
       n.cancelable && n.preventDefault(), st(n, this, "longtap");
-    else if (Je(this, "hold") && a) {
+    else if (et(this, "hold") && a) {
       n.cancelable && n.preventDefault();
       return;
     } else
@@ -10490,7 +10496,7 @@ function Lr() {
 function Or() {
   rr(this);
 }
-function Je(n, t) {
+function et(n, t) {
   var e = n.$$touchObj.callbacks[t];
   return e != null && e.length > 0;
 }