@dolusoft/vue3-datatable 1.7.74 → 1.7.75

package/dist/vue3-datatable.js

@@ -1,13 +1,13 @@
-import { isRef as Kn, watch as X, onMounted as Le, nextTick as Se, getCurrentScope as Jn, onScopeDispose as Yn, unref as U, getCurrentInstance as It, computed as K, ref as A, useSlots as pn, onBeforeUnmount as vn, provide as xe, openBlock as u, createBlock as re, resolveDynamicComponent as Xn, inject as Ie, createElementBlock as p, normalizeStyle as G, renderSlot as te, h as kt, defineComponent as _e, toRef as Zn, Fragment as D, withModifiers as V, createVNode as ne, createElementVNode as k, normalizeClass as P, toDisplayString as B, createCommentVNode as I, onUnmounted as mn, withDirectives as ie, renderList as oe, vModelSelect as it, createTextVNode as We, vModelText as Pe, vShow as Gt, withCtx as Ae, vModelCheckbox as Qt } from "vue";
+import { isRef as Kn, watch as X, onMounted as Le, nextTick as Se, getCurrentScope as Jn, onScopeDispose as Yn, unref as G, getCurrentInstance as It, computed as Y, ref as q, useSlots as pn, onBeforeUnmount as vn, provide as xe, openBlock as d, createBlock as re, resolveDynamicComponent as Xn, inject as Ie, createElementBlock as p, normalizeStyle as Q, renderSlot as te, h as kt, defineComponent as _e, toRef as Zn, Fragment as B, withModifiers as j, createVNode as ne, createElementVNode as w, normalizeClass as I, toDisplayString as H, createCommentVNode as M, onUnmounted as mn, withDirectives as ie, renderList as oe, vModelSelect as it, createTextVNode as We, vModelText as Pe, vShow as Gt, withCtx as Ae, vModelCheckbox as Qt } from "vue";
 function bn(t) {
   return Jn() ? (Yn(t), !0) : !1;
 }
 function Be(t) {
-  return typeof t == "function" ? t() : U(t);
+  return typeof t == "function" ? t() : G(t);
 }
 const gn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const el = Object.prototype.toString, tl = (t) => el.call(t) === "[object Object]", ye = () => {
+const el = Object.prototype.toString, tl = (t) => el.call(t) === "[object Object]", we = () => {
 }, nl = /* @__PURE__ */ ll();
 function ll() {
   var t, o;
@@ -23,34 +23,34 @@ function Pt(t, o) {
 }
 const ol = (t) => t();
 function yn(t, o = {}) {
-  let n, l, e = ye;
+  let n, l, e = we;
   const i = (a) => {
-    clearTimeout(a), e(), e = ye;
+    clearTimeout(a), e(), e = we;
   };
   return (a) => {
-    const d = Be(t), y = Be(o.maxWait);
-    return n && i(n), d <= 0 || y !== void 0 && y <= 0 ? (l && (i(l), l = null), Promise.resolve(a())) : new Promise((g, F) => {
-      e = o.rejectOnCancel ? F : g, y && !l && (l = setTimeout(() => {
-        n && i(n), l = null, g(a());
-      }, y)), n = setTimeout(() => {
-        l && i(l), l = null, g(a());
-      }, d);
+    const h = Be(t), g = Be(o.maxWait);
+    return n && i(n), h <= 0 || g !== void 0 && g <= 0 ? (l && (i(l), l = null), Promise.resolve(a())) : new Promise((b, C) => {
+      e = o.rejectOnCancel ? C : b, g && !l && (l = setTimeout(() => {
+        n && i(n), l = null, b(a());
+      }, g)), n = setTimeout(() => {
+        l && i(l), l = null, b(a());
+      }, h);
     });
   };
 }
 function il(...t) {
-  let o = 0, n, l = !0, e = ye, i, r, a, d, y;
-  !Kn(t[0]) && typeof t[0] == "object" ? { delay: r, trailing: a = !0, leading: d = !0, rejectOnCancel: y = !1 } = t[0] : [r, a = !0, d = !0, y = !1] = t;
-  const g = () => {
-    n && (clearTimeout(n), n = void 0, e(), e = ye);
+  let o = 0, n, l = !0, e = we, i, r, a, h, g;
+  !Kn(t[0]) && typeof t[0] == "object" ? { delay: r, trailing: a = !0, leading: h = !0, rejectOnCancel: g = !1 } = t[0] : [r, a = !0, h = !0, g = !1] = t;
+  const b = () => {
+    n && (clearTimeout(n), n = void 0, e(), e = we);
   };
-  return (E) => {
-    const C = Be(r), b = Date.now() - o, f = () => i = E();
-    return g(), C <= 0 ? (o = Date.now(), f()) : (b > C && (d || !l) ? (o = Date.now(), f()) : a && (i = new Promise((h, x) => {
-      e = y ? x : h, n = setTimeout(() => {
-        o = Date.now(), l = !0, h(f()), g();
-      }, Math.max(0, C - b));
-    })), !d && !n && (n = setTimeout(() => l = !0, C)), l = !1, i);
+  return (L) => {
+    const z = Be(r), P = Date.now() - o, _ = () => i = L();
+    return b(), z <= 0 ? (o = Date.now(), _()) : (P > z && (h || !l) ? (o = Date.now(), _()) : a && (i = new Promise((u, c) => {
+      e = g ? c : u, n = setTimeout(() => {
+        o = Date.now(), l = !0, u(_()), b();
+      }, Math.max(0, z - P));
+    })), !h && !n && (n = setTimeout(() => l = !0, z)), l = !1, i);
   };
 }
 function sl(t) {
@@ -109,137 +109,137 @@ const at = gn ? window : void 0;
 function bt(...t) {
   let o, n, l, e;
   if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([n, l, e] = t, o = at) : [o, n, l, e] = t, !o)
-    return ye;
+    return we;
   Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
   const i = [], r = () => {
-    i.forEach((g) => g()), i.length = 0;
-  }, a = (g, F, E, C) => (g.addEventListener(F, E, C), () => g.removeEventListener(F, E, C)), d = X(
+    i.forEach((b) => b()), i.length = 0;
+  }, a = (b, C, L, z) => (b.addEventListener(C, L, z), () => b.removeEventListener(C, L, z)), h = X(
     () => [he(o), Be(e)],
-    ([g, F]) => {
-      if (r(), !g)
+    ([b, C]) => {
+      if (r(), !b)
         return;
-      const E = tl(F) ? { ...F } : F;
+      const L = tl(C) ? { ...C } : C;
       i.push(
-        ...n.flatMap((C) => l.map((b) => a(g, C, b, E)))
+        ...n.flatMap((z) => l.map((P) => a(b, z, P, L)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), y = () => {
-    d(), r();
+  ), g = () => {
+    h(), r();
   };
-  return bn(y), y;
+  return bn(g), g;
 }
 let Jt = !1;
 function dl(t, o, n = {}) {
   const { window: l = at, ignore: e = [], capture: i = !0, detectIframe: r = !1 } = n;
   if (!l)
-    return ye;
-  nl && !Jt && (Jt = !0, Array.from(l.document.body.children).forEach((E) => E.addEventListener("click", ye)), l.document.documentElement.addEventListener("click", ye));
+    return we;
+  nl && !Jt && (Jt = !0, Array.from(l.document.body.children).forEach((L) => L.addEventListener("click", we)), l.document.documentElement.addEventListener("click", we));
   let a = !0;
-  const d = (E) => e.some((C) => {
-    if (typeof C == "string")
-      return Array.from(l.document.querySelectorAll(C)).some((b) => b === E.target || E.composedPath().includes(b));
+  const h = (L) => e.some((z) => {
+    if (typeof z == "string")
+      return Array.from(l.document.querySelectorAll(z)).some((P) => P === L.target || L.composedPath().includes(P));
     {
-      const b = he(C);
-      return b && (E.target === b || E.composedPath().includes(b));
+      const P = he(z);
+      return P && (L.target === P || L.composedPath().includes(P));
     }
-  }), g = [
-    bt(l, "click", (E) => {
-      const C = he(t);
-      if (!(!C || C === E.target || E.composedPath().includes(C))) {
-        if (E.detail === 0 && (a = !d(E)), !a) {
+  }), b = [
+    bt(l, "click", (L) => {
+      const z = he(t);
+      if (!(!z || z === L.target || L.composedPath().includes(z))) {
+        if (L.detail === 0 && (a = !h(L)), !a) {
           a = !0;
           return;
         }
-        o(E);
+        o(L);
       }
     }, { passive: !0, capture: i }),
-    bt(l, "pointerdown", (E) => {
-      const C = he(t);
-      a = !d(E) && !!(C && !E.composedPath().includes(C));
+    bt(l, "pointerdown", (L) => {
+      const z = he(t);
+      a = !h(L) && !!(z && !L.composedPath().includes(z));
     }, { passive: !0 }),
-    r && bt(l, "blur", (E) => {
+    r && bt(l, "blur", (L) => {
       setTimeout(() => {
-        var C;
-        const b = he(t);
-        ((C = l.document.activeElement) == null ? void 0 : C.tagName) === "IFRAME" && !(b != null && b.contains(l.document.activeElement)) && o(E);
+        var z;
+        const P = he(t);
+        ((z = l.document.activeElement) == null ? void 0 : z.tagName) === "IFRAME" && !(P != null && P.contains(l.document.activeElement)) && o(L);
       }, 0);
     })
   ].filter(Boolean);
-  return () => g.forEach((E) => E());
+  return () => b.forEach((L) => L());
 }
 function fl() {
-  const t = A(!1), o = It();
+  const t = q(!1), o = It();
   return o && Le(() => {
     t.value = !0;
   }, o), t;
 }
 function hl(t) {
   const o = fl();
-  return K(() => (o.value, !!t()));
+  return Y(() => (o.value, !!t()));
 }
 function pl(t, o, n = {}) {
   const { window: l = at, ...e } = n;
   let i;
   const r = hl(() => l && "ResizeObserver" in l), a = () => {
     i && (i.disconnect(), i = void 0);
-  }, d = K(() => Array.isArray(t) ? t.map((F) => he(F)) : [he(t)]), y = X(
-    d,
-    (F) => {
+  }, h = Y(() => Array.isArray(t) ? t.map((C) => he(C)) : [he(t)]), g = X(
+    h,
+    (C) => {
       if (a(), r.value && l) {
         i = new ResizeObserver(o);
-        for (const E of F)
-          E && i.observe(E, e);
+        for (const L of C)
+          L && i.observe(L, e);
       }
     },
     { immediate: !0, flush: "post" }
-  ), g = () => {
-    a(), y();
+  ), b = () => {
+    a(), g();
   };
-  return bn(g), {
+  return bn(b), {
     isSupported: r,
-    stop: g
+    stop: b
   };
 }
 function vl(t, o = { width: 0, height: 0 }, n = {}) {
-  const { window: l = at, box: e = "content-box" } = n, i = K(() => {
-    var F, E;
-    return (E = (F = he(t)) == null ? void 0 : F.namespaceURI) == null ? void 0 : E.includes("svg");
-  }), r = A(o.width), a = A(o.height), { stop: d } = pl(
+  const { window: l = at, box: e = "content-box" } = n, i = Y(() => {
+    var C, L;
+    return (L = (C = he(t)) == null ? void 0 : C.namespaceURI) == null ? void 0 : L.includes("svg");
+  }), r = q(o.width), a = q(o.height), { stop: h } = pl(
     t,
-    ([F]) => {
-      const E = e === "border-box" ? F.borderBoxSize : e === "content-box" ? F.contentBoxSize : F.devicePixelContentBoxSize;
+    ([C]) => {
+      const L = e === "border-box" ? C.borderBoxSize : e === "content-box" ? C.contentBoxSize : C.devicePixelContentBoxSize;
       if (l && i.value) {
-        const C = he(t);
-        if (C) {
-          const b = C.getBoundingClientRect();
-          r.value = b.width, a.value = b.height;
+        const z = he(t);
+        if (z) {
+          const P = z.getBoundingClientRect();
+          r.value = P.width, a.value = P.height;
         }
-      } else if (E) {
-        const C = Array.isArray(E) ? E : [E];
-        r.value = C.reduce((b, { inlineSize: f }) => b + f, 0), a.value = C.reduce((b, { blockSize: f }) => b + f, 0);
+      } else if (L) {
+        const z = Array.isArray(L) ? L : [L];
+        r.value = z.reduce((P, { inlineSize: _ }) => P + _, 0), a.value = z.reduce((P, { blockSize: _ }) => P + _, 0);
       } else
-        r.value = F.contentRect.width, a.value = F.contentRect.height;
+        r.value = C.contentRect.width, a.value = C.contentRect.height;
     },
     n
   );
   ul(() => {
-    const F = he(t);
-    F && (r.value = "offsetWidth" in F ? F.offsetWidth : o.width, a.value = "offsetHeight" in F ? F.offsetHeight : o.height);
+    const C = he(t);
+    C && (r.value = "offsetWidth" in C ? C.offsetWidth : o.width, a.value = "offsetHeight" in C ? C.offsetHeight : o.height);
   });
-  const y = X(
+  const g = X(
     () => he(t),
-    (F) => {
-      r.value = F ? o.width : 0, a.value = F ? o.height : 0;
+    (C) => {
+      r.value = C ? o.width : 0, a.value = C ? o.height : 0;
     }
   );
-  function g() {
-    d(), y();
+  function b() {
+    h(), g();
   }
   return {
     width: r,
     height: a,
-    stop: g
+    stop: b
   };
 }
 const Yt = {
@@ -265,198 +265,198 @@ const Yt = {
     "splitter-dblclick"
   ],
   setup(t, { emit: o }) {
-    const n = o, l = t, e = pn(), i = A([]), r = K(() => i.value.reduce((c, S) => (c[~~S.id] = S) && c, {})), a = K(() => i.value.length), d = A(null), y = A(!1), g = A({
+    const n = o, l = t, e = pn(), i = q([]), r = Y(() => i.value.reduce((f, k) => (f[~~k.id] = k) && f, {})), a = Y(() => i.value.length), h = q(null), g = q(!1), b = q({
       mouseDown: !1,
       dragging: !1,
       activeSplitter: null,
       cursorOffset: 0
       // Cursor offset within the splitter.
-    }), F = A({
+    }), C = q({
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
-    }), E = K(() => ({
+    }), L = Y(() => ({
       [`splitpanes splitpanes--${l.horizontal ? "horizontal" : "vertical"}`]: !0,
-      "splitpanes--dragging": g.value.dragging
-    })), C = () => {
-      document.addEventListener("mousemove", h, { passive: !1 }), document.addEventListener("mouseup", x), "ontouchstart" in window && (document.addEventListener("touchmove", h, { passive: !1 }), document.addEventListener("touchend", x));
-    }, b = () => {
-      document.removeEventListener("mousemove", h, { passive: !1 }), document.removeEventListener("mouseup", x), "ontouchstart" in window && (document.removeEventListener("touchmove", h, { passive: !1 }), document.removeEventListener("touchend", x));
-    }, f = (c, S) => {
-      const z = c.target.closest(".splitpanes__splitter");
-      if (z) {
-        const { left: L, top: _ } = z.getBoundingClientRect(), { clientX: N, clientY: W } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
-        g.value.cursorOffset = l.horizontal ? W - _ : N - L;
+      "splitpanes--dragging": b.value.dragging
+    })), z = () => {
+      document.addEventListener("mousemove", u, { passive: !1 }), document.addEventListener("mouseup", c), "ontouchstart" in window && (document.addEventListener("touchmove", u, { passive: !1 }), document.addEventListener("touchend", c));
+    }, P = () => {
+      document.removeEventListener("mousemove", u, { passive: !1 }), document.removeEventListener("mouseup", c), "ontouchstart" in window && (document.removeEventListener("touchmove", u, { passive: !1 }), document.removeEventListener("touchend", c));
+    }, _ = (f, k) => {
+      const F = f.target.closest(".splitpanes__splitter");
+      if (F) {
+        const { left: x, top: S } = F.getBoundingClientRect(), { clientX: N, clientY: D } = "ontouchstart" in window && f.touches ? f.touches[0] : f;
+        b.value.cursorOffset = l.horizontal ? D - S : N - x;
       }
-      C(), g.value.mouseDown = !0, g.value.activeSplitter = S;
-    }, h = (c) => {
-      g.value.mouseDown && (c.preventDefault(), g.value.dragging = !0, requestAnimationFrame(() => {
-        H(we(c)), j("resize", { event: c }, !0);
+      z(), b.value.mouseDown = !0, b.value.activeSplitter = k;
+    }, u = (f) => {
+      b.value.mouseDown && (f.preventDefault(), b.value.dragging = !0, requestAnimationFrame(() => {
+        V(ve(f)), U("resize", { event: f }, !0);
       }));
-    }, x = (c) => {
-      g.value.dragging && j("resized", { event: c }, !0), g.value.mouseDown = !1, g.value.activeSplitter = null, setTimeout(() => {
-        g.value.dragging = !1, b();
+    }, c = (f) => {
+      b.value.dragging && U("resized", { event: f }, !0), b.value.mouseDown = !1, b.value.activeSplitter = null, setTimeout(() => {
+        b.value.dragging = !1, P();
       }, 100);
-    }, R = (c, S) => {
-      "ontouchstart" in window && (c.preventDefault(), F.value.splitter === S ? (clearTimeout(F.value.timeoutId), F.value.timeoutId = null, J(c, S), F.value.splitter = null) : (F.value.splitter = S, F.value.timeoutId = setTimeout(() => F.value.splitter = null, 500))), g.value.dragging || j("splitter-click", { event: c, index: S }, !0);
-    }, J = (c, S) => {
-      if (j("splitter-dblclick", { event: c, index: S }, !0), l.maximizePanes) {
-        let z = 0;
-        i.value = i.value.map((L, _) => (L.size = _ === S ? L.max : L.min, _ !== S && (z += L.min), L)), i.value[S].size -= z, j("pane-maximize", { event: c, index: S, pane: i.value[S] }), j("resized", { event: c, index: S }, !0);
+    }, $ = (f, k) => {
+      "ontouchstart" in window && (f.preventDefault(), C.value.splitter === k ? (clearTimeout(C.value.timeoutId), C.value.timeoutId = null, R(f, k), C.value.splitter = null) : (C.value.splitter = k, C.value.timeoutId = setTimeout(() => C.value.splitter = null, 500))), b.value.dragging || U("splitter-click", { event: f, index: k }, !0);
+    }, R = (f, k) => {
+      if (U("splitter-dblclick", { event: f, index: k }, !0), l.maximizePanes) {
+        let F = 0;
+        i.value = i.value.map((x, S) => (x.size = S === k ? x.max : x.min, S !== k && (F += x.min), x)), i.value[k].size -= F, U("pane-maximize", { event: f, index: k, pane: i.value[k] }), U("resized", { event: f, index: k }, !0);
       }
-    }, Y = (c, S) => {
-      j("pane-click", {
-        event: c,
-        index: r.value[S].index,
-        pane: r.value[S]
+    }, K = (f, k) => {
+      U("pane-click", {
+        event: f,
+        index: r.value[k].index,
+        pane: r.value[k]
       });
-    }, we = (c) => {
-      const S = d.value.getBoundingClientRect(), { clientX: z, clientY: L } = "ontouchstart" in window && c.touches ? c.touches[0] : c;
+    }, ve = (f) => {
+      const k = h.value.getBoundingClientRect(), { clientX: F, clientY: x } = "ontouchstart" in window && f.touches ? f.touches[0] : f;
       return {
-        x: z - (l.horizontal ? 0 : g.value.cursorOffset) - S.left,
-        y: L - (l.horizontal ? g.value.cursorOffset : 0) - S.top
+        x: F - (l.horizontal ? 0 : b.value.cursorOffset) - k.left,
+        y: x - (l.horizontal ? b.value.cursorOffset : 0) - k.top
       };
-    }, q = (c) => {
-      c = c[l.horizontal ? "y" : "x"];
-      const S = d.value[l.horizontal ? "clientHeight" : "clientWidth"];
-      return l.rtl && !l.horizontal && (c = S - c), c * 100 / S;
-    }, H = (c) => {
-      const S = g.value.activeSplitter;
-      let z = {
-        prevPanesSize: se(S),
-        nextPanesSize: O(S),
+    }, W = (f) => {
+      f = f[l.horizontal ? "y" : "x"];
+      const k = h.value[l.horizontal ? "clientHeight" : "clientWidth"];
+      return l.rtl && !l.horizontal && (f = k - f), f * 100 / k;
+    }, V = (f) => {
+      const k = b.value.activeSplitter;
+      let F = {
+        prevPanesSize: se(k),
+        nextPanesSize: A(k),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const L = 0 + (l.pushOtherPanes ? 0 : z.prevPanesSize), _ = 100 - (l.pushOtherPanes ? 0 : z.nextPanesSize), N = Math.max(Math.min(q(c), _), L);
-      let W = [S, S + 1], ee = i.value[W[0]] || null, ue = i.value[W[1]] || null;
-      const ht = ee.max < 100 && N >= ee.max + z.prevPanesSize, pt = ue.max < 100 && N <= 100 - (ue.max + O(S + 1));
+      const x = 0 + (l.pushOtherPanes ? 0 : F.prevPanesSize), S = 100 - (l.pushOtherPanes ? 0 : F.nextPanesSize), N = Math.max(Math.min(W(f), S), x);
+      let D = [k, k + 1], ee = i.value[D[0]] || null, ue = i.value[D[1]] || null;
+      const ht = ee.max < 100 && N >= ee.max + F.prevPanesSize, pt = ue.max < 100 && N <= 100 - (ue.max + A(k + 1));
       if (ht || pt) {
-        ht ? (ee.size = ee.max, ue.size = Math.max(100 - ee.max - z.prevPanesSize - z.nextPanesSize, 0)) : (ee.size = Math.max(100 - ue.max - z.prevPanesSize - O(S + 1), 0), ue.size = ue.max);
+        ht ? (ee.size = ee.max, ue.size = Math.max(100 - ee.max - F.prevPanesSize - F.nextPanesSize, 0)) : (ee.size = Math.max(100 - ue.max - F.prevPanesSize - A(k + 1), 0), ue.size = ue.max);
         return;
       }
       if (l.pushOtherPanes) {
-        const vt = ce(z, N);
+        const vt = ce(F, N);
         if (!vt) return;
-        ({ sums: z, panesToResize: W } = vt), ee = i.value[W[0]] || null, ue = i.value[W[1]] || null;
+        ({ sums: F, panesToResize: D } = vt), ee = i.value[D[0]] || null, ue = i.value[D[1]] || null;
       }
-      ee !== null && (ee.size = Math.min(Math.max(N - z.prevPanesSize - z.prevReachedMinPanes, ee.min), ee.max)), ue !== null && (ue.size = Math.min(Math.max(100 - N - z.nextPanesSize - z.nextReachedMinPanes, ue.min), ue.max));
-    }, ce = (c, S) => {
-      const z = g.value.activeSplitter, L = [z, z + 1];
-      return S < c.prevPanesSize + i.value[L[0]].min && (L[0] = le(z).index, c.prevReachedMinPanes = 0, L[0] < z && i.value.forEach((_, N) => {
-        N > L[0] && N <= z && (_.size = _.min, c.prevReachedMinPanes += _.min);
-      }), c.prevPanesSize = se(L[0]), L[0] === void 0) ? (c.prevReachedMinPanes = 0, i.value[0].size = i.value[0].min, i.value.forEach((_, N) => {
-        N > 0 && N <= z && (_.size = _.min, c.prevReachedMinPanes += _.min);
-      }), i.value[L[1]].size = 100 - c.prevReachedMinPanes - i.value[0].min - c.prevPanesSize - c.nextPanesSize, null) : S > 100 - c.nextPanesSize - i.value[L[1]].min && (L[1] = ve(z).index, c.nextReachedMinPanes = 0, L[1] > z + 1 && i.value.forEach((_, N) => {
-        N > z && N < L[1] && (_.size = _.min, c.nextReachedMinPanes += _.min);
-      }), c.nextPanesSize = O(L[1] - 1), L[1] === void 0) ? (c.nextReachedMinPanes = 0, i.value.forEach((_, N) => {
-        N < a.value - 1 && N >= z + 1 && (_.size = _.min, c.nextReachedMinPanes += _.min);
-      }), i.value[L[0]].size = 100 - c.prevPanesSize - O(L[0] - 1), null) : { sums: c, panesToResize: L };
-    }, se = (c) => i.value.reduce((S, z, L) => S + (L < c ? z.size : 0), 0), O = (c) => i.value.reduce((S, z, L) => S + (L > c + 1 ? z.size : 0), 0), le = (c) => [...i.value].reverse().find((S) => S.index < c && S.size > S.min) || {}, ve = (c) => i.value.find((S) => S.index > c + 1 && S.size > S.min) || {}, ze = () => {
-      var c;
-      const S = Array.from(((c = d.value) == null ? void 0 : c.children) || []);
-      for (const z of S) {
-        const L = z.classList.contains("splitpanes__pane"), _ = z.classList.contains("splitpanes__splitter");
-        !L && !_ && (z.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
+      ee !== null && (ee.size = Math.min(Math.max(N - F.prevPanesSize - F.prevReachedMinPanes, ee.min), ee.max)), ue !== null && (ue.size = Math.min(Math.max(100 - N - F.nextPanesSize - F.nextReachedMinPanes, ue.min), ue.max));
+    }, ce = (f, k) => {
+      const F = b.value.activeSplitter, x = [F, F + 1];
+      return k < f.prevPanesSize + i.value[x[0]].min && (x[0] = le(F).index, f.prevReachedMinPanes = 0, x[0] < F && i.value.forEach((S, N) => {
+        N > x[0] && N <= F && (S.size = S.min, f.prevReachedMinPanes += S.min);
+      }), f.prevPanesSize = se(x[0]), x[0] === void 0) ? (f.prevReachedMinPanes = 0, i.value[0].size = i.value[0].min, i.value.forEach((S, N) => {
+        N > 0 && N <= F && (S.size = S.min, f.prevReachedMinPanes += S.min);
+      }), i.value[x[1]].size = 100 - f.prevReachedMinPanes - i.value[0].min - f.prevPanesSize - f.nextPanesSize, null) : k > 100 - f.nextPanesSize - i.value[x[1]].min && (x[1] = me(F).index, f.nextReachedMinPanes = 0, x[1] > F + 1 && i.value.forEach((S, N) => {
+        N > F && N < x[1] && (S.size = S.min, f.nextReachedMinPanes += S.min);
+      }), f.nextPanesSize = A(x[1] - 1), x[1] === void 0) ? (f.nextReachedMinPanes = 0, i.value.forEach((S, N) => {
+        N < a.value - 1 && N >= F + 1 && (S.size = S.min, f.nextReachedMinPanes += S.min);
+      }), i.value[x[0]].size = 100 - f.prevPanesSize - A(x[0] - 1), null) : { sums: f, panesToResize: x };
+    }, se = (f) => i.value.reduce((k, F, x) => k + (x < f ? F.size : 0), 0), A = (f) => i.value.reduce((k, F, x) => k + (x > f + 1 ? F.size : 0), 0), le = (f) => [...i.value].reverse().find((k) => k.index < f && k.size > k.min) || {}, me = (f) => i.value.find((k) => k.index > f + 1 && k.size > k.min) || {}, ze = () => {
+      var f;
+      const k = Array.from(((f = h.value) == null ? void 0 : f.children) || []);
+      for (const F of k) {
+        const x = F.classList.contains("splitpanes__pane"), S = F.classList.contains("splitpanes__splitter");
+        !x && !S && (F.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
       }
-    }, Te = (c, S, z = !1) => {
-      const L = c - 1, _ = document.createElement("div");
-      _.classList.add("splitpanes__splitter"), z || (_.onmousedown = (N) => f(N, L), typeof window < "u" && "ontouchstart" in window && (_.ontouchstart = (N) => f(N, L)), _.onclick = (N) => R(N, L + 1)), _.ondblclick = (N) => J(N, L + 1), S.parentNode.insertBefore(_, S);
-    }, Ee = (c) => {
-      c.onmousedown = void 0, c.onclick = void 0, c.ondblclick = void 0, c.remove();
-    }, me = () => {
-      var c;
-      const S = Array.from(((c = d.value) == null ? void 0 : c.children) || []);
-      for (const L of S)
-        L.className.includes("splitpanes__splitter") && Ee(L);
-      let z = 0;
-      for (const L of S)
-        L.className.includes("splitpanes__pane") && (!z && l.firstSplitter ? Te(z, L, !0) : z && Te(z, L), z++);
-    }, Ne = ({ uid: c, ...S }) => {
-      const z = r.value[c];
-      for (const [L, _] of Object.entries(S)) z[L] = _;
-    }, ft = (c) => {
-      var S;
-      let z = -1;
-      Array.from(((S = d.value) == null ? void 0 : S.children) || []).some((L) => (L.className.includes("splitpanes__pane") && z++, L.isSameNode(c.el))), i.value.splice(z, 0, { ...c, index: z }), i.value.forEach((L, _) => L.index = _), y.value && Se(() => {
-        me(), ae({ addedPane: i.value[z] }), j("pane-add", { pane: i.value[z] });
+    }, Te = (f, k, F = !1) => {
+      const x = f - 1, S = document.createElement("div");
+      S.classList.add("splitpanes__splitter"), F || (S.onmousedown = (N) => _(N, x), typeof window < "u" && "ontouchstart" in window && (S.ontouchstart = (N) => _(N, x)), S.onclick = (N) => $(N, x + 1)), S.ondblclick = (N) => R(N, x + 1), k.parentNode.insertBefore(S, k);
+    }, Ee = (f) => {
+      f.onmousedown = void 0, f.onclick = void 0, f.ondblclick = void 0, f.remove();
+    }, be = () => {
+      var f;
+      const k = Array.from(((f = h.value) == null ? void 0 : f.children) || []);
+      for (const x of k)
+        x.className.includes("splitpanes__splitter") && Ee(x);
+      let F = 0;
+      for (const x of k)
+        x.className.includes("splitpanes__pane") && (!F && l.firstSplitter ? Te(F, x, !0) : F && Te(F, x), F++);
+    }, Ne = ({ uid: f, ...k }) => {
+      const F = r.value[f];
+      for (const [x, S] of Object.entries(k)) F[x] = S;
+    }, ft = (f) => {
+      var k;
+      let F = -1;
+      Array.from(((k = h.value) == null ? void 0 : k.children) || []).some((x) => (x.className.includes("splitpanes__pane") && F++, x.isSameNode(f.el))), i.value.splice(F, 0, { ...f, index: F }), i.value.forEach((x, S) => x.index = S), g.value && Se(() => {
+        be(), ae({ addedPane: i.value[F] }), U("pane-add", { pane: i.value[F] });
       });
-    }, Ue = (c) => {
-      const S = i.value.findIndex((L) => L.id === c);
-      i.value[S].el = null;
-      const z = i.value.splice(S, 1)[0];
-      i.value.forEach((L, _) => L.index = _), Se(() => {
-        me(), j("pane-remove", { pane: z }), ae({ removedPane: { ...z } });
+    }, Ue = (f) => {
+      const k = i.value.findIndex((x) => x.id === f);
+      i.value[k].el = null;
+      const F = i.value.splice(k, 1)[0];
+      i.value.forEach((x, S) => x.index = S), Se(() => {
+        be(), U("pane-remove", { pane: F }), ae({ removedPane: { ...F } });
       });
-    }, ae = (c = {}) => {
-      !c.addedPane && !c.removedPane ? ke() : i.value.some((S) => S.givenSize !== null || S.min || S.max < 100) ? Ge(c) : pe(), y.value && j("resized");
+    }, ae = (f = {}) => {
+      !f.addedPane && !f.removedPane ? ke() : i.value.some((k) => k.givenSize !== null || k.min || k.max < 100) ? Ge(f) : pe(), g.value && U("resized");
     }, pe = () => {
-      const c = 100 / a.value;
-      let S = 0;
-      const z = [], L = [];
-      for (const _ of i.value)
-        _.size = Math.max(Math.min(c, _.max), _.min), S -= _.size, _.size >= _.max && z.push(_.id), _.size <= _.min && L.push(_.id);
-      S > 0.1 && $e(S, z, L);
+      const f = 100 / a.value;
+      let k = 0;
+      const F = [], x = [];
+      for (const S of i.value)
+        S.size = Math.max(Math.min(f, S.max), S.min), k -= S.size, S.size >= S.max && F.push(S.id), S.size <= S.min && x.push(S.id);
+      k > 0.1 && $e(k, F, x);
     }, ke = () => {
-      let c = 100;
-      const S = [], z = [];
-      let L = 0;
+      let f = 100;
+      const k = [], F = [];
+      let x = 0;
       for (const N of i.value)
-        c -= N.size, N.givenSize !== null && L++, N.size >= N.max && S.push(N.id), N.size <= N.min && z.push(N.id);
-      let _ = 100;
-      if (c > 0.1) {
+        f -= N.size, N.givenSize !== null && x++, N.size >= N.max && k.push(N.id), N.size <= N.min && F.push(N.id);
+      let S = 100;
+      if (f > 0.1) {
         for (const N of i.value)
-          N.givenSize === null && (N.size = Math.max(Math.min(c / (a.value - L), N.max), N.min)), _ -= N.size;
-        _ > 0.1 && $e(_, S, z);
+          N.givenSize === null && (N.size = Math.max(Math.min(f / (a.value - x), N.max), N.min)), S -= N.size;
+        S > 0.1 && $e(S, k, F);
       }
-    }, Ge = ({ addedPane: c, removedPane: S } = {}) => {
-      let z = 100 / a.value, L = 0;
-      const _ = [], N = [];
-      ((c == null ? void 0 : c.givenSize) ?? null) !== null && (z = (100 - c.givenSize) / (a.value - 1));
-      for (const W of i.value)
-        L -= W.size, W.size >= W.max && _.push(W.id), W.size <= W.min && N.push(W.id);
-      if (!(Math.abs(L) < 0.1)) {
-        for (const W of i.value)
-          (c == null ? void 0 : c.givenSize) !== null && (c == null ? void 0 : c.id) === W.id || (W.size = Math.max(Math.min(z, W.max), W.min)), L -= W.size, W.size >= W.max && _.push(W.id), W.size <= W.min && N.push(W.id);
-        L > 0.1 && $e(L, _, N);
+    }, Ge = ({ addedPane: f, removedPane: k } = {}) => {
+      let F = 100 / a.value, x = 0;
+      const S = [], N = [];
+      ((f == null ? void 0 : f.givenSize) ?? null) !== null && (F = (100 - f.givenSize) / (a.value - 1));
+      for (const D of i.value)
+        x -= D.size, D.size >= D.max && S.push(D.id), D.size <= D.min && N.push(D.id);
+      if (!(Math.abs(x) < 0.1)) {
+        for (const D of i.value)
+          (f == null ? void 0 : f.givenSize) !== null && (f == null ? void 0 : f.id) === D.id || (D.size = Math.max(Math.min(F, D.max), D.min)), x -= D.size, D.size >= D.max && S.push(D.id), D.size <= D.min && N.push(D.id);
+        x > 0.1 && $e(x, S, N);
       }
-    }, $e = (c, S, z) => {
-      let L;
-      c > 0 ? L = c / (a.value - S.length) : L = c / (a.value - z.length), i.value.forEach((_, N) => {
-        if (c > 0 && !S.includes(_.id)) {
-          const W = Math.max(Math.min(_.size + L, _.max), _.min), ee = W - _.size;
-          c -= ee, _.size = W;
-        } else if (!z.includes(_.id)) {
-          const W = Math.max(Math.min(_.size + L, _.max), _.min), ee = W - _.size;
-          c -= ee, _.size = W;
+    }, $e = (f, k, F) => {
+      let x;
+      f > 0 ? x = f / (a.value - k.length) : x = f / (a.value - F.length), i.value.forEach((S, N) => {
+        if (f > 0 && !k.includes(S.id)) {
+          const D = Math.max(Math.min(S.size + x, S.max), S.min), ee = D - S.size;
+          f -= ee, S.size = D;
+        } else if (!F.includes(S.id)) {
+          const D = Math.max(Math.min(S.size + x, S.max), S.min), ee = D - S.size;
+          f -= ee, S.size = D;
         }
-      }), Math.abs(c) > 0.1 && Se(() => {
-        y.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
+      }), Math.abs(f) > 0.1 && Se(() => {
+        g.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
       });
-    }, j = (c, S = void 0, z = !1) => {
-      const L = (S == null ? void 0 : S.index) ?? g.value.activeSplitter ?? null;
-      n(c, {
-        ...S,
-        ...L !== null && { index: L },
-        ...z && L !== null && {
-          prevPane: i.value[L - (l.firstSplitter ? 1 : 0)],
-          nextPane: i.value[L + (l.firstSplitter ? 0 : 1)]
+    }, U = (f, k = void 0, F = !1) => {
+      const x = (k == null ? void 0 : k.index) ?? b.value.activeSplitter ?? null;
+      n(f, {
+        ...k,
+        ...x !== null && { index: x },
+        ...F && x !== null && {
+          prevPane: i.value[x - (l.firstSplitter ? 1 : 0)],
+          nextPane: i.value[x + (l.firstSplitter ? 0 : 1)]
         },
-        panes: i.value.map((_) => ({ min: _.min, max: _.max, size: _.size }))
+        panes: i.value.map((S) => ({ min: S.min, max: S.max, size: S.size }))
       });
     };
-    X(() => l.firstSplitter, () => me()), Le(() => {
-      ze(), me(), ae(), j("ready"), y.value = !0;
-    }), vn(() => y.value = !1);
+    X(() => l.firstSplitter, () => be()), Le(() => {
+      ze(), be(), ae(), U("ready"), g.value = !0;
+    }), vn(() => g.value = !1);
     const Qe = () => {
-      var c;
+      var f;
       return kt(
         "div",
-        { ref: d, class: E.value },
-        (c = e.default) == null ? void 0 : c.call(e)
+        { ref: h, class: L.value },
+        (f = e.default) == null ? void 0 : f.call(e)
       );
     };
-    return xe("panes", i), xe("indexedPanes", r), xe("horizontal", K(() => l.horizontal)), xe("requestUpdate", Ne), xe("onPaneAdd", ft), xe("onPaneRemove", Ue), xe("onPaneClick", Y), (c, S) => (u(), re(Xn(Qe)));
+    return xe("panes", i), xe("indexedPanes", r), xe("horizontal", Y(() => l.horizontal)), xe("requestUpdate", Ne), xe("onPaneAdd", ft), xe("onPaneRemove", Ue), xe("onPaneClick", K), (f, k) => (d(), re(Xn(Qe)));
   }
 }, gt = {
   __name: "pane",
@@ -467,38 +467,38 @@ const Yt = {
   },
   setup(t) {
     var o;
-    const n = t, l = Ie("requestUpdate"), e = Ie("onPaneAdd"), i = Ie("horizontal"), r = Ie("onPaneRemove"), a = Ie("onPaneClick"), d = (o = It()) == null ? void 0 : o.uid, y = Ie("indexedPanes"), g = K(() => y.value[d]), F = A(null), E = K(() => {
-      const h = isNaN(n.size) || n.size === void 0 ? 0 : parseFloat(n.size);
-      return Math.max(Math.min(h, b.value), C.value);
-    }), C = K(() => {
-      const h = parseFloat(n.minSize);
-      return isNaN(h) ? 0 : h;
-    }), b = K(() => {
-      const h = parseFloat(n.maxSize);
-      return isNaN(h) ? 100 : h;
-    }), f = K(() => {
-      var h;
-      return `${i.value ? "height" : "width"}: ${(h = g.value) == null ? void 0 : h.size}%`;
+    const n = t, l = Ie("requestUpdate"), e = Ie("onPaneAdd"), i = Ie("horizontal"), r = Ie("onPaneRemove"), a = Ie("onPaneClick"), h = (o = It()) == null ? void 0 : o.uid, g = Ie("indexedPanes"), b = Y(() => g.value[h]), C = q(null), L = Y(() => {
+      const u = isNaN(n.size) || n.size === void 0 ? 0 : parseFloat(n.size);
+      return Math.max(Math.min(u, P.value), z.value);
+    }), z = Y(() => {
+      const u = parseFloat(n.minSize);
+      return isNaN(u) ? 0 : u;
+    }), P = Y(() => {
+      const u = parseFloat(n.maxSize);
+      return isNaN(u) ? 100 : u;
+    }), _ = Y(() => {
+      var u;
+      return `${i.value ? "height" : "width"}: ${(u = b.value) == null ? void 0 : u.size}%`;
     });
-    return X(() => E.value, (h) => l({ uid: d, size: h })), X(() => C.value, (h) => l({ uid: d, min: h })), X(() => b.value, (h) => l({ uid: d, max: h })), Le(() => {
+    return X(() => L.value, (u) => l({ uid: h, size: u })), X(() => z.value, (u) => l({ uid: h, min: u })), X(() => P.value, (u) => l({ uid: h, max: u })), Le(() => {
       e({
-        id: d,
-        el: F.value,
-        min: C.value,
-        max: b.value,
+        id: h,
+        el: C.value,
+        min: z.value,
+        max: P.value,
         // The given size (useful to know the user intention).
-        givenSize: n.size === void 0 ? null : E.value,
-        size: E.value
+        givenSize: n.size === void 0 ? null : L.value,
+        size: L.value
         // The computed current size at any time.
       });
-    }), vn(() => r(d)), (h, x) => (u(), p("div", {
+    }), vn(() => r(h)), (u, c) => (d(), p("div", {
       ref_key: "paneEl",
-      ref: F,
+      ref: C,
       class: "splitpanes__pane",
-      onClick: x[0] || (x[0] = (R) => U(a)(R, h._.uid)),
-      style: G(f.value)
+      onClick: c[0] || (c[0] = ($) => G(a)($, u._.uid)),
+      style: Q(_.value)
     }, [
-      te(h.$slots, "default")
+      te(u.$slots, "default")
     ], 4));
   }
 }, De = /^[a-z0-9]+(-[a-z0-9]+)*$/, ut = (t, o, n, l = "") => {
@@ -511,13 +511,13 @@ const Yt = {
   if (e.length > 3 || !e.length)
     return null;
   if (e.length > 1) {
-    const a = e.pop(), d = e.pop(), y = {
+    const a = e.pop(), h = e.pop(), g = {
       // Allow provider without '@': "provider:prefix:name"
       provider: e.length > 0 ? e[0] : l,
-      prefix: d,
+      prefix: h,
       name: a
     };
-    return o && !nt(y) ? null : y;
+    return o && !nt(g) ? null : g;
   }
   const i = e[0], r = i.split("-");
   if (r.length > 1) {
@@ -575,8 +575,8 @@ function bl(t, o) {
       return e[r] = [];
     if (!(r in e)) {
       e[r] = null;
-      const a = l[r] && l[r].parent, d = a && i(a);
-      d && (e[r] = [a].concat(d));
+      const a = l[r] && l[r].parent, h = a && i(a);
+      h && (e[r] = [a].concat(h));
     }
     return e[r];
   }
@@ -779,49 +779,49 @@ function Il(t, o) {
     height: n.height
   };
   let i = n.body;
-  [n, l].forEach((f) => {
-    const h = [], x = f.hFlip, R = f.vFlip;
-    let J = f.rotate;
-    x ? R ? J += 2 : (h.push(
+  [n, l].forEach((_) => {
+    const u = [], c = _.hFlip, $ = _.vFlip;
+    let R = _.rotate;
+    c ? $ ? R += 2 : (u.push(
       "translate(" + (e.width + e.left).toString() + " " + (0 - e.top).toString() + ")"
-    ), h.push("scale(-1 1)"), e.top = e.left = 0) : R && (h.push(
+    ), u.push("scale(-1 1)"), e.top = e.left = 0) : $ && (u.push(
       "translate(" + (0 - e.left).toString() + " " + (e.height + e.top).toString() + ")"
-    ), h.push("scale(1 -1)"), e.top = e.left = 0);
-    let Y;
-    switch (J < 0 && (J -= Math.floor(J / 4) * 4), J = J % 4, J) {
+    ), u.push("scale(1 -1)"), e.top = e.left = 0);
+    let K;
+    switch (R < 0 && (R -= Math.floor(R / 4) * 4), R = R % 4, R) {
       case 1:
-        Y = e.height / 2 + e.top, h.unshift(
-          "rotate(90 " + Y.toString() + " " + Y.toString() + ")"
+        K = e.height / 2 + e.top, u.unshift(
+          "rotate(90 " + K.toString() + " " + K.toString() + ")"
         );
         break;
       case 2:
-        h.unshift(
+        u.unshift(
           "rotate(180 " + (e.width / 2 + e.left).toString() + " " + (e.height / 2 + e.top).toString() + ")"
         );
         break;
       case 3:
-        Y = e.width / 2 + e.left, h.unshift(
-          "rotate(-90 " + Y.toString() + " " + Y.toString() + ")"
+        K = e.width / 2 + e.left, u.unshift(
+          "rotate(-90 " + K.toString() + " " + K.toString() + ")"
         );
         break;
     }
-    J % 2 === 1 && (e.left !== e.top && (Y = e.left, e.left = e.top, e.top = Y), e.width !== e.height && (Y = e.width, e.width = e.height, e.height = Y)), h.length && (i = El(
+    R % 2 === 1 && (e.left !== e.top && (K = e.left, e.left = e.top, e.top = K), e.width !== e.height && (K = e.width, e.width = e.height, e.height = K)), u.length && (i = El(
       i,
-      '<g transform="' + h.join(" ") + '">',
+      '<g transform="' + u.join(" ") + '">',
       "</g>"
     ));
   });
-  const r = l.width, a = l.height, d = e.width, y = e.height;
-  let g, F;
-  r === null ? (F = a === null ? "1em" : a === "auto" ? y : a, g = en(F, d / y)) : (g = r === "auto" ? d : r, F = a === null ? en(g, y / d) : a === "auto" ? y : a);
-  const E = {}, C = (f, h) => {
-    Ml(h) || (E[f] = h.toString());
+  const r = l.width, a = l.height, h = e.width, g = e.height;
+  let b, C;
+  r === null ? (C = a === null ? "1em" : a === "auto" ? g : a, b = en(C, h / g)) : (b = r === "auto" ? h : r, C = a === null ? en(b, g / h) : a === "auto" ? g : a);
+  const L = {}, z = (_, u) => {
+    Ml(u) || (L[_] = u.toString());
   };
-  C("width", g), C("height", F);
-  const b = [e.left, e.top, d, y];
-  return E.viewBox = b.join(" "), {
-    attributes: E,
-    viewBox: b,
+  z("width", b), z("height", C);
+  const P = [e.left, e.top, h, g];
+  return L.viewBox = P.join(" "), {
+    attributes: L,
+    viewBox: P,
     body: i
   };
 }
@@ -930,13 +930,13 @@ const Dl = (t, o, n) => {
     prefix: o,
     icons: []
   }, a = 0;
-  return n.forEach((d, y) => {
-    a += d.length + 1, a >= e && y > 0 && (l.push(r), r = {
+  return n.forEach((h, g) => {
+    a += h.length + 1, a >= e && g > 0 && (l.push(r), r = {
       type: i,
       provider: t,
       prefix: o,
       icons: []
-    }, a = d.length), r.icons.push(d);
+    }, a = h.length), r.icons.push(h);
   }), l.push(r), l;
 };
 function Bl(t) {
@@ -955,10 +955,10 @@ const Hl = (t, o, n) => {
   let l = Bl(o.provider);
   switch (o.type) {
     case "icons": {
-      const i = o.prefix, a = o.icons.join(","), d = new URLSearchParams({
+      const i = o.prefix, a = o.icons.join(","), h = new URLSearchParams({
         icons: a
       });
-      l += i + ".json?" + d.toString();
+      l += i + ".json?" + h.toString();
       break;
     }
     case "custom": {
@@ -1013,15 +1013,15 @@ function jl(t) {
     if (l.name === e.name && l.prefix === e.prefix && l.provider === e.provider)
       return;
     l = e;
-    const i = e.provider, r = e.prefix, a = e.name, d = n[i] || (n[i] = /* @__PURE__ */ Object.create(null)), y = d[r] || (d[r] = Fe(i, r));
-    let g;
-    a in y.icons ? g = o.loaded : r === "" || y.missing.has(a) ? g = o.missing : g = o.pending;
-    const F = {
+    const i = e.provider, r = e.prefix, a = e.name, h = n[i] || (n[i] = /* @__PURE__ */ Object.create(null)), g = h[r] || (h[r] = Fe(i, r));
+    let b;
+    a in g.icons ? b = o.loaded : r === "" || g.missing.has(a) ? b = o.missing : b = o.pending;
+    const C = {
       provider: i,
       prefix: r,
       name: a
     };
-    g.push(F);
+    b.push(C);
   }), o;
 }
 function Ln(t, o) {
@@ -1040,21 +1040,21 @@ function Ul(t) {
     const l = t.provider, e = t.prefix;
     o.forEach((i) => {
       const r = i.icons, a = r.pending.length;
-      r.pending = r.pending.filter((d) => {
-        if (d.prefix !== e)
+      r.pending = r.pending.filter((h) => {
+        if (h.prefix !== e)
           return !0;
-        const y = d.name;
-        if (t.icons[y])
+        const g = h.name;
+        if (t.icons[g])
           r.loaded.push({
             provider: l,
             prefix: e,
-            name: y
+            name: g
           });
-        else if (t.missing.has(y))
+        else if (t.missing.has(g))
           r.missing.push({
             provider: l,
             prefix: e,
-            name: y
+            name: g
           });
         else
           return n = !0, !0;
@@ -1102,52 +1102,52 @@ function Yl(t, o, n, l) {
   const e = t.resources.length, i = t.random ? Math.floor(Math.random() * e) : t.index;
   let r;
   if (t.random) {
-    let q = t.resources.slice(0);
-    for (r = []; q.length > 1; ) {
-      const H = Math.floor(Math.random() * q.length);
-      r.push(q[H]), q = q.slice(0, H).concat(q.slice(H + 1));
+    let W = t.resources.slice(0);
+    for (r = []; W.length > 1; ) {
+      const V = Math.floor(Math.random() * W.length);
+      r.push(W[V]), W = W.slice(0, V).concat(W.slice(V + 1));
     }
-    r = r.concat(q);
+    r = r.concat(W);
   } else
     r = t.resources.slice(i).concat(t.resources.slice(0, i));
   const a = Date.now();
-  let d = "pending", y = 0, g, F = null, E = [], C = [];
-  typeof l == "function" && C.push(l);
-  function b() {
-    F && (clearTimeout(F), F = null);
+  let h = "pending", g = 0, b, C = null, L = [], z = [];
+  typeof l == "function" && z.push(l);
+  function P() {
+    C && (clearTimeout(C), C = null);
   }
-  function f() {
-    d === "pending" && (d = "aborted"), b(), E.forEach((q) => {
-      q.status === "pending" && (q.status = "aborted");
-    }), E = [];
+  function _() {
+    h === "pending" && (h = "aborted"), P(), L.forEach((W) => {
+      W.status === "pending" && (W.status = "aborted");
+    }), L = [];
   }
-  function h(q, H) {
-    H && (C = []), typeof q == "function" && C.push(q);
+  function u(W, V) {
+    V && (z = []), typeof W == "function" && z.push(W);
   }
-  function x() {
+  function c() {
     return {
       startTime: a,
       payload: o,
-      status: d,
-      queriesSent: y,
-      queriesPending: E.length,
-      subscribe: h,
-      abort: f
+      status: h,
+      queriesSent: g,
+      queriesPending: L.length,
+      subscribe: u,
+      abort: _
     };
   }
-  function R() {
-    d = "failed", C.forEach((q) => {
-      q(void 0, g);
+  function $() {
+    h = "failed", z.forEach((W) => {
+      W(void 0, b);
     });
   }
-  function J() {
-    E.forEach((q) => {
-      q.status === "pending" && (q.status = "aborted");
-    }), E = [];
+  function R() {
+    L.forEach((W) => {
+      W.status === "pending" && (W.status = "aborted");
+    }), L = [];
   }
-  function Y(q, H, ce) {
-    const se = H !== "success";
-    switch (E = E.filter((O) => O !== q), d) {
+  function K(W, V, ce) {
+    const se = V !== "success";
+    switch (L = L.filter((A) => A !== W), h) {
       case "pending":
         break;
       case "failed":
@@ -1157,47 +1157,47 @@ function Yl(t, o, n, l) {
       default:
         return;
     }
-    if (H === "abort") {
-      g = ce, R();
+    if (V === "abort") {
+      b = ce, $();
       return;
     }
     if (se) {
-      g = ce, E.length || (r.length ? we() : R());
+      b = ce, L.length || (r.length ? ve() : $());
       return;
     }
-    if (b(), J(), !t.random) {
-      const O = t.resources.indexOf(q.resource);
-      O !== -1 && O !== t.index && (t.index = O);
+    if (P(), R(), !t.random) {
+      const A = t.resources.indexOf(W.resource);
+      A !== -1 && A !== t.index && (t.index = A);
     }
-    d = "completed", C.forEach((O) => {
-      O(ce);
+    h = "completed", z.forEach((A) => {
+      A(ce);
     });
   }
-  function we() {
-    if (d !== "pending")
+  function ve() {
+    if (h !== "pending")
       return;
-    b();
-    const q = r.shift();
-    if (q === void 0) {
-      if (E.length) {
-        F = setTimeout(() => {
-          b(), d === "pending" && (J(), R());
+    P();
+    const W = r.shift();
+    if (W === void 0) {
+      if (L.length) {
+        C = setTimeout(() => {
+          P(), h === "pending" && (R(), $());
         }, t.timeout);
         return;
       }
-      R();
+      $();
       return;
     }
-    const H = {
+    const V = {
       status: "pending",
-      resource: q,
+      resource: W,
       callback: (ce, se) => {
-        Y(H, ce, se);
+        K(V, ce, se);
       }
     };
-    E.push(H), y++, F = setTimeout(we, t.rotate), n(q, o, H.callback);
+    L.push(V), g++, C = setTimeout(ve, t.rotate), n(W, o, V.callback);
   }
-  return setTimeout(we), x;
+  return setTimeout(ve), c;
 }
 function _n(t) {
   const o = {
@@ -1208,19 +1208,19 @@ function _n(t) {
   function l() {
     n = n.filter((a) => a().status === "pending");
   }
-  function e(a, d, y) {
-    const g = Yl(
+  function e(a, h, g) {
+    const b = Yl(
       o,
       a,
-      d,
-      (F, E) => {
-        l(), y && y(F, E);
+      h,
+      (C, L) => {
+        l(), g && g(C, L);
       }
     );
-    return n.push(g), g;
+    return n.push(b), b;
   }
   function i(a) {
-    return n.find((d) => a(d)) || null;
+    return n.find((h) => a(h)) || null;
   }
   return {
     query: e,
@@ -1321,23 +1321,23 @@ function Pn(t, o) {
   if (l !== ln) {
     if (l) {
       const a = _t(n);
-      for (let d = 0; d < a; d++)
-        sn(n, Ve + d.toString());
+      for (let h = 0; h < a; h++)
+        sn(n, Ve + h.toString());
     }
     Rt(n, on, ln), Lt(n, 0);
     return;
   }
   const e = Math.floor(Date.now() / En) - eo, i = (a) => {
-    const d = Ve + a.toString(), y = Ft(n, d);
-    if (typeof y == "string") {
+    const h = Ve + a.toString(), g = Ft(n, h);
+    if (typeof g == "string") {
       try {
-        const g = JSON.parse(y);
-        if (typeof g == "object" && typeof g.cached == "number" && g.cached > e && typeof g.provider == "string" && typeof g.data == "object" && typeof g.data.prefix == "string" && // Valid item: run callback
-        o(g, a))
+        const b = JSON.parse(g);
+        if (typeof b == "object" && typeof b.cached == "number" && b.cached > e && typeof b.provider == "string" && typeof b.data == "object" && typeof b.data.prefix == "string" && // Valid item: run callback
+        o(b, a))
           return !0;
       } catch {
       }
-      sn(n, d);
+      sn(n, h);
     }
   };
   let r = _t(n);
@@ -1416,25 +1416,25 @@ function so(t, o) {
     if (!e || !(i = St(n)))
       return;
     i.prepare(n, l, e).forEach((a) => {
-      Zl(n, a, (d) => {
-        if (typeof d != "object")
-          a.icons.forEach((y) => {
-            t.missing.add(y);
+      Zl(n, a, (h) => {
+        if (typeof h != "object")
+          a.icons.forEach((g) => {
+            t.missing.add(g);
           });
         else
           try {
-            const y = Tt(
+            const g = Tt(
               t,
-              d
+              h
             );
-            if (!y.length)
+            if (!g.length)
               return;
-            const g = t.pendingIcons;
-            g && y.forEach((F) => {
-              g.delete(F);
-            }), oo(t, d);
-          } catch (y) {
-            console.error(y);
+            const b = t.pendingIcons;
+            b && g.forEach((C) => {
+              b.delete(C);
+            }), oo(t, h);
+          } catch (g) {
+            console.error(g);
           }
         io(t);
       });
@@ -1444,33 +1444,33 @@ function so(t, o) {
 const ro = (t, o) => {
   const n = Kl(t, !0, xn()), l = jl(n);
   if (!l.pending.length) {
-    let d = !0;
+    let h = !0;
     return o && setTimeout(() => {
-      d && o(
+      h && o(
         l.loaded,
         l.missing,
         l.pending,
         rn
       );
     }), () => {
-      d = !1;
+      h = !1;
     };
   }
   const e = /* @__PURE__ */ Object.create(null), i = [];
   let r, a;
-  return l.pending.forEach((d) => {
-    const { provider: y, prefix: g } = d;
-    if (g === a && y === r)
+  return l.pending.forEach((h) => {
+    const { provider: g, prefix: b } = h;
+    if (b === a && g === r)
       return;
-    r = y, a = g, i.push(Fe(y, g));
-    const F = e[y] || (e[y] = /* @__PURE__ */ Object.create(null));
-    F[g] || (F[g] = []);
-  }), l.pending.forEach((d) => {
-    const { provider: y, prefix: g, name: F } = d, E = Fe(y, g), C = E.pendingIcons || (E.pendingIcons = /* @__PURE__ */ new Set());
-    C.has(F) || (C.add(F), e[y][g].push(F));
-  }), i.forEach((d) => {
-    const { provider: y, prefix: g } = d;
-    e[y][g].length && so(d, e[y][g]);
+    r = g, a = b, i.push(Fe(g, b));
+    const C = e[g] || (e[g] = /* @__PURE__ */ Object.create(null));
+    C[b] || (C[b] = []);
+  }), l.pending.forEach((h) => {
+    const { provider: g, prefix: b, name: C } = h, L = Fe(g, b), z = L.pendingIcons || (L.pendingIcons = /* @__PURE__ */ new Set());
+    z.has(C) || (z.add(C), e[g][b].push(C));
+  }), i.forEach((h) => {
+    const { provider: g, prefix: b } = h;
+    e[g][b].length && so(h, e[g][b]);
   }), o ? Ql(o, l, i) : rn;
 };
 function ao(t, o) {
@@ -1575,10 +1575,10 @@ function dn(t) {
 }
 const fn = (t, o) => {
   const n = ao(an, o), l = { ...bo }, e = o.mode || "svg", i = {}, r = o.style, a = typeof r == "object" && !(r instanceof Array) ? r : {};
-  for (let f in o) {
-    const h = o[f];
-    if (h !== void 0)
-      switch (f) {
+  for (let _ in o) {
+    const u = o[_];
+    if (u !== void 0)
+      switch (_) {
         case "icon":
         case "style":
         case "onLoad":
@@ -1587,48 +1587,48 @@ const fn = (t, o) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          n[f] = h === !0 || h === "true" || h === 1;
+          n[_] = u === !0 || u === "true" || u === 1;
           break;
         case "flip":
-          typeof h == "string" && co(n, h);
+          typeof u == "string" && co(n, u);
           break;
         case "color":
-          i.color = h;
+          i.color = u;
           break;
         case "rotate":
-          typeof h == "string" ? n[f] = fo(h) : typeof h == "number" && (n[f] = h);
+          typeof u == "string" ? n[_] = fo(u) : typeof u == "number" && (n[_] = u);
           break;
         case "ariaHidden":
         case "aria-hidden":
-          h !== !0 && h !== "true" && delete l["aria-hidden"];
+          u !== !0 && u !== "true" && delete l["aria-hidden"];
           break;
         default: {
-          const x = ot[f];
-          x ? (h === !0 || h === "true" || h === 1) && (n[x] = !0) : an[f] === void 0 && (l[f] = h);
+          const c = ot[_];
+          c ? (u === !0 || u === "true" || u === 1) && (n[c] = !0) : an[_] === void 0 && (l[_] = u);
         }
       }
   }
-  const d = Il(t, n), y = d.attributes;
+  const h = Il(t, n), g = h.attributes;
   if (n.inline && (i.verticalAlign = "-0.125em"), e === "svg") {
     l.style = {
       ...i,
       ...a
-    }, Object.assign(l, y);
-    let f = 0, h = o.id;
-    return typeof h == "string" && (h = h.replace(/-/g, "_")), l.innerHTML = $l(d.body, h ? () => h + "ID" + f++ : "iconifyVue"), kt("svg", l);
+    }, Object.assign(l, g);
+    let _ = 0, u = o.id;
+    return typeof u == "string" && (u = u.replace(/-/g, "_")), l.innerHTML = $l(h.body, u ? () => u + "ID" + _++ : "iconifyVue"), kt("svg", l);
   }
-  const { body: g, width: F, height: E } = t, C = e === "mask" || (e === "bg" ? !1 : g.indexOf("currentColor") !== -1), b = ho(g, {
-    ...y,
-    width: F + "",
-    height: E + ""
+  const { body: b, width: C, height: L } = t, z = e === "mask" || (e === "bg" ? !1 : b.indexOf("currentColor") !== -1), P = ho(b, {
+    ...g,
+    width: C + "",
+    height: L + ""
   });
   return l.style = {
     ...i,
-    "--svg": mo(b),
-    width: dn(y.width),
-    height: dn(y.height),
+    "--svg": mo(P),
+    width: dn(g.width),
+    height: dn(g.height),
     ...go,
-    ...C ? zt : Nn,
+    ...z ? zt : Nn,
     ...a
   }, kt("span", l);
 };
@@ -1669,7 +1669,7 @@ if (typeof document < "u" && typeof window < "u") {
 const yo = {
   ...ct,
   body: ""
-}, ge = _e({
+}, ye = _e({
   // Do not inherit other attributes: it is handled by render()
   inheritAttrs: !1,
   // Set initial data
@@ -1742,52 +1742,52 @@ const yo = {
     expandall: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const o = t, n = Zn(o, "expandedrows"), l = A(!1);
+    const o = t, n = Zn(o, "expandedrows"), l = q(!1);
     function e(a) {
       if (o.expandall)
-        l.value = !l.value, n.value.forEach((d, y) => {
-          n.value.set(y, l.value);
+        l.value = !l.value, n.value.forEach((h, g) => {
+          n.value.set(g, l.value);
         });
       else {
-        const d = n.value.get(a);
-        n.value.set(a, !d);
+        const h = n.value.get(a);
+        n.value.set(a, !h);
       }
     }
-    const i = (a) => a._rowIndex !== void 0 ? a._rowIndex : a.id || 0, r = A(-1);
+    const i = (a) => a._rowIndex !== void 0 ? a._rowIndex : a.id || 0, r = q(-1);
     return X(() => n.value, () => {
       if (!o.expandall) return;
       const a = Array.from(n.value.values());
       new Set(a).size > 1 ? (r.value = -1, l.value = !0) : a[0] ? (r.value = 0, l.value = !0) : (r.value = 1, l.value = !1);
-    }, { deep: !0 }), (a, d) => (u(), p("button", {
+    }, { deep: !0 }), (a, h) => (d(), p("button", {
       class: "expandbtn",
-      onClick: d[0] || (d[0] = (y) => e(i(a.item)))
+      onClick: h[0] || (h[0] = (g) => e(i(a.item)))
     }, [
-      n.value.get(i(a.item)) === !0 ? (u(), p(D, { key: 0 }, [
-        o.expandall ? (u(), p(D, { key: 0 }, [
-          r.value ? (u(), re(U(ge), {
+      n.value.get(i(a.item)) === !0 ? (d(), p(B, { key: 0 }, [
+        o.expandall ? (d(), p(B, { key: 0 }, [
+          r.value ? (d(), re(G(ye), {
             key: 0,
             icon: "fluent:chevron-down-up-16-filled"
-          })) : (u(), re(U(ge), {
+          })) : (d(), re(G(ye), {
             key: 1,
             icon: "mdi:chevron-down"
           }))
-        ], 64)) : (u(), re(U(ge), {
+        ], 64)) : (d(), re(G(ye), {
           key: 1,
           icon: "mdi:chevron-down"
         }))
-      ], 64)) : (u(), p(D, { key: 1 }, [
-        o.expandall ? (u(), p(D, { key: 0 }, [
-          r.value == -1 ? (u(), re(U(ge), {
+      ], 64)) : (d(), p(B, { key: 1 }, [
+        o.expandall ? (d(), p(B, { key: 0 }, [
+          r.value == -1 ? (d(), re(G(ye), {
             key: 0,
             icon: "ion:chevron-expand"
-          })) : r.value == 0 ? (u(), re(U(ge), {
+          })) : r.value == 0 ? (d(), re(G(ye), {
             key: 1,
             icon: "mdi:chevron-down"
-          })) : (u(), re(U(ge), {
+          })) : (d(), re(G(ye), {
             key: 2,
             icon: "mdi:chevron-right"
           }))
-        ], 64)) : (u(), re(U(ge), {
+        ], 64)) : (d(), re(G(ye), {
           key: 1,
           icon: "mdi:chevron-right"
         }))
@@ -1812,11 +1812,11 @@ const yo = {
     function e() {
       l("rightPanelClick", n.item);
     }
-    return (i, r) => (u(), p("button", {
+    return (i, r) => (d(), p("button", {
       class: "rightpanelbtn",
-      onClick: V(e, ["stop"])
+      onClick: j(e, ["stop"])
     }, [
-      ne(U(ge), { icon: "lucide:plus" })
+      ne(G(ye), { icon: "lucide:plus" })
     ]));
   }
 }), hn = /* @__PURE__ */ je(xo, [["__scopeId", "data-v-b373d5f7"]]), So = { class: "bh-text-[13px] bh-font-normal bh-rounded bh-overflow-hidden" }, Fo = {
@@ -1826,118 +1826,118 @@ const yo = {
   props: ["column", "columnFilterLang"],
   emits: ["close", "filterChange"],
   setup(t, { emit: o }) {
-    const n = t, l = o, e = A(null);
+    const n = t, l = o, e = q(null);
     dl(e, () => {
       l("close");
     });
     const i = (r) => {
       n.column.condition = r, r === "" && (n.column.value = ""), l("filterChange", n.column), l("close");
     };
-    return (r, a) => (u(), p("div", {
+    return (r, a) => (d(), p("div", {
       ref_key: "menuRef",
       ref: e,
       class: "bh-filter-menu bh-absolute bh-z-[1] bh-bg-white dark:bh-bg-gray-800 bh-shadow-md bh-rounded-md bh-top-full bh-right-0 bh-w-32 bh-mt-1 bh-border bh-border-solid bh-border-gray-200 dark:bh-border-gray-600"
     }, [
-      k("div", So, [
-        k("button", {
+      w("div", So, [
+        w("button", {
           type: "button",
-          class: P({ active: n.column.condition === "" }),
-          onClick: a[0] || (a[0] = V((d) => i(""), ["stop"]))
-        }, B((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
-        n.column.type === "string" ? (u(), p(D, { key: 0 }, [
-          k("button", {
+          class: I({ active: n.column.condition === "" }),
+          onClick: a[0] || (a[0] = j((h) => i(""), ["stop"]))
+        }, H((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
+        n.column.type === "string" ? (d(), p(B, { key: 0 }, [
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "Contains" }),
-            onClick: a[1] || (a[1] = V((d) => i("Contains"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
-          k("button", {
+            class: I({ active: n.column.condition === "Contains" }),
+            onClick: a[1] || (a[1] = j((h) => i("Contains"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "NotContains" }),
-            onClick: a[2] || (a[2] = V((d) => i("NotContains"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
-          k("button", {
+            class: I({ active: n.column.condition === "NotContains" }),
+            onClick: a[2] || (a[2] = j((h) => i("NotContains"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "Equal" }),
-            onClick: a[3] || (a[3] = V((d) => i("Equal"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
-          k("button", {
+            class: I({ active: n.column.condition === "Equal" }),
+            onClick: a[3] || (a[3] = j((h) => i("Equal"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "NotEqual" }),
-            onClick: a[4] || (a[4] = V((d) => i("NotEqual"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
-          k("button", {
+            class: I({ active: n.column.condition === "NotEqual" }),
+            onClick: a[4] || (a[4] = j((h) => i("NotEqual"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "StartsWith" }),
-            onClick: a[5] || (a[5] = V((d) => i("StartsWith"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
-          k("button", {
+            class: I({ active: n.column.condition === "StartsWith" }),
+            onClick: a[5] || (a[5] = j((h) => i("StartsWith"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "EndsWith" }),
-            onClick: a[6] || (a[6] = V((d) => i("EndsWith"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
-        ], 64)) : n.column.type === "number" ? (u(), p(D, { key: 1 }, [
-          k("button", {
+            class: I({ active: n.column.condition === "EndsWith" }),
+            onClick: a[6] || (a[6] = j((h) => i("EndsWith"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
+        ], 64)) : n.column.type === "number" ? (d(), p(B, { key: 1 }, [
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "Equal" }),
-            onClick: a[7] || (a[7] = V((d) => i("Equal"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
-          k("button", {
+            class: I({ active: n.column.condition === "Equal" }),
+            onClick: a[7] || (a[7] = j((h) => i("Equal"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "NotEqual" }),
-            onClick: a[8] || (a[8] = V((d) => i("NotEqual"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
-          k("button", {
+            class: I({ active: n.column.condition === "NotEqual" }),
+            onClick: a[8] || (a[8] = j((h) => i("NotEqual"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "GreaterThan" }),
-            onClick: a[9] || (a[9] = V((d) => i("GreaterThan"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
-          k("button", {
+            class: I({ active: n.column.condition === "GreaterThan" }),
+            onClick: a[9] || (a[9] = j((h) => i("GreaterThan"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "GreaterThanOrEqual" }),
-            onClick: a[10] || (a[10] = V((d) => i("GreaterThanOrEqual"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual (>=)"), 3),
-          k("button", {
+            class: I({ active: n.column.condition === "GreaterThanOrEqual" }),
+            onClick: a[10] || (a[10] = j((h) => i("GreaterThanOrEqual"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual (>=)"), 3),
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "LessThan" }),
-            onClick: a[11] || (a[11] = V((d) => i("LessThan"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3),
-          k("button", {
+            class: I({ active: n.column.condition === "LessThan" }),
+            onClick: a[11] || (a[11] = j((h) => i("LessThan"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3),
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "LessThanOrEqual" }),
-            onClick: a[12] || (a[12] = V((d) => i("LessThanOrEqual"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual (<=)"), 3)
-        ], 64)) : n.column.type === "date" ? (u(), p(D, { key: 2 }, [
-          k("button", {
+            class: I({ active: n.column.condition === "LessThanOrEqual" }),
+            onClick: a[12] || (a[12] = j((h) => i("LessThanOrEqual"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual (<=)"), 3)
+        ], 64)) : n.column.type === "date" ? (d(), p(B, { key: 2 }, [
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "Equal" }),
-            onClick: a[13] || (a[13] = V((d) => i("Equal"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
-          k("button", {
+            class: I({ active: n.column.condition === "Equal" }),
+            onClick: a[13] || (a[13] = j((h) => i("Equal"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "NotEqual" }),
-            onClick: a[14] || (a[14] = V((d) => i("NotEqual"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal (!=)"), 3),
-          k("button", {
+            class: I({ active: n.column.condition === "NotEqual" }),
+            onClick: a[14] || (a[14] = j((h) => i("NotEqual"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal (!=)"), 3),
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "GreaterThan" }),
-            onClick: a[15] || (a[15] = V((d) => i("GreaterThan"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
-          k("button", {
+            class: I({ active: n.column.condition === "GreaterThan" }),
+            onClick: a[15] || (a[15] = j((h) => i("GreaterThan"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
+          w("button", {
             type: "button",
-            class: P({ active: n.column.condition === "LessThan" }),
-            onClick: a[16] || (a[16] = V((d) => i("LessThan"), ["stop"]))
-          }, B((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3)
-        ], 64)) : I("", !0),
-        k("button", {
+            class: I({ active: n.column.condition === "LessThan" }),
+            onClick: a[16] || (a[16] = j((h) => i("LessThan"), ["stop"]))
+          }, H((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3)
+        ], 64)) : M("", !0),
+        w("button", {
           type: "button",
-          class: P({ active: n.column.condition === "IsNull" }),
-          onClick: a[17] || (a[17] = V((d) => i("IsNull"), ["stop"]))
-        }, B((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
-        k("button", {
+          class: I({ active: n.column.condition === "IsNull" }),
+          onClick: a[17] || (a[17] = j((h) => i("IsNull"), ["stop"]))
+        }, H((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
+        w("button", {
           type: "button",
-          class: P({ active: n.column.condition === "IsNotNull" }),
-          onClick: a[18] || (a[18] = V((d) => i("IsNotNull"), ["stop"]))
-        }, B((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
+          class: I({ active: n.column.condition === "IsNotNull" }),
+          onClick: a[18] || (a[18] = j((h) => i("IsNotNull"), ["stop"]))
+        }, H((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
       ])
     ], 512));
   }
@@ -1989,10 +1989,10 @@ const yo = {
     { value: "Equal", label: "Equal", icon: "=" },
     { value: "NotEqual", label: "Not Equal", icon: "≠" }
   ]
-}, _o = { class: "bh-p-2 bh-min-w-[200px]" }, zo = { class: "bh-mb-2" }, Eo = /* @__PURE__ */ k("label", { class: "bh-text-xs bh-font-medium bh-text-gray-600 dark:bh-text-gray-400 bh-block bh-mb-1" }, " Filter Condition ", -1), Mo = ["value"], Io = {
+}, _o = { class: "bh-p-2 bh-min-w-[200px]" }, zo = { class: "bh-mb-2" }, Eo = /* @__PURE__ */ w("label", { class: "bh-text-xs bh-font-medium bh-text-gray-600 dark:bh-text-gray-400 bh-block bh-mb-1" }, " Filter Condition ", -1), Mo = ["value"], Io = {
   key: 0,
   class: "bh-border-t bh-border-gray-200 dark:bh-border-gray-600 bh-pt-2 bh-mt-2"
-}, Po = /* @__PURE__ */ k("label", { class: "bh-text-xs bh-font-medium bh-text-gray-600 dark:bh-text-gray-400 bh-block bh-mb-1" }, " Sort ", -1), To = { class: "bh-flex bh-flex-col bh-gap-1" }, No = {
+}, Po = /* @__PURE__ */ w("label", { class: "bh-text-xs bh-font-medium bh-text-gray-600 dark:bh-text-gray-400 bh-block bh-mb-1" }, " Sort ", -1), To = { class: "bh-flex bh-flex-col bh-gap-1" }, No = {
   name: "columnFilterNew"
 }, $o = /* @__PURE__ */ _e({
   ...No,
@@ -2004,87 +2004,87 @@ const yo = {
   ],
   emits: ["close", "filterChange", "sortChange", "clearFilter", "conditionChange"],
   setup(t, { emit: o }) {
-    const n = t, l = o, e = A(null), i = A(null), r = A(n.column.condition || ""), a = A(!1), d = K(() => {
-      var x;
-      const h = ((x = n.column.type) == null ? void 0 : x.toLowerCase()) || "string";
-      return rt[h] || rt.string;
-    }), y = (h) => {
-      if (!n.columnFilterLang) return h.label;
-      const x = h.value === "" ? "NoFilter" : h.value;
-      return n.columnFilterLang[x] || h.label;
-    }, g = (h) => {
-      const R = h.target.value;
-      a.value = !1, r.value = R, l("conditionChange", n.column.field, R), R === "" && (n.column.value = ""), l("filterChange", n.column);
-    }, F = (h) => n.currentSortColumn === n.column.field && n.currentSortDirection === h, E = (h) => {
-      l("sortChange", n.column.field, h), l("close");
-    }, C = () => {
-      var x;
-      const h = ((x = n.column.type) == null ? void 0 : x.toLowerCase()) || "string";
-      n.column.condition = h === "string" ? "Contains" : "Equal", n.column.value = "", r.value = n.column.condition, l("clearFilter", n.column), l("close");
-    }, b = (h) => {
-      const x = h.target;
-      a.value || x.tagName === "SELECT" || x.tagName === "OPTION" || e.value && e.value.contains(x) || x.closest(".bh-filter-button") || l("close");
-    }, f = (h) => {
-      h.key === "Escape" && l("close");
+    const n = t, l = o, e = q(null), i = q(null), r = q(n.column.condition || ""), a = q(!1), h = Y(() => {
+      var c;
+      const u = ((c = n.column.type) == null ? void 0 : c.toLowerCase()) || "string";
+      return rt[u] || rt.string;
+    }), g = (u) => {
+      if (!n.columnFilterLang) return u.label;
+      const c = u.value === "" ? "NoFilter" : u.value;
+      return n.columnFilterLang[c] || u.label;
+    }, b = (u) => {
+      const $ = u.target.value;
+      a.value = !1, r.value = $, l("conditionChange", n.column.field, $), $ === "" && (n.column.value = ""), l("filterChange", n.column);
+    }, C = (u) => n.currentSortColumn === n.column.field && n.currentSortDirection === u, L = (u) => {
+      l("sortChange", n.column.field, u), l("close");
+    }, z = () => {
+      var c;
+      const u = ((c = n.column.type) == null ? void 0 : c.toLowerCase()) || "string";
+      n.column.condition = u === "string" ? "Contains" : "Equal", n.column.value = "", r.value = n.column.condition, l("clearFilter", n.column), l("close");
+    }, P = (u) => {
+      const c = u.target;
+      a.value || c.tagName === "SELECT" || c.tagName === "OPTION" || e.value && e.value.contains(c) || c.closest(".bh-filter-button") || l("close");
+    }, _ = (u) => {
+      u.key === "Escape" && l("close");
     };
     return Le(() => {
       Se(() => {
-        var h;
-        (h = i.value) == null || h.focus(), document.addEventListener("click", b, !0), document.addEventListener("keydown", f);
+        var u;
+        (u = i.value) == null || u.focus(), document.addEventListener("click", P, !0), document.addEventListener("keydown", _);
       });
     }), mn(() => {
-      document.removeEventListener("click", b, !0), document.removeEventListener("keydown", f);
-    }), (h, x) => (u(), p("div", {
+      document.removeEventListener("click", P, !0), document.removeEventListener("keydown", _);
+    }), (u, c) => (d(), p("div", {
       ref_key: "dropdownRef",
       ref: e,
       class: "bh-filter-dropdown-container bh-absolute bh-z-[100] bh-bg-white dark:bh-bg-gray-800 bh-shadow-lg bh-rounded bh-top-full bh-right-0 bh-mt-1 bh-border bh-border-solid bh-border-gray-300 dark:bh-border-gray-600"
     }, [
-      k("div", _o, [
-        k("div", zo, [
+      w("div", _o, [
+        w("div", zo, [
           Eo,
-          ie(k("select", {
+          ie(w("select", {
             ref_key: "selectRef",
             ref: i,
-            "onUpdate:modelValue": x[0] || (x[0] = (R) => r.value = R),
+            "onUpdate:modelValue": c[0] || (c[0] = ($) => r.value = $),
             class: "bh-filter-select bh-w-full bh-px-2.5 bh-py-1.5 bh-text-sm bh-border bh-border-gray-300 dark:bh-border-gray-600 bh-rounded bh-bg-white dark:bh-bg-gray-700 hover:bh-border-primary focus:bh-border-primary focus:bh-ring-1 focus:bh-ring-primary bh-outline-none bh-cursor-pointer bh-transition-colors",
-            onFocus: x[1] || (x[1] = (R) => a.value = !0),
-            onBlur: x[2] || (x[2] = (R) => a.value = !1),
-            onChange: g
+            onFocus: c[1] || (c[1] = ($) => a.value = !0),
+            onBlur: c[2] || (c[2] = ($) => a.value = !1),
+            onChange: b
           }, [
-            (u(!0), p(D, null, oe(d.value, (R) => (u(), p("option", {
-              key: R.value,
-              value: R.value
-            }, B(R.icon ? R.icon + " " : "") + B(y(R)), 9, Mo))), 128))
+            (d(!0), p(B, null, oe(h.value, ($) => (d(), p("option", {
+              key: $.value,
+              value: $.value
+            }, H($.icon ? $.icon + " " : "") + H(g($)), 9, Mo))), 128))
           ], 544), [
             [it, r.value]
           ])
         ]),
-        n.column.sort !== !1 ? (u(), p("div", Io, [
+        n.column.sort !== !1 ? (d(), p("div", Io, [
           Po,
-          k("div", To, [
-            k("button", {
+          w("div", To, [
+            w("button", {
               type: "button",
-              class: P(["bh-w-full bh-px-2.5 bh-py-1.5 bh-text-sm bh-text-left bh-rounded bh-transition-colors", {
-                "bh-bg-primary/10 bh-text-primary": F("asc"),
-                "bh-bg-gray-50 dark:bh-bg-gray-700 hover:bh-bg-gray-100 dark:hover:bh-bg-gray-600": !F("asc")
+              class: I(["bh-w-full bh-px-2.5 bh-py-1.5 bh-text-sm bh-text-left bh-rounded bh-transition-colors", {
+                "bh-bg-primary/10 bh-text-primary": C("asc"),
+                "bh-bg-gray-50 dark:bh-bg-gray-700 hover:bh-bg-gray-100 dark:hover:bh-bg-gray-600": !C("asc")
               }]),
-              onClick: x[3] || (x[3] = (R) => E("asc"))
+              onClick: c[3] || (c[3] = ($) => L("asc"))
             }, " ↑ Sort Ascending ", 2),
-            k("button", {
+            w("button", {
               type: "button",
-              class: P(["bh-w-full bh-px-2.5 bh-py-1.5 bh-text-sm bh-text-left bh-rounded bh-transition-colors", {
-                "bh-bg-primary/10 bh-text-primary": F("desc"),
-                "bh-bg-gray-50 dark:bh-bg-gray-700 hover:bh-bg-gray-100 dark:hover:bh-bg-gray-600": !F("desc")
+              class: I(["bh-w-full bh-px-2.5 bh-py-1.5 bh-text-sm bh-text-left bh-rounded bh-transition-colors", {
+                "bh-bg-primary/10 bh-text-primary": C("desc"),
+                "bh-bg-gray-50 dark:bh-bg-gray-700 hover:bh-bg-gray-100 dark:hover:bh-bg-gray-600": !C("desc")
               }]),
-              onClick: x[4] || (x[4] = (R) => E("desc"))
+              onClick: c[4] || (c[4] = ($) => L("desc"))
             }, " ↓ Sort Descending ", 2)
           ])
-        ])) : I("", !0),
-        k("div", { class: "bh-border-t bh-border-gray-200 dark:bh-border-gray-600 bh-pt-2 bh-mt-2" }, [
-          k("button", {
+        ])) : M("", !0),
+        w("div", { class: "bh-border-t bh-border-gray-200 dark:bh-border-gray-600 bh-pt-2 bh-mt-2" }, [
+          w("button", {
             type: "button",
             class: "bh-w-full bh-px-2.5 bh-py-1.5 bh-text-sm bh-text-left bh-rounded bh-transition-colors bh-text-red-600 hover:bh-bg-red-50 dark:hover:bh-bg-red-900/20",
-            onClick: C
+            onClick: z
           }, " ✕ Clear Filter ")
         ])
       ])
@@ -2094,22 +2094,22 @@ const yo = {
   version: "1.1",
   viewBox: "0 0 17 12",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ao = /* @__PURE__ */ k("g", {
+}, Ao = /* @__PURE__ */ w("g", {
   fill: "none",
   "fill-rule": "evenodd"
 }, [
-  /* @__PURE__ */ k("g", {
+  /* @__PURE__ */ w("g", {
     transform: "translate(-9 -11)",
     fill: "currentColor",
     "fill-rule": "nonzero"
   }, [
-    /* @__PURE__ */ k("path", { d: "m25.576 11.414c0.56558 0.55188 0.56558 1.4439 0 1.9961l-9.404 9.176c-0.28213 0.27529-0.65247 0.41385-1.0228 0.41385-0.37034 0-0.74068-0.13855-1.0228-0.41385l-4.7019-4.588c-0.56584-0.55188-0.56584-1.4442 0-1.9961 0.56558-0.55214 1.4798-0.55214 2.0456 0l3.679 3.5899 8.3812-8.1779c0.56558-0.55214 1.4798-0.55214 2.0456 0z" })
+    /* @__PURE__ */ w("path", { d: "m25.576 11.414c0.56558 0.55188 0.56558 1.4439 0 1.9961l-9.404 9.176c-0.28213 0.27529-0.65247 0.41385-1.0228 0.41385-0.37034 0-0.74068-0.13855-1.0228-0.41385l-4.7019-4.588c-0.56584-0.55188-0.56584-1.4442 0-1.9961 0.56558-0.55214 1.4798-0.55214 2.0456 0l3.679 3.5899 8.3812-8.1779c0.56558-0.55214 1.4798-0.55214 2.0456 0z" })
   ])
 ], -1), qo = [
   Ao
 ];
 function Wo(t, o) {
-  return u(), p("svg", Ro, qo);
+  return d(), p("svg", Ro, qo);
 }
 const Mt = /* @__PURE__ */ je(Oo, [["render", Wo]]), Do = {}, Bo = {
   viewBox: "0 0 24 24",
@@ -2121,7 +2121,7 @@ const Mt = /* @__PURE__ */ je(Oo, [["render", Wo]]), Do = {}, Bo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "css-i6dzq1"
-}, Ho = /* @__PURE__ */ k("line", {
+}, Ho = /* @__PURE__ */ w("line", {
   x1: "5",
   y1: "12",
   x2: "19",
@@ -2130,7 +2130,7 @@ const Mt = /* @__PURE__ */ je(Oo, [["render", Wo]]), Do = {}, Bo = {
   Ho
 ];
 function jo(t, o) {
-  return u(), p("svg", Bo, Vo);
+  return d(), p("svg", Bo, Vo);
 }
 const Uo = /* @__PURE__ */ je(Do, [["render", jo]]), Go = {}, Qo = {
   viewBox: "0 0 24 24",
@@ -2142,11 +2142,11 @@ const Uo = /* @__PURE__ */ je(Do, [["render", jo]]), Go = {}, Qo = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   class: "css-i6dzq1"
-}, Ko = /* @__PURE__ */ k("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1), Jo = [
+}, Ko = /* @__PURE__ */ w("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }, null, -1), Jo = [
   Ko
 ];
 function Yo(t, o) {
-  return u(), p("svg", Qo, Jo);
+  return d(), p("svg", Qo, Jo);
 }
 const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei = { class: "bh-checkbox" }, ti = ["onClick"], ni = {
   width: "16",
@@ -2156,14 +2156,14 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
 }, li = {
   key: 0,
   class: "bh-filter bh-relative"
-}, oi = ["onUpdate:modelValue"], ii = ["onUpdate:modelValue"], si = ["onUpdate:modelValue"], ri = ["onUpdate:modelValue"], ai = /* @__PURE__ */ k("option", { value: void 0 }, "All", -1), ui = /* @__PURE__ */ k("option", { value: !0 }, "True", -1), ci = /* @__PURE__ */ k("option", { value: !1 }, "False", -1), di = [
+}, oi = ["onUpdate:modelValue"], ii = ["onUpdate:modelValue"], si = ["onUpdate:modelValue"], ri = ["onUpdate:modelValue"], ai = /* @__PURE__ */ w("option", { value: void 0 }, "All", -1), ui = /* @__PURE__ */ w("option", { value: !0 }, "True", -1), ci = /* @__PURE__ */ w("option", { value: !1 }, "False", -1), di = [
   ai,
   ui,
   ci
 ], fi = {
   key: 1,
   class: "bh-filter-input-wrapper"
-}, hi = ["onUpdate:modelValue"], pi = ["onUpdate:modelValue"], vi = ["onUpdate:modelValue"], mi = ["onUpdate:modelValue"], bi = /* @__PURE__ */ k("option", { value: void 0 }, "All", -1), gi = /* @__PURE__ */ k("option", { value: !0 }, "True", -1), yi = /* @__PURE__ */ k("option", { value: !1 }, "False", -1), wi = [
+}, hi = ["onUpdate:modelValue"], pi = ["onUpdate:modelValue"], vi = ["onUpdate:modelValue"], mi = ["onUpdate:modelValue"], bi = /* @__PURE__ */ w("option", { value: void 0 }, "All", -1), gi = /* @__PURE__ */ w("option", { value: !0 }, "True", -1), yi = /* @__PURE__ */ w("option", { value: !1 }, "False", -1), wi = [
   bi,
   gi,
   yi
@@ -2189,29 +2189,29 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
     "clearColumnFilter"
   ],
   setup(t, { emit: o }) {
-    const n = A(null), l = t, e = o, i = A({}), r = A({}), a = K(() => {
-      var b;
-      const C = /* @__PURE__ */ new Map();
-      return (b = l.all) != null && b.columns && l.all.columns.forEach((f) => {
-        f.field && C.set(f.field, f);
-      }), C;
+    const n = q(null), l = t, e = o, i = q({}), r = q({}), a = Y(() => {
+      var u;
+      const _ = /* @__PURE__ */ new Map();
+      return (u = l.all) != null && u.columns && l.all.columns.forEach((c) => {
+        c.field && _.set(c.field, c);
+      }), _;
     });
     X(
       () => {
-        var C;
-        return (C = l.all) == null ? void 0 : C.columns;
+        var _;
+        return (_ = l.all) == null ? void 0 : _.columns;
       },
       () => {
       },
       { immediate: !0, deep: !0 }
     ), Le(() => {
-      var C;
-      (C = l.all) != null && C.columns && l.all.columns.forEach((b) => {
-        b.filter && b.field && (i.value[b.field] = b.value || "", cl(
-          () => i.value[b.field],
-          (f) => {
-            const h = a.value.get(b.field);
-            h && (h.type === "string" || h.type === "String" ? h.value = typeof f == "string" ? f.trim() : f : h.value = f, e("filterChange"));
+      var _;
+      (_ = l.all) != null && _.columns && l.all.columns.forEach((u) => {
+        u.filter && u.field && (i.value[u.field] = u.value || "", cl(
+          () => i.value[u.field],
+          (c) => {
+            const $ = a.value.get(u.field);
+            $ && ($.type === "string" || $.type === "String" ? $.value = typeof c == "string" ? c.trim() : c : $.value = c, e("filterChange"));
           },
           { debounce: 300 }
         ));
@@ -2219,261 +2219,261 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
     }), X(() => l.checkAll, () => {
       n.value && (n.value.indeterminate = l.checkAll !== 0 ? !l.checkAll : !1, n.value.checked = l.checkAll);
     });
-    const y = (C) => {
-      if (!C.field) return !1;
-      const b = i.value[C.field];
-      return b !== "" && b !== null && b !== void 0;
-    }, g = (C) => {
-      const b = r.value[C.field] ?? C.condition;
-      return b && b !== "";
-    }, F = (C) => r.value[C.field] ?? C.condition ?? "", E = (C) => {
-      var R;
-      const b = F(C);
-      if (!b || b === "") return "";
-      const f = ((R = C.type) == null ? void 0 : R.toLowerCase()) || "string", x = (rt[f] || rt.string).find((J) => J.value === b);
-      return x ? l.columnFilterLang && l.columnFilterLang[b] ? l.columnFilterLang[b] : x.label : b;
+    const g = (_) => {
+      if (!_.field) return !1;
+      const u = i.value[_.field];
+      return u !== "" && u !== null && u !== void 0;
+    }, b = (_) => {
+      const u = r.value[_.field] ?? _.condition;
+      return u && u !== "";
+    }, C = (_) => r.value[_.field] ?? _.condition ?? "", L = (_) => {
+      var K;
+      const u = C(_);
+      if (!u || u === "") return "";
+      const c = ((K = _.type) == null ? void 0 : K.toLowerCase()) || "string", R = (rt[c] || rt.string).find((ve) => ve.value === u);
+      return R ? l.columnFilterLang && l.columnFilterLang[u] ? l.columnFilterLang[u] : R.label : u;
+    }, z = (_, u) => {
+      const c = a.value.get(_);
+      c && (c.condition = u, r.value[_] = u);
+    }, P = (_) => {
+      i.value[_.field] = "", _.value = "", _.condition = "", r.value[_.field] = "", l.currentSortColumn === _.field && e("sortChange", l.all.sortColumn || _.field, "asc"), e("filterChange");
     };
-    return (C, b) => (u(), p("tr", Zo, [
-      l.all.hasCheckbox ? (u(), p("th", {
+    return (_, u) => (d(), p("tr", Zo, [
+      l.all.hasCheckbox ? (d(), p("th", {
         key: "chkall",
-        style: G({
+        style: Q({
           width: l.all.checkboxColumnWidth + " !important",
           minWidth: l.all.checkboxColumnWidth + " !important"
         }),
-        class: P({
+        class: I({
           "bh-sticky bh-bg-blue-light bh-z-[1]": l.all.stickyHeader || l.all.stickyFirstColumn,
           "bh-top-0": l.all.stickyHeader,
           "bh-left-0": l.all.stickyFirstColumn
         })
       }, [
-        k("div", ei, [
-          k("input", {
+        w("div", ei, [
+          w("input", {
             ref_key: "selectedAll",
             ref: n,
             type: "checkbox",
-            onClick: b[0] || (b[0] = V((f) => {
-              var h;
-              return e("selectAll", (h = f == null ? void 0 : f.target) == null ? void 0 : h.checked);
+            onClick: u[0] || (u[0] = j((c) => {
+              var $;
+              return e("selectAll", ($ = c == null ? void 0 : c.target) == null ? void 0 : $.checked);
             }, ["stop"]))
           }, null, 512),
-          k("div", null, [
+          w("div", null, [
             ne(Mt, { class: "check" }),
             ne(Uo, { class: "intermediate" })
           ])
         ])
-      ], 6)) : I("", !0),
-      l.all.hasRightPanel ? (u(), p("th", {
+      ], 6)) : M("", !0),
+      l.all.hasRightPanel ? (d(), p("th", {
         key: 1,
-        style: G({
+        style: Q({
           width: l.all.rightPanelColumnWidth + " !important",
           minWidth: l.all.rightPanelColumnWidth + " !important"
         }),
-        class: P({
+        class: I({
           "bh-sticky bh-bg-blue-light bh-z-[1]": l.all.stickyHeader || l.all.stickyFirstColumn,
           "bh-top-0": l.all.stickyHeader,
           "bh-left-0": l.all.stickyFirstColumn
         })
-      }, null, 6)) : I("", !0),
-      l.all.hasSubtable ? (u(), p("th", {
+      }, null, 6)) : M("", !0),
+      l.all.hasSubtable ? (d(), p("th", {
         key: 2,
-        style: G({
+        style: Q({
           width: l.all.subtableColumnWidth + " !important",
           minWidth: l.all.subtableColumnWidth + " !important"
         })
       }, [
-        l.all.expandall ? (u(), re(Et, {
+        l.all.expandall ? (d(), re(Et, {
           key: 0,
           expandedrows: l.expandedrows,
           expandall: l.all.expandall
-        }, null, 8, ["expandedrows", "expandall"])) : I("", !0)
-      ], 4)) : I("", !0),
-      (u(!0), p(D, null, oe(l.all.columns, (f, h) => (u(), p(D, null, [
-        f.hide ? I("", !0) : (u(), p("th", {
-          key: f.field,
-          class: P(["bh-select-none bh-z-[1]", [
-            l.all.sortable && f.sort ? "bh-cursor-pointer" : "",
-            h === 0 && l.all.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
-            l.all.hasCheckbox && h === 0 && l.all.stickyFirstColumn ? "bh-left-[52px]" : ""
+        }, null, 8, ["expandedrows", "expandall"])) : M("", !0)
+      ], 4)) : M("", !0),
+      (d(!0), p(B, null, oe(l.all.columns, (c, $) => (d(), p(B, null, [
+        c.hide ? M("", !0) : (d(), p("th", {
+          key: c.field,
+          class: I(["bh-select-none bh-z-[1]", [
+            l.all.sortable && c.sort ? "bh-cursor-pointer" : "",
+            $ === 0 && l.all.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
+            l.all.hasCheckbox && $ === 0 && l.all.stickyFirstColumn ? "bh-left-[52px]" : ""
           ]]),
-          style: G({
-            width: f.width,
-            "min-width": f.minWidth,
-            "max-width": f.maxWidth
+          style: Q({
+            width: c.width,
+            "min-width": c.minWidth,
+            "max-width": c.maxWidth
           })
         }, [
-          k("div", {
-            class: P(["bh-flex bh-items-center", [f.headerClass ? f.headerClass : ""]]),
-            onClick: (x) => l.all.sortable && f.sort && e("sortChange", f.field)
+          w("div", {
+            class: I(["bh-flex bh-items-center", [c.headerClass ? c.headerClass : ""]]),
+            onClick: (R) => l.all.sortable && c.sort && e("sortChange", c.field)
           }, [
-            We(B(f.title) + " ", 1),
-            l.all.sortable && f.sort ? (u(), p("span", {
+            We(H(c.title) + " ", 1),
+            l.all.sortable && c.sort ? (d(), p("span", {
               key: 0,
-              class: P(["bh-ml-3 bh-sort bh-flex bh-items-center", [l.currentSortColumn, l.currentSortDirection]])
+              class: I(["bh-ml-3 bh-sort bh-flex bh-items-center", [l.currentSortColumn, l.currentSortDirection]])
             }, [
-              (u(), p("svg", ni, [
-                k("polygon", {
+              (d(), p("svg", ni, [
+                w("polygon", {
                   points: "3.11,6.25 10.89,6.25 7,1.75 ",
                   fill: "currentColor",
-                  class: P(["bh-text-black/20", [
-                    t.currentSortColumn === f.field && t.currentSortDirection === "asc" ? "!bh-text-primary" : ""
+                  class: I(["bh-text-black/20", [
+                    t.currentSortColumn === c.field && t.currentSortDirection === "asc" ? "!bh-text-primary" : ""
                   ]])
                 }, null, 2),
-                k("polygon", {
+                w("polygon", {
                   points: "7,12.25 10.89,7.75 3.11,7.75 ",
                   fill: "currentColor",
-                  class: P(["bh-text-black/20", [
-                    t.currentSortColumn === f.field && t.currentSortDirection === "desc" ? "!bh-text-primary" : ""
+                  class: I(["bh-text-black/20", [
+                    t.currentSortColumn === c.field && t.currentSortDirection === "desc" ? "!bh-text-primary" : ""
                   ]])
                 }, null, 2)
               ]))
-            ], 2)) : I("", !0)
+            ], 2)) : M("", !0)
           ], 10, ti),
-          l.all.columnFilter && !l.isFooter ? (u(), p(D, { key: 0 }, [
-            f.filter ? (u(), p("div", li, [
-              l.all.showFloatingFilterLabel ? I("", !0) : (u(), p(D, { key: 0 }, [
-                f.type === "string" || f.type === "String" ? ie((u(), p("input", {
+          l.all.columnFilter && !l.isFooter ? (d(), p(B, { key: 0 }, [
+            c.filter ? (d(), p("div", li, [
+              l.all.showFloatingFilterLabel ? M("", !0) : (d(), p(B, { key: 0 }, [
+                c.type === "string" || c.type === "String" ? ie((d(), p("input", {
                   key: 0,
-                  "onUpdate:modelValue": (x) => i.value[f.field] = x,
+                  "onUpdate:modelValue": (R) => i.value[c.field] = R,
                   type: "text",
                   class: "bh-form-control"
                 }, null, 8, oi)), [
-                  [Pe, i.value[f.field]]
-                ]) : I("", !0),
-                f.type === "number" || f.type === "integer" || f.type === "Integer" ? ie((u(), p("input", {
+                  [Pe, i.value[c.field]]
+                ]) : M("", !0),
+                c.type === "number" || c.type === "integer" || c.type === "Integer" ? ie((d(), p("input", {
                   key: 1,
-                  "onUpdate:modelValue": (x) => i.value[f.field] = x,
+                  "onUpdate:modelValue": (R) => i.value[c.field] = R,
                   type: "number",
                   class: "bh-form-control"
                 }, null, 8, ii)), [
                   [
                     Pe,
-                    i.value[f.field],
+                    i.value[c.field],
                     void 0,
                     { number: !0 }
                   ]
-                ]) : f.type === "date" || f.type === "DateTime" ? ie((u(), p("input", {
+                ]) : c.type === "date" || c.type === "DateTime" ? ie((d(), p("input", {
                   key: 2,
-                  "onUpdate:modelValue": (x) => i.value[f.field] = x,
+                  "onUpdate:modelValue": (R) => i.value[c.field] = R,
                   type: "date",
                   class: "bh-form-control"
                 }, null, 8, si)), [
-                  [Pe, i.value[f.field]]
-                ]) : f.type === "bool" ? ie((u(), p("select", {
+                  [Pe, i.value[c.field]]
+                ]) : c.type === "bool" ? ie((d(), p("select", {
                   key: 3,
-                  "onUpdate:modelValue": (x) => i.value[f.field] = x,
+                  "onUpdate:modelValue": (R) => i.value[c.field] = R,
                   class: "bh-form-control",
-                  onClick: b[1] || (b[1] = //@ts-ignore
-                  (...x) => l.isOpenFilter && l.isOpenFilter(...x))
+                  onClick: u[1] || (u[1] = //@ts-ignore
+                  (...R) => l.isOpenFilter && l.isOpenFilter(...R))
                 }, di, 8, ri)), [
-                  [it, i.value[f.field]]
-                ]) : I("", !0)
+                  [it, i.value[c.field]]
+                ]) : M("", !0)
               ], 64)),
-              l.all.showFloatingFilterLabel ? (u(), p("div", fi, [
-                g(f) && l.all.useNewColumnFilter ? (u(), p("label", {
+              l.all.showFloatingFilterLabel ? (d(), p("div", fi, [
+                b(c) && l.all.useNewColumnFilter ? (d(), p("label", {
                   key: 0,
-                  class: P(["bh-floating-label", {
-                    "bh-floating-label--active": y(f)
+                  class: I(["bh-floating-label", {
+                    "bh-floating-label--active": g(c)
                   }])
-                }, B(E(f)), 3)) : I("", !0),
-                f.type === "string" || f.type === "String" ? ie((u(), p("input", {
+                }, H(L(c)), 3)) : M("", !0),
+                c.type === "string" || c.type === "String" ? ie((d(), p("input", {
                   key: 1,
-                  "onUpdate:modelValue": (x) => i.value[f.field] = x,
+                  "onUpdate:modelValue": (R) => i.value[c.field] = R,
                   type: "text",
-                  class: P(["bh-form-control", {
-                    "bh-form-control--with-label": g(f) && l.all.useNewColumnFilter
+                  class: I(["bh-form-control", {
+                    "bh-form-control--with-label": b(c) && l.all.useNewColumnFilter
                   }])
                 }, null, 10, hi)), [
-                  [Pe, i.value[f.field]]
-                ]) : I("", !0),
-                f.type === "number" || f.type === "integer" || f.type === "Integer" ? ie((u(), p("input", {
+                  [Pe, i.value[c.field]]
+                ]) : M("", !0),
+                c.type === "number" || c.type === "integer" || c.type === "Integer" ? ie((d(), p("input", {
                   key: 2,
-                  "onUpdate:modelValue": (x) => i.value[f.field] = x,
+                  "onUpdate:modelValue": (R) => i.value[c.field] = R,
                   type: "number",
-                  class: P(["bh-form-control", {
-                    "bh-form-control--with-label": g(f) && l.all.useNewColumnFilter
+                  class: I(["bh-form-control", {
+                    "bh-form-control--with-label": b(c) && l.all.useNewColumnFilter
                   }])
                 }, null, 10, pi)), [
                   [
                     Pe,
-                    i.value[f.field],
+                    i.value[c.field],
                     void 0,
                     { number: !0 }
                   ]
-                ]) : f.type === "date" || f.type === "DateTime" ? ie((u(), p("input", {
+                ]) : c.type === "date" || c.type === "DateTime" ? ie((d(), p("input", {
                   key: 3,
-                  "onUpdate:modelValue": (x) => i.value[f.field] = x,
+                  "onUpdate:modelValue": (R) => i.value[c.field] = R,
                   type: "date",
-                  class: P(["bh-form-control", {
-                    "bh-form-control--with-label": g(f) && l.all.useNewColumnFilter
+                  class: I(["bh-form-control", {
+                    "bh-form-control--with-label": b(c) && l.all.useNewColumnFilter
                   }])
                 }, null, 10, vi)), [
-                  [Pe, i.value[f.field]]
-                ]) : f.type === "bool" ? ie((u(), p("select", {
+                  [Pe, i.value[c.field]]
+                ]) : c.type === "bool" ? ie((d(), p("select", {
                   key: 4,
-                  "onUpdate:modelValue": (x) => i.value[f.field] = x,
+                  "onUpdate:modelValue": (R) => i.value[c.field] = R,
                   class: "bh-form-control",
-                  onClick: b[2] || (b[2] = //@ts-ignore
-                  (...x) => l.isOpenFilter && l.isOpenFilter(...x))
+                  onClick: u[2] || (u[2] = //@ts-ignore
+                  (...R) => l.isOpenFilter && l.isOpenFilter(...R))
                 }, wi, 8, mi)), [
-                  [it, i.value[f.field]]
-                ]) : I("", !0)
-              ])) : I("", !0),
-              f.type !== "bool" ? (u(), p("button", {
+                  [it, i.value[c.field]]
+                ]) : M("", !0)
+              ])) : M("", !0),
+              c.type !== "bool" ? (d(), p("button", {
                 key: 2,
                 type: "button",
-                class: P(["bh-filter-button", {
-                  "!bh-bg-primary/10 !bh-border-primary": g(f),
-                  "bh-bg-[#e0e6ed] dark:bh-bg-gray-700": !g(f),
+                class: I(["bh-filter-button", {
+                  "!bh-bg-primary/10 !bh-border-primary": b(c),
+                  "bh-bg-[#e0e6ed] dark:bh-bg-gray-700": !b(c),
                   "bh-filter-button--with-label": l.all.showFloatingFilterLabel
                 }]),
-                onClick: V((x) => e("toggleFilterMenu", f), ["stop"])
+                onClick: j((R) => e("toggleFilterMenu", c), ["stop"])
               }, [
                 ne(Xo, {
-                  class: P(["bh-w-4", {
-                    "bh-text-primary": g(f),
-                    "bh-text-black/70 dark:bh-text-gray-300": !g(f)
+                  class: I(["bh-w-4", {
+                    "bh-text-primary": b(c),
+                    "bh-text-black/70 dark:bh-text-gray-300": !b(c)
                   }])
                 }, null, 8, ["class"])
-              ], 10, ki)) : I("", !0),
-              l.all.useNewColumnFilter ? I("", !0) : ie((u(), re(Lo, {
+              ], 10, ki)) : M("", !0),
+              l.all.useNewColumnFilter ? M("", !0) : ie((d(), re(Lo, {
                 key: 3,
-                column: f,
-                type: f.type,
+                column: c,
+                type: c.type,
                 columnFilterLang: l.columnFilterLang,
-                onClose: b[3] || (b[3] = (x) => e("toggleFilterMenu", null)),
-                onFilterChange: b[4] || (b[4] = (x) => e("filterChange"))
+                onClose: u[3] || (u[3] = (R) => e("toggleFilterMenu", null)),
+                onFilterChange: u[4] || (u[4] = (R) => e("filterChange"))
               }, null, 8, ["column", "type", "columnFilterLang"])), [
-                [Gt, l.isOpenFilter === f.field]
+                [Gt, l.isOpenFilter === c.field]
               ]),
-              l.all.useNewColumnFilter ? ie((u(), re($o, {
+              l.all.useNewColumnFilter ? ie((d(), re($o, {
                 key: 4,
-                column: f,
+                column: c,
                 columnFilterLang: l.columnFilterLang,
                 currentSortColumn: l.currentSortColumn,
                 currentSortDirection: l.currentSortDirection,
-                onClose: b[5] || (b[5] = (x) => e("toggleFilterMenu", null)),
-                onFilterChange: b[6] || (b[6] = (x) => e("filterChange")),
-                onSortChange: b[7] || (b[7] = (x, R) => e("sortChange", x, R)),
-                onConditionChange: b[8] || (b[8] = (x, R) => {
-                  const J = a.value.value.get(x);
-                  J && (J.condition = R, r.value.value[x] = R);
-                }),
-                onClearFilter: (x) => {
-                  i.value[x.field] = "", x.value = "", x.condition = "", r.value.value[x.field] = "", l.currentSortColumn === x.field && e("sortChange", l.all.sortColumn || x.field, "asc"), e("filterChange");
-                }
-              }, null, 8, ["column", "columnFilterLang", "currentSortColumn", "currentSortDirection", "onClearFilter"])), [
-                [Gt, l.isOpenFilter === f.field]
-              ]) : I("", !0)
-            ])) : I("", !0)
-          ], 64)) : I("", !0)
+                onClose: u[5] || (u[5] = (R) => e("toggleFilterMenu", null)),
+                onFilterChange: u[6] || (u[6] = (R) => e("filterChange")),
+                onSortChange: u[7] || (u[7] = (R, K) => e("sortChange", R, K)),
+                onConditionChange: z,
+                onClearFilter: P
+              }, null, 8, ["column", "columnFilterLang", "currentSortColumn", "currentSortDirection"])), [
+                [Gt, l.isOpenFilter === c.field]
+              ]) : M("", !0)
+            ])) : M("", !0)
+          ], 64)) : M("", !0)
         ], 6))
       ], 64))), 256))
     ]));
   }
-}), xi = { class: "bh-datatable bh-antialiased bh-relative bh-text-black bh-text-sm bh-font-normal" }, Si = { class: "bh-flex bh-h-full" }, Fi = /* @__PURE__ */ k("span", null, "##Left Menu Slot##", -1), Li = {
+}), xi = { class: "bh-datatable bh-antialiased bh-relative bh-text-black bh-text-sm bh-font-normal" }, Si = { class: "bh-flex bh-h-full" }, Fi = /* @__PURE__ */ w("span", null, "##Left Menu Slot##", -1), Li = {
   key: 0,
   class: "menu-resize-controls bh-absolute bh-right-0 bh-top-1/2 bh-transform -bh-translate-y-1/2 bh-z-10 bh-bg-gray-100 bh-rounded-l bh-shadow-md bh-select-none"
-}, _i = /* @__PURE__ */ k("path", {
+}, _i = /* @__PURE__ */ w("path", {
   d: "M7 1L1 6L7 11",
   stroke: "currentColor",
   "stroke-width": "2",
@@ -2484,9 +2484,9 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
 ], Ei = {
   class: "bh-flex-1",
   style: { overflow: "auto", "min-width": "0", width: "100%" }
-}, Mi = /* @__PURE__ */ k("span", null, "##Top Menu Slot##", -1), Ii = /* @__PURE__ */ k("span", null, "##Table Header Area Slot##", -1), Pi = /* @__PURE__ */ k("span", null, "##Table Action Header Slot##", -1), Ti = ["onClick"], Ni = { class: "bh-checkbox" }, $i = ["value"], Oi = ["innerHTML"], Ri = ["onClick"], Ai = ["colspan"], qi = ["colspan"], Wi = /* @__PURE__ */ k("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), Di = [
+}, Mi = /* @__PURE__ */ w("span", null, "##Top Menu Slot##", -1), Ii = /* @__PURE__ */ w("span", null, "##Table Header Area Slot##", -1), Pi = /* @__PURE__ */ w("span", null, "##Table Action Header Slot##", -1), Ti = ["onClick"], Ni = { class: "bh-checkbox" }, $i = ["value"], Oi = ["innerHTML"], Ri = ["onClick"], Ai = ["colspan"], qi = ["colspan"], Wi = /* @__PURE__ */ w("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), Di = [
   Wi
-], Bi = ["colspan"], Hi = /* @__PURE__ */ k("span", null, "##Table Header Area Slot##", -1), Vi = ["onClick"], ji = { class: "bh-checkbox" }, Ui = ["value"], Gi = ["innerHTML"], Qi = ["onClick"], Ki = ["colspan"], Ji = ["colspan"], Yi = /* @__PURE__ */ k("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), Xi = [
+], Bi = ["colspan"], Hi = /* @__PURE__ */ w("span", null, "##Table Header Area Slot##", -1), Vi = ["onClick"], ji = { class: "bh-checkbox" }, Ui = ["value"], Gi = ["innerHTML"], Qi = ["onClick"], Ki = ["colspan"], Ji = ["colspan"], Yi = /* @__PURE__ */ w("div", { class: "bh-skeleton-box bh-h-8" }, null, -1), Xi = [
   Yi
 ], Zi = ["colspan"], es = { class: "bh-flex bh-items-center bh-flex-wrap bh-flex-col sm:bh-flex-row bh-gap-4" }, ts = { class: "bh-pagination-info bh-flex bh-items-center" }, ns = { class: "bh-mr-2" }, ls = ["value"], os = { class: "bh-pagination-number sm:bh-ml-auto bh-inline-flex bh-items-center bh-space-x-1" }, is = ["innerHTML"], ss = {
   key: 1,
@@ -2494,12 +2494,12 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, rs = /* @__PURE__ */ k("g", {
+}, rs = /* @__PURE__ */ w("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
-  /* @__PURE__ */ k("path", { d: "M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" }),
-  /* @__PURE__ */ k("path", { d: "M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" })
+  /* @__PURE__ */ w("path", { d: "M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" }),
+  /* @__PURE__ */ w("path", { d: "M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" })
 ], -1), as = [
   rs
 ], us = ["innerHTML"], cs = {
@@ -2508,7 +2508,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, ds = /* @__PURE__ */ k("path", {
+}, ds = /* @__PURE__ */ w("path", {
   fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"
@@ -2520,7 +2520,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, ms = /* @__PURE__ */ k("path", {
+}, ms = /* @__PURE__ */ w("path", {
   fill: "currentColor",
   "fill-rule": "evenodd",
   d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8L4.646 2.354a.5.5 0 0 1 0-.708z"
@@ -2532,12 +2532,12 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
   width: "14",
   height: "14",
   viewBox: "0 0 16 16"
-}, ws = /* @__PURE__ */ k("g", {
+}, ws = /* @__PURE__ */ w("g", {
   fill: "currentColor",
   "fill-rule": "evenodd"
 }, [
-  /* @__PURE__ */ k("path", { d: "M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8L3.646 2.354a.5.5 0 0 1 0-.708z" }),
-  /* @__PURE__ */ k("path", { d: "M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8L7.646 2.354a.5.5 0 0 1 0-.708z" })
+  /* @__PURE__ */ w("path", { d: "M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8L3.646 2.354a.5.5 0 0 1 0-.708z" }),
+  /* @__PURE__ */ w("path", { d: "M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8L7.646 2.354a.5.5 0 0 1 0-.708z" })
 ], -1), ks = [
   ws
 ], Cs = {
@@ -2633,109 +2633,109 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
       const v = ((Ht = s.type) == null ? void 0 : Ht.toLowerCase()) || "string";
       s.type = v, s.isUnique = s.isUnique !== void 0 ? s.isUnique : !1, s.hide = s.hide !== void 0 ? s.hide : !1, s.filter = s.filter !== void 0 ? s.filter : !0, s.search = s.search !== void 0 ? s.search : !0, s.sort = s.sort !== void 0 ? s.sort : !0, s.html = s.html !== void 0 ? s.html : !1, s.condition = !v || v === "string" ? "Contains" : "Equal";
     }
-    const i = A([]), r = A(e.page), a = A(
+    const i = q([]), r = q(e.page), a = q(
       e.pagination ? e.pageSize : (Vt = e.rows) == null ? void 0 : Vt.length
-    ), d = e.pageSize, y = A(e.sortColumn), g = e.sortColumn, F = A(e.sortDirection), E = e.sortDirection, C = A(e.totalRows), b = A([]), f = A(null), h = A(e.loading), x = A(e.search);
+    ), h = e.pageSize, g = q(e.sortColumn), b = e.sortColumn, C = q(e.sortDirection), L = e.sortDirection, z = q(e.totalRows), P = q([]), _ = q(null), u = q(e.loading), c = q(e.search);
     JSON.parse(JSON.stringify(e.columns));
-    const R = A(null), J = A(null);
-    let Y = A(0);
-    const we = A(230), q = A(e.leftmenuDefaultWidth), H = A(!1), ce = A(null), se = /* @__PURE__ */ new Map(), O = (s, v) => {
+    const $ = q(null), R = q(null);
+    let K = q(0);
+    const ve = q(230), W = q(e.leftmenuDefaultWidth), V = q(!1), ce = q(null), se = /* @__PURE__ */ new Map(), A = (s, v) => {
       if (!v) return;
       const m = `${s.id || JSON.stringify(s)}-${v}`;
       if (se.has(m))
         return se.get(m);
-      const $ = v.split(".").reduce((M, Z) => M == null ? void 0 : M[Z], s);
-      return se.set(m, $), $;
+      const O = v.split(".").reduce((E, Z) => E == null ? void 0 : E[Z], s);
+      return se.set(m, O), O;
     };
     X(() => e.rows, () => {
       se.clear();
     }, { deep: !1 });
-    const le = K(() => {
+    const le = Y(() => {
       const s = e.columns.find((v) => v.isUnique);
       return (s == null ? void 0 : s.field) || null;
-    }), ve = K(() => le.value ? new Map(i.value.map((s, v) => [v, s[le.value]])) : null), ze = (s) => {
+    }), me = Y(() => le.value ? new Map(i.value.map((s, v) => [v, s[le.value]])) : null), ze = (s) => {
       var v;
-      return le.value ? ((v = ve.value) == null ? void 0 : v.get(s)) ?? s : s;
+      return le.value ? ((v = me.value) == null ? void 0 : v.get(s)) ?? s : s;
     }, Te = (s, v) => {
       const m = s._rowIndex !== void 0 ? s._rowIndex : s.id || v;
       return ae.value.get(m) === !0;
-    }, Ee = K(() => typeof e.rowClass == "function"), me = K(() => typeof e.cellClass == "function"), Ne = /* @__PURE__ */ new Map(), ft = (s) => {
+    }, Ee = Y(() => typeof e.rowClass == "function"), be = Y(() => typeof e.cellClass == "function"), Ne = /* @__PURE__ */ new Map(), ft = (s) => {
       const v = s ? "numeric" : "string";
       return Ne.has(v) || Ne.set(v, new Intl.Collator(void 0, {
         numeric: s,
         sensitivity: "base"
       })), Ne.get(v);
-    }, Ue = K(() => {
-      var $, M, Z;
+    }, Ue = Y(() => {
+      var O, E, Z;
       let s = e.rows || [];
       if (!e.isServerMode) {
-        if (($ = e.columns) == null || $.forEach((w) => {
-          w.filter && (w.value !== void 0 && w.value !== null && w.value !== "" || w.condition === "IsNull" || w.condition == "IsNotNull") && (w.type === "string" ? (w.value && !w.condition && (w.condition = "Contains"), w.condition === "Contains" ? s = s.filter((T) => {
-            var Q;
-            return (Q = O(T, w.field)) == null ? void 0 : Q.toString().toLowerCase().includes(w.value.toLowerCase());
-          }) : w.condition === "NotContains" ? s = s.filter((T) => {
-            var Q;
-            return !((Q = O(T, w.field)) != null && Q.toString().toLowerCase().includes(w.value.toLowerCase()));
-          }) : w.condition === "Equal" ? s = s.filter((T) => {
-            var Q;
-            return ((Q = O(T, w.field)) == null ? void 0 : Q.toString().toLowerCase()) === w.value.toLowerCase();
-          }) : w.condition === "NotEqual" ? s = s.filter((T) => {
-            var Q;
-            return ((Q = O(T, w.field)) == null ? void 0 : Q.toString().toLowerCase()) !== w.value.toLowerCase();
-          }) : w.condition == "StartsWith" ? s = s.filter((T) => {
-            var Q;
-            return ((Q = O(T, w.field)) == null ? void 0 : Q.toString().toLowerCase().indexOf(w.value.toLowerCase())) === 0;
-          }) : w.condition == "EndsWith" && (s = s.filter((T) => {
-            var Q;
-            return ((Q = O(T, w.field)) == null ? void 0 : Q.toString().toLowerCase().substr(w.value.length * -1)) === w.value.toLowerCase();
-          }))) : w.type === "number" ? (w.value && !w.condition && (w.condition = "Equal"), w.condition === "Equal" ? s = s.filter((T) => O(T, w.field) && parseFloat(O(T, w.field)) === parseFloat(w.value)) : w.condition === "NotEqual" ? s = s.filter((T) => O(T, w.field) && parseFloat(O(T, w.field)) !== parseFloat(w.value)) : w.condition === "GreaterThan" ? s = s.filter((T) => O(T, w.field) && parseFloat(O(T, w.field)) > parseFloat(w.value)) : w.condition === "GreaterThanOrEqual" ? s = s.filter((T) => O(T, w.field) && parseFloat(O(T, w.field)) >= parseFloat(w.value)) : w.condition === "LessThan" ? s = s.filter((T) => O(T, w.field) && parseFloat(O(T, w.field)) < parseFloat(w.value)) : w.condition === "LessThanOrEqual" && (s = s.filter((T) => O(T, w.field) && parseFloat(O(T, w.field)) <= parseFloat(w.value)))) : w.type === "date" ? (w.value && !w.condition && (w.condition = "Equal"), w.condition === "Equal" ? s = s.filter((T) => O(T, w.field) && Je(O(T, w.field)) === w.value) : w.condition === "NotEqual" ? s = s.filter((T) => O(T, w.field) && Je(O(T, w.field)) !== w.value) : w.condition === "GreaterThan" ? s = s.filter((T) => O(T, w.field) && Je(O(T, w.field)) > w.value) : w.condition === "LessThan" && (s = s.filter((T) => O(T, w.field) && Je(O(T, w.field)) < w.value))) : w.type === "bool" && (s = s.filter((T) => O(T, w.field) === w.value)), w.condition === "IsNull" ? (s = s.filter((T) => O(T, w.field) == null || O(T, w.field) == ""), w.value = "") : w.condition === "IsNotNull" && (w.value = "", s = s.filter((T) => O(T, w.field))));
-        }), x.value && (s != null && s.length)) {
-          let w = [];
-          const T = (e.columns || []).filter((Q) => Q.search && !Q.hide).map((Q) => Q.field);
+        if ((O = e.columns) == null || O.forEach((y) => {
+          y.filter && (y.value !== void 0 && y.value !== null && y.value !== "" || y.condition === "IsNull" || y.condition == "IsNotNull") && (y.type === "string" ? (y.value && !y.condition && (y.condition = "Contains"), y.condition === "Contains" ? s = s.filter((T) => {
+            var J;
+            return (J = A(T, y.field)) == null ? void 0 : J.toString().toLowerCase().includes(y.value.toLowerCase());
+          }) : y.condition === "NotContains" ? s = s.filter((T) => {
+            var J;
+            return !((J = A(T, y.field)) != null && J.toString().toLowerCase().includes(y.value.toLowerCase()));
+          }) : y.condition === "Equal" ? s = s.filter((T) => {
+            var J;
+            return ((J = A(T, y.field)) == null ? void 0 : J.toString().toLowerCase()) === y.value.toLowerCase();
+          }) : y.condition === "NotEqual" ? s = s.filter((T) => {
+            var J;
+            return ((J = A(T, y.field)) == null ? void 0 : J.toString().toLowerCase()) !== y.value.toLowerCase();
+          }) : y.condition == "StartsWith" ? s = s.filter((T) => {
+            var J;
+            return ((J = A(T, y.field)) == null ? void 0 : J.toString().toLowerCase().indexOf(y.value.toLowerCase())) === 0;
+          }) : y.condition == "EndsWith" && (s = s.filter((T) => {
+            var J;
+            return ((J = A(T, y.field)) == null ? void 0 : J.toString().toLowerCase().substr(y.value.length * -1)) === y.value.toLowerCase();
+          }))) : y.type === "number" ? (y.value && !y.condition && (y.condition = "Equal"), y.condition === "Equal" ? s = s.filter((T) => A(T, y.field) && parseFloat(A(T, y.field)) === parseFloat(y.value)) : y.condition === "NotEqual" ? s = s.filter((T) => A(T, y.field) && parseFloat(A(T, y.field)) !== parseFloat(y.value)) : y.condition === "GreaterThan" ? s = s.filter((T) => A(T, y.field) && parseFloat(A(T, y.field)) > parseFloat(y.value)) : y.condition === "GreaterThanOrEqual" ? s = s.filter((T) => A(T, y.field) && parseFloat(A(T, y.field)) >= parseFloat(y.value)) : y.condition === "LessThan" ? s = s.filter((T) => A(T, y.field) && parseFloat(A(T, y.field)) < parseFloat(y.value)) : y.condition === "LessThanOrEqual" && (s = s.filter((T) => A(T, y.field) && parseFloat(A(T, y.field)) <= parseFloat(y.value)))) : y.type === "date" ? (y.value && !y.condition && (y.condition = "Equal"), y.condition === "Equal" ? s = s.filter((T) => A(T, y.field) && Je(A(T, y.field)) === y.value) : y.condition === "NotEqual" ? s = s.filter((T) => A(T, y.field) && Je(A(T, y.field)) !== y.value) : y.condition === "GreaterThan" ? s = s.filter((T) => A(T, y.field) && Je(A(T, y.field)) > y.value) : y.condition === "LessThan" && (s = s.filter((T) => A(T, y.field) && Je(A(T, y.field)) < y.value))) : y.type === "bool" && (s = s.filter((T) => A(T, y.field) === y.value)), y.condition === "IsNull" ? (s = s.filter((T) => A(T, y.field) == null || A(T, y.field) == ""), y.value = "") : y.condition === "IsNotNull" && (y.value = "", s = s.filter((T) => A(T, y.field))));
+        }), c.value && (s != null && s.length)) {
+          let y = [];
+          const T = (e.columns || []).filter((J) => J.search && !J.hide).map((J) => J.field);
           for (var v = 0; v < (s == null ? void 0 : s.length); v++)
             for (var m = 0; m < T.length; m++)
-              if ((M = O(s[v], T[m])) != null && M.toString().toLowerCase().includes(x.value.toLowerCase())) {
-                w.push(s[v]);
+              if ((E = A(s[v], T[m])) != null && E.toString().toLowerCase().includes(c.value.toLowerCase())) {
+                y.push(s[v]);
                 break;
               }
-          s = w;
+          s = y;
         }
-        const be = ((Z = e.columns.find((w) => w.field == y.value)) == null ? void 0 : Z.type) === "number", Un = ft(be || !1), Gn = F.value === "desc" ? -1 : 1;
-        s.sort((w, T) => {
+        const ge = ((Z = e.columns.find((y) => y.field == g.value)) == null ? void 0 : Z.type) === "number", Un = ft(ge || !1), Gn = C.value === "desc" ? -1 : 1;
+        s.sort((y, T) => {
           var jt, Ut;
-          const Q = (jt = y.value) == null ? void 0 : jt.split(".").reduce((Ce, mt) => Ce == null ? void 0 : Ce[mt], w), Qn = (Ut = y.value) == null ? void 0 : Ut.split(".").reduce((Ce, mt) => Ce == null ? void 0 : Ce[mt], T);
-          return Un.compare(Q, Qn) * Gn;
+          const J = (jt = g.value) == null ? void 0 : jt.split(".").reduce((Ce, mt) => Ce == null ? void 0 : Ce[mt], y), Qn = (Ut = g.value) == null ? void 0 : Ut.split(".").reduce((Ce, mt) => Ce == null ? void 0 : Ce[mt], T);
+          return Un.compare(J, Qn) * Gn;
         });
       }
       return s;
-    }), ae = A(/* @__PURE__ */ new Map()), pe = () => {
+    }), ae = q(/* @__PURE__ */ new Map()), pe = () => {
       let s = [], v = Ue.value;
-      e.isServerMode ? (C.value = e.totalRows || 0, s = v) : (C.value = (v == null ? void 0 : v.length) || 0, s = v.slice(S.value - 1, z.value)), e.hasSubtable && s.forEach(function(m, $) {
+      e.isServerMode ? (z.value = e.totalRows || 0, s = v) : (z.value = (v == null ? void 0 : v.length) || 0, s = v.slice(k.value - 1, F.value)), e.hasSubtable && s.forEach(function(m, O) {
         if (m.isExpanded !== void 0) {
-          const M = m._rowIndex !== void 0 ? m._rowIndex : m.id || $;
-          ae.value.set(M, m.isExpanded);
+          const E = m._rowIndex !== void 0 ? m._rowIndex : m.id || O;
+          ae.value.set(E, m.isExpanded);
         }
       }), i.value = s || [];
     }, ke = () => {
       if (ce.value) {
-        const s = H.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth;
+        const s = V.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth;
         ce.value.style.cssText = `
-      width: ${q.value}px !important;
+      width: ${W.value}px !important;
       min-width: ${s}px !important;
       max-width: ${s}px !important;
     `;
       }
     }, Ge = () => {
-      H.value ? q.value = e.leftmenuMinWidth : q.value = e.leftmenuDefaultWidth, ke();
+      V.value ? W.value = e.leftmenuMinWidth : W.value = e.leftmenuDefaultWidth, ke();
     }, $e = () => {
-      H.value = !H.value, q.value = H.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, ke(), j("currentLeftMenuSize", q.value);
+      V.value = !V.value, W.value = V.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, ke(), U("currentLeftMenuSize", W.value);
     };
     Le(() => {
       pe(), Se(() => {
-        Re.value <= 0 && (Re.value = 10), j("currentTopMenuSize", e.topmenumin || 20), e.initialLeftMenuState !== void 0 ? (H.value = e.initialLeftMenuState, q.value = H.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) : q.value = e.leftmenuDefaultWidth, ke(), window.addEventListener("resize", Ge);
+        Re.value <= 0 && (Re.value = 10), U("currentTopMenuSize", e.topmenumin || 20), e.initialLeftMenuState !== void 0 ? (V.value = e.initialLeftMenuState, W.value = V.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) : W.value = e.leftmenuDefaultWidth, ke(), window.addEventListener("resize", Ge);
       });
     });
-    const j = n;
+    const U = n;
     o({
       reset() {
         Rn();
@@ -2765,47 +2765,47 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
         Dn();
       },
       setLeftMenuState(s) {
-        H.value = s, q.value = s ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, ke();
+        V.value = s, W.value = s ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, ke();
       }
     }), X(() => e.initialLeftMenuState, (s) => {
-      s !== void 0 && (H.value = s, q.value = H.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, ke());
+      s !== void 0 && (V.value = s, W.value = V.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, ke());
     }, { immediate: !0 });
-    const Qe = (s, ...v) => s.replace(/{(\d+)}/g, (m, $) => typeof v[$] < "u" ? v[$] : m), c = K(() => {
-      const s = a.value < 1 ? 1 : Math.ceil(C.value / a.value);
+    const Qe = (s, ...v) => s.replace(/{(\d+)}/g, (m, O) => typeof v[O] < "u" ? v[O] : m), f = Y(() => {
+      const s = a.value < 1 ? 1 : Math.ceil(z.value / a.value);
       return Math.max(s || 0, 1);
-    }), S = K(() => (r.value - 1) * a.value + 1), z = K(() => {
+    }), k = Y(() => (r.value - 1) * a.value + 1), F = Y(() => {
       const s = r.value * a.value;
-      return C.value >= s ? s : C.value;
-    }), L = K(() => {
+      return z.value >= s ? s : z.value;
+    }), x = Y(() => {
       let s, v;
-      return typeof e.showNumbersCount < "u" && e.showNumbersCount < c.value ? (s = Math.max(
+      return typeof e.showNumbersCount < "u" && e.showNumbersCount < f.value ? (s = Math.max(
         r.value - Math.floor(e.showNumbersCount / 2),
         1
-      ), v = s + e.showNumbersCount - 1, v > c.value && (v = c.value, s = v - e.showNumbersCount + 1)) : (s = 1, v = c.value), Array.from(Array(v + 1 - s).keys()).map(
-        (M) => s + M
+      ), v = s + e.showNumbersCount - 1, v > f.value && (v = f.value, s = v - e.showNumbersCount + 1)) : (s = 1, v = f.value), Array.from(Array(v + 1 - s).keys()).map(
+        (E) => s + E
       );
     });
     X(
       () => e.loading,
       () => {
-        h.value = e.loading;
+        u.value = e.loading;
       }
     );
-    const _ = (s) => {
-      s ? R.value === s.field ? R.value = null : R.value = s.field : R.value = null;
+    const S = (s) => {
+      s ? $.value === s.field ? $.value = null : $.value = s.field : $.value = null;
     }, N = () => {
       if (r.value == 1)
         return !1;
       r.value--;
-    }, W = (s) => {
+    }, D = (s) => {
       r.value = s;
     }, ee = () => {
-      if (r.value >= c.value)
+      if (r.value >= f.value)
         return !1;
       r.value++;
     };
     X(() => r.value, () => {
-      de(!1), e.isServerMode ? Me("page") : (pe(), j("pageChange", r.value));
+      de(!1), e.isServerMode ? Me("page") : (pe(), U("pageChange", r.value));
     }), X(() => e.rows, () => {
       e.isServerMode || (r.value = 1), de(!1), pe();
     });
@@ -2813,56 +2813,56 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
       a.value = s;
     };
     X(() => a.value, () => {
-      de(!1), e.isServerMode ? r.value === 1 ? Me("pagesize", !0) : r.value = 1 : (r.value = 1, pe(), j("pageSizeChange", a.value));
+      de(!1), e.isServerMode ? r.value === 1 ? Me("pagesize", !0) : r.value = 1 : (r.value = 1, pe(), U("pageSizeChange", a.value));
     });
     const Ke = (s, v) => {
       let m = v || "asc";
-      v || s == y.value && F.value === "asc" && (m = "desc");
-      let $ = (r.value - 1) * a.value, M = a.value;
-      y.value = s, F.value = m, de(!1), pe(), e.isServerMode ? Me("sort") : j("sortChange", { offset: $, limit: M, field: s, direction: m });
+      v || s == g.value && C.value === "asc" && (m = "desc");
+      let O = (r.value - 1) * a.value, E = a.value;
+      g.value = s, C.value = m, de(!1), pe(), e.isServerMode ? Me("sort") : U("sortChange", { offset: O, limit: E, field: s, direction: m });
     }, qt = (s) => {
-      f.value = s.length && i.value.length && s.length === i.value.length;
-      const v = i.value.filter((m, $) => {
+      _.value = s.length && i.value.length && s.length === i.value.length;
+      const v = i.value.filter((m, O) => {
         var Z;
-        const M = le.value ? ((Z = ve.value) == null ? void 0 : Z.get($)) ?? $ : $;
-        return b.value.includes(M);
+        const E = le.value ? ((Z = me.value) == null ? void 0 : Z.get(O)) ?? O : O;
+        return P.value.includes(E);
       });
-      j("rowSelect", v);
+      U("rowSelect", v);
     };
-    X(() => b.value, qt);
+    X(() => P.value, qt);
     const de = (s) => {
-      s ? b.value = i.value.map(
+      s ? P.value = i.value.map(
         (v, m) => {
-          var $;
-          return le.value ? (($ = ve.value) == null ? void 0 : $.get(m)) ?? m : m;
+          var O;
+          return le.value ? ((O = me.value) == null ? void 0 : O.get(m)) ?? m : m;
         }
-      ) : b.value = [];
+      ) : P.value = [];
     }, Oe = () => {
-      de(!1), e.isServerMode ? r.value === 1 ? Me("filter", !0) : r.value = 1 : (r.value = 1, pe(), j("filterChange", e.columns));
+      de(!1), e.isServerMode ? r.value === 1 ? Me("filter", !0) : r.value = 1 : (r.value = 1, pe(), U("filterChange", e.columns));
     }, Wt = (s) => {
       Oe();
     }, $n = () => {
-      de(!1), e.isServerMode ? r.value === 1 ? Me("search", !0) : r.value = 1 : (r.value = 1, pe(), j("searchChange", x.value));
+      de(!1), e.isServerMode ? r.value === 1 ? Me("search", !0) : r.value = 1 : (r.value = 1, pe(), U("searchChange", c.value));
     };
     X(
       () => e.search,
       () => {
-        x.value = e.search, $n();
+        c.value = e.search, $n();
       }
     );
     const Je = (s) => {
       try {
         if (!s)
           return "";
-        const v = new Date(s), m = v.getDate(), $ = v.getMonth() + 1;
-        return v.getFullYear() + "-" + ($ > 9 ? $ : "0" + $) + "-" + (m > 9 ? m : "0" + m);
+        const v = new Date(s), m = v.getDate(), O = v.getMonth() + 1;
+        return v.getFullYear() + "-" + (O > 9 ? O : "0" + O) + "-" + (m > 9 ? m : "0" + m);
       } catch {
       }
       return "";
     }, Ye = (s, v) => {
-      Y.value++, Y.value === 1 ? J.value = setTimeout(() => {
-        Y.value = 0, e.selectRowOnClick && (Xe(v) ? Bt(v) : Dt(v), qt(b.value)), j("rowClick", s);
-      }, we.value) : Y.value === 2 && (clearTimeout(J.value), Y.value = 0, j("rowDBClick", s));
+      K.value++, K.value === 1 ? R.value = setTimeout(() => {
+        K.value = 0, e.selectRowOnClick && (Xe(v) ? Bt(v) : Dt(v), qt(P.value)), U("rowClick", s);
+      }, ve.value) : K.value === 2 && (clearTimeout(R.value), K.value = 0, U("rowDBClick", s));
     }, Me = (s, v = !1) => {
       if (e.isServerMode) {
         On();
@@ -2870,13 +2870,13 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
           current_page: v ? 1 : r.value,
           pagesize: a.value,
           offset: (r.value - 1) * a.value,
-          sort_column: y.value,
-          sort_direction: F.value,
-          search: x.value,
+          sort_column: g.value,
+          sort_direction: C.value,
+          search: c.value,
           column_filters: e.columns,
           change_type: s
         };
-        j("change", m);
+        U("change", m);
       }
     }, On = () => {
       for (let s = 0; s < e.columns.length; s++) {
@@ -2887,30 +2887,30 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
       de(!1);
       for (let s = 0; s < e.columns.length; s++)
         e.columns[s].value = "";
-      x.value = "", a.value = d, y.value = g, F.value = E, e.isServerMode ? r.value === 1 ? Me("reset", !0) : r.value = 1 : (r.value = 1, pe());
+      c.value = "", a.value = h, g.value = b, C.value = L, e.isServerMode ? r.value === 1 ? Me("reset", !0) : r.value = 1 : (r.value = 1, pe());
     }, An = () => i.value.filter((v, m) => {
-      var M;
-      const $ = le.value ? ((M = ve.value) == null ? void 0 : M.get(m)) ?? m : m;
-      return b.value.includes($);
+      var E;
+      const O = le.value ? ((E = me.value) == null ? void 0 : E.get(m)) ?? m : m;
+      return P.value.includes(O);
     }), qn = () => e.columns, Wn = () => {
-      b.value = [];
+      P.value = [];
     }, Dt = (s) => {
       var v;
       if (!Xe(s)) {
-        const m = le.value ? ((v = ve.value) == null ? void 0 : v.get(s)) ?? s : s;
-        b.value.push(m);
+        const m = le.value ? ((v = me.value) == null ? void 0 : v.get(s)) ?? s : s;
+        P.value.push(m);
       }
     }, Bt = (s) => {
       var v;
       if (Xe(s)) {
-        const m = le.value ? ((v = ve.value) == null ? void 0 : v.get(s)) ?? s : s;
-        b.value = b.value.filter(($) => $ !== m);
+        const m = le.value ? ((v = me.value) == null ? void 0 : v.get(s)) ?? s : s;
+        P.value = P.value.filter((O) => O !== m);
       }
     }, Xe = (s) => {
       var m;
       if (s >= i.value.length) return !1;
-      const v = le.value ? ((m = ve.value) == null ? void 0 : m.get(s)) ?? s : s;
-      return b.value.includes(v);
+      const v = le.value ? ((m = me.value) == null ? void 0 : m.get(s)) ?? s : s;
+      return P.value.includes(v);
     }, Dn = () => {
       ae.value.forEach((s, v) => {
         ae.value.set(v, !1);
@@ -2918,12 +2918,12 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
     };
     let fe = 0;
     e.hasCheckbox && fe++, e.hasSubtable && fe++, e.hasRightPanel && fe++;
-    const Re = A(e.topmenusize), Ze = A(null), { height: Bn } = vl(Ze, { box: "border-box" }, { throttle: 100 }), Hn = Kt(() => {
+    const Re = q(e.topmenusize), Ze = q(null), { height: Bn } = vl(Ze, { box: "border-box" }, { throttle: 100 }), Hn = Kt(() => {
       Se(() => {
         let s = Ze.value;
         if (s && typeof s == "object" && (s = s.$el || s), s instanceof HTMLElement) {
           const v = s.offsetHeight || 0;
-          j("currentTopMenuSize", v);
+          U("currentTopMenuSize", v);
         }
       });
     }, 50), Vn = rl((s) => {
@@ -2932,67 +2932,67 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
       Re.value = v, Hn();
     }, 16), jn = Kt(() => {
       let s = Ze.value;
-      s && typeof s == "object" && (s = s.$el || s), s instanceof HTMLElement && j("currentTopMenuSize", s.offsetHeight || 0);
+      s && typeof s == "object" && (s = s.$el || s), s instanceof HTMLElement && U("currentTopMenuSize", s.offsetHeight || 0);
     }, 50);
     return X(() => Re.value, jn), mn(() => {
       window.removeEventListener("resize", Ge), se.clear();
-    }), (s, v) => (u(), p("div", xi, [
-      ne(U(Yt), {
+    }), (s, v) => (d(), p("div", xi, [
+      ne(G(Yt), {
         class: "default-theme",
-        style: G({ height: e.height })
+        style: Q({ height: e.height })
       }, {
         default: Ae(() => [
-          ne(U(gt), null, {
+          ne(G(gt), null, {
             default: Ae(() => [
-              k("div", Si, [
-                s.enableleftmenu ? (u(), p("div", {
+              w("div", Si, [
+                s.enableleftmenu ? (d(), p("div", {
                   key: 0,
                   ref_key: "leftmenuel",
                   ref: ce,
                   class: "left-menu-container bh-relative",
-                  style: G({
-                    width: q.value + "px",
+                  style: Q({
+                    width: W.value + "px",
                     transition: "width 0.3s ease",
                     overflow: "hidden",
-                    minWidth: (H.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) + "px",
-                    maxWidth: (H.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) + "px"
+                    minWidth: (V.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) + "px",
+                    maxWidth: (V.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) + "px"
                   })
                 }, [
                   te(s.$slots, "tableleftmenu", {}, () => [
                     Fi
                   ]),
-                  e.showResizeButton ? (u(), p("div", Li, [
-                    k("button", {
+                  e.showResizeButton ? (d(), p("div", Li, [
+                    w("button", {
                       onClick: $e,
                       class: "bh-w-4 bh-h-10 bh-flex bh-justify-center bh-items-center bh-border-none bh-bg-transparent bh-cursor-pointer bh-outline-none"
                     }, [
-                      (u(), p("svg", {
+                      (d(), p("svg", {
                         width: "8",
                         height: "12",
                         viewBox: "0 0 8 12",
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
-                        style: G({ transform: H.value ? "rotate(180deg)" : "none" })
+                        style: Q({ transform: V.value ? "rotate(180deg)" : "none" })
                       }, zi, 4))
                     ])
-                  ])) : I("", !0)
-                ], 4)) : I("", !0),
-                k("div", Ei, [
-                  s.enabletopmenu ? (u(), re(U(Yt), {
+                  ])) : M("", !0)
+                ], 4)) : M("", !0),
+                w("div", Ei, [
+                  s.enabletopmenu ? (d(), re(G(Yt), {
                     key: 0,
                     class: "default-theme",
                     horizontal: "horizontal",
-                    onResize: U(Vn),
+                    onResize: G(Vn),
                     "push-other-panes": ""
                   }, {
                     default: Ae(() => [
-                      s.enabletopmenu ? (u(), re(U(gt), {
+                      s.enabletopmenu ? (d(), re(G(gt), {
                         key: 0,
                         ref_key: "topmenuel",
                         ref: Ze,
                         size: Re.value || 10,
                         "max-size": s.topmenumax || 100,
-                        style: G({ "min-height": s.topmenumin + "px" })
+                        style: Q({ "min-height": s.topmenumin + "px" })
                       }, {
                         default: Ae(() => [
                           te(s.$slots, "tabletopmenu", {}, () => [
@@ -3000,364 +3000,364 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                           ])
                         ]),
                         _: 3
-                      }, 8, ["size", "max-size", "style"])) : I("", !0),
-                      ne(U(gt), {
-                        style: G({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
+                      }, 8, ["size", "max-size", "style"])) : M("", !0),
+                      ne(G(gt), {
+                        style: Q({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
                       }, {
                         default: Ae(() => [
-                          s.enableHeaderArea ? (u(), p("div", {
+                          s.enableHeaderArea ? (d(), p("div", {
                             key: 0,
                             class: "bh-w-full bh-overflow-auto",
-                            style: G({ height: s.headerAreaHeight, "margin-bottom": "10px" })
+                            style: Q({ height: s.headerAreaHeight, "margin-bottom": "10px" })
                           }, [
                             te(s.$slots, "tableHeaderArea", {}, () => [
                               Ii
                             ])
-                          ], 4)) : I("", !0),
+                          ], 4)) : M("", !0),
                           te(s.$slots, "tableactionheader", {}, () => [
                             Pi
                           ]),
-                          k("div", {
-                            class: P(["bh-table-responsive", { "bh-min-h-[100px]": h.value }]),
-                            style: G({
+                          w("div", {
+                            class: I(["bh-table-responsive", { "bh-min-h-[100px]": u.value }]),
+                            style: Q({
                               overflow: "auto",
-                              height: e.stickyHeader ? Number(e.height.replace("px", "")) - (e.footerOffset + (U(Bn) || 0)) + "px" : "auto"
+                              height: e.stickyHeader ? Number(e.height.replace("px", "")) - (e.footerOffset + (G(Bn) || 0)) + "px" : "auto"
                             })
                           }, [
-                            k("table", {
-                              class: P([e.skin])
+                            w("table", {
+                              class: I([e.skin])
                             }, [
-                              k("thead", {
-                                class: P({
+                              w("thead", {
+                                class: I({
                                   "bh-sticky bh-top-0 bh-z-10": e.stickyHeader
                                 })
                               }, [
                                 ne(tt, {
                                   all: e,
                                   expandedrows: ae.value,
-                                  currentSortColumn: y.value,
-                                  currentSortDirection: F.value,
-                                  isOpenFilter: R.value,
-                                  checkAll: f.value,
+                                  currentSortColumn: g.value,
+                                  currentSortDirection: C.value,
+                                  isOpenFilter: $.value,
+                                  checkAll: _.value,
                                   columnFilterLang: e.columnFilterLang,
                                   onSelectAll: de,
                                   onSortChange: Ke,
                                   onFilterChange: Oe,
-                                  onToggleFilterMenu: _,
+                                  onToggleFilterMenu: S,
                                   onClearColumnFilter: Wt
                                 }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                               ], 2),
-                              k("tbody", null, [
-                                (u(!0), p(D, null, oe(i.value, (m, $) => (u(), p(D, {
-                                  key: ze($)
+                              w("tbody", null, [
+                                (d(!0), p(B, null, oe(i.value, (m, O) => (d(), p(B, {
+                                  key: ze(O)
                                 }, [
-                                  C.value ? (u(), p("tr", {
+                                  z.value ? (d(), p("tr", {
                                     key: 0,
-                                    class: P([
+                                    class: I([
                                       Ee.value ? s.rowClass(m) : e.rowClass,
                                       e.selectRowOnClick ? "bh-cursor-pointer" : ""
                                     ]),
-                                    onClick: V((M) => Ye(m, $), ["prevent"])
+                                    onClick: j((E) => Ye(m, O), ["prevent"])
                                   }, [
-                                    e.hasCheckbox ? (u(), p("td", {
+                                    e.hasCheckbox ? (d(), p("td", {
                                       key: 0,
-                                      style: G({ width: e.checkboxColumnWidth + " !important", minWidth: e.checkboxColumnWidth + " !important" }),
-                                      class: P({
+                                      style: Q({ width: e.checkboxColumnWidth + " !important", minWidth: e.checkboxColumnWidth + " !important" }),
+                                      class: I({
                                         "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn
                                       })
                                     }, [
-                                      k("div", Ni, [
-                                        ie(k("input", {
-                                          "onUpdate:modelValue": v[0] || (v[0] = (M) => b.value = M),
+                                      w("div", Ni, [
+                                        ie(w("input", {
+                                          "onUpdate:modelValue": v[0] || (v[0] = (E) => P.value = E),
                                           type: "checkbox",
-                                          value: ze($),
-                                          onClick: v[1] || (v[1] = V(() => {
+                                          value: ze(O),
+                                          onClick: v[1] || (v[1] = j(() => {
                                           }, ["stop"]))
                                         }, null, 8, $i), [
-                                          [Qt, b.value]
+                                          [Qt, P.value]
                                         ]),
-                                        k("div", null, [
+                                        w("div", null, [
                                           ne(Mt, { class: "check" })
                                         ])
                                       ])
-                                    ], 6)) : I("", !0),
-                                    e.hasRightPanel ? (u(), p("td", {
+                                    ], 6)) : M("", !0),
+                                    e.hasRightPanel ? (d(), p("td", {
                                       key: 1,
-                                      style: G({ width: e.rightPanelColumnWidth + " !important", minWidth: e.rightPanelColumnWidth + " !important", padding: "0px !important" }),
-                                      class: P({
+                                      style: Q({ width: e.rightPanelColumnWidth + " !important", minWidth: e.rightPanelColumnWidth + " !important", padding: "0px !important" }),
+                                      class: I({
                                         "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn
                                       })
                                     }, [
                                       ne(hn, {
                                         item: m,
-                                        onRightPanelClick: v[2] || (v[2] = (M) => j("rowRightPanelClick", M))
+                                        onRightPanelClick: v[2] || (v[2] = (E) => U("rowRightPanelClick", E))
                                       }, null, 8, ["item"])
-                                    ], 6)) : I("", !0),
-                                    e.hasSubtable ? (u(), p("td", {
+                                    ], 6)) : M("", !0),
+                                    e.hasSubtable ? (d(), p("td", {
                                       key: 2,
-                                      style: G({ width: e.subtableColumnWidth + " !important", minWidth: e.subtableColumnWidth + " !important" }),
-                                      class: P({
+                                      style: Q({ width: e.subtableColumnWidth + " !important", minWidth: e.subtableColumnWidth + " !important" }),
+                                      class: I({
                                         "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn
                                       })
                                     }, [
                                       ne(Et, {
-                                        item: { ...m, _rowIndex: $ },
+                                        item: { ...m, _rowIndex: O },
                                         expandedrows: ae.value
                                       }, null, 8, ["item", "expandedrows"])
-                                    ], 6)) : I("", !0),
-                                    (u(!0), p(D, null, oe(e.columns, (M, Z) => (u(), p(D, null, [
-                                      M.hide ? I("", !0) : (u(), p("td", {
-                                        key: M.field,
-                                        class: P([
-                                          me.value ? s.cellClass(m) : e.cellClass,
+                                    ], 6)) : M("", !0),
+                                    (d(!0), p(B, null, oe(e.columns, (E, Z) => (d(), p(B, null, [
+                                      E.hide ? M("", !0) : (d(), p("td", {
+                                        key: E.field,
+                                        class: I([
+                                          be.value ? s.cellClass(m) : e.cellClass,
                                           Z === 0 && e.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                           e.hasCheckbox && Z === 0 && e.stickyFirstColumn ? "bh-left-[52px]" : "",
-                                          M.cellClass ? M.cellClass : ""
+                                          E.cellClass ? E.cellClass : ""
                                         ])
                                       }, [
-                                        U(l)[M.field] ? te(s.$slots, M.field, {
+                                        G(l)[E.field] ? te(s.$slots, E.field, {
                                           key: 0,
                                           value: m
-                                        }) : M.cellRenderer ? (u(), p("div", {
+                                        }) : E.cellRenderer ? (d(), p("div", {
                                           key: 1,
-                                          innerHTML: M.cellRenderer(m)
-                                        }, null, 8, Oi)) : (u(), p(D, { key: 2 }, [
-                                          We(B(O(m, M.field)), 1)
+                                          innerHTML: E.cellRenderer(m)
+                                        }, null, 8, Oi)) : (d(), p(B, { key: 2 }, [
+                                          We(H(A(m, E.field)), 1)
                                         ], 64))
                                       ], 2))
                                     ], 64))), 256))
-                                  ], 10, Ti)) : I("", !0),
-                                  Te(m, $) && e.hasSubtable ? (u(), p("tr", {
+                                  ], 10, Ti)) : M("", !0),
+                                  Te(m, O) && e.hasSubtable ? (d(), p("tr", {
                                     key: 1,
-                                    class: P([
+                                    class: I([
                                       Ee.value ? s.rowClass(m) : e.rowClass,
                                       e.selectRowOnClick ? "bh-cursor-pointer" : ""
                                     ]),
-                                    onClick: V((M) => Ye(m, $), ["prevent"])
+                                    onClick: j((E) => Ye(m, O), ["prevent"])
                                   }, [
-                                    k("td", {
-                                      colspan: e.columns.length + U(fe)
+                                    w("td", {
+                                      colspan: e.columns.length + G(fe)
                                     }, [
                                       te(s.$slots, "tsub", {
                                         rowData: m,
-                                        rowIndex: $,
+                                        rowIndex: O,
                                         filterItems: i.value
                                       })
                                     ], 8, Ai)
-                                  ], 10, Ri)) : I("", !0)
+                                  ], 10, Ri)) : M("", !0)
                                 ], 64))), 128)),
-                                !C.value && h.value && s.skeletonloader ? (u(!0), p(D, { key: 0 }, oe(e.pageSize, (m) => (u(), p("tr", {
+                                !z.value && u.value && s.skeletonloader ? (d(!0), p(B, { key: 0 }, oe(e.pageSize, (m) => (d(), p("tr", {
                                   key: m,
                                   class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                 }, [
-                                  k("td", {
-                                    colspan: e.columns.length + U(fe),
+                                  w("td", {
+                                    colspan: e.columns.length + G(fe),
                                     class: "!bh-p-0 !bh-border-transparent"
                                   }, Di, 8, qi)
-                                ]))), 128)) : I("", !0),
-                                C.value ? (u(!0), p(D, { key: 1 }, oe(e.footerRows, (m, $) => (u(), p("tr", {
-                                  key: m[le.value] ? m[le.value] : $,
+                                ]))), 128)) : M("", !0),
+                                z.value ? (d(!0), p(B, { key: 1 }, oe(e.footerRows, (m, O) => (d(), p("tr", {
+                                  key: m[le.value] ? m[le.value] : O,
                                   class: "sticky-table-footer"
                                 }, [
-                                  U(fe) > 0 ? (u(), p("td", {
+                                  G(fe) > 0 ? (d(), p("td", {
                                     key: 0,
-                                    colspan: U(fe)
-                                  }, null, 8, Bi)) : I("", !0),
-                                  (u(!0), p(D, null, oe(e.columns, (M, Z) => (u(), p(D, null, [
-                                    M.hide ? I("", !0) : (u(), p("td", {
-                                      key: M.field,
-                                      class: P([
-                                        me.value ? s.cellClass(m) : e.cellClass,
+                                    colspan: G(fe)
+                                  }, null, 8, Bi)) : M("", !0),
+                                  (d(!0), p(B, null, oe(e.columns, (E, Z) => (d(), p(B, null, [
+                                    E.hide ? M("", !0) : (d(), p("td", {
+                                      key: E.field,
+                                      class: I([
+                                        be.value ? s.cellClass(m) : e.cellClass,
                                         Z === 0 && e.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                         e.hasCheckbox && Z === 0 && e.stickyFirstColumn ? "bh-left-[52px]" : "",
-                                        M.cellClass ? M.cellClass : ""
+                                        E.cellClass ? E.cellClass : ""
                                       ])
                                     }, [
-                                      m.cells.find((be) => be.field == M.field) ? (u(), p(D, { key: 0 }, [
-                                        We(B(m.cells.find((be) => be.field == M.field).text), 1)
-                                      ], 64)) : I("", !0)
+                                      m.cells.find((ge) => ge.field == E.field) ? (d(), p(B, { key: 0 }, [
+                                        We(H(m.cells.find((ge) => ge.field == E.field).text), 1)
+                                      ], 64)) : M("", !0)
                                     ], 2))
                                   ], 64))), 256))
-                                ]))), 128)) : I("", !0)
+                                ]))), 128)) : M("", !0)
                               ]),
-                              e.cloneHeaderInFooter ? (u(), p("tfoot", {
+                              e.cloneHeaderInFooter ? (d(), p("tfoot", {
                                 key: 0,
-                                class: P({
+                                class: I({
                                   "bh-sticky bh-bottom-0": e.stickyHeader
                                 })
                               }, [
                                 ne(tt, {
                                   all: e,
-                                  currentSortColumn: y.value,
-                                  currentSortDirection: F.value,
-                                  isOpenFilter: R.value,
+                                  currentSortColumn: g.value,
+                                  currentSortDirection: C.value,
+                                  isOpenFilter: $.value,
                                   isFooter: !0,
-                                  checkAll: f.value,
+                                  checkAll: _.value,
                                   onSelectAll: de,
                                   onSortChange: Ke,
                                   onFilterChange: Oe,
-                                  onToggleFilterMenu: _
+                                  onToggleFilterMenu: S
                                 }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
-                              ], 2)) : I("", !0)
+                              ], 2)) : M("", !0)
                             ], 2),
-                            h.value && s.enableloadinganimation ? (u(), p("div", {
+                            u.value && s.enableloadinganimation ? (d(), p("div", {
                               key: 0,
                               class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading",
-                              style: G({
+                              style: Q({
                                 height: Number(e.height.replace("px", "")) - 175 + "px"
                               })
                             }, [
                               te(s.$slots, "loadercontent")
-                            ], 4)) : I("", !0),
-                            !C.value && !h.value ? (u(), p("div", {
+                            ], 4)) : M("", !0),
+                            !z.value && !u.value ? (d(), p("div", {
                               key: 1,
                               class: "nodatacontent",
-                              style: G({
+                              style: Q({
                                 height: Number(e.height.replace("px", "")) - 175 + "px"
                               })
                             }, [
                               te(s.$slots, "nodatacontent", {}, () => [
-                                k("span", null, B(e.noDataContent), 1)
+                                w("span", null, H(e.noDataContent), 1)
                               ])
-                            ], 4)) : I("", !0)
+                            ], 4)) : M("", !0)
                           ], 6)
                         ]),
                         _: 3
                       }, 8, ["style"])
                     ]),
                     _: 3
-                  }, 8, ["onResize"])) : I("", !0),
-                  s.enabletopmenu ? I("", !0) : (u(), p("div", {
+                  }, 8, ["onResize"])) : M("", !0),
+                  s.enabletopmenu ? M("", !0) : (d(), p("div", {
                     key: 1,
                     class: "bh-w-full bh-h-full",
-                    style: G({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
+                    style: Q({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
                   }, [
-                    s.enableHeaderArea ? (u(), p("div", {
+                    s.enableHeaderArea ? (d(), p("div", {
                       key: 0,
                       class: "bh-w-full bh-overflow-auto",
-                      style: G({ height: s.headerAreaHeight, "margin-bottom": "10px" })
+                      style: Q({ height: s.headerAreaHeight, "margin-bottom": "10px" })
                     }, [
                       te(s.$slots, "tableHeaderArea", {}, () => [
                         Hi
                       ])
-                    ], 4)) : I("", !0),
+                    ], 4)) : M("", !0),
                     te(s.$slots, "tableactionheader"),
-                    k("div", {
-                      class: P(["bh-table-responsive", { "bh-min-h-[100px]": h.value }]),
-                      style: G({
+                    w("div", {
+                      class: I(["bh-table-responsive", { "bh-min-h-[100px]": u.value }]),
+                      style: Q({
                         overflow: "auto",
                         height: e.stickyHeader ? Number(e.height.replace("px", "")) - e.footerOffset + "px" : "auto"
                       })
                     }, [
-                      k("table", {
-                        class: P([e.skin])
+                      w("table", {
+                        class: I([e.skin])
                       }, [
-                        k("thead", {
-                          class: P({ "bh-sticky bh-top-0 bh-z-10": e.stickyHeader })
+                        w("thead", {
+                          class: I({ "bh-sticky bh-top-0 bh-z-10": e.stickyHeader })
                         }, [
                           ne(tt, {
                             all: e,
                             expandedrows: ae.value,
-                            currentSortColumn: y.value,
-                            currentSortDirection: F.value,
-                            isOpenFilter: R.value,
-                            checkAll: f.value,
+                            currentSortColumn: g.value,
+                            currentSortDirection: C.value,
+                            isOpenFilter: $.value,
+                            checkAll: _.value,
                             columnFilterLang: e.columnFilterLang,
                             onSelectAll: de,
                             onSortChange: Ke,
                             onFilterChange: Oe,
-                            onToggleFilterMenu: _,
+                            onToggleFilterMenu: S,
                             onClearColumnFilter: Wt
                           }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                         ], 2),
-                        k("tbody", null, [
-                          (u(!0), p(D, null, oe(i.value, (m, $) => (u(), p(D, {
-                            key: ze($)
+                        w("tbody", null, [
+                          (d(!0), p(B, null, oe(i.value, (m, O) => (d(), p(B, {
+                            key: ze(O)
                           }, [
-                            C.value ? (u(), p("tr", {
+                            z.value ? (d(), p("tr", {
                               key: 0,
-                              class: P([
+                              class: I([
                                 Ee.value ? s.rowClass(m) : e.rowClass,
                                 e.selectRowOnClick ? "bh-cursor-pointer" : ""
                               ]),
-                              onClick: V((M) => Ye(m, $), ["prevent"])
+                              onClick: j((E) => Ye(m, O), ["prevent"])
                             }, [
-                              e.hasCheckbox ? (u(), p("td", {
+                              e.hasCheckbox ? (d(), p("td", {
                                 key: 0,
-                                style: G({ width: e.checkboxColumnWidth + " !important", minWidth: e.checkboxColumnWidth + " !important" }),
-                                class: P({ "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn })
+                                style: Q({ width: e.checkboxColumnWidth + " !important", minWidth: e.checkboxColumnWidth + " !important" }),
+                                class: I({ "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn })
                               }, [
-                                k("div", ji, [
-                                  ie(k("input", {
-                                    "onUpdate:modelValue": v[3] || (v[3] = (M) => b.value = M),
+                                w("div", ji, [
+                                  ie(w("input", {
+                                    "onUpdate:modelValue": v[3] || (v[3] = (E) => P.value = E),
                                     type: "checkbox",
-                                    value: ze($),
-                                    onClick: v[4] || (v[4] = V(() => {
+                                    value: ze(O),
+                                    onClick: v[4] || (v[4] = j(() => {
                                     }, ["stop"]))
                                   }, null, 8, Ui), [
-                                    [Qt, b.value]
+                                    [Qt, P.value]
                                   ]),
-                                  k("div", null, [
+                                  w("div", null, [
                                     ne(Mt, { class: "check" })
                                   ])
                                 ])
-                              ], 6)) : I("", !0),
-                              e.hasRightPanel ? (u(), p("td", {
+                              ], 6)) : M("", !0),
+                              e.hasRightPanel ? (d(), p("td", {
                                 key: 1,
-                                style: G({ width: e.rightPanelColumnWidth + " !important", minWidth: e.rightPanelColumnWidth + " !important", padding: "0px !important" }),
-                                class: P({ "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn })
+                                style: Q({ width: e.rightPanelColumnWidth + " !important", minWidth: e.rightPanelColumnWidth + " !important", padding: "0px !important" }),
+                                class: I({ "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn })
                               }, [
                                 ne(hn, {
                                   item: m,
-                                  onRightPanelClick: v[5] || (v[5] = (M) => j("rowRightPanelClick", M))
+                                  onRightPanelClick: v[5] || (v[5] = (E) => U("rowRightPanelClick", E))
                                 }, null, 8, ["item"])
-                              ], 6)) : I("", !0),
-                              e.hasSubtable ? (u(), p("td", {
+                              ], 6)) : M("", !0),
+                              e.hasSubtable ? (d(), p("td", {
                                 key: 2,
-                                style: G({ width: e.subtableColumnWidth + " !important", minWidth: e.subtableColumnWidth + " !important" }),
-                                class: P({ "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn })
+                                style: Q({ width: e.subtableColumnWidth + " !important", minWidth: e.subtableColumnWidth + " !important" }),
+                                class: I({ "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn })
                               }, [
                                 ne(Et, {
-                                  item: { ...m, _rowIndex: $ },
+                                  item: { ...m, _rowIndex: O },
                                   expandedrows: ae.value
                                 }, null, 8, ["item", "expandedrows"])
-                              ], 6)) : I("", !0),
-                              (u(!0), p(D, null, oe(e.columns, (M, Z) => (u(), p(D, null, [
-                                M.hide ? I("", !0) : (u(), p("td", {
-                                  key: M.field,
-                                  class: P([
-                                    me.value ? s.cellClass(m) : e.cellClass,
+                              ], 6)) : M("", !0),
+                              (d(!0), p(B, null, oe(e.columns, (E, Z) => (d(), p(B, null, [
+                                E.hide ? M("", !0) : (d(), p("td", {
+                                  key: E.field,
+                                  class: I([
+                                    be.value ? s.cellClass(m) : e.cellClass,
                                     Z === 0 && e.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                     e.hasCheckbox && Z === 0 && e.stickyFirstColumn ? "bh-left-[52px]" : "",
-                                    M.cellClass ? M.cellClass : ""
+                                    E.cellClass ? E.cellClass : ""
                                   ])
                                 }, [
-                                  U(l)[M.field] ? te(s.$slots, M.field, {
+                                  G(l)[E.field] ? te(s.$slots, E.field, {
                                     key: 0,
                                     value: m
-                                  }) : M.cellRenderer ? (u(), p("div", {
+                                  }) : E.cellRenderer ? (d(), p("div", {
                                     key: 1,
-                                    innerHTML: M.cellRenderer(m)
-                                  }, null, 8, Gi)) : (u(), p(D, { key: 2 }, [
-                                    We(B(O(m, M.field)), 1)
+                                    innerHTML: E.cellRenderer(m)
+                                  }, null, 8, Gi)) : (d(), p(B, { key: 2 }, [
+                                    We(H(A(m, E.field)), 1)
                                   ], 64))
                                 ], 2))
                               ], 64))), 256))
-                            ], 10, Vi)) : I("", !0),
-                            Te(m, $) && e.hasSubtable ? (u(), p("tr", {
+                            ], 10, Vi)) : M("", !0),
+                            Te(m, O) && e.hasSubtable ? (d(), p("tr", {
                               key: 1,
-                              class: P([
+                              class: I([
                                 Ee.value ? s.rowClass(m) : e.rowClass,
                                 e.selectRowOnClick ? "bh-cursor-pointer" : ""
                               ]),
-                              onClick: V((M) => Ye(m, $), ["prevent"])
+                              onClick: j((E) => Ye(m, O), ["prevent"])
                             }, [
-                              k("td", {
-                                colspan: e.columns.length + U(fe)
+                              w("td", {
+                                colspan: e.columns.length + G(fe)
                               }, [
-                                k("div", {
+                                w("div", {
                                   class: "subtable-container",
-                                  style: G({
+                                  style: Q({
                                     maxHeight: e.subtableMaxHeight,
                                     overflow: "auto",
                                     padding: "10px",
@@ -3367,81 +3367,81 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                 }, [
                                   te(s.$slots, "tsub", {
                                     rowData: m,
-                                    rowIndex: $,
+                                    rowIndex: O,
                                     filterItems: i.value
                                   })
                                 ], 4)
                               ], 8, Ki)
-                            ], 10, Qi)) : I("", !0)
+                            ], 10, Qi)) : M("", !0)
                           ], 64))), 128)),
-                          !C.value && h.value && s.skeletonloader ? (u(!0), p(D, { key: 0 }, oe(e.pageSize, (m) => (u(), p("tr", {
+                          !z.value && u.value && s.skeletonloader ? (d(!0), p(B, { key: 0 }, oe(e.pageSize, (m) => (d(), p("tr", {
                             key: m,
                             class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                           }, [
-                            k("td", {
-                              colspan: e.columns.length + U(fe),
+                            w("td", {
+                              colspan: e.columns.length + G(fe),
                               class: "!bh-p-0 !bh-border-transparent"
                             }, Xi, 8, Ji)
-                          ]))), 128)) : I("", !0),
-                          C.value ? (u(!0), p(D, { key: 1 }, oe(e.footerRows, (m, $) => (u(), p("tr", {
-                            key: m[le.value] ? m[le.value] : $,
+                          ]))), 128)) : M("", !0),
+                          z.value ? (d(!0), p(B, { key: 1 }, oe(e.footerRows, (m, O) => (d(), p("tr", {
+                            key: m[le.value] ? m[le.value] : O,
                             class: "sticky-table-footer"
                           }, [
-                            U(fe) > 0 ? (u(), p("td", {
+                            G(fe) > 0 ? (d(), p("td", {
                               key: 0,
-                              colspan: U(fe)
-                            }, null, 8, Zi)) : I("", !0),
-                            (u(!0), p(D, null, oe(e.columns, (M, Z) => (u(), p(D, null, [
-                              M.hide ? I("", !0) : (u(), p("td", {
-                                key: M.field,
-                                class: P([
-                                  me.value ? s.cellClass(m) : e.cellClass,
+                              colspan: G(fe)
+                            }, null, 8, Zi)) : M("", !0),
+                            (d(!0), p(B, null, oe(e.columns, (E, Z) => (d(), p(B, null, [
+                              E.hide ? M("", !0) : (d(), p("td", {
+                                key: E.field,
+                                class: I([
+                                  be.value ? s.cellClass(m) : e.cellClass,
                                   Z === 0 && e.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                   e.hasCheckbox && Z === 0 && e.stickyFirstColumn ? "bh-left-[52px]" : "",
-                                  M.cellClass ? M.cellClass : ""
+                                  E.cellClass ? E.cellClass : ""
                                 ])
                               }, [
-                                m.cells.find((be) => be.field == M.field) ? (u(), p(D, { key: 0 }, [
-                                  We(B(m.cells.find((be) => be.field == M.field).text), 1)
-                                ], 64)) : I("", !0)
+                                m.cells.find((ge) => ge.field == E.field) ? (d(), p(B, { key: 0 }, [
+                                  We(H(m.cells.find((ge) => ge.field == E.field).text), 1)
+                                ], 64)) : M("", !0)
                               ], 2))
                             ], 64))), 256))
-                          ]))), 128)) : I("", !0)
+                          ]))), 128)) : M("", !0)
                         ]),
-                        e.cloneHeaderInFooter ? (u(), p("tfoot", {
+                        e.cloneHeaderInFooter ? (d(), p("tfoot", {
                           key: 0,
-                          class: P({ "bh-sticky bh-bottom-0": e.stickyHeader })
+                          class: I({ "bh-sticky bh-bottom-0": e.stickyHeader })
                         }, [
                           ne(tt, {
                             all: e,
-                            currentSortColumn: y.value,
-                            currentSortDirection: F.value,
-                            isOpenFilter: R.value,
+                            currentSortColumn: g.value,
+                            currentSortDirection: C.value,
+                            isOpenFilter: $.value,
                             isFooter: !0,
-                            checkAll: f.value,
+                            checkAll: _.value,
                             onSelectAll: de,
                             onSortChange: Ke,
                             onFilterChange: Oe,
-                            onToggleFilterMenu: _
+                            onToggleFilterMenu: S
                           }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
-                        ], 2)) : I("", !0)
+                        ], 2)) : M("", !0)
                       ], 2),
-                      h.value && s.enableloadinganimation ? (u(), p("div", {
+                      u.value && s.enableloadinganimation ? (d(), p("div", {
                         key: 0,
                         class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading",
-                        style: G({ height: Number(e.height.replace("px", "")) - 175 + "px" })
+                        style: Q({ height: Number(e.height.replace("px", "")) - 175 + "px" })
                       }, [
                         te(s.$slots, "loadercontent")
-                      ], 4)) : I("", !0),
-                      !C.value && !h.value ? (u(), p("div", {
+                      ], 4)) : M("", !0),
+                      !z.value && !u.value ? (d(), p("div", {
                         key: 1,
                         class: "nodatacontent",
-                        style: G({ height: Number(e.height.replace("px", "")) - 175 + "px" })
+                        style: Q({ height: Number(e.height.replace("px", "")) - 175 + "px" })
                       }, [
                         te(s.$slots, "nodatacontent", {}, () => [
-                          k("span", null, B(e.noDataContent), 1)
+                          w("span", null, H(e.noDataContent), 1)
                         ])
-                      ], 4)) : I("", !0)
+                      ], 4)) : M("", !0)
                     ], 6)
                   ], 4))
                 ])
@@ -3452,101 +3452,101 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
         ]),
         _: 3
       }, 8, ["style"]),
-      e.pagination && (C.value || e.alwaysShowPagination) ? (u(), p("div", {
+      e.pagination && (z.value || e.alwaysShowPagination) ? (d(), p("div", {
         key: 0,
-        class: P(["bh-pagination", { "bh-pointer-events-none": h.value, "sticky-footer": e.stickyFooter }])
+        class: I(["bh-pagination", { "bh-pointer-events-none": u.value, "sticky-footer": e.stickyFooter }])
       }, [
-        k("div", es, [
+        w("div", es, [
           s.enablefooterpagination ? te(s.$slots, "footerpageinfo", {
             key: 0,
             paginationInfo: s.paginationInfo,
-            filterRowCount: C.value,
-            offset: S.value,
-            limit: z.value,
+            filterRowCount: z.value,
+            offset: k.value,
+            limit: F.value,
             showPageSize: s.showPageSize,
             pageSizeOptions: s.pageSizeOptions,
             currentPageSize: a.value,
             stringFormat: Qe,
             setPageSize: pt
           }, () => [
-            k("div", ts, [
-              k("span", ns, B(Qe(e.paginationInfo, C.value ? S.value : 0, z.value, C.value)), 1),
-              e.showPageSize ? ie((u(), p("select", {
+            w("div", ts, [
+              w("span", ns, H(Qe(e.paginationInfo, z.value ? k.value : 0, F.value, z.value)), 1),
+              e.showPageSize ? ie((d(), p("select", {
                 key: 0,
                 "onUpdate:modelValue": v[6] || (v[6] = (m) => a.value = m),
                 class: "bh-pagesize"
               }, [
-                (u(!0), p(D, null, oe(e.pageSizeOptions, (m) => (u(), p("option", {
+                (d(!0), p(B, null, oe(e.pageSizeOptions, (m) => (d(), p("option", {
                   value: m,
                   key: m
-                }, B(m), 9, ls))), 128))
+                }, H(m), 9, ls))), 128))
               ], 512)), [
                 [it, a.value]
-              ]) : I("", !0)
+              ]) : M("", !0)
             ])
-          ]) : I("", !0),
+          ]) : M("", !0),
           s.enablefooterpagination ? te(s.$slots, "footerpagination", {
             key: 1,
             currentPage: r.value,
-            maxPage: c.value,
-            paging: L.value,
-            movePage: W,
+            maxPage: f.value,
+            paging: x.value,
+            movePage: D,
             nextPage: ee,
             previousPage: N
           }, () => [
-            k("div", os, [
-              e.showFirstPage ? (u(), p("button", {
+            w("div", os, [
+              e.showFirstPage ? (d(), p("button", {
                 key: 0,
                 type: "button",
-                class: P(["bh-page-item first-page", { disabled: r.value <= 1 }]),
+                class: I(["bh-page-item first-page", { disabled: r.value <= 1 }]),
                 onClick: v[7] || (v[7] = (m) => r.value = 1)
               }, [
-                e.firstArrow ? (u(), p("span", {
+                e.firstArrow ? (d(), p("span", {
                   key: 0,
                   innerHTML: e.firstArrow
-                }, null, 8, is)) : (u(), p("svg", ss, as))
-              ], 2)) : I("", !0),
-              k("button", {
+                }, null, 8, is)) : (d(), p("svg", ss, as))
+              ], 2)) : M("", !0),
+              w("button", {
                 type: "button",
-                class: P(["bh-page-item previous-page", { disabled: r.value <= 1 }]),
+                class: I(["bh-page-item previous-page", { disabled: r.value <= 1 }]),
                 onClick: N
               }, [
-                e.previousArrow ? (u(), p("span", {
+                e.previousArrow ? (d(), p("span", {
                   key: 0,
                   innerHTML: e.previousArrow
-                }, null, 8, us)) : (u(), p("svg", cs, fs))
+                }, null, 8, us)) : (d(), p("svg", cs, fs))
               ], 2),
-              e.showNumbers ? (u(!0), p(D, { key: 1 }, oe(L.value, (m) => (u(), p("button", {
+              e.showNumbers ? (d(!0), p(B, { key: 1 }, oe(x.value, (m) => (d(), p("button", {
                 key: m,
                 type: "button",
-                class: P(["bh-page-item", { disabled: r.value === m, "bh-active": m === r.value }]),
-                onClick: ($) => W(m)
-              }, B(m), 11, hs))), 128)) : I("", !0),
-              k("button", {
+                class: I(["bh-page-item", { disabled: r.value === m, "bh-active": m === r.value }]),
+                onClick: (O) => D(m)
+              }, H(m), 11, hs))), 128)) : M("", !0),
+              w("button", {
                 type: "button",
-                class: P(["bh-page-item next-page", { disabled: r.value >= c.value }]),
+                class: I(["bh-page-item next-page", { disabled: r.value >= f.value }]),
                 onClick: ee
               }, [
-                e.nextArrow ? (u(), p("span", {
+                e.nextArrow ? (d(), p("span", {
                   key: 0,
                   innerHTML: e.nextArrow
-                }, null, 8, ps)) : (u(), p("svg", vs, bs))
+                }, null, 8, ps)) : (d(), p("svg", vs, bs))
               ], 2),
-              e.showLastPage ? (u(), p("button", {
+              e.showLastPage ? (d(), p("button", {
                 key: 2,
                 type: "button",
-                class: P(["bh-page-item last-page", { disabled: r.value >= c.value }]),
-                onClick: v[8] || (v[8] = (m) => r.value = c.value)
+                class: I(["bh-page-item last-page", { disabled: r.value >= f.value }]),
+                onClick: v[8] || (v[8] = (m) => r.value = f.value)
               }, [
-                e.lastArrow ? (u(), p("span", {
+                e.lastArrow ? (d(), p("span", {
                   key: 0,
                   innerHTML: e.lastArrow
-                }, null, 8, gs)) : (u(), p("svg", ys, ks))
-              ], 2)) : I("", !0)
+                }, null, 8, gs)) : (d(), p("svg", ys, ks))
+              ], 2)) : M("", !0)
             ])
-          ]) : I("", !0)
+          ]) : M("", !0)
         ])
-      ], 2)) : I("", !0)
+      ], 2)) : M("", !0)
     ]));
   }
 });