@dolusoft/vue3-datatable 1.7.76 → 1.7.77

package/dist/vue3-datatable.js

@@ -1,4 +1,4 @@
-import { isRef as Kn, watch as Z, onMounted as Le, nextTick as Se, getCurrentScope as Jn, onScopeDispose as Yn, unref as K, getCurrentInstance as It, computed as X, ref as W, useSlots as pn, onBeforeUnmount as vn, provide as xe, openBlock as c, createBlock as ue, resolveDynamicComponent as Xn, inject as Ie, createElementBlock as h, normalizeStyle as J, renderSlot as le, h as kt, defineComponent as _e, toRef as Zn, Fragment as H, withModifiers as G, createVNode as oe, createElementVNode as w, normalizeClass as I, toDisplayString as V, createCommentVNode as P, onUnmounted as mn, withDirectives as ae, renderList as re, 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 Z, onMounted as Ee, nextTick as _e, getCurrentScope as Jn, onScopeDispose as Yn, unref as K, getCurrentInstance as It, computed as Y, ref as D, useSlots as pn, onBeforeUnmount as vn, provide as Le, openBlock as u, createBlock as ce, resolveDynamicComponent as Xn, inject as Pe, createElementBlock as h, normalizeStyle as Q, renderSlot as ne, h as kt, defineComponent as Me, toRef as Zn, Fragment as V, withModifiers as U, createVNode as le, createElementVNode as w, normalizeClass as P, toDisplayString as j, createCommentVNode as I, onUnmounted as mn, withDirectives as se, renderList as ie, vModelSelect as it, createTextVNode as We, vModelText as Te, vShow as Gt, withCtx as Ae, vModelCheckbox as Qt } from "vue";
 function bn(t) {
   return Jn() ? (Yn(t), !0) : !1;
 }
@@ -7,7 +7,7 @@ function Be(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]", we = () => {
+const el = Object.prototype.toString, tl = (t) => el.call(t) === "[object Object]", xe = () => {
 }, 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 = we;
+  let n, l, e = xe;
   const i = (a) => {
-    clearTimeout(a), e(), e = we;
+    clearTimeout(a), e(), e = xe;
   };
   return (a) => {
-    const u = Be(t), b = Be(o.maxWait);
-    return n && i(n), u <= 0 || b !== void 0 && b <= 0 ? (l && (i(l), l = null), Promise.resolve(a())) : new Promise((g, C) => {
-      e = o.rejectOnCancel ? C : g, b && !l && (l = setTimeout(() => {
-        n && i(n), l = null, g(a());
-      }, b)), n = setTimeout(() => {
-        l && i(l), l = null, g(a());
-      }, u);
+    const f = Be(t), g = Be(o.maxWait);
+    return n && i(n), f <= 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());
+      }, f);
     });
   };
 }
 function il(...t) {
-  let o = 0, n, l = !0, e = we, i, r, a, u, b;
-  !Kn(t[0]) && typeof t[0] == "object" ? { delay: r, trailing: a = !0, leading: u = !0, rejectOnCancel: b = !1 } = t[0] : [r, a = !0, u = !0, b = !1] = t;
-  const g = () => {
-    n && (clearTimeout(n), n = void 0, e(), e = we);
+  let o = 0, n, l = !0, e = xe, i, r, a, f, g;
+  !Kn(t[0]) && typeof t[0] == "object" ? { delay: r, trailing: a = !0, leading: f = !0, rejectOnCancel: g = !1 } = t[0] : [r, a = !0, f = !0, g = !1] = t;
+  const b = () => {
+    n && (clearTimeout(n), n = void 0, e(), e = xe);
   };
   return (z) => {
-    const E = Be(r), T = Date.now() - o, _ = () => i = z();
-    return g(), E <= 0 ? (o = Date.now(), _()) : (T > E && (u || !l) ? (o = Date.now(), _()) : a && (i = new Promise((d, v) => {
-      e = b ? v : d, n = setTimeout(() => {
-        o = Date.now(), l = !0, d(_()), g();
-      }, Math.max(0, E - T));
-    })), !u && !n && (n = setTimeout(() => l = !0, E)), l = !1, i);
+    const _ = Be(r), N = Date.now() - o, E = () => i = z();
+    return b(), _ <= 0 ? (o = Date.now(), E()) : (N > _ && (f || !l) ? (o = Date.now(), E()) : a && (i = new Promise((c, v) => {
+      e = g ? v : c, n = setTimeout(() => {
+        o = Date.now(), l = !0, c(E()), b();
+      }, Math.max(0, _ - N));
+    })), !f && !n && (n = setTimeout(() => l = !0, _)), l = !1, i);
   };
 }
 function sl(t) {
@@ -83,7 +83,7 @@ function al(t, o, n = {}) {
   );
 }
 function ul(t, o = !0, n) {
-  sl() ? Le(t, n) : o ? t() : Se(t);
+  sl() ? Ee(t, n) : o ? t() : _e(t);
 }
 function cl(t, o, n = {}) {
   const {
@@ -100,7 +100,7 @@ function cl(t, o, n = {}) {
     }
   );
 }
-function ve(t) {
+function be(t) {
   var o;
   const n = Be(t);
   return (o = n == null ? void 0 : n.$el) != null ? o : n;
@@ -109,45 +109,45 @@ 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 we;
+    return xe;
   Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
   const i = [], r = () => {
-    i.forEach((g) => g()), i.length = 0;
-  }, a = (g, C, z, E) => (g.addEventListener(C, z, E), () => g.removeEventListener(C, z, E)), u = Z(
-    () => [ve(o), Be(e)],
-    ([g, C]) => {
-      if (r(), !g)
+    i.forEach((b) => b()), i.length = 0;
+  }, a = (b, C, z, _) => (b.addEventListener(C, z, _), () => b.removeEventListener(C, z, _)), f = Z(
+    () => [be(o), Be(e)],
+    ([b, C]) => {
+      if (r(), !b)
         return;
       const z = tl(C) ? { ...C } : C;
       i.push(
-        ...n.flatMap((E) => l.map((T) => a(g, E, T, z)))
+        ...n.flatMap((_) => l.map((N) => a(b, _, N, z)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), b = () => {
-    u(), r();
+  ), g = () => {
+    f(), r();
   };
-  return bn(b), b;
+  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 we;
-  nl && !Jt && (Jt = !0, Array.from(l.document.body.children).forEach((z) => z.addEventListener("click", we)), l.document.documentElement.addEventListener("click", we));
+    return xe;
+  nl && !Jt && (Jt = !0, Array.from(l.document.body.children).forEach((z) => z.addEventListener("click", xe)), l.document.documentElement.addEventListener("click", xe));
   let a = !0;
-  const u = (z) => e.some((E) => {
-    if (typeof E == "string")
-      return Array.from(l.document.querySelectorAll(E)).some((T) => T === z.target || z.composedPath().includes(T));
+  const f = (z) => e.some((_) => {
+    if (typeof _ == "string")
+      return Array.from(l.document.querySelectorAll(_)).some((N) => N === z.target || z.composedPath().includes(N));
     {
-      const T = ve(E);
-      return T && (z.target === T || z.composedPath().includes(T));
+      const N = be(_);
+      return N && (z.target === N || z.composedPath().includes(N));
     }
-  }), g = [
+  }), b = [
     bt(l, "click", (z) => {
-      const E = ve(t);
-      if (!(!E || E === z.target || z.composedPath().includes(E))) {
-        if (z.detail === 0 && (a = !u(z)), !a) {
+      const _ = be(t);
+      if (!(!_ || _ === z.target || z.composedPath().includes(_))) {
+        if (z.detail === 0 && (a = !f(z)), !a) {
           a = !0;
           return;
         }
@@ -155,36 +155,36 @@ function dl(t, o, n = {}) {
       }
     }, { passive: !0, capture: i }),
     bt(l, "pointerdown", (z) => {
-      const E = ve(t);
-      a = !u(z) && !!(E && !z.composedPath().includes(E));
+      const _ = be(t);
+      a = !f(z) && !!(_ && !z.composedPath().includes(_));
     }, { passive: !0 }),
     r && bt(l, "blur", (z) => {
       setTimeout(() => {
-        var E;
-        const T = ve(t);
-        ((E = l.document.activeElement) == null ? void 0 : E.tagName) === "IFRAME" && !(T != null && T.contains(l.document.activeElement)) && o(z);
+        var _;
+        const N = be(t);
+        ((_ = l.document.activeElement) == null ? void 0 : _.tagName) === "IFRAME" && !(N != null && N.contains(l.document.activeElement)) && o(z);
       }, 0);
     })
   ].filter(Boolean);
-  return () => g.forEach((z) => z());
+  return () => b.forEach((z) => z());
 }
 function fl() {
-  const t = W(!1), o = It();
-  return o && Le(() => {
+  const t = D(!1), o = It();
+  return o && Ee(() => {
     t.value = !0;
   }, o), t;
 }
 function hl(t) {
   const o = fl();
-  return X(() => (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);
-  }, u = X(() => Array.isArray(t) ? t.map((C) => ve(C)) : [ve(t)]), b = Z(
-    u,
+  }, f = Y(() => Array.isArray(t) ? t.map((C) => be(C)) : [be(t)]), g = Z(
+    f,
     (C) => {
       if (a(), r.value && l) {
         i = new ResizeObserver(o);
@@ -193,53 +193,53 @@ function pl(t, o, n = {}) {
       }
     },
     { immediate: !0, flush: "post" }
-  ), g = () => {
-    a(), b();
+  ), 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 = X(() => {
+  const { window: l = at, box: e = "content-box" } = n, i = Y(() => {
     var C, z;
-    return (z = (C = ve(t)) == null ? void 0 : C.namespaceURI) == null ? void 0 : z.includes("svg");
-  }), r = W(o.width), a = W(o.height), { stop: u } = pl(
+    return (z = (C = be(t)) == null ? void 0 : C.namespaceURI) == null ? void 0 : z.includes("svg");
+  }), r = D(o.width), a = D(o.height), { stop: f } = pl(
     t,
     ([C]) => {
       const z = e === "border-box" ? C.borderBoxSize : e === "content-box" ? C.contentBoxSize : C.devicePixelContentBoxSize;
       if (l && i.value) {
-        const E = ve(t);
-        if (E) {
-          const T = E.getBoundingClientRect();
-          r.value = T.width, a.value = T.height;
+        const _ = be(t);
+        if (_) {
+          const N = _.getBoundingClientRect();
+          r.value = N.width, a.value = N.height;
         }
       } else if (z) {
-        const E = Array.isArray(z) ? z : [z];
-        r.value = E.reduce((T, { inlineSize: _ }) => T + _, 0), a.value = E.reduce((T, { blockSize: _ }) => T + _, 0);
+        const _ = Array.isArray(z) ? z : [z];
+        r.value = _.reduce((N, { inlineSize: E }) => N + E, 0), a.value = _.reduce((N, { blockSize: E }) => N + E, 0);
       } else
         r.value = C.contentRect.width, a.value = C.contentRect.height;
     },
     n
   );
   ul(() => {
-    const C = ve(t);
+    const C = be(t);
     C && (r.value = "offsetWidth" in C ? C.offsetWidth : o.width, a.value = "offsetHeight" in C ? C.offsetHeight : o.height);
   });
-  const b = Z(
-    () => ve(t),
+  const g = Z(
+    () => be(t),
     (C) => {
       r.value = C ? o.width : 0, a.value = C ? o.height : 0;
     }
   );
-  function g() {
-    u(), b();
+  function b() {
+    f(), 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 = W([]), r = X(() => i.value.reduce((f, k) => (f[~~k.id] = k) && f, {})), a = X(() => i.value.length), u = W(null), b = W(!1), g = W({
+    const n = o, l = t, e = pn(), i = D([]), r = Y(() => i.value.reduce((d, k) => (d[~~k.id] = k) && d, {})), a = Y(() => i.value.length), f = D(null), g = D(!1), b = D({
       mouseDown: !1,
       dragging: !1,
       activeSplitter: null,
       cursorOffset: 0
       // Cursor offset within the splitter.
-    }), C = W({
+    }), C = D({
       // Used to detect double click on touch devices.
       splitter: null,
       timeoutId: null
-    }), z = X(() => ({
+    }), z = Y(() => ({
       [`splitpanes splitpanes--${l.horizontal ? "horizontal" : "vertical"}`]: !0,
-      "splitpanes--dragging": g.value.dragging
-    })), E = () => {
-      document.addEventListener("mousemove", d, { passive: !1 }), document.addEventListener("mouseup", v), "ontouchstart" in window && (document.addEventListener("touchmove", d, { passive: !1 }), document.addEventListener("touchend", v));
-    }, T = () => {
-      document.removeEventListener("mousemove", d, { passive: !1 }), document.removeEventListener("mouseup", v), "ontouchstart" in window && (document.removeEventListener("touchmove", d, { passive: !1 }), document.removeEventListener("touchend", v));
-    }, _ = (f, k) => {
-      const F = f.target.closest(".splitpanes__splitter");
-      if (F) {
-        const { left: x, top: S } = F.getBoundingClientRect(), { clientX: O, clientY: B } = "ontouchstart" in window && f.touches ? f.touches[0] : f;
-        g.value.cursorOffset = l.horizontal ? B - S : O - x;
+      "splitpanes--dragging": b.value.dragging
+    })), _ = () => {
+      document.addEventListener("mousemove", c, { passive: !1 }), document.addEventListener("mouseup", v), "ontouchstart" in window && (document.addEventListener("touchmove", c, { passive: !1 }), document.addEventListener("touchend", v));
+    }, N = () => {
+      document.removeEventListener("mousemove", c, { passive: !1 }), document.removeEventListener("mouseup", v), "ontouchstart" in window && (document.removeEventListener("touchmove", c, { passive: !1 }), document.removeEventListener("touchend", v));
+    }, E = (d, k) => {
+      const L = d.target.closest(".splitpanes__splitter");
+      if (L) {
+        const { left: x, top: S } = L.getBoundingClientRect(), { clientX: R, clientY: B } = "ontouchstart" in window && d.touches ? d.touches[0] : d;
+        b.value.cursorOffset = l.horizontal ? B - S : R - x;
       }
-      E(), g.value.mouseDown = !0, g.value.activeSplitter = k;
-    }, d = (f) => {
-      g.value.mouseDown && (f.preventDefault(), g.value.dragging = !0, requestAnimationFrame(() => {
-        j(U(f)), Q("resize", { event: f }, !0);
+      _(), b.value.mouseDown = !0, b.value.activeSplitter = k;
+    }, c = (d) => {
+      b.value.mouseDown && (d.preventDefault(), b.value.dragging = !0, requestAnimationFrame(() => {
+        H(re(d)), G("resize", { event: d }, !0);
       }));
-    }, v = (f) => {
-      g.value.dragging && Q("resized", { event: f }, !0), g.value.mouseDown = !1, g.value.activeSplitter = null, setTimeout(() => {
-        g.value.dragging = !1, T();
+    }, v = (d) => {
+      b.value.dragging && G("resized", { event: d }, !0), b.value.mouseDown = !1, b.value.activeSplitter = null, setTimeout(() => {
+        b.value.dragging = !1, N();
       }, 100);
-    }, D = (f, k) => {
-      "ontouchstart" in window && (f.preventDefault(), C.value.splitter === k ? (clearTimeout(C.value.timeoutId), C.value.timeoutId = null, L(f, k), C.value.splitter = null) : (C.value.splitter = k, C.value.timeoutId = setTimeout(() => C.value.splitter = null, 500))), g.value.dragging || Q("splitter-click", { event: f, index: k }, !0);
-    }, L = (f, k) => {
-      if (Q("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, Q("pane-maximize", { event: f, index: k, pane: i.value[k] }), Q("resized", { event: f, index: k }, !0);
+    }, T = (d, k) => {
+      "ontouchstart" in window && (d.preventDefault(), C.value.splitter === k ? (clearTimeout(C.value.timeoutId), C.value.timeoutId = null, F(d, k), C.value.splitter = null) : (C.value.splitter = k, C.value.timeoutId = setTimeout(() => C.value.splitter = null, 500))), b.value.dragging || G("splitter-click", { event: d, index: k }, !0);
+    }, F = (d, k) => {
+      if (G("splitter-dblclick", { event: d, index: k }, !0), l.maximizePanes) {
+        let L = 0;
+        i.value = i.value.map((x, S) => (x.size = S === k ? x.max : x.min, S !== k && (L += x.min), x)), i.value[k].size -= L, G("pane-maximize", { event: d, index: k, pane: i.value[k] }), G("resized", { event: d, index: k }, !0);
       }
-    }, N = (f, k) => {
-      Q("pane-click", {
-        event: f,
+    }, O = (d, k) => {
+      G("pane-click", {
+        event: d,
         index: r.value[k].index,
         pane: r.value[k]
       });
-    }, U = (f) => {
-      const k = u.value.getBoundingClientRect(), { clientX: F, clientY: x } = "ontouchstart" in window && f.touches ? f.touches[0] : f;
+    }, re = (d) => {
+      const k = f.value.getBoundingClientRect(), { clientX: L, clientY: x } = "ontouchstart" in window && d.touches ? d.touches[0] : d;
       return {
-        x: F - (l.horizontal ? 0 : g.value.cursorOffset) - k.left,
-        y: x - (l.horizontal ? g.value.cursorOffset : 0) - k.top
+        x: L - (l.horizontal ? 0 : b.value.cursorOffset) - k.left,
+        y: x - (l.horizontal ? b.value.cursorOffset : 0) - k.top
       };
-    }, q = (f) => {
-      f = f[l.horizontal ? "y" : "x"];
-      const k = u.value[l.horizontal ? "clientHeight" : "clientWidth"];
-      return l.rtl && !l.horizontal && (f = k - f), f * 100 / k;
-    }, j = (f) => {
-      const k = g.value.activeSplitter;
-      let F = {
-        prevPanesSize: se(k),
+    }, W = (d) => {
+      d = d[l.horizontal ? "y" : "x"];
+      const k = f.value[l.horizontal ? "clientHeight" : "clientWidth"];
+      return l.rtl && !l.horizontal && (d = k - d), d * 100 / k;
+    }, H = (d) => {
+      const k = b.value.activeSplitter;
+      let L = {
+        prevPanesSize: oe(k),
         nextPanesSize: A(k),
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const x = 0 + (l.pushOtherPanes ? 0 : F.prevPanesSize), S = 100 - (l.pushOtherPanes ? 0 : F.nextPanesSize), O = Math.max(Math.min(q(f), S), x);
-      let B = [k, k + 1], te = i.value[B[0]] || null, fe = i.value[B[1]] || null;
-      const ht = te.max < 100 && O >= te.max + F.prevPanesSize, pt = fe.max < 100 && O <= 100 - (fe.max + A(k + 1));
+      const x = 0 + (l.pushOtherPanes ? 0 : L.prevPanesSize), S = 100 - (l.pushOtherPanes ? 0 : L.nextPanesSize), R = Math.max(Math.min(W(d), S), x);
+      let B = [k, k + 1], te = i.value[B[0]] || null, pe = i.value[B[1]] || null;
+      const ht = te.max < 100 && R >= te.max + L.prevPanesSize, pt = pe.max < 100 && R <= 100 - (pe.max + A(k + 1));
       if (ht || pt) {
-        ht ? (te.size = te.max, fe.size = Math.max(100 - te.max - F.prevPanesSize - F.nextPanesSize, 0)) : (te.size = Math.max(100 - fe.max - F.prevPanesSize - A(k + 1), 0), fe.size = fe.max);
+        ht ? (te.size = te.max, pe.size = Math.max(100 - te.max - L.prevPanesSize - L.nextPanesSize, 0)) : (te.size = Math.max(100 - pe.max - L.prevPanesSize - A(k + 1), 0), pe.size = pe.max);
         return;
       }
       if (l.pushOtherPanes) {
-        const vt = ie(F, O);
+        const vt = ae(L, R);
         if (!vt) return;
-        ({ sums: F, panesToResize: B } = vt), te = i.value[B[0]] || null, fe = i.value[B[1]] || null;
+        ({ sums: L, panesToResize: B } = vt), te = i.value[B[0]] || null, pe = i.value[B[1]] || null;
       }
-      te !== null && (te.size = Math.min(Math.max(O - F.prevPanesSize - F.prevReachedMinPanes, te.min), te.max)), fe !== null && (fe.size = Math.min(Math.max(100 - O - F.nextPanesSize - F.nextReachedMinPanes, fe.min), fe.max));
-    }, ie = (f, k) => {
-      const F = g.value.activeSplitter, x = [F, F + 1];
-      return k < f.prevPanesSize + i.value[x[0]].min && (x[0] = ne(F).index, f.prevReachedMinPanes = 0, x[0] < F && i.value.forEach((S, O) => {
-        O > x[0] && O <= 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, O) => {
-        O > 0 && O <= 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] = ce(F).index, f.nextReachedMinPanes = 0, x[1] > F + 1 && i.value.forEach((S, O) => {
-        O > F && O < 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, O) => {
-        O < a.value - 1 && O >= 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), ne = (f) => [...i.value].reverse().find((k) => k.index < f && k.size > k.min) || {}, ce = (f) => i.value.find((k) => k.index > f + 1 && k.size > k.min) || {}, ze = () => {
-      var f;
-      const k = Array.from(((f = u.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 !== null && (te.size = Math.min(Math.max(R - L.prevPanesSize - L.prevReachedMinPanes, te.min), te.max)), pe !== null && (pe.size = Math.min(Math.max(100 - R - L.nextPanesSize - L.nextReachedMinPanes, pe.min), pe.max));
+    }, ae = (d, k) => {
+      const L = b.value.activeSplitter, x = [L, L + 1];
+      return k < d.prevPanesSize + i.value[x[0]].min && (x[0] = X(L).index, d.prevReachedMinPanes = 0, x[0] < L && i.value.forEach((S, R) => {
+        R > x[0] && R <= L && (S.size = S.min, d.prevReachedMinPanes += S.min);
+      }), d.prevPanesSize = oe(x[0]), x[0] === void 0) ? (d.prevReachedMinPanes = 0, i.value[0].size = i.value[0].min, i.value.forEach((S, R) => {
+        R > 0 && R <= L && (S.size = S.min, d.prevReachedMinPanes += S.min);
+      }), i.value[x[1]].size = 100 - d.prevReachedMinPanes - i.value[0].min - d.prevPanesSize - d.nextPanesSize, null) : k > 100 - d.nextPanesSize - i.value[x[1]].min && (x[1] = ue(L).index, d.nextReachedMinPanes = 0, x[1] > L + 1 && i.value.forEach((S, R) => {
+        R > L && R < x[1] && (S.size = S.min, d.nextReachedMinPanes += S.min);
+      }), d.nextPanesSize = A(x[1] - 1), x[1] === void 0) ? (d.nextReachedMinPanes = 0, i.value.forEach((S, R) => {
+        R < a.value - 1 && R >= L + 1 && (S.size = S.min, d.nextReachedMinPanes += S.min);
+      }), i.value[x[0]].size = 100 - d.prevPanesSize - A(x[0] - 1), null) : { sums: d, panesToResize: x };
+    }, oe = (d) => i.value.reduce((k, L, x) => k + (x < d ? L.size : 0), 0), A = (d) => i.value.reduce((k, L, x) => k + (x > d + 1 ? L.size : 0), 0), X = (d) => [...i.value].reverse().find((k) => k.index < d && k.size > k.min) || {}, ue = (d) => i.value.find((k) => k.index > d + 1 && k.size > k.min) || {}, ge = () => {
+      var d;
+      const k = Array.from(((d = f.value) == null ? void 0 : d.children) || []);
+      for (const L of k) {
+        const x = L.classList.contains("splitpanes__pane"), S = L.classList.contains("splitpanes__splitter");
+        !x && !S && (L.remove(), console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."));
       }
-    }, Te = (f, k, F = !1) => {
-      const x = f - 1, S = document.createElement("div");
-      S.classList.add("splitpanes__splitter"), F || (S.onmousedown = (O) => _(O, x), typeof window < "u" && "ontouchstart" in window && (S.ontouchstart = (O) => _(O, x)), S.onclick = (O) => D(O, x + 1)), S.ondblclick = (O) => L(O, 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 = u.value) == null ? void 0 : f.children) || []);
+    }, we = (d, k, L = !1) => {
+      const x = d - 1, S = document.createElement("div");
+      S.classList.add("splitpanes__splitter"), L || (S.onmousedown = (R) => E(R, x), typeof window < "u" && "ontouchstart" in window && (S.ontouchstart = (R) => E(R, x)), S.onclick = (R) => T(R, x + 1)), S.ondblclick = (R) => F(R, x + 1), k.parentNode.insertBefore(S, k);
+    }, de = (d) => {
+      d.onmousedown = void 0, d.onclick = void 0, d.ondblclick = void 0, d.remove();
+    }, fe = () => {
+      var d;
+      const k = Array.from(((d = f.value) == null ? void 0 : d.children) || []);
       for (const x of k)
-        x.className.includes("splitpanes__splitter") && Ee(x);
-      let F = 0;
+        x.className.includes("splitpanes__splitter") && de(x);
+      let L = 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) => {
+        x.className.includes("splitpanes__pane") && (!L && l.firstSplitter ? we(L, x, !0) : L && we(L, x), L++);
+    }, Ne = ({ uid: d, ...k }) => {
+      const L = r.value[d];
+      for (const [x, S] of Object.entries(k)) L[x] = S;
+    }, ft = (d) => {
       var k;
-      let F = -1;
-      Array.from(((k = u.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), b.value && Se(() => {
-        be(), de({ addedPane: i.value[F] }), Q("pane-add", { pane: i.value[F] });
+      let L = -1;
+      Array.from(((k = f.value) == null ? void 0 : k.children) || []).some((x) => (x.className.includes("splitpanes__pane") && L++, x.isSameNode(d.el))), i.value.splice(L, 0, { ...d, index: L }), i.value.forEach((x, S) => x.index = S), g.value && _e(() => {
+        fe(), he({ addedPane: i.value[L] }), G("pane-add", { pane: i.value[L] });
       });
-    }, Ue = (f) => {
-      const k = i.value.findIndex((x) => x.id === f);
+    }, Ue = (d) => {
+      const k = i.value.findIndex((x) => x.id === d);
       i.value[k].el = null;
-      const F = i.value.splice(k, 1)[0];
-      i.value.forEach((x, S) => x.index = S), Se(() => {
-        be(), Q("pane-remove", { pane: F }), de({ removedPane: { ...F } });
+      const L = i.value.splice(k, 1)[0];
+      i.value.forEach((x, S) => x.index = S), _e(() => {
+        fe(), G("pane-remove", { pane: L }), he({ removedPane: { ...L } });
       });
-    }, de = (f = {}) => {
-      !f.addedPane && !f.removedPane ? ke() : i.value.some((k) => k.givenSize !== null || k.min || k.max < 100) ? Ge(f) : me(), b.value && Q("resized");
-    }, me = () => {
-      const f = 100 / a.value;
+    }, he = (d = {}) => {
+      !d.addedPane && !d.removedPane ? Se() : i.value.some((k) => k.givenSize !== null || k.min || k.max < 100) ? Ge(d) : ye(), g.value && G("resized");
+    }, ye = () => {
+      const d = 100 / a.value;
       let k = 0;
-      const F = [], x = [];
+      const L = [], 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 f = 100;
-      const k = [], F = [];
+        S.size = Math.max(Math.min(d, S.max), S.min), k -= S.size, S.size >= S.max && L.push(S.id), S.size <= S.min && x.push(S.id);
+      k > 0.1 && $e(k, L, x);
+    }, Se = () => {
+      let d = 100;
+      const k = [], L = [];
       let x = 0;
-      for (const O of i.value)
-        f -= O.size, O.givenSize !== null && x++, O.size >= O.max && k.push(O.id), O.size <= O.min && F.push(O.id);
+      for (const R of i.value)
+        d -= R.size, R.givenSize !== null && x++, R.size >= R.max && k.push(R.id), R.size <= R.min && L.push(R.id);
       let S = 100;
-      if (f > 0.1) {
-        for (const O of i.value)
-          O.givenSize === null && (O.size = Math.max(Math.min(f / (a.value - x), O.max), O.min)), S -= O.size;
-        S > 0.1 && $e(S, k, F);
+      if (d > 0.1) {
+        for (const R of i.value)
+          R.givenSize === null && (R.size = Math.max(Math.min(d / (a.value - x), R.max), R.min)), S -= R.size;
+        S > 0.1 && $e(S, k, L);
       }
-    }, Ge = ({ addedPane: f, removedPane: k } = {}) => {
-      let F = 100 / a.value, x = 0;
-      const S = [], O = [];
-      ((f == null ? void 0 : f.givenSize) ?? null) !== null && (F = (100 - f.givenSize) / (a.value - 1));
+    }, Ge = ({ addedPane: d, removedPane: k } = {}) => {
+      let L = 100 / a.value, x = 0;
+      const S = [], R = [];
+      ((d == null ? void 0 : d.givenSize) ?? null) !== null && (L = (100 - d.givenSize) / (a.value - 1));
       for (const B of i.value)
-        x -= B.size, B.size >= B.max && S.push(B.id), B.size <= B.min && O.push(B.id);
+        x -= B.size, B.size >= B.max && S.push(B.id), B.size <= B.min && R.push(B.id);
       if (!(Math.abs(x) < 0.1)) {
         for (const B of i.value)
-          (f == null ? void 0 : f.givenSize) !== null && (f == null ? void 0 : f.id) === B.id || (B.size = Math.max(Math.min(F, B.max), B.min)), x -= B.size, B.size >= B.max && S.push(B.id), B.size <= B.min && O.push(B.id);
-        x > 0.1 && $e(x, S, O);
+          (d == null ? void 0 : d.givenSize) !== null && (d == null ? void 0 : d.id) === B.id || (B.size = Math.max(Math.min(L, B.max), B.min)), x -= B.size, B.size >= B.max && S.push(B.id), B.size <= B.min && R.push(B.id);
+        x > 0.1 && $e(x, S, R);
       }
-    }, $e = (f, k, F) => {
+    }, $e = (d, k, L) => {
       let x;
-      f > 0 ? x = f / (a.value - k.length) : x = f / (a.value - F.length), i.value.forEach((S, O) => {
-        if (f > 0 && !k.includes(S.id)) {
+      d > 0 ? x = d / (a.value - k.length) : x = d / (a.value - L.length), i.value.forEach((S, R) => {
+        if (d > 0 && !k.includes(S.id)) {
           const B = Math.max(Math.min(S.size + x, S.max), S.min), te = B - S.size;
-          f -= te, S.size = B;
-        } else if (!F.includes(S.id)) {
+          d -= te, S.size = B;
+        } else if (!L.includes(S.id)) {
           const B = Math.max(Math.min(S.size + x, S.max), S.min), te = B - S.size;
-          f -= te, S.size = B;
+          d -= te, S.size = B;
         }
-      }), Math.abs(f) > 0.1 && Se(() => {
-        b.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
+      }), Math.abs(d) > 0.1 && _e(() => {
+        g.value && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
       });
-    }, Q = (f, k = void 0, F = !1) => {
-      const x = (k == null ? void 0 : k.index) ?? g.value.activeSplitter ?? null;
-      n(f, {
+    }, G = (d, k = void 0, L = !1) => {
+      const x = (k == null ? void 0 : k.index) ?? b.value.activeSplitter ?? null;
+      n(d, {
         ...k,
         ...x !== null && { index: x },
-        ...F && x !== null && {
+        ...L && x !== null && {
           prevPane: i.value[x - (l.firstSplitter ? 1 : 0)],
           nextPane: i.value[x + (l.firstSplitter ? 0 : 1)]
         },
         panes: i.value.map((S) => ({ min: S.min, max: S.max, size: S.size }))
       });
     };
-    Z(() => l.firstSplitter, () => be()), Le(() => {
-      ze(), be(), de(), Q("ready"), b.value = !0;
-    }), vn(() => b.value = !1);
+    Z(() => l.firstSplitter, () => fe()), Ee(() => {
+      ge(), fe(), he(), G("ready"), g.value = !0;
+    }), vn(() => g.value = !1);
     const Qe = () => {
-      var f;
+      var d;
       return kt(
         "div",
-        { ref: u, class: z.value },
-        (f = e.default) == null ? void 0 : f.call(e)
+        { ref: f, class: z.value },
+        (d = e.default) == null ? void 0 : d.call(e)
       );
     };
-    return xe("panes", i), xe("indexedPanes", r), xe("horizontal", X(() => l.horizontal)), xe("requestUpdate", Ne), xe("onPaneAdd", ft), xe("onPaneRemove", Ue), xe("onPaneClick", N), (f, k) => (c(), ue(Xn(Qe)));
+    return Le("panes", i), Le("indexedPanes", r), Le("horizontal", Y(() => l.horizontal)), Le("requestUpdate", Ne), Le("onPaneAdd", ft), Le("onPaneRemove", Ue), Le("onPaneClick", O), (d, k) => (u(), ce(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"), u = (o = It()) == null ? void 0 : o.uid, b = Ie("indexedPanes"), g = X(() => b.value[u]), C = W(null), z = X(() => {
-      const d = isNaN(n.size) || n.size === void 0 ? 0 : parseFloat(n.size);
-      return Math.max(Math.min(d, T.value), E.value);
-    }), E = X(() => {
-      const d = parseFloat(n.minSize);
-      return isNaN(d) ? 0 : d;
-    }), T = X(() => {
-      const d = parseFloat(n.maxSize);
-      return isNaN(d) ? 100 : d;
-    }), _ = X(() => {
-      var d;
-      return `${i.value ? "height" : "width"}: ${(d = g.value) == null ? void 0 : d.size}%`;
+    const n = t, l = Pe("requestUpdate"), e = Pe("onPaneAdd"), i = Pe("horizontal"), r = Pe("onPaneRemove"), a = Pe("onPaneClick"), f = (o = It()) == null ? void 0 : o.uid, g = Pe("indexedPanes"), b = Y(() => g.value[f]), C = D(null), z = Y(() => {
+      const c = isNaN(n.size) || n.size === void 0 ? 0 : parseFloat(n.size);
+      return Math.max(Math.min(c, N.value), _.value);
+    }), _ = Y(() => {
+      const c = parseFloat(n.minSize);
+      return isNaN(c) ? 0 : c;
+    }), N = Y(() => {
+      const c = parseFloat(n.maxSize);
+      return isNaN(c) ? 100 : c;
+    }), E = Y(() => {
+      var c;
+      return `${i.value ? "height" : "width"}: ${(c = b.value) == null ? void 0 : c.size}%`;
     });
-    return Z(() => z.value, (d) => l({ uid: u, size: d })), Z(() => E.value, (d) => l({ uid: u, min: d })), Z(() => T.value, (d) => l({ uid: u, max: d })), Le(() => {
+    return Z(() => z.value, (c) => l({ uid: f, size: c })), Z(() => _.value, (c) => l({ uid: f, min: c })), Z(() => N.value, (c) => l({ uid: f, max: c })), Ee(() => {
       e({
-        id: u,
+        id: f,
         el: C.value,
-        min: E.value,
-        max: T.value,
+        min: _.value,
+        max: N.value,
         // The given size (useful to know the user intention).
         givenSize: n.size === void 0 ? null : z.value,
         size: z.value
         // The computed current size at any time.
       });
-    }), vn(() => r(u)), (d, v) => (c(), h("div", {
+    }), vn(() => r(f)), (c, v) => (u(), h("div", {
       ref_key: "paneEl",
       ref: C,
       class: "splitpanes__pane",
-      onClick: v[0] || (v[0] = (D) => K(a)(D, d._.uid)),
-      style: J(_.value)
+      onClick: v[0] || (v[0] = (T) => K(a)(T, c._.uid)),
+      style: Q(E.value)
     }, [
-      le(d.$slots, "default")
+      ne(c.$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(), u = e.pop(), b = {
+    const a = e.pop(), f = e.pop(), g = {
       // Allow provider without '@': "provider:prefix:name"
       provider: e.length > 0 ? e[0] : l,
-      prefix: u,
+      prefix: f,
       name: a
     };
-    return o && !nt(b) ? null : b;
+    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, u = a && i(a);
-      u && (e[r] = [a].concat(u));
+      const a = l[r] && l[r].parent, f = a && i(a);
+      f && (e[r] = [a].concat(f));
     }
     return e[r];
   }
@@ -654,7 +654,7 @@ function wl(t, o) {
     missing: /* @__PURE__ */ new Set()
   };
 }
-function Fe(t, o) {
+function ze(t, o) {
   const n = Zt[t] || (Zt[t] = /* @__PURE__ */ Object.create(null));
   return n[o] || (n[o] = wl(t, o));
 }
@@ -678,7 +678,7 @@ function xn(t) {
 function Cl(t) {
   const o = typeof t == "string" ? ut(t, !0, He) : t;
   if (o) {
-    const n = Fe(o.provider, o.prefix), l = o.name;
+    const n = ze(o.provider, o.prefix), l = o.name;
     return n.icons[l] || (n.missing.has(l) ? null : void 0);
   }
 }
@@ -686,7 +686,7 @@ function xl(t, o) {
   const n = ut(t, !0, He);
   if (!n)
     return !1;
-  const l = Fe(n.provider, n.prefix);
+  const l = ze(n.provider, n.prefix);
   return kl(l, n.name, o);
 }
 function Sl(t, o) {
@@ -705,7 +705,7 @@ function Sl(t, o) {
     name: "a"
   }))
     return !1;
-  const l = Fe(o, n);
+  const l = ze(o, n);
   return !!Tt(l, t);
 }
 const Sn = Object.freeze({
@@ -779,49 +779,49 @@ function Il(t, o) {
     height: n.height
   };
   let i = n.body;
-  [n, l].forEach((_) => {
-    const d = [], v = _.hFlip, D = _.vFlip;
-    let L = _.rotate;
-    v ? D ? L += 2 : (d.push(
+  [n, l].forEach((E) => {
+    const c = [], v = E.hFlip, T = E.vFlip;
+    let F = E.rotate;
+    v ? T ? F += 2 : (c.push(
       "translate(" + (e.width + e.left).toString() + " " + (0 - e.top).toString() + ")"
-    ), d.push("scale(-1 1)"), e.top = e.left = 0) : D && (d.push(
+    ), c.push("scale(-1 1)"), e.top = e.left = 0) : T && (c.push(
       "translate(" + (0 - e.left).toString() + " " + (e.height + e.top).toString() + ")"
-    ), d.push("scale(1 -1)"), e.top = e.left = 0);
-    let N;
-    switch (L < 0 && (L -= Math.floor(L / 4) * 4), L = L % 4, L) {
+    ), c.push("scale(1 -1)"), e.top = e.left = 0);
+    let O;
+    switch (F < 0 && (F -= Math.floor(F / 4) * 4), F = F % 4, F) {
       case 1:
-        N = e.height / 2 + e.top, d.unshift(
-          "rotate(90 " + N.toString() + " " + N.toString() + ")"
+        O = e.height / 2 + e.top, c.unshift(
+          "rotate(90 " + O.toString() + " " + O.toString() + ")"
         );
         break;
       case 2:
-        d.unshift(
+        c.unshift(
           "rotate(180 " + (e.width / 2 + e.left).toString() + " " + (e.height / 2 + e.top).toString() + ")"
         );
         break;
       case 3:
-        N = e.width / 2 + e.left, d.unshift(
-          "rotate(-90 " + N.toString() + " " + N.toString() + ")"
+        O = e.width / 2 + e.left, c.unshift(
+          "rotate(-90 " + O.toString() + " " + O.toString() + ")"
         );
         break;
     }
-    L % 2 === 1 && (e.left !== e.top && (N = e.left, e.left = e.top, e.top = N), e.width !== e.height && (N = e.width, e.width = e.height, e.height = N)), d.length && (i = El(
+    F % 2 === 1 && (e.left !== e.top && (O = e.left, e.left = e.top, e.top = O), e.width !== e.height && (O = e.width, e.width = e.height, e.height = O)), c.length && (i = El(
       i,
-      '<g transform="' + d.join(" ") + '">',
+      '<g transform="' + c.join(" ") + '">',
       "</g>"
     ));
   });
-  const r = l.width, a = l.height, u = e.width, b = e.height;
-  let g, C;
-  r === null ? (C = a === null ? "1em" : a === "auto" ? b : a, g = en(C, u / b)) : (g = r === "auto" ? u : r, C = a === null ? en(g, b / u) : a === "auto" ? b : a);
-  const z = {}, E = (_, d) => {
-    Ml(d) || (z[_] = d.toString());
+  const r = l.width, a = l.height, f = e.width, g = e.height;
+  let b, C;
+  r === null ? (C = a === null ? "1em" : a === "auto" ? g : a, b = en(C, f / g)) : (b = r === "auto" ? f : r, C = a === null ? en(b, g / f) : a === "auto" ? g : a);
+  const z = {}, _ = (E, c) => {
+    Ml(c) || (z[E] = c.toString());
   };
-  E("width", g), E("height", C);
-  const T = [e.left, e.top, u, b];
-  return z.viewBox = T.join(" "), {
+  _("width", b), _("height", C);
+  const N = [e.left, e.top, f, g];
+  return z.viewBox = N.join(" "), {
     attributes: z,
-    viewBox: T,
+    viewBox: N,
     body: i
   };
 }
@@ -930,13 +930,13 @@ const Dl = (t, o, n) => {
     prefix: o,
     icons: []
   }, a = 0;
-  return n.forEach((u, b) => {
-    a += u.length + 1, a >= e && b > 0 && (l.push(r), r = {
+  return n.forEach((f, g) => {
+    a += f.length + 1, a >= e && g > 0 && (l.push(r), r = {
       type: i,
       provider: t,
       prefix: o,
       icons: []
-    }, a = u.length), r.icons.push(u);
+    }, a = f.length), r.icons.push(f);
   }), 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(","), u = new URLSearchParams({
+      const i = o.prefix, a = o.icons.join(","), f = new URLSearchParams({
         icons: a
       });
-      l += i + ".json?" + u.toString();
+      l += i + ".json?" + f.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, u = n[i] || (n[i] = /* @__PURE__ */ Object.create(null)), b = u[r] || (u[r] = Fe(i, r));
-    let g;
-    a in b.icons ? g = o.loaded : r === "" || b.missing.has(a) ? g = o.missing : g = o.pending;
+    const i = e.provider, r = e.prefix, a = e.name, f = n[i] || (n[i] = /* @__PURE__ */ Object.create(null)), g = f[r] || (f[r] = ze(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(C);
+    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((u) => {
-        if (u.prefix !== e)
+      r.pending = r.pending.filter((f) => {
+        if (f.prefix !== e)
           return !0;
-        const b = u.name;
-        if (t.icons[b])
+        const g = f.name;
+        if (t.icons[g])
           r.loaded.push({
             provider: l,
             prefix: e,
-            name: b
+            name: g
           });
-        else if (t.missing.has(b))
+        else if (t.missing.has(g))
           r.missing.push({
             provider: l,
             prefix: e,
-            name: b
+            name: g
           });
         else
           return n = !0, !0;
@@ -1102,102 +1102,102 @@ 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 j = Math.floor(Math.random() * q.length);
-      r.push(q[j]), q = q.slice(0, j).concat(q.slice(j + 1));
+    let W = t.resources.slice(0);
+    for (r = []; W.length > 1; ) {
+      const H = Math.floor(Math.random() * W.length);
+      r.push(W[H]), W = W.slice(0, H).concat(W.slice(H + 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 u = "pending", b = 0, g, C = null, z = [], E = [];
-  typeof l == "function" && E.push(l);
-  function T() {
+  let f = "pending", g = 0, b, C = null, z = [], _ = [];
+  typeof l == "function" && _.push(l);
+  function N() {
     C && (clearTimeout(C), C = null);
   }
-  function _() {
-    u === "pending" && (u = "aborted"), T(), z.forEach((q) => {
-      q.status === "pending" && (q.status = "aborted");
+  function E() {
+    f === "pending" && (f = "aborted"), N(), z.forEach((W) => {
+      W.status === "pending" && (W.status = "aborted");
     }), z = [];
   }
-  function d(q, j) {
-    j && (E = []), typeof q == "function" && E.push(q);
+  function c(W, H) {
+    H && (_ = []), typeof W == "function" && _.push(W);
   }
   function v() {
     return {
       startTime: a,
       payload: o,
-      status: u,
-      queriesSent: b,
+      status: f,
+      queriesSent: g,
       queriesPending: z.length,
-      subscribe: d,
-      abort: _
+      subscribe: c,
+      abort: E
     };
   }
-  function D() {
-    u = "failed", E.forEach((q) => {
-      q(void 0, g);
+  function T() {
+    f = "failed", _.forEach((W) => {
+      W(void 0, b);
     });
   }
-  function L() {
-    z.forEach((q) => {
-      q.status === "pending" && (q.status = "aborted");
+  function F() {
+    z.forEach((W) => {
+      W.status === "pending" && (W.status = "aborted");
     }), z = [];
   }
-  function N(q, j, ie) {
-    const se = j !== "success";
-    switch (z = z.filter((A) => A !== q), u) {
+  function O(W, H, ae) {
+    const oe = H !== "success";
+    switch (z = z.filter((A) => A !== W), f) {
       case "pending":
         break;
       case "failed":
-        if (se || !t.dataAfterTimeout)
+        if (oe || !t.dataAfterTimeout)
           return;
         break;
       default:
         return;
     }
-    if (j === "abort") {
-      g = ie, D();
+    if (H === "abort") {
+      b = ae, T();
       return;
     }
-    if (se) {
-      g = ie, z.length || (r.length ? U() : D());
+    if (oe) {
+      b = ae, z.length || (r.length ? re() : T());
       return;
     }
-    if (T(), L(), !t.random) {
-      const A = t.resources.indexOf(q.resource);
+    if (N(), F(), !t.random) {
+      const A = t.resources.indexOf(W.resource);
       A !== -1 && A !== t.index && (t.index = A);
     }
-    u = "completed", E.forEach((A) => {
-      A(ie);
+    f = "completed", _.forEach((A) => {
+      A(ae);
     });
   }
-  function U() {
-    if (u !== "pending")
+  function re() {
+    if (f !== "pending")
       return;
-    T();
-    const q = r.shift();
-    if (q === void 0) {
+    N();
+    const W = r.shift();
+    if (W === void 0) {
       if (z.length) {
         C = setTimeout(() => {
-          T(), u === "pending" && (L(), D());
+          N(), f === "pending" && (F(), T());
         }, t.timeout);
         return;
       }
-      D();
+      T();
       return;
     }
-    const j = {
+    const H = {
       status: "pending",
-      resource: q,
-      callback: (ie, se) => {
-        N(j, ie, se);
+      resource: W,
+      callback: (ae, oe) => {
+        O(H, ae, oe);
       }
     };
-    z.push(j), b++, C = setTimeout(U, t.rotate), n(q, o, j.callback);
+    z.push(H), g++, C = setTimeout(re, t.rotate), n(W, o, H.callback);
   }
-  return setTimeout(U), v;
+  return setTimeout(re), v;
 }
 function _n(t) {
   const o = {
@@ -1208,19 +1208,19 @@ function _n(t) {
   function l() {
     n = n.filter((a) => a().status === "pending");
   }
-  function e(a, u, b) {
-    const g = Yl(
+  function e(a, f, g) {
+    const b = Yl(
       o,
       a,
-      u,
+      f,
       (C, z) => {
-        l(), b && b(C, z);
+        l(), g && g(C, z);
       }
     );
-    return n.push(g), g;
+    return n.push(b), b;
   }
   function i(a) {
-    return n.find((u) => a(u)) || null;
+    return n.find((f) => a(f)) || null;
   }
   return {
     query: e,
@@ -1321,23 +1321,23 @@ function Pn(t, o) {
   if (l !== ln) {
     if (l) {
       const a = _t(n);
-      for (let u = 0; u < a; u++)
-        sn(n, Ve + u.toString());
+      for (let f = 0; f < a; f++)
+        sn(n, Ve + f.toString());
     }
     Rt(n, on, ln), Lt(n, 0);
     return;
   }
   const e = Math.floor(Date.now() / En) - eo, i = (a) => {
-    const u = Ve + a.toString(), b = Ft(n, u);
-    if (typeof b == "string") {
+    const f = Ve + a.toString(), g = Ft(n, f);
+    if (typeof g == "string") {
       try {
-        const g = JSON.parse(b);
-        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, u);
+      sn(n, f);
     }
   };
   let r = _t(n);
@@ -1349,7 +1349,7 @@ function Tn() {
     no(!0);
     for (const t in dt)
       Pn(t, (o) => {
-        const n = o.data, l = o.provider, e = n.prefix, i = Fe(
+        const n = o.data, l = o.provider, e = n.prefix, i = ze(
           l,
           e
         );
@@ -1416,25 +1416,25 @@ function so(t, o) {
     if (!e || !(i = St(n)))
       return;
     i.prepare(n, l, e).forEach((a) => {
-      Zl(n, a, (u) => {
-        if (typeof u != "object")
-          a.icons.forEach((b) => {
-            t.missing.add(b);
+      Zl(n, a, (f) => {
+        if (typeof f != "object")
+          a.icons.forEach((g) => {
+            t.missing.add(g);
           });
         else
           try {
-            const b = Tt(
+            const g = Tt(
               t,
-              u
+              f
             );
-            if (!b.length)
+            if (!g.length)
               return;
-            const g = t.pendingIcons;
-            g && b.forEach((C) => {
-              g.delete(C);
-            }), oo(t, u);
-          } catch (b) {
-            console.error(b);
+            const b = t.pendingIcons;
+            b && g.forEach((C) => {
+              b.delete(C);
+            }), oo(t, f);
+          } 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 u = !0;
+    let f = !0;
     return o && setTimeout(() => {
-      u && o(
+      f && o(
         l.loaded,
         l.missing,
         l.pending,
         rn
       );
     }), () => {
-      u = !1;
+      f = !1;
     };
   }
   const e = /* @__PURE__ */ Object.create(null), i = [];
   let r, a;
-  return l.pending.forEach((u) => {
-    const { provider: b, prefix: g } = u;
-    if (g === a && b === r)
+  return l.pending.forEach((f) => {
+    const { provider: g, prefix: b } = f;
+    if (b === a && g === r)
       return;
-    r = b, a = g, i.push(Fe(b, g));
-    const C = e[b] || (e[b] = /* @__PURE__ */ Object.create(null));
-    C[g] || (C[g] = []);
-  }), l.pending.forEach((u) => {
-    const { provider: b, prefix: g, name: C } = u, z = Fe(b, g), E = z.pendingIcons || (z.pendingIcons = /* @__PURE__ */ new Set());
-    E.has(C) || (E.add(C), e[b][g].push(C));
-  }), i.forEach((u) => {
-    const { provider: b, prefix: g } = u;
-    e[b][g].length && so(u, e[b][g]);
+    r = g, a = b, i.push(ze(g, b));
+    const C = e[g] || (e[g] = /* @__PURE__ */ Object.create(null));
+    C[b] || (C[b] = []);
+  }), l.pending.forEach((f) => {
+    const { provider: g, prefix: b, name: C } = f, z = ze(g, b), _ = z.pendingIcons || (z.pendingIcons = /* @__PURE__ */ new Set());
+    _.has(C) || (_.add(C), e[g][b].push(C));
+  }), i.forEach((f) => {
+    const { provider: g, prefix: b } = f;
+    e[g][b].length && so(f, 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 _ in o) {
-    const d = o[_];
-    if (d !== void 0)
-      switch (_) {
+  for (let E in o) {
+    const c = o[E];
+    if (c !== void 0)
+      switch (E) {
         case "icon":
         case "style":
         case "onLoad":
@@ -1587,48 +1587,48 @@ const fn = (t, o) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          n[_] = d === !0 || d === "true" || d === 1;
+          n[E] = c === !0 || c === "true" || c === 1;
           break;
         case "flip":
-          typeof d == "string" && co(n, d);
+          typeof c == "string" && co(n, c);
           break;
         case "color":
-          i.color = d;
+          i.color = c;
           break;
         case "rotate":
-          typeof d == "string" ? n[_] = fo(d) : typeof d == "number" && (n[_] = d);
+          typeof c == "string" ? n[E] = fo(c) : typeof c == "number" && (n[E] = c);
           break;
         case "ariaHidden":
         case "aria-hidden":
-          d !== !0 && d !== "true" && delete l["aria-hidden"];
+          c !== !0 && c !== "true" && delete l["aria-hidden"];
           break;
         default: {
-          const v = ot[_];
-          v ? (d === !0 || d === "true" || d === 1) && (n[v] = !0) : an[_] === void 0 && (l[_] = d);
+          const v = ot[E];
+          v ? (c === !0 || c === "true" || c === 1) && (n[v] = !0) : an[E] === void 0 && (l[E] = c);
         }
       }
   }
-  const u = Il(t, n), b = u.attributes;
+  const f = Il(t, n), g = f.attributes;
   if (n.inline && (i.verticalAlign = "-0.125em"), e === "svg") {
     l.style = {
       ...i,
       ...a
-    }, Object.assign(l, b);
-    let _ = 0, d = o.id;
-    return typeof d == "string" && (d = d.replace(/-/g, "_")), l.innerHTML = $l(u.body, d ? () => d + "ID" + _++ : "iconifyVue"), kt("svg", l);
+    }, Object.assign(l, g);
+    let E = 0, c = o.id;
+    return typeof c == "string" && (c = c.replace(/-/g, "_")), l.innerHTML = $l(f.body, c ? () => c + "ID" + E++ : "iconifyVue"), kt("svg", l);
   }
-  const { body: g, width: C, height: z } = t, E = e === "mask" || (e === "bg" ? !1 : g.indexOf("currentColor") !== -1), T = ho(g, {
-    ...b,
+  const { body: b, width: C, height: z } = t, _ = e === "mask" || (e === "bg" ? !1 : b.indexOf("currentColor") !== -1), N = ho(b, {
+    ...g,
     width: C + "",
     height: z + ""
   });
   return l.style = {
     ...i,
-    "--svg": mo(T),
-    width: dn(b.width),
-    height: dn(b.height),
+    "--svg": mo(N),
+    width: dn(g.width),
+    height: dn(g.height),
     ...go,
-    ...E ? zt : Nn,
+    ..._ ? zt : Nn,
     ...a
   }, kt("span", l);
 };
@@ -1669,7 +1669,7 @@ if (typeof document < "u" && typeof window < "u") {
 const yo = {
   ...ct,
   body: ""
-}, ye = _e({
+}, Ce = Me({
   // Do not inherit other attributes: it is handled by render()
   inheritAttrs: !1,
   // Set initial data
@@ -1734,7 +1734,7 @@ const yo = {
   }
 }), wo = {
   name: "buttonExpand"
-}, ko = /* @__PURE__ */ _e({
+}, ko = /* @__PURE__ */ Me({
   ...wo,
   props: {
     item: { default: [] },
@@ -1742,52 +1742,52 @@ const yo = {
     expandall: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const o = t, n = Zn(o, "expandedrows"), l = W(!1);
+    const o = t, n = Zn(o, "expandedrows"), l = D(!1);
     function e(a) {
       if (o.expandall)
-        l.value = !l.value, n.value.forEach((u, b) => {
-          n.value.set(b, l.value);
+        l.value = !l.value, n.value.forEach((f, g) => {
+          n.value.set(g, l.value);
         });
       else {
-        const u = n.value.get(a);
-        n.value.set(a, !u);
+        const f = n.value.get(a);
+        n.value.set(a, !f);
       }
     }
-    const i = (a) => a._rowIndex !== void 0 ? a._rowIndex : a.id || 0, r = W(-1);
+    const i = (a) => a._rowIndex !== void 0 ? a._rowIndex : a.id || 0, r = D(-1);
     return Z(() => 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, u) => (c(), h("button", {
+    }, { deep: !0 }), (a, f) => (u(), h("button", {
       class: "expandbtn",
-      onClick: u[0] || (u[0] = (b) => e(i(a.item)))
+      onClick: f[0] || (f[0] = (g) => e(i(a.item)))
     }, [
-      n.value.get(i(a.item)) === !0 ? (c(), h(H, { key: 0 }, [
-        o.expandall ? (c(), h(H, { key: 0 }, [
-          r.value ? (c(), ue(K(ye), {
+      n.value.get(i(a.item)) === !0 ? (u(), h(V, { key: 0 }, [
+        o.expandall ? (u(), h(V, { key: 0 }, [
+          r.value ? (u(), ce(K(Ce), {
             key: 0,
             icon: "fluent:chevron-down-up-16-filled"
-          })) : (c(), ue(K(ye), {
+          })) : (u(), ce(K(Ce), {
             key: 1,
             icon: "mdi:chevron-down"
           }))
-        ], 64)) : (c(), ue(K(ye), {
+        ], 64)) : (u(), ce(K(Ce), {
           key: 1,
           icon: "mdi:chevron-down"
         }))
-      ], 64)) : (c(), h(H, { key: 1 }, [
-        o.expandall ? (c(), h(H, { key: 0 }, [
-          r.value == -1 ? (c(), ue(K(ye), {
+      ], 64)) : (u(), h(V, { key: 1 }, [
+        o.expandall ? (u(), h(V, { key: 0 }, [
+          r.value == -1 ? (u(), ce(K(Ce), {
             key: 0,
             icon: "ion:chevron-expand"
-          })) : r.value == 0 ? (c(), ue(K(ye), {
+          })) : r.value == 0 ? (u(), ce(K(Ce), {
             key: 1,
             icon: "mdi:chevron-down"
-          })) : (c(), ue(K(ye), {
+          })) : (u(), ce(K(Ce), {
             key: 2,
             icon: "mdi:chevron-right"
           }))
-        ], 64)) : (c(), ue(K(ye), {
+        ], 64)) : (u(), ce(K(Ce), {
           key: 1,
           icon: "mdi:chevron-right"
         }))
@@ -1801,7 +1801,7 @@ const yo = {
   return n;
 }, Et = /* @__PURE__ */ je(ko, [["__scopeId", "data-v-da3bc8d5"]]), Co = {
   name: "ButtonRightPanel"
-}, xo = /* @__PURE__ */ _e({
+}, xo = /* @__PURE__ */ Me({
   ...Co,
   props: {
     item: { default: [] }
@@ -1812,28 +1812,28 @@ const yo = {
     function e() {
       l("rightPanelClick", n.item);
     }
-    return (i, r) => (c(), h("button", {
+    return (i, r) => (u(), h("button", {
       class: "rightpanelbtn",
-      onClick: G(e, ["stop"])
+      onClick: U(e, ["stop"])
     }, [
-      oe(K(ye), { icon: "lucide:plus" })
+      le(K(Ce), { 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 = {
   name: "columnFilter"
-}, Lo = /* @__PURE__ */ _e({
+}, Lo = /* @__PURE__ */ Me({
   ...Fo,
   props: ["column", "columnFilterLang"],
   emits: ["close", "filterChange"],
   setup(t, { emit: o }) {
-    const n = t, l = o, e = W(null);
+    const n = t, l = o, e = D(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) => (c(), h("div", {
+    return (r, a) => (u(), h("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"
@@ -1841,103 +1841,103 @@ const yo = {
       w("div", So, [
         w("button", {
           type: "button",
-          class: I({ active: n.column.condition === "" }),
-          onClick: a[0] || (a[0] = G((u) => i(""), ["stop"]))
-        }, V((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
-        n.column.type === "string" ? (c(), h(H, { key: 0 }, [
+          class: P({ active: n.column.condition === "" }),
+          onClick: a[0] || (a[0] = U((f) => i(""), ["stop"]))
+        }, j((n.columnFilterLang && n.columnFilterLang.NoFilter) ?? "No filter"), 3),
+        n.column.type === "string" ? (u(), h(V, { key: 0 }, [
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "Contains" }),
-            onClick: a[1] || (a[1] = G((u) => i("Contains"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
+            class: P({ active: n.column.condition === "Contains" }),
+            onClick: a[1] || (a[1] = U((f) => i("Contains"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.Contains) ?? "Contains"), 3),
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "NotContains" }),
-            onClick: a[2] || (a[2] = G((u) => i("NotContains"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
+            class: P({ active: n.column.condition === "NotContains" }),
+            onClick: a[2] || (a[2] = U((f) => i("NotContains"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.NotContains) ?? "NotContains"), 3),
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "Equal" }),
-            onClick: a[3] || (a[3] = G((u) => i("Equal"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
+            class: P({ active: n.column.condition === "Equal" }),
+            onClick: a[3] || (a[3] = U((f) => i("Equal"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "NotEqual" }),
-            onClick: a[4] || (a[4] = G((u) => i("NotEqual"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
+            class: P({ active: n.column.condition === "NotEqual" }),
+            onClick: a[4] || (a[4] = U((f) => i("NotEqual"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "StartsWith" }),
-            onClick: a[5] || (a[5] = G((u) => i("StartsWith"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
+            class: P({ active: n.column.condition === "StartsWith" }),
+            onClick: a[5] || (a[5] = U((f) => i("StartsWith"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.StartsWith) ?? "StartsWith"), 3),
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "EndsWith" }),
-            onClick: a[6] || (a[6] = G((u) => i("EndsWith"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
-        ], 64)) : n.column.type === "number" ? (c(), h(H, { key: 1 }, [
+            class: P({ active: n.column.condition === "EndsWith" }),
+            onClick: a[6] || (a[6] = U((f) => i("EndsWith"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.EndsWith) ?? "EndsWith"), 3)
+        ], 64)) : n.column.type === "number" ? (u(), h(V, { key: 1 }, [
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "Equal" }),
-            onClick: a[7] || (a[7] = G((u) => i("Equal"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
+            class: P({ active: n.column.condition === "Equal" }),
+            onClick: a[7] || (a[7] = U((f) => i("Equal"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "NotEqual" }),
-            onClick: a[8] || (a[8] = G((u) => i("NotEqual"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
+            class: P({ active: n.column.condition === "NotEqual" }),
+            onClick: a[8] || (a[8] = U((f) => i("NotEqual"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "NotEqual (!=)"), 3),
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "GreaterThan" }),
-            onClick: a[9] || (a[9] = G((u) => i("GreaterThan"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
+            class: P({ active: n.column.condition === "GreaterThan" }),
+            onClick: a[9] || (a[9] = U((f) => i("GreaterThan"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "GreaterThanOrEqual" }),
-            onClick: a[10] || (a[10] = G((u) => i("GreaterThanOrEqual"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual (>=)"), 3),
+            class: P({ active: n.column.condition === "GreaterThanOrEqual" }),
+            onClick: a[10] || (a[10] = U((f) => i("GreaterThanOrEqual"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.GreaterThanOrEqual) ?? "GreaterThanOrEqual (>=)"), 3),
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "LessThan" }),
-            onClick: a[11] || (a[11] = G((u) => i("LessThan"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3),
+            class: P({ active: n.column.condition === "LessThan" }),
+            onClick: a[11] || (a[11] = U((f) => i("LessThan"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3),
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "LessThanOrEqual" }),
-            onClick: a[12] || (a[12] = G((u) => i("LessThanOrEqual"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual (<=)"), 3)
-        ], 64)) : n.column.type === "date" ? (c(), h(H, { key: 2 }, [
+            class: P({ active: n.column.condition === "LessThanOrEqual" }),
+            onClick: a[12] || (a[12] = U((f) => i("LessThanOrEqual"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.LessThanOrEqual) ?? "LessThanOrEqual (<=)"), 3)
+        ], 64)) : n.column.type === "date" ? (u(), h(V, { key: 2 }, [
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "Equal" }),
-            onClick: a[13] || (a[13] = G((u) => i("Equal"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
+            class: P({ active: n.column.condition === "Equal" }),
+            onClick: a[13] || (a[13] = U((f) => i("Equal"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.Equal) ?? "Equal (=)"), 3),
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "NotEqual" }),
-            onClick: a[14] || (a[14] = G((u) => i("NotEqual"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal (!=)"), 3),
+            class: P({ active: n.column.condition === "NotEqual" }),
+            onClick: a[14] || (a[14] = U((f) => i("NotEqual"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.NotEqual) ?? "Not equal (!=)"), 3),
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "GreaterThan" }),
-            onClick: a[15] || (a[15] = G((u) => i("GreaterThan"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
+            class: P({ active: n.column.condition === "GreaterThan" }),
+            onClick: a[15] || (a[15] = U((f) => i("GreaterThan"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.GreaterThan) ?? "GreaterThan (>)"), 3),
           w("button", {
             type: "button",
-            class: I({ active: n.column.condition === "LessThan" }),
-            onClick: a[16] || (a[16] = G((u) => i("LessThan"), ["stop"]))
-          }, V((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3)
-        ], 64)) : P("", !0),
+            class: P({ active: n.column.condition === "LessThan" }),
+            onClick: a[16] || (a[16] = U((f) => i("LessThan"), ["stop"]))
+          }, j((n.columnFilterLang && n.columnFilterLang.LessThan) ?? "LessThan (<)"), 3)
+        ], 64)) : I("", !0),
         w("button", {
           type: "button",
-          class: I({ active: n.column.condition === "IsNull" }),
-          onClick: a[17] || (a[17] = G((u) => i("IsNull"), ["stop"]))
-        }, V((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
+          class: P({ active: n.column.condition === "IsNull" }),
+          onClick: a[17] || (a[17] = U((f) => i("IsNull"), ["stop"]))
+        }, j((n.columnFilterLang && n.columnFilterLang.IsNull) ?? "IsNull"), 3),
         w("button", {
           type: "button",
-          class: I({ active: n.column.condition === "IsNotNull" }),
-          onClick: a[18] || (a[18] = G((u) => i("IsNotNull"), ["stop"]))
-        }, V((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
+          class: P({ active: n.column.condition === "IsNotNull" }),
+          onClick: a[18] || (a[18] = U((f) => i("IsNotNull"), ["stop"]))
+        }, j((n.columnFilterLang && n.columnFilterLang.IsNotNull) ?? "IsNotNull"), 3)
       ])
     ], 512));
   }
@@ -1994,7 +1994,7 @@ const yo = {
   class: "bh-border-t bh-border-gray-200 dark:bh-border-gray-600 bh-pt-2 bh-mt-2"
 }, 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({
+}, $o = /* @__PURE__ */ Me({
   ...No,
   props: [
     "column",
@@ -2004,107 +2004,103 @@ const yo = {
   ],
   emits: ["close", "filterChange", "sortChange", "clearFilter", "conditionChange"],
   setup(t, { emit: o }) {
-    const n = t, l = o, e = W(null), i = W(null), r = W(n.column.condition || ""), a = W(!1), u = W("right"), b = W("bottom"), g = () => {
-      var ce;
-      const L = e.value;
-      if (!L) return;
-      const N = (ce = L.parentElement) == null ? void 0 : ce.querySelector(".bh-filter-button");
-      if (!N) return;
-      const U = N.getBoundingClientRect(), q = 200, j = 280, ie = 10, se = window.innerWidth - U.right;
-      U.left >= q + ie ? u.value = "right" : se >= q + ie ? u.value = "left" : u.value = "center";
-      const ne = window.innerHeight - U.bottom;
-      b.value = ne >= j + ie ? "bottom" : "top";
-    }, C = X(() => {
-      var N;
-      const L = ((N = n.column.type) == null ? void 0 : N.toLowerCase()) || "string";
-      return rt[L] || rt.string;
-    }), z = (L) => {
-      if (!n.columnFilterLang) return L.label;
-      const N = L.value === "" ? "NoFilter" : L.value;
-      return n.columnFilterLang[N] || L.label;
-    }, E = (L) => {
-      const U = L.target.value;
-      a.value = !1, r.value = U, l("conditionChange", n.column.field, U), U === "" && (n.column.value = ""), l("filterChange", n.column);
-    }, T = (L) => n.currentSortColumn === n.column.field && n.currentSortDirection === L, _ = (L) => {
-      l("sortChange", n.column.field, L), l("close");
-    }, d = () => {
-      var N;
-      const L = ((N = n.column.type) == null ? void 0 : N.toLowerCase()) || "string";
-      n.column.condition = L === "string" ? "Contains" : "Equal", n.column.value = "", r.value = n.column.condition, l("clearFilter", n.column), l("close");
-    }, v = (L) => {
-      const N = L.target;
-      a.value || N.tagName === "SELECT" || N.tagName === "OPTION" || e.value && e.value.contains(N) || N.closest(".bh-filter-button") || l("close");
-    }, D = (L) => {
-      L.key === "Escape" && l("close");
+    const n = t, l = o, e = D(null), i = D(null), r = D(n.column.condition || ""), a = D(!1), f = D({}), g = () => {
+      var fe;
+      const T = e.value;
+      if (!T) return;
+      const F = (fe = T.parentElement) == null ? void 0 : fe.querySelector(".bh-filter-button");
+      if (!F) return;
+      const O = F.getBoundingClientRect(), re = 200, W = T.offsetHeight || 280, H = 10, ae = window.innerWidth - O.right, oe = O.left, A = window.innerHeight - O.bottom;
+      let X = null, ue = null, ge = null, we = null;
+      ae >= re + H ? X = O.left : oe >= re + H ? ue = window.innerWidth - O.right : X = Math.max(H, Math.min(O.left, window.innerWidth - re - H)), A >= W + H ? ge = O.bottom + 4 : we = window.innerHeight - O.top + 4;
+      const de = {};
+      X !== null && (de.left = `${X}px`), ue !== null && (de.right = `${ue}px`), ge !== null && (de.top = `${ge}px`), we !== null && (de.bottom = `${we}px`), f.value = de;
+    }, b = Y(() => {
+      var F;
+      const T = ((F = n.column.type) == null ? void 0 : F.toLowerCase()) || "string";
+      return rt[T] || rt.string;
+    }), C = (T) => {
+      if (!n.columnFilterLang) return T.label;
+      const F = T.value === "" ? "NoFilter" : T.value;
+      return n.columnFilterLang[F] || T.label;
+    }, z = (T) => {
+      const O = T.target.value;
+      a.value = !1, r.value = O, l("conditionChange", n.column.field, O), O === "" && (n.column.value = ""), l("filterChange", n.column);
+    }, _ = (T) => n.currentSortColumn === n.column.field && n.currentSortDirection === T, N = (T) => {
+      l("sortChange", n.column.field, T), l("close");
+    }, E = () => {
+      var F;
+      const T = ((F = n.column.type) == null ? void 0 : F.toLowerCase()) || "string";
+      n.column.condition = T === "string" ? "Contains" : "Equal", n.column.value = "", r.value = n.column.condition, l("clearFilter", n.column), l("close");
+    }, c = (T) => {
+      const F = T.target;
+      a.value || F.tagName === "SELECT" || F.tagName === "OPTION" || e.value && e.value.contains(F) || F.closest(".bh-filter-button") || l("close");
+    }, v = (T) => {
+      T.key === "Escape" && l("close");
     };
-    return Le(() => {
-      Se(() => {
-        var L;
-        g(), (L = i.value) == null || L.focus(), document.addEventListener("click", v, !0), document.addEventListener("keydown", D);
+    return Ee(() => {
+      _e(() => {
+        var T;
+        g(), (T = i.value) == null || T.focus(), document.addEventListener("click", c, !0), document.addEventListener("keydown", v);
       });
     }), mn(() => {
-      document.removeEventListener("click", v, !0), document.removeEventListener("keydown", D);
-    }), (L, N) => (c(), h("div", {
+      document.removeEventListener("click", c, !0), document.removeEventListener("keydown", v);
+    }), (T, F) => (u(), h("div", {
       ref_key: "dropdownRef",
       ref: e,
-      class: I(["bh-filter-dropdown-container bh-absolute bh-z-[100] bh-bg-white dark:bh-bg-gray-800 bh-shadow-lg bh-rounded bh-border bh-border-solid bh-border-gray-300 dark:bh-border-gray-600", {
-        "bh-right-0": u.value === "right",
-        "bh-left-0": u.value === "left",
-        "bh-left-1/2 -bh-translate-x-1/2": u.value === "center",
-        "bh-top-full bh-mt-1": b.value === "bottom",
-        "bh-bottom-full bh-mb-1": b.value === "top"
-      }])
+      class: "bh-filter-dropdown-container bh-fixed bh-z-[100] bh-bg-white dark:bh-bg-gray-800 bh-shadow-lg bh-rounded bh-border bh-border-solid bh-border-gray-300 dark:bh-border-gray-600",
+      style: Q(f.value)
     }, [
       w("div", _o, [
         w("div", zo, [
           Eo,
-          ae(w("select", {
+          se(w("select", {
             ref_key: "selectRef",
             ref: i,
-            "onUpdate:modelValue": N[0] || (N[0] = (U) => r.value = U),
+            "onUpdate:modelValue": F[0] || (F[0] = (O) => r.value = O),
             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: N[1] || (N[1] = (U) => a.value = !0),
-            onBlur: N[2] || (N[2] = (U) => a.value = !1),
-            onChange: E
+            onFocus: F[1] || (F[1] = (O) => a.value = !0),
+            onBlur: F[2] || (F[2] = (O) => a.value = !1),
+            onChange: z
           }, [
-            (c(!0), h(H, null, re(C.value, (U) => (c(), h("option", {
-              key: U.value,
-              value: U.value
-            }, V(U.icon ? U.icon + " " : "") + V(z(U)), 9, Mo))), 128))
+            (u(!0), h(V, null, ie(b.value, (O) => (u(), h("option", {
+              key: O.value,
+              value: O.value
+            }, j(O.icon ? O.icon + " " : "") + j(C(O)), 9, Mo))), 128))
           ], 544), [
             [it, r.value]
           ])
         ]),
-        n.column.sort !== !1 ? (c(), h("div", Io, [
+        n.column.sort !== !1 ? (u(), h("div", Io, [
           Po,
           w("div", To, [
             w("button", {
               type: "button",
-              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": T("asc"),
-                "bh-bg-gray-50 dark:bh-bg-gray-700 hover:bh-bg-gray-100 dark:hover:bh-bg-gray-600": !T("asc")
+              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": _("asc"),
+                "bh-bg-gray-50 dark:bh-bg-gray-700 hover:bh-bg-gray-100 dark:hover:bh-bg-gray-600": !_("asc")
               }]),
-              onClick: N[3] || (N[3] = (U) => _("asc"))
+              onClick: F[3] || (F[3] = (O) => N("asc"))
             }, " ↑ Sort Ascending ", 2),
             w("button", {
               type: "button",
-              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": T("desc"),
-                "bh-bg-gray-50 dark:bh-bg-gray-700 hover:bh-bg-gray-100 dark:hover:bh-bg-gray-600": !T("desc")
+              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": _("desc"),
+                "bh-bg-gray-50 dark:bh-bg-gray-700 hover:bh-bg-gray-100 dark:hover:bh-bg-gray-600": !_("desc")
               }]),
-              onClick: N[4] || (N[4] = (U) => _("desc"))
+              onClick: F[4] || (F[4] = (O) => N("desc"))
             }, " ↓ Sort Descending ", 2)
           ])
-        ])) : P("", !0),
+        ])) : I("", !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: d
+            onClick: E
           }, " ✕ Clear Filter ")
         ])
       ])
-    ], 2));
+    ], 4));
   }
 }), Oo = {}, Ro = {
   version: "1.1",
@@ -2125,7 +2121,7 @@ const yo = {
   Ao
 ];
 function Wo(t, o) {
-  return c(), h("svg", Ro, qo);
+  return u(), h("svg", Ro, qo);
 }
 const Mt = /* @__PURE__ */ je(Oo, [["render", Wo]]), Do = {}, Bo = {
   viewBox: "0 0 24 24",
@@ -2146,7 +2142,7 @@ const Mt = /* @__PURE__ */ je(Oo, [["render", Wo]]), Do = {}, Bo = {
   Ho
 ];
 function jo(t, o) {
-  return c(), h("svg", Bo, Vo);
+  return u(), h("svg", Bo, Vo);
 }
 const Uo = /* @__PURE__ */ je(Do, [["render", jo]]), Go = {}, Qo = {
   viewBox: "0 0 24 24",
@@ -2162,7 +2158,7 @@ const Uo = /* @__PURE__ */ je(Do, [["render", jo]]), Go = {}, Qo = {
   Ko
 ];
 function Yo(t, o) {
-  return c(), h("svg", Qo, Jo);
+  return u(), h("svg", Qo, Jo);
 }
 const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei = { class: "bh-checkbox" }, ti = ["onClick"], ni = {
   width: "16",
@@ -2185,7 +2181,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
   yi
 ], ki = ["onClick"], Ci = {
   name: "columnHeader"
-}, tt = /* @__PURE__ */ _e({
+}, tt = /* @__PURE__ */ Me({
   ...Ci,
   props: [
     "all",
@@ -2205,29 +2201,29 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
     "clearColumnFilter"
   ],
   setup(t, { emit: o }) {
-    const n = W(null), l = t, e = o, i = W({}), r = W({}), a = X(() => {
-      var d;
-      const _ = /* @__PURE__ */ new Map();
-      return (d = l.all) != null && d.columns && l.all.columns.forEach((v) => {
-        v.field && _.set(v.field, v);
-      }), _;
+    const n = D(null), l = t, e = o, i = D({}), r = D({}), a = Y(() => {
+      var c;
+      const E = /* @__PURE__ */ new Map();
+      return (c = l.all) != null && c.columns && l.all.columns.forEach((v) => {
+        v.field && E.set(v.field, v);
+      }), E;
     });
     Z(
       () => {
-        var _;
-        return (_ = l.all) == null ? void 0 : _.columns;
+        var E;
+        return (E = l.all) == null ? void 0 : E.columns;
       },
       () => {
       },
       { immediate: !0, deep: !0 }
-    ), Le(() => {
-      var _;
-      (_ = l.all) != null && _.columns && l.all.columns.forEach((d) => {
-        d.filter && d.field && (i.value[d.field] = d.value || "", cl(
-          () => i.value[d.field],
+    ), Ee(() => {
+      var E;
+      (E = l.all) != null && E.columns && l.all.columns.forEach((c) => {
+        c.filter && c.field && (i.value[c.field] = c.value || "", cl(
+          () => i.value[c.field],
           (v) => {
-            const D = a.value.get(d.field);
-            D && (D.type === "string" || D.type === "String" ? D.value = typeof v == "string" ? v.trim() : v : D.value = v, e("filterChange"));
+            const T = a.value.get(c.field);
+            T && (T.type === "string" || T.type === "String" ? T.value = typeof v == "string" ? v.trim() : v : T.value = v, e("filterChange"));
           },
           { debounce: 300 }
         ));
@@ -2235,33 +2231,33 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
     }), Z(() => l.checkAll, () => {
       n.value && (n.value.indeterminate = l.checkAll !== 0 ? !l.checkAll : !1, n.value.checked = l.checkAll);
     });
-    const b = (_) => {
-      if (!_.field) return !1;
-      const d = i.value[_.field];
-      return d !== "" && d !== null && d !== void 0;
-    }, g = (_) => {
-      const d = r.value[_.field] ?? _.condition;
-      return d && d !== "";
-    }, C = (_) => r.value[_.field] ?? _.condition ?? "", z = (_) => {
-      var N;
-      const d = C(_);
-      if (!d || d === "") return "";
-      const v = ((N = _.type) == null ? void 0 : N.toLowerCase()) || "string", L = (rt[v] || rt.string).find((U) => U.value === d);
-      return L ? l.columnFilterLang && l.columnFilterLang[d] ? l.columnFilterLang[d] : L.label : d;
-    }, E = (_, d) => {
-      const v = a.value.get(_);
-      v && (v.condition = d, r.value[_] = d);
-    }, T = (_) => {
-      i.value[_.field] = "", _.value = "", _.condition = "", r.value[_.field] = "", l.currentSortColumn === _.field && e("sortChange", l.all.sortColumn || _.field, "asc"), e("filterChange");
+    const g = (E) => {
+      if (!E.field) return !1;
+      const c = i.value[E.field];
+      return c !== "" && c !== null && c !== void 0;
+    }, b = (E) => {
+      const c = r.value[E.field] ?? E.condition;
+      return c && c !== "";
+    }, C = (E) => r.value[E.field] ?? E.condition ?? "", z = (E) => {
+      var O;
+      const c = C(E);
+      if (!c || c === "") return "";
+      const v = ((O = E.type) == null ? void 0 : O.toLowerCase()) || "string", F = (rt[v] || rt.string).find((re) => re.value === c);
+      return F ? l.columnFilterLang && l.columnFilterLang[c] ? l.columnFilterLang[c] : F.label : c;
+    }, _ = (E, c) => {
+      const v = a.value.get(E);
+      v && (v.condition = c, r.value[E] = c);
+    }, N = (E) => {
+      i.value[E.field] = "", E.value = "", E.condition = "", r.value[E.field] = "", l.currentSortColumn === E.field && e("sortChange", l.all.sortColumn || E.field, "asc"), e("filterChange");
     };
-    return (_, d) => (c(), h("tr", Zo, [
-      l.all.hasCheckbox ? (c(), h("th", {
+    return (E, c) => (u(), h("tr", Zo, [
+      l.all.hasCheckbox ? (u(), h("th", {
         key: "chkall",
-        style: J({
+        style: Q({
           width: l.all.checkboxColumnWidth + " !important",
           minWidth: l.all.checkboxColumnWidth + " !important"
         }),
-        class: I({
+        class: P({
           "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
@@ -2272,216 +2268,216 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
             ref_key: "selectedAll",
             ref: n,
             type: "checkbox",
-            onClick: d[0] || (d[0] = G((v) => {
-              var D;
-              return e("selectAll", (D = v == null ? void 0 : v.target) == null ? void 0 : D.checked);
+            onClick: c[0] || (c[0] = U((v) => {
+              var T;
+              return e("selectAll", (T = v == null ? void 0 : v.target) == null ? void 0 : T.checked);
             }, ["stop"]))
           }, null, 512),
           w("div", null, [
-            oe(Mt, { class: "check" }),
-            oe(Uo, { class: "intermediate" })
+            le(Mt, { class: "check" }),
+            le(Uo, { class: "intermediate" })
           ])
         ])
-      ], 6)) : P("", !0),
-      l.all.hasRightPanel ? (c(), h("th", {
+      ], 6)) : I("", !0),
+      l.all.hasRightPanel ? (u(), h("th", {
         key: 1,
-        style: J({
+        style: Q({
           width: l.all.rightPanelColumnWidth + " !important",
           minWidth: l.all.rightPanelColumnWidth + " !important"
         }),
-        class: I({
+        class: P({
           "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)) : P("", !0),
-      l.all.hasSubtable ? (c(), h("th", {
+      }, null, 6)) : I("", !0),
+      l.all.hasSubtable ? (u(), h("th", {
         key: 2,
-        style: J({
+        style: Q({
           width: l.all.subtableColumnWidth + " !important",
           minWidth: l.all.subtableColumnWidth + " !important"
         })
       }, [
-        l.all.expandall ? (c(), ue(Et, {
+        l.all.expandall ? (u(), ce(Et, {
           key: 0,
           expandedrows: l.expandedrows,
           expandall: l.all.expandall
-        }, null, 8, ["expandedrows", "expandall"])) : P("", !0)
-      ], 4)) : P("", !0),
-      (c(!0), h(H, null, re(l.all.columns, (v, D) => (c(), h(H, null, [
-        v.hide ? P("", !0) : (c(), h("th", {
+        }, null, 8, ["expandedrows", "expandall"])) : I("", !0)
+      ], 4)) : I("", !0),
+      (u(!0), h(V, null, ie(l.all.columns, (v, T) => (u(), h(V, null, [
+        v.hide ? I("", !0) : (u(), h("th", {
           key: v.field,
-          class: I(["bh-select-none bh-z-[1]", [
+          class: P(["bh-select-none bh-z-[1]", [
             l.all.sortable && v.sort ? "bh-cursor-pointer" : "",
-            D === 0 && l.all.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
-            l.all.hasCheckbox && D === 0 && l.all.stickyFirstColumn ? "bh-left-[52px]" : ""
+            T === 0 && l.all.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
+            l.all.hasCheckbox && T === 0 && l.all.stickyFirstColumn ? "bh-left-[52px]" : ""
           ]]),
-          style: J({
+          style: Q({
             width: v.width,
             "min-width": v.minWidth,
             "max-width": v.maxWidth
           })
         }, [
           w("div", {
-            class: I(["bh-flex bh-items-center", [v.headerClass ? v.headerClass : ""]]),
-            onClick: (L) => l.all.sortable && v.sort && e("sortChange", v.field)
+            class: P(["bh-flex bh-items-center", [v.headerClass ? v.headerClass : ""]]),
+            onClick: (F) => l.all.sortable && v.sort && e("sortChange", v.field)
           }, [
-            We(V(v.title) + " ", 1),
-            l.all.sortable && v.sort ? (c(), h("span", {
+            We(j(v.title) + " ", 1),
+            l.all.sortable && v.sort ? (u(), h("span", {
               key: 0,
-              class: I(["bh-ml-3 bh-sort bh-flex bh-items-center", [l.currentSortColumn, l.currentSortDirection]])
+              class: P(["bh-ml-3 bh-sort bh-flex bh-items-center", [l.currentSortColumn, l.currentSortDirection]])
             }, [
-              (c(), h("svg", ni, [
+              (u(), h("svg", ni, [
                 w("polygon", {
                   points: "3.11,6.25 10.89,6.25 7,1.75 ",
                   fill: "currentColor",
-                  class: I(["bh-text-black/20", [
+                  class: P(["bh-text-black/20", [
                     t.currentSortColumn === v.field && t.currentSortDirection === "asc" ? "!bh-text-primary" : ""
                   ]])
                 }, null, 2),
                 w("polygon", {
                   points: "7,12.25 10.89,7.75 3.11,7.75 ",
                   fill: "currentColor",
-                  class: I(["bh-text-black/20", [
+                  class: P(["bh-text-black/20", [
                     t.currentSortColumn === v.field && t.currentSortDirection === "desc" ? "!bh-text-primary" : ""
                   ]])
                 }, null, 2)
               ]))
-            ], 2)) : P("", !0)
+            ], 2)) : I("", !0)
           ], 10, ti),
-          l.all.columnFilter && !l.isFooter ? (c(), h(H, { key: 0 }, [
-            v.filter ? (c(), h("div", li, [
-              l.all.showFloatingFilterLabel ? P("", !0) : (c(), h(H, { key: 0 }, [
-                v.type === "string" || v.type === "String" ? ae((c(), h("input", {
+          l.all.columnFilter && !l.isFooter ? (u(), h(V, { key: 0 }, [
+            v.filter ? (u(), h("div", li, [
+              l.all.showFloatingFilterLabel ? I("", !0) : (u(), h(V, { key: 0 }, [
+                v.type === "string" || v.type === "String" ? se((u(), h("input", {
                   key: 0,
-                  "onUpdate:modelValue": (L) => i.value[v.field] = L,
+                  "onUpdate:modelValue": (F) => i.value[v.field] = F,
                   type: "text",
                   class: "bh-form-control"
                 }, null, 8, oi)), [
-                  [Pe, i.value[v.field]]
-                ]) : P("", !0),
-                v.type === "number" || v.type === "integer" || v.type === "Integer" ? ae((c(), h("input", {
+                  [Te, i.value[v.field]]
+                ]) : I("", !0),
+                v.type === "number" || v.type === "integer" || v.type === "Integer" ? se((u(), h("input", {
                   key: 1,
-                  "onUpdate:modelValue": (L) => i.value[v.field] = L,
+                  "onUpdate:modelValue": (F) => i.value[v.field] = F,
                   type: "number",
                   class: "bh-form-control"
                 }, null, 8, ii)), [
                   [
-                    Pe,
+                    Te,
                     i.value[v.field],
                     void 0,
                     { number: !0 }
                   ]
-                ]) : v.type === "date" || v.type === "DateTime" ? ae((c(), h("input", {
+                ]) : v.type === "date" || v.type === "DateTime" ? se((u(), h("input", {
                   key: 2,
-                  "onUpdate:modelValue": (L) => i.value[v.field] = L,
+                  "onUpdate:modelValue": (F) => i.value[v.field] = F,
                   type: "date",
                   class: "bh-form-control"
                 }, null, 8, si)), [
-                  [Pe, i.value[v.field]]
-                ]) : v.type === "bool" ? ae((c(), h("select", {
+                  [Te, i.value[v.field]]
+                ]) : v.type === "bool" ? se((u(), h("select", {
                   key: 3,
-                  "onUpdate:modelValue": (L) => i.value[v.field] = L,
+                  "onUpdate:modelValue": (F) => i.value[v.field] = F,
                   class: "bh-form-control",
-                  onClick: d[1] || (d[1] = //@ts-ignore
-                  (...L) => l.isOpenFilter && l.isOpenFilter(...L))
+                  onClick: c[1] || (c[1] = //@ts-ignore
+                  (...F) => l.isOpenFilter && l.isOpenFilter(...F))
                 }, di, 8, ri)), [
                   [it, i.value[v.field]]
-                ]) : P("", !0)
+                ]) : I("", !0)
               ], 64)),
-              l.all.showFloatingFilterLabel ? (c(), h("div", fi, [
-                g(v) && l.all.useNewColumnFilter ? (c(), h("label", {
+              l.all.showFloatingFilterLabel ? (u(), h("div", fi, [
+                b(v) && l.all.useNewColumnFilter ? (u(), h("label", {
                   key: 0,
-                  class: I(["bh-floating-label", {
-                    "bh-floating-label--active": b(v)
+                  class: P(["bh-floating-label", {
+                    "bh-floating-label--active": g(v)
                   }])
-                }, V(z(v)), 3)) : P("", !0),
-                v.type === "string" || v.type === "String" ? ae((c(), h("input", {
+                }, j(z(v)), 3)) : I("", !0),
+                v.type === "string" || v.type === "String" ? se((u(), h("input", {
                   key: 1,
-                  "onUpdate:modelValue": (L) => i.value[v.field] = L,
+                  "onUpdate:modelValue": (F) => i.value[v.field] = F,
                   type: "text",
-                  class: I(["bh-form-control", {
-                    "bh-form-control--with-label": g(v) && l.all.useNewColumnFilter
+                  class: P(["bh-form-control", {
+                    "bh-form-control--with-label": b(v) && l.all.useNewColumnFilter
                   }])
                 }, null, 10, hi)), [
-                  [Pe, i.value[v.field]]
-                ]) : P("", !0),
-                v.type === "number" || v.type === "integer" || v.type === "Integer" ? ae((c(), h("input", {
+                  [Te, i.value[v.field]]
+                ]) : I("", !0),
+                v.type === "number" || v.type === "integer" || v.type === "Integer" ? se((u(), h("input", {
                   key: 2,
-                  "onUpdate:modelValue": (L) => i.value[v.field] = L,
+                  "onUpdate:modelValue": (F) => i.value[v.field] = F,
                   type: "number",
-                  class: I(["bh-form-control", {
-                    "bh-form-control--with-label": g(v) && l.all.useNewColumnFilter
+                  class: P(["bh-form-control", {
+                    "bh-form-control--with-label": b(v) && l.all.useNewColumnFilter
                   }])
                 }, null, 10, pi)), [
                   [
-                    Pe,
+                    Te,
                     i.value[v.field],
                     void 0,
                     { number: !0 }
                   ]
-                ]) : v.type === "date" || v.type === "DateTime" ? ae((c(), h("input", {
+                ]) : v.type === "date" || v.type === "DateTime" ? se((u(), h("input", {
                   key: 3,
-                  "onUpdate:modelValue": (L) => i.value[v.field] = L,
+                  "onUpdate:modelValue": (F) => i.value[v.field] = F,
                   type: "date",
-                  class: I(["bh-form-control", {
-                    "bh-form-control--with-label": g(v) && l.all.useNewColumnFilter
+                  class: P(["bh-form-control", {
+                    "bh-form-control--with-label": b(v) && l.all.useNewColumnFilter
                   }])
                 }, null, 10, vi)), [
-                  [Pe, i.value[v.field]]
-                ]) : v.type === "bool" ? ae((c(), h("select", {
+                  [Te, i.value[v.field]]
+                ]) : v.type === "bool" ? se((u(), h("select", {
                   key: 4,
-                  "onUpdate:modelValue": (L) => i.value[v.field] = L,
+                  "onUpdate:modelValue": (F) => i.value[v.field] = F,
                   class: "bh-form-control",
-                  onClick: d[2] || (d[2] = //@ts-ignore
-                  (...L) => l.isOpenFilter && l.isOpenFilter(...L))
+                  onClick: c[2] || (c[2] = //@ts-ignore
+                  (...F) => l.isOpenFilter && l.isOpenFilter(...F))
                 }, wi, 8, mi)), [
                   [it, i.value[v.field]]
-                ]) : P("", !0)
-              ])) : P("", !0),
-              v.type !== "bool" ? (c(), h("button", {
+                ]) : I("", !0)
+              ])) : I("", !0),
+              v.type !== "bool" ? (u(), h("button", {
                 key: 2,
                 type: "button",
-                class: I(["bh-filter-button", {
-                  "!bh-bg-primary/10 !bh-border-primary": g(v),
-                  "bh-bg-[#e0e6ed] dark:bh-bg-gray-700": !g(v),
+                class: P(["bh-filter-button", {
+                  "!bh-bg-primary/10 !bh-border-primary": b(v),
+                  "bh-bg-[#e0e6ed] dark:bh-bg-gray-700": !b(v),
                   "bh-filter-button--with-label": l.all.showFloatingFilterLabel
                 }]),
-                onClick: G((L) => e("toggleFilterMenu", v), ["stop"])
+                onClick: U((F) => e("toggleFilterMenu", v), ["stop"])
               }, [
-                oe(Xo, {
-                  class: I(["bh-w-4", {
-                    "bh-text-primary": g(v),
-                    "bh-text-black/70 dark:bh-text-gray-300": !g(v)
+                le(Xo, {
+                  class: P(["bh-w-4", {
+                    "bh-text-primary": b(v),
+                    "bh-text-black/70 dark:bh-text-gray-300": !b(v)
                   }])
                 }, null, 8, ["class"])
-              ], 10, ki)) : P("", !0),
-              l.all.useNewColumnFilter ? P("", !0) : ae((c(), ue(Lo, {
+              ], 10, ki)) : I("", !0),
+              l.all.useNewColumnFilter ? I("", !0) : se((u(), ce(Lo, {
                 key: 3,
                 column: v,
                 type: v.type,
                 columnFilterLang: l.columnFilterLang,
-                onClose: d[3] || (d[3] = (L) => e("toggleFilterMenu", null)),
-                onFilterChange: d[4] || (d[4] = (L) => e("filterChange"))
+                onClose: c[3] || (c[3] = (F) => e("toggleFilterMenu", null)),
+                onFilterChange: c[4] || (c[4] = (F) => e("filterChange"))
               }, null, 8, ["column", "type", "columnFilterLang"])), [
                 [Gt, l.isOpenFilter === v.field]
               ]),
-              l.all.useNewColumnFilter ? ae((c(), ue($o, {
+              l.all.useNewColumnFilter ? se((u(), ce($o, {
                 key: 4,
                 column: v,
                 columnFilterLang: l.columnFilterLang,
                 currentSortColumn: l.currentSortColumn,
                 currentSortDirection: l.currentSortDirection,
-                onClose: d[5] || (d[5] = (L) => e("toggleFilterMenu", null)),
-                onFilterChange: d[6] || (d[6] = (L) => e("filterChange")),
-                onSortChange: d[7] || (d[7] = (L, N) => e("sortChange", L, N)),
-                onConditionChange: E,
-                onClearFilter: T
+                onClose: c[5] || (c[5] = (F) => e("toggleFilterMenu", null)),
+                onFilterChange: c[6] || (c[6] = (F) => e("filterChange")),
+                onSortChange: c[7] || (c[7] = (F, O) => e("sortChange", F, O)),
+                onConditionChange: _,
+                onClearFilter: N
               }, null, 8, ["column", "columnFilterLang", "currentSortColumn", "currentSortDirection"])), [
                 [Gt, l.isOpenFilter === v.field]
-              ]) : P("", !0)
-            ])) : P("", !0)
-          ], 64)) : P("", !0)
+              ]) : I("", !0)
+            ])) : I("", !0)
+          ], 64)) : I("", !0)
         ], 6))
       ], 64))), 256))
     ]));
@@ -2558,7 +2554,7 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
   ws
 ], Cs = {
   name: "Vue3Datatable"
-}, Fs = /* @__PURE__ */ _e({
+}, Fs = /* @__PURE__ */ Me({
   ...Cs,
   props: {
     loading: { type: Boolean, default: !1 },
@@ -2649,65 +2645,65 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
       const p = ((Ht = s.type) == null ? void 0 : Ht.toLowerCase()) || "string";
       s.type = p, 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 = !p || p === "string" ? "Contains" : "Equal";
     }
-    const i = W([]), r = W(e.page), a = W(
+    const i = D([]), r = D(e.page), a = D(
       e.pagination ? e.pageSize : (Vt = e.rows) == null ? void 0 : Vt.length
-    ), u = e.pageSize, b = W(e.sortColumn), g = e.sortColumn, C = W(e.sortDirection), z = e.sortDirection, E = W(e.totalRows), T = W([]), _ = W(null), d = W(e.loading), v = W(e.search);
+    ), f = e.pageSize, g = D(e.sortColumn), b = e.sortColumn, C = D(e.sortDirection), z = e.sortDirection, _ = D(e.totalRows), N = D([]), E = D(null), c = D(e.loading), v = D(e.search);
     JSON.parse(JSON.stringify(e.columns));
-    const D = W(null), L = W(null);
-    let N = W(0);
-    const U = W(230), q = W(e.leftmenuDefaultWidth), j = W(!1), ie = W(null), se = /* @__PURE__ */ new Map(), A = (s, p) => {
+    const T = D(null), F = D(null);
+    let O = D(0);
+    const re = D(230), W = D(e.leftmenuDefaultWidth), H = D(!1), ae = D(null), oe = /* @__PURE__ */ new Map(), A = (s, p) => {
       if (!p) return;
       const m = `${s.id || JSON.stringify(s)}-${p}`;
-      if (se.has(m))
-        return se.get(m);
-      const R = p.split(".").reduce((M, ee) => M == null ? void 0 : M[ee], s);
-      return se.set(m, R), R;
+      if (oe.has(m))
+        return oe.get(m);
+      const q = p.split(".").reduce((M, ee) => M == null ? void 0 : M[ee], s);
+      return oe.set(m, q), q;
     };
     Z(() => e.rows, () => {
-      se.clear();
+      oe.clear();
     }, { deep: !1 });
-    const ne = X(() => {
+    const X = Y(() => {
       const s = e.columns.find((p) => p.isUnique);
       return (s == null ? void 0 : s.field) || null;
-    }), ce = X(() => ne.value ? new Map(i.value.map((s, p) => [p, s[ne.value]])) : null), ze = (s) => {
+    }), ue = Y(() => X.value ? new Map(i.value.map((s, p) => [p, s[X.value]])) : null), ge = (s) => {
       var p;
-      return ne.value ? ((p = ce.value) == null ? void 0 : p.get(s)) ?? s : s;
-    }, Te = (s, p) => {
+      return X.value ? ((p = ue.value) == null ? void 0 : p.get(s)) ?? s : s;
+    }, we = (s, p) => {
       const m = s._rowIndex !== void 0 ? s._rowIndex : s.id || p;
-      return de.value.get(m) === !0;
-    }, Ee = X(() => typeof e.rowClass == "function"), be = X(() => typeof e.cellClass == "function"), Ne = /* @__PURE__ */ new Map(), ft = (s) => {
+      return he.value.get(m) === !0;
+    }, de = Y(() => typeof e.rowClass == "function"), fe = Y(() => typeof e.cellClass == "function"), Ne = /* @__PURE__ */ new Map(), ft = (s) => {
       const p = s ? "numeric" : "string";
       return Ne.has(p) || Ne.set(p, new Intl.Collator(void 0, {
         numeric: s,
         sensitivity: "base"
       })), Ne.get(p);
-    }, Ue = X(() => {
-      var R, M, ee;
+    }, Ue = Y(() => {
+      var q, M, ee;
       let s = e.rows || [];
       if (!e.isServerMode) {
-        if ((R = e.columns) == null || R.forEach((y) => {
+        if ((q = e.columns) == null || q.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(($) => {
-            var Y;
-            return (Y = A($, y.field)) == null ? void 0 : Y.toString().toLowerCase().includes(y.value.toLowerCase());
+            var J;
+            return (J = A($, y.field)) == null ? void 0 : J.toString().toLowerCase().includes(y.value.toLowerCase());
           }) : y.condition === "NotContains" ? s = s.filter(($) => {
-            var Y;
-            return !((Y = A($, y.field)) != null && Y.toString().toLowerCase().includes(y.value.toLowerCase()));
+            var J;
+            return !((J = A($, y.field)) != null && J.toString().toLowerCase().includes(y.value.toLowerCase()));
           }) : y.condition === "Equal" ? s = s.filter(($) => {
-            var Y;
-            return ((Y = A($, y.field)) == null ? void 0 : Y.toString().toLowerCase()) === y.value.toLowerCase();
+            var J;
+            return ((J = A($, y.field)) == null ? void 0 : J.toString().toLowerCase()) === y.value.toLowerCase();
           }) : y.condition === "NotEqual" ? s = s.filter(($) => {
-            var Y;
-            return ((Y = A($, y.field)) == null ? void 0 : Y.toString().toLowerCase()) !== y.value.toLowerCase();
+            var J;
+            return ((J = A($, y.field)) == null ? void 0 : J.toString().toLowerCase()) !== y.value.toLowerCase();
           }) : y.condition == "StartsWith" ? s = s.filter(($) => {
-            var Y;
-            return ((Y = A($, y.field)) == null ? void 0 : Y.toString().toLowerCase().indexOf(y.value.toLowerCase())) === 0;
+            var J;
+            return ((J = A($, y.field)) == null ? void 0 : J.toString().toLowerCase().indexOf(y.value.toLowerCase())) === 0;
           }) : y.condition == "EndsWith" && (s = s.filter(($) => {
-            var Y;
-            return ((Y = A($, y.field)) == null ? void 0 : Y.toString().toLowerCase().substr(y.value.length * -1)) === y.value.toLowerCase();
+            var J;
+            return ((J = A($, 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(($) => A($, y.field) && parseFloat(A($, y.field)) === parseFloat(y.value)) : y.condition === "NotEqual" ? s = s.filter(($) => A($, y.field) && parseFloat(A($, y.field)) !== parseFloat(y.value)) : y.condition === "GreaterThan" ? s = s.filter(($) => A($, y.field) && parseFloat(A($, y.field)) > parseFloat(y.value)) : y.condition === "GreaterThanOrEqual" ? s = s.filter(($) => A($, y.field) && parseFloat(A($, y.field)) >= parseFloat(y.value)) : y.condition === "LessThan" ? s = s.filter(($) => A($, y.field) && parseFloat(A($, y.field)) < parseFloat(y.value)) : y.condition === "LessThanOrEqual" && (s = s.filter(($) => A($, y.field) && parseFloat(A($, y.field)) <= parseFloat(y.value)))) : y.type === "date" ? (y.value && !y.condition && (y.condition = "Equal"), y.condition === "Equal" ? s = s.filter(($) => A($, y.field) && Je(A($, y.field)) === y.value) : y.condition === "NotEqual" ? s = s.filter(($) => A($, y.field) && Je(A($, y.field)) !== y.value) : y.condition === "GreaterThan" ? s = s.filter(($) => A($, y.field) && Je(A($, y.field)) > y.value) : y.condition === "LessThan" && (s = s.filter(($) => A($, y.field) && Je(A($, y.field)) < y.value))) : y.type === "bool" && (s = s.filter(($) => A($, y.field) === y.value)), y.condition === "IsNull" ? (s = s.filter(($) => A($, y.field) == null || A($, y.field) == ""), y.value = "") : y.condition === "IsNotNull" && (y.value = "", s = s.filter(($) => A($, y.field))));
         }), v.value && (s != null && s.length)) {
           let y = [];
-          const $ = (e.columns || []).filter((Y) => Y.search && !Y.hide).map((Y) => Y.field);
+          const $ = (e.columns || []).filter((J) => J.search && !J.hide).map((J) => J.field);
           for (var p = 0; p < (s == null ? void 0 : s.length); p++)
             for (var m = 0; m < $.length; m++)
               if ((M = A(s[p], $[m])) != null && M.toString().toLowerCase().includes(v.value.toLowerCase())) {
@@ -2716,42 +2712,42 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
               }
           s = y;
         }
-        const ge = ((ee = e.columns.find((y) => y.field == b.value)) == null ? void 0 : ee.type) === "number", Un = ft(ge || !1), Gn = C.value === "desc" ? -1 : 1;
+        const ke = ((ee = e.columns.find((y) => y.field == g.value)) == null ? void 0 : ee.type) === "number", Un = ft(ke || !1), Gn = C.value === "desc" ? -1 : 1;
         s.sort((y, $) => {
           var jt, Ut;
-          const Y = (jt = b.value) == null ? void 0 : jt.split(".").reduce((Ce, mt) => Ce == null ? void 0 : Ce[mt], y), Qn = (Ut = b.value) == null ? void 0 : Ut.split(".").reduce((Ce, mt) => Ce == null ? void 0 : Ce[mt], $);
-          return Un.compare(Y, Qn) * Gn;
+          const J = (jt = g.value) == null ? void 0 : jt.split(".").reduce((Fe, mt) => Fe == null ? void 0 : Fe[mt], y), Qn = (Ut = g.value) == null ? void 0 : Ut.split(".").reduce((Fe, mt) => Fe == null ? void 0 : Fe[mt], $);
+          return Un.compare(J, Qn) * Gn;
         });
       }
       return s;
-    }), de = W(/* @__PURE__ */ new Map()), me = () => {
+    }), he = D(/* @__PURE__ */ new Map()), ye = () => {
       let s = [], p = Ue.value;
-      e.isServerMode ? (E.value = e.totalRows || 0, s = p) : (E.value = (p == null ? void 0 : p.length) || 0, s = p.slice(k.value - 1, F.value)), e.hasSubtable && s.forEach(function(m, R) {
+      e.isServerMode ? (_.value = e.totalRows || 0, s = p) : (_.value = (p == null ? void 0 : p.length) || 0, s = p.slice(k.value - 1, L.value)), e.hasSubtable && s.forEach(function(m, q) {
         if (m.isExpanded !== void 0) {
-          const M = m._rowIndex !== void 0 ? m._rowIndex : m.id || R;
-          de.value.set(M, m.isExpanded);
+          const M = m._rowIndex !== void 0 ? m._rowIndex : m.id || q;
+          he.value.set(M, m.isExpanded);
         }
       }), i.value = s || [];
-    }, ke = () => {
-      if (ie.value) {
-        const s = j.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth;
-        ie.value.style.cssText = `
-      width: ${q.value}px !important;
+    }, Se = () => {
+      if (ae.value) {
+        const s = H.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth;
+        ae.value.style.cssText = `
+      width: ${W.value}px !important;
       min-width: ${s}px !important;
       max-width: ${s}px !important;
     `;
       }
     }, Ge = () => {
-      j.value ? q.value = e.leftmenuMinWidth : q.value = e.leftmenuDefaultWidth, ke();
+      H.value ? W.value = e.leftmenuMinWidth : W.value = e.leftmenuDefaultWidth, Se();
     }, $e = () => {
-      j.value = !j.value, q.value = j.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, ke(), Q("currentLeftMenuSize", q.value);
+      H.value = !H.value, W.value = H.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, Se(), G("currentLeftMenuSize", W.value);
     };
-    Le(() => {
-      me(), Se(() => {
-        Re.value <= 0 && (Re.value = 10), Q("currentTopMenuSize", e.topmenumin || 20), e.initialLeftMenuState !== void 0 ? (j.value = e.initialLeftMenuState, q.value = j.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) : q.value = e.leftmenuDefaultWidth, ke(), window.addEventListener("resize", Ge);
+    Ee(() => {
+      ye(), _e(() => {
+        Re.value <= 0 && (Re.value = 10), G("currentTopMenuSize", e.topmenumin || 20), e.initialLeftMenuState !== void 0 ? (H.value = e.initialLeftMenuState, W.value = H.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) : W.value = e.leftmenuDefaultWidth, Se(), window.addEventListener("resize", Ge);
       });
     });
-    const Q = n;
+    const G = n;
     o({
       reset() {
         Rn();
@@ -2781,84 +2777,84 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
         Dn();
       },
       setLeftMenuState(s) {
-        j.value = s, q.value = s ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, ke();
+        H.value = s, W.value = s ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, Se();
       }
     }), Z(() => e.initialLeftMenuState, (s) => {
-      s !== void 0 && (j.value = s, q.value = j.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, ke());
+      s !== void 0 && (H.value = s, W.value = H.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth, Se());
     }, { immediate: !0 });
-    const Qe = (s, ...p) => s.replace(/{(\d+)}/g, (m, R) => typeof p[R] < "u" ? p[R] : m), f = X(() => {
-      const s = a.value < 1 ? 1 : Math.ceil(E.value / a.value);
+    const Qe = (s, ...p) => s.replace(/{(\d+)}/g, (m, q) => typeof p[q] < "u" ? p[q] : m), d = Y(() => {
+      const s = a.value < 1 ? 1 : Math.ceil(_.value / a.value);
       return Math.max(s || 0, 1);
-    }), k = X(() => (r.value - 1) * a.value + 1), F = X(() => {
+    }), k = Y(() => (r.value - 1) * a.value + 1), L = Y(() => {
       const s = r.value * a.value;
-      return E.value >= s ? s : E.value;
-    }), x = X(() => {
+      return _.value >= s ? s : _.value;
+    }), x = Y(() => {
       let s, p;
-      return typeof e.showNumbersCount < "u" && e.showNumbersCount < f.value ? (s = Math.max(
+      return typeof e.showNumbersCount < "u" && e.showNumbersCount < d.value ? (s = Math.max(
         r.value - Math.floor(e.showNumbersCount / 2),
         1
-      ), p = s + e.showNumbersCount - 1, p > f.value && (p = f.value, s = p - e.showNumbersCount + 1)) : (s = 1, p = f.value), Array.from(Array(p + 1 - s).keys()).map(
+      ), p = s + e.showNumbersCount - 1, p > d.value && (p = d.value, s = p - e.showNumbersCount + 1)) : (s = 1, p = d.value), Array.from(Array(p + 1 - s).keys()).map(
         (M) => s + M
       );
     });
     Z(
       () => e.loading,
       () => {
-        d.value = e.loading;
+        c.value = e.loading;
       }
     );
     const S = (s) => {
-      s ? D.value === s.field ? D.value = null : D.value = s.field : D.value = null;
-    }, O = () => {
+      s ? T.value === s.field ? T.value = null : T.value = s.field : T.value = null;
+    }, R = () => {
       if (r.value == 1)
         return !1;
       r.value--;
     }, B = (s) => {
       r.value = s;
     }, te = () => {
-      if (r.value >= f.value)
+      if (r.value >= d.value)
         return !1;
       r.value++;
     };
     Z(() => r.value, () => {
-      he(!1), e.isServerMode ? Me("page") : (me(), Q("pageChange", r.value));
+      ve(!1), e.isServerMode ? Ie("page") : (ye(), G("pageChange", r.value));
     }), Z(() => e.rows, () => {
-      e.isServerMode || (r.value = 1), he(!1), me();
+      e.isServerMode || (r.value = 1), ve(!1), ye();
     });
     const pt = (s) => {
       a.value = s;
     };
     Z(() => a.value, () => {
-      he(!1), e.isServerMode ? r.value === 1 ? Me("pagesize", !0) : r.value = 1 : (r.value = 1, me(), Q("pageSizeChange", a.value));
+      ve(!1), e.isServerMode ? r.value === 1 ? Ie("pagesize", !0) : r.value = 1 : (r.value = 1, ye(), G("pageSizeChange", a.value));
     });
     const Ke = (s, p) => {
       let m = p || "asc";
-      p || s == b.value && C.value === "asc" && (m = "desc");
-      let R = (r.value - 1) * a.value, M = a.value;
-      b.value = s, C.value = m, he(!1), me(), e.isServerMode ? Me("sort") : Q("sortChange", { offset: R, limit: M, field: s, direction: m });
+      p || s == g.value && C.value === "asc" && (m = "desc");
+      let q = (r.value - 1) * a.value, M = a.value;
+      g.value = s, C.value = m, ve(!1), ye(), e.isServerMode ? Ie("sort") : G("sortChange", { offset: q, limit: M, field: s, direction: m });
     }, qt = (s) => {
-      _.value = s.length && i.value.length && s.length === i.value.length;
-      const p = i.value.filter((m, R) => {
+      E.value = s.length && i.value.length && s.length === i.value.length;
+      const p = i.value.filter((m, q) => {
         var ee;
-        const M = ne.value ? ((ee = ce.value) == null ? void 0 : ee.get(R)) ?? R : R;
-        return T.value.includes(M);
+        const M = X.value ? ((ee = ue.value) == null ? void 0 : ee.get(q)) ?? q : q;
+        return N.value.includes(M);
       });
-      Q("rowSelect", p);
+      G("rowSelect", p);
     };
-    Z(() => T.value, qt);
-    const he = (s) => {
-      s ? T.value = i.value.map(
+    Z(() => N.value, qt);
+    const ve = (s) => {
+      s ? N.value = i.value.map(
         (p, m) => {
-          var R;
-          return ne.value ? ((R = ce.value) == null ? void 0 : R.get(m)) ?? m : m;
+          var q;
+          return X.value ? ((q = ue.value) == null ? void 0 : q.get(m)) ?? m : m;
         }
-      ) : T.value = [];
+      ) : N.value = [];
     }, Oe = () => {
-      he(!1), e.isServerMode ? r.value === 1 ? Me("filter", !0) : r.value = 1 : (r.value = 1, me(), Q("filterChange", e.columns));
+      ve(!1), e.isServerMode ? r.value === 1 ? Ie("filter", !0) : r.value = 1 : (r.value = 1, ye(), G("filterChange", e.columns));
     }, Wt = (s) => {
       Oe();
     }, $n = () => {
-      he(!1), e.isServerMode ? r.value === 1 ? Me("search", !0) : r.value = 1 : (r.value = 1, me(), Q("searchChange", v.value));
+      ve(!1), e.isServerMode ? r.value === 1 ? Ie("search", !0) : r.value = 1 : (r.value = 1, ye(), G("searchChange", v.value));
     };
     Z(
       () => e.search,
@@ -2870,29 +2866,29 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
       try {
         if (!s)
           return "";
-        const p = new Date(s), m = p.getDate(), R = p.getMonth() + 1;
-        return p.getFullYear() + "-" + (R > 9 ? R : "0" + R) + "-" + (m > 9 ? m : "0" + m);
+        const p = new Date(s), m = p.getDate(), q = p.getMonth() + 1;
+        return p.getFullYear() + "-" + (q > 9 ? q : "0" + q) + "-" + (m > 9 ? m : "0" + m);
       } catch {
       }
       return "";
     }, Ye = (s, p) => {
-      N.value++, N.value === 1 ? L.value = setTimeout(() => {
-        N.value = 0, e.selectRowOnClick && (Xe(p) ? Bt(p) : Dt(p), qt(T.value)), Q("rowClick", s);
-      }, U.value) : N.value === 2 && (clearTimeout(L.value), N.value = 0, Q("rowDBClick", s));
-    }, Me = (s, p = !1) => {
+      O.value++, O.value === 1 ? F.value = setTimeout(() => {
+        O.value = 0, e.selectRowOnClick && (Xe(p) ? Bt(p) : Dt(p), qt(N.value)), G("rowClick", s);
+      }, re.value) : O.value === 2 && (clearTimeout(F.value), O.value = 0, G("rowDBClick", s));
+    }, Ie = (s, p = !1) => {
       if (e.isServerMode) {
         On();
         const m = {
           current_page: p ? 1 : r.value,
           pagesize: a.value,
           offset: (r.value - 1) * a.value,
-          sort_column: b.value,
+          sort_column: g.value,
           sort_direction: C.value,
           search: v.value,
           column_filters: e.columns,
           change_type: s
         };
-        Q("change", m);
+        G("change", m);
       }
     }, On = () => {
       for (let s = 0; s < e.columns.length; s++) {
@@ -2900,46 +2896,46 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
         p.filter && (p.value !== void 0 && p.value !== null && p.value !== "" || p.condition === "IsNull" || p.condition === "IsNotNull") && (p.type === "string" && p.value && !p.condition && (p.condition = "Contains"), p.type === "number" && p.value && !p.condition && (p.condition = "Equal"), p.type === "date" && p.value && !p.condition && (p.condition = "Equal"));
       }
     }, Rn = () => {
-      he(!1);
+      ve(!1);
       for (let s = 0; s < e.columns.length; s++)
         e.columns[s].value = "";
-      v.value = "", a.value = u, b.value = g, C.value = z, e.isServerMode ? r.value === 1 ? Me("reset", !0) : r.value = 1 : (r.value = 1, me());
+      v.value = "", a.value = f, g.value = b, C.value = z, e.isServerMode ? r.value === 1 ? Ie("reset", !0) : r.value = 1 : (r.value = 1, ye());
     }, An = () => i.value.filter((p, m) => {
       var M;
-      const R = ne.value ? ((M = ce.value) == null ? void 0 : M.get(m)) ?? m : m;
-      return T.value.includes(R);
+      const q = X.value ? ((M = ue.value) == null ? void 0 : M.get(m)) ?? m : m;
+      return N.value.includes(q);
     }), qn = () => e.columns, Wn = () => {
-      T.value = [];
+      N.value = [];
     }, Dt = (s) => {
       var p;
       if (!Xe(s)) {
-        const m = ne.value ? ((p = ce.value) == null ? void 0 : p.get(s)) ?? s : s;
-        T.value.push(m);
+        const m = X.value ? ((p = ue.value) == null ? void 0 : p.get(s)) ?? s : s;
+        N.value.push(m);
       }
     }, Bt = (s) => {
       var p;
       if (Xe(s)) {
-        const m = ne.value ? ((p = ce.value) == null ? void 0 : p.get(s)) ?? s : s;
-        T.value = T.value.filter((R) => R !== m);
+        const m = X.value ? ((p = ue.value) == null ? void 0 : p.get(s)) ?? s : s;
+        N.value = N.value.filter((q) => q !== m);
       }
     }, Xe = (s) => {
       var m;
       if (s >= i.value.length) return !1;
-      const p = ne.value ? ((m = ce.value) == null ? void 0 : m.get(s)) ?? s : s;
-      return T.value.includes(p);
+      const p = X.value ? ((m = ue.value) == null ? void 0 : m.get(s)) ?? s : s;
+      return N.value.includes(p);
     }, Dn = () => {
-      de.value.forEach((s, p) => {
-        de.value.set(p, !1);
+      he.value.forEach((s, p) => {
+        he.value.set(p, !1);
       });
     };
-    let pe = 0;
-    e.hasCheckbox && pe++, e.hasSubtable && pe++, e.hasRightPanel && pe++;
-    const Re = W(e.topmenusize), Ze = W(null), { height: Bn } = vl(Ze, { box: "border-box" }, { throttle: 100 }), Hn = Kt(() => {
-      Se(() => {
+    let me = 0;
+    e.hasCheckbox && me++, e.hasSubtable && me++, e.hasRightPanel && me++;
+    const Re = D(e.topmenusize), Ze = D(null), { height: Bn } = vl(Ze, { box: "border-box" }, { throttle: 100 }), Hn = Kt(() => {
+      _e(() => {
         let s = Ze.value;
         if (s && typeof s == "object" && (s = s.$el || s), s instanceof HTMLElement) {
           const p = s.offsetHeight || 0;
-          Q("currentTopMenuSize", p);
+          G("currentTopMenuSize", p);
         }
       });
     }, 50), Vn = rl((s) => {
@@ -2948,53 +2944,53 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
       Re.value = p, Hn();
     }, 16), jn = Kt(() => {
       let s = Ze.value;
-      s && typeof s == "object" && (s = s.$el || s), s instanceof HTMLElement && Q("currentTopMenuSize", s.offsetHeight || 0);
+      s && typeof s == "object" && (s = s.$el || s), s instanceof HTMLElement && G("currentTopMenuSize", s.offsetHeight || 0);
     }, 50);
     return Z(() => Re.value, jn), mn(() => {
-      window.removeEventListener("resize", Ge), se.clear();
-    }), (s, p) => (c(), h("div", xi, [
-      oe(K(Yt), {
+      window.removeEventListener("resize", Ge), oe.clear();
+    }), (s, p) => (u(), h("div", xi, [
+      le(K(Yt), {
         class: "default-theme",
-        style: J({ height: e.height })
+        style: Q({ height: e.height })
       }, {
         default: Ae(() => [
-          oe(K(gt), null, {
+          le(K(gt), null, {
             default: Ae(() => [
               w("div", Si, [
-                s.enableleftmenu ? (c(), h("div", {
+                s.enableleftmenu ? (u(), h("div", {
                   key: 0,
                   ref_key: "leftmenuel",
-                  ref: ie,
+                  ref: ae,
                   class: "left-menu-container bh-relative",
-                  style: J({
-                    width: q.value + "px",
+                  style: Q({
+                    width: W.value + "px",
                     transition: "width 0.3s ease",
                     overflow: "hidden",
-                    minWidth: (j.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) + "px",
-                    maxWidth: (j.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) + "px"
+                    minWidth: (H.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) + "px",
+                    maxWidth: (H.value ? e.leftmenuMinWidth : e.leftmenuDefaultWidth) + "px"
                   })
                 }, [
-                  le(s.$slots, "tableleftmenu", {}, () => [
+                  ne(s.$slots, "tableleftmenu", {}, () => [
                     Fi
                   ]),
-                  e.showResizeButton ? (c(), h("div", Li, [
+                  e.showResizeButton ? (u(), h("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"
                     }, [
-                      (c(), h("svg", {
+                      (u(), h("svg", {
                         width: "8",
                         height: "12",
                         viewBox: "0 0 8 12",
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
-                        style: J({ transform: j.value ? "rotate(180deg)" : "none" })
+                        style: Q({ transform: H.value ? "rotate(180deg)" : "none" })
                       }, zi, 4))
                     ])
-                  ])) : P("", !0)
-                ], 4)) : P("", !0),
+                  ])) : I("", !0)
+                ], 4)) : I("", !0),
                 w("div", Ei, [
-                  s.enabletopmenu ? (c(), ue(K(Yt), {
+                  s.enabletopmenu ? (u(), ce(K(Yt), {
                     key: 0,
                     class: "default-theme",
                     horizontal: "horizontal",
@@ -3002,61 +2998,61 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                     "push-other-panes": ""
                   }, {
                     default: Ae(() => [
-                      s.enabletopmenu ? (c(), ue(K(gt), {
+                      s.enabletopmenu ? (u(), ce(K(gt), {
                         key: 0,
                         ref_key: "topmenuel",
                         ref: Ze,
                         size: Re.value || 10,
                         "max-size": s.topmenumax || 100,
-                        style: J({ "min-height": s.topmenumin + "px" })
+                        style: Q({ "min-height": s.topmenumin + "px" })
                       }, {
                         default: Ae(() => [
-                          le(s.$slots, "tabletopmenu", {}, () => [
+                          ne(s.$slots, "tabletopmenu", {}, () => [
                             Mi
                           ])
                         ]),
                         _: 3
-                      }, 8, ["size", "max-size", "style"])) : P("", !0),
-                      oe(K(gt), {
-                        style: J({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
+                      }, 8, ["size", "max-size", "style"])) : I("", !0),
+                      le(K(gt), {
+                        style: Q({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
                       }, {
                         default: Ae(() => [
-                          s.enableHeaderArea ? (c(), h("div", {
+                          s.enableHeaderArea ? (u(), h("div", {
                             key: 0,
                             class: "bh-w-full bh-overflow-auto",
-                            style: J({ height: s.headerAreaHeight, "margin-bottom": "10px" })
+                            style: Q({ height: s.headerAreaHeight, "margin-bottom": "10px" })
                           }, [
-                            le(s.$slots, "tableHeaderArea", {}, () => [
+                            ne(s.$slots, "tableHeaderArea", {}, () => [
                               Ii
                             ])
-                          ], 4)) : P("", !0),
-                          le(s.$slots, "tableactionheader", {}, () => [
+                          ], 4)) : I("", !0),
+                          ne(s.$slots, "tableactionheader", {}, () => [
                             Pi
                           ]),
                           w("div", {
-                            class: I(["bh-table-responsive", { "bh-min-h-[100px]": d.value }]),
-                            style: J({
+                            class: P(["bh-table-responsive", { "bh-min-h-[100px]": c.value }]),
+                            style: Q({
                               overflow: "auto",
                               height: e.stickyHeader ? Number(e.height.replace("px", "")) - (e.footerOffset + (K(Bn) || 0)) + "px" : "auto"
                             })
                           }, [
                             w("table", {
-                              class: I([e.skin])
+                              class: P([e.skin])
                             }, [
                               w("thead", {
-                                class: I({
+                                class: P({
                                   "bh-sticky bh-top-0 bh-z-10": e.stickyHeader
                                 })
                               }, [
-                                oe(tt, {
+                                le(tt, {
                                   all: e,
-                                  expandedrows: de.value,
-                                  currentSortColumn: b.value,
+                                  expandedrows: he.value,
+                                  currentSortColumn: g.value,
                                   currentSortDirection: C.value,
-                                  isOpenFilter: D.value,
-                                  checkAll: _.value,
+                                  isOpenFilter: T.value,
+                                  checkAll: E.value,
                                   columnFilterLang: e.columnFilterLang,
-                                  onSelectAll: he,
+                                  onSelectAll: ve,
                                   onSortChange: Ke,
                                   onFilterChange: Oe,
                                   onToggleFilterMenu: S,
@@ -3064,222 +3060,222 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                 }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                               ], 2),
                               w("tbody", null, [
-                                (c(!0), h(H, null, re(i.value, (m, R) => (c(), h(H, {
-                                  key: ze(R)
+                                (u(!0), h(V, null, ie(i.value, (m, q) => (u(), h(V, {
+                                  key: ge(q)
                                 }, [
-                                  E.value ? (c(), h("tr", {
+                                  _.value ? (u(), h("tr", {
                                     key: 0,
-                                    class: I([
-                                      Ee.value ? s.rowClass(m) : e.rowClass,
+                                    class: P([
+                                      de.value ? s.rowClass(m) : e.rowClass,
                                       e.selectRowOnClick ? "bh-cursor-pointer" : ""
                                     ]),
-                                    onClick: G((M) => Ye(m, R), ["prevent"])
+                                    onClick: U((M) => Ye(m, q), ["prevent"])
                                   }, [
-                                    e.hasCheckbox ? (c(), h("td", {
+                                    e.hasCheckbox ? (u(), h("td", {
                                       key: 0,
-                                      style: J({ width: e.checkboxColumnWidth + " !important", minWidth: e.checkboxColumnWidth + " !important" }),
-                                      class: I({
+                                      style: Q({ width: e.checkboxColumnWidth + " !important", minWidth: e.checkboxColumnWidth + " !important" }),
+                                      class: P({
                                         "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn
                                       })
                                     }, [
                                       w("div", Ni, [
-                                        ae(w("input", {
-                                          "onUpdate:modelValue": p[0] || (p[0] = (M) => T.value = M),
+                                        se(w("input", {
+                                          "onUpdate:modelValue": p[0] || (p[0] = (M) => N.value = M),
                                           type: "checkbox",
-                                          value: ze(R),
-                                          onClick: p[1] || (p[1] = G(() => {
+                                          value: ge(q),
+                                          onClick: p[1] || (p[1] = U(() => {
                                           }, ["stop"]))
                                         }, null, 8, $i), [
-                                          [Qt, T.value]
+                                          [Qt, N.value]
                                         ]),
                                         w("div", null, [
-                                          oe(Mt, { class: "check" })
+                                          le(Mt, { class: "check" })
                                         ])
                                       ])
-                                    ], 6)) : P("", !0),
-                                    e.hasRightPanel ? (c(), h("td", {
+                                    ], 6)) : I("", !0),
+                                    e.hasRightPanel ? (u(), h("td", {
                                       key: 1,
-                                      style: J({ width: e.rightPanelColumnWidth + " !important", minWidth: e.rightPanelColumnWidth + " !important", padding: "0px !important" }),
-                                      class: I({
+                                      style: Q({ width: e.rightPanelColumnWidth + " !important", minWidth: e.rightPanelColumnWidth + " !important", padding: "0px !important" }),
+                                      class: P({
                                         "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn
                                       })
                                     }, [
-                                      oe(hn, {
+                                      le(hn, {
                                         item: m,
-                                        onRightPanelClick: p[2] || (p[2] = (M) => Q("rowRightPanelClick", M))
+                                        onRightPanelClick: p[2] || (p[2] = (M) => G("rowRightPanelClick", M))
                                       }, null, 8, ["item"])
-                                    ], 6)) : P("", !0),
-                                    e.hasSubtable ? (c(), h("td", {
+                                    ], 6)) : I("", !0),
+                                    e.hasSubtable ? (u(), h("td", {
                                       key: 2,
-                                      style: J({ width: e.subtableColumnWidth + " !important", minWidth: e.subtableColumnWidth + " !important" }),
-                                      class: I({
+                                      style: Q({ width: e.subtableColumnWidth + " !important", minWidth: e.subtableColumnWidth + " !important" }),
+                                      class: P({
                                         "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn
                                       })
                                     }, [
-                                      oe(Et, {
-                                        item: { ...m, _rowIndex: R },
-                                        expandedrows: de.value
+                                      le(Et, {
+                                        item: { ...m, _rowIndex: q },
+                                        expandedrows: he.value
                                       }, null, 8, ["item", "expandedrows"])
-                                    ], 6)) : P("", !0),
-                                    (c(!0), h(H, null, re(e.columns, (M, ee) => (c(), h(H, null, [
-                                      M.hide ? P("", !0) : (c(), h("td", {
+                                    ], 6)) : I("", !0),
+                                    (u(!0), h(V, null, ie(e.columns, (M, ee) => (u(), h(V, null, [
+                                      M.hide ? I("", !0) : (u(), h("td", {
                                         key: M.field,
-                                        class: I([
-                                          be.value ? s.cellClass(m) : e.cellClass,
+                                        class: P([
+                                          fe.value ? s.cellClass(m) : e.cellClass,
                                           ee === 0 && e.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                           e.hasCheckbox && ee === 0 && e.stickyFirstColumn ? "bh-left-[52px]" : "",
                                           M.cellClass ? M.cellClass : ""
                                         ])
                                       }, [
-                                        K(l)[M.field] ? le(s.$slots, M.field, {
+                                        K(l)[M.field] ? ne(s.$slots, M.field, {
                                           key: 0,
                                           value: m
-                                        }) : M.cellRenderer ? (c(), h("div", {
+                                        }) : M.cellRenderer ? (u(), h("div", {
                                           key: 1,
                                           innerHTML: M.cellRenderer(m)
-                                        }, null, 8, Oi)) : (c(), h(H, { key: 2 }, [
-                                          We(V(A(m, M.field)), 1)
+                                        }, null, 8, Oi)) : (u(), h(V, { key: 2 }, [
+                                          We(j(A(m, M.field)), 1)
                                         ], 64))
                                       ], 2))
                                     ], 64))), 256))
-                                  ], 10, Ti)) : P("", !0),
-                                  Te(m, R) && e.hasSubtable ? (c(), h("tr", {
+                                  ], 10, Ti)) : I("", !0),
+                                  we(m, q) && e.hasSubtable ? (u(), h("tr", {
                                     key: 1,
-                                    class: I([
-                                      Ee.value ? s.rowClass(m) : e.rowClass,
+                                    class: P([
+                                      de.value ? s.rowClass(m) : e.rowClass,
                                       e.selectRowOnClick ? "bh-cursor-pointer" : ""
                                     ]),
-                                    onClick: G((M) => Ye(m, R), ["prevent"])
+                                    onClick: U((M) => Ye(m, q), ["prevent"])
                                   }, [
                                     w("td", {
-                                      colspan: e.columns.length + K(pe)
+                                      colspan: e.columns.length + K(me)
                                     }, [
-                                      le(s.$slots, "tsub", {
+                                      ne(s.$slots, "tsub", {
                                         rowData: m,
-                                        rowIndex: R,
+                                        rowIndex: q,
                                         filterItems: i.value
                                       })
                                     ], 8, Ai)
-                                  ], 10, Ri)) : P("", !0)
+                                  ], 10, Ri)) : I("", !0)
                                 ], 64))), 128)),
-                                !E.value && d.value && s.skeletonloader ? (c(!0), h(H, { key: 0 }, re(e.pageSize, (m) => (c(), h("tr", {
+                                !_.value && c.value && s.skeletonloader ? (u(!0), h(V, { key: 0 }, ie(e.pageSize, (m) => (u(), h("tr", {
                                   key: m,
                                   class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                                 }, [
                                   w("td", {
-                                    colspan: e.columns.length + K(pe),
+                                    colspan: e.columns.length + K(me),
                                     class: "!bh-p-0 !bh-border-transparent"
                                   }, Di, 8, qi)
-                                ]))), 128)) : P("", !0),
-                                E.value ? (c(!0), h(H, { key: 1 }, re(e.footerRows, (m, R) => (c(), h("tr", {
-                                  key: m[ne.value] ? m[ne.value] : R,
+                                ]))), 128)) : I("", !0),
+                                _.value ? (u(!0), h(V, { key: 1 }, ie(e.footerRows, (m, q) => (u(), h("tr", {
+                                  key: m[X.value] ? m[X.value] : q,
                                   class: "sticky-table-footer"
                                 }, [
-                                  K(pe) > 0 ? (c(), h("td", {
+                                  K(me) > 0 ? (u(), h("td", {
                                     key: 0,
-                                    colspan: K(pe)
-                                  }, null, 8, Bi)) : P("", !0),
-                                  (c(!0), h(H, null, re(e.columns, (M, ee) => (c(), h(H, null, [
-                                    M.hide ? P("", !0) : (c(), h("td", {
+                                    colspan: K(me)
+                                  }, null, 8, Bi)) : I("", !0),
+                                  (u(!0), h(V, null, ie(e.columns, (M, ee) => (u(), h(V, null, [
+                                    M.hide ? I("", !0) : (u(), h("td", {
                                       key: M.field,
-                                      class: I([
-                                        be.value ? s.cellClass(m) : e.cellClass,
+                                      class: P([
+                                        fe.value ? s.cellClass(m) : e.cellClass,
                                         ee === 0 && e.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                         e.hasCheckbox && ee === 0 && e.stickyFirstColumn ? "bh-left-[52px]" : "",
                                         M.cellClass ? M.cellClass : ""
                                       ])
                                     }, [
-                                      m.cells.find((ge) => ge.field == M.field) ? (c(), h(H, { key: 0 }, [
-                                        We(V(m.cells.find((ge) => ge.field == M.field).text), 1)
-                                      ], 64)) : P("", !0)
+                                      m.cells.find((ke) => ke.field == M.field) ? (u(), h(V, { key: 0 }, [
+                                        We(j(m.cells.find((ke) => ke.field == M.field).text), 1)
+                                      ], 64)) : I("", !0)
                                     ], 2))
                                   ], 64))), 256))
-                                ]))), 128)) : P("", !0)
+                                ]))), 128)) : I("", !0)
                               ]),
-                              e.cloneHeaderInFooter ? (c(), h("tfoot", {
+                              e.cloneHeaderInFooter ? (u(), h("tfoot", {
                                 key: 0,
-                                class: I({
+                                class: P({
                                   "bh-sticky bh-bottom-0": e.stickyHeader
                                 })
                               }, [
-                                oe(tt, {
+                                le(tt, {
                                   all: e,
-                                  currentSortColumn: b.value,
+                                  currentSortColumn: g.value,
                                   currentSortDirection: C.value,
-                                  isOpenFilter: D.value,
+                                  isOpenFilter: T.value,
                                   isFooter: !0,
-                                  checkAll: _.value,
-                                  onSelectAll: he,
+                                  checkAll: E.value,
+                                  onSelectAll: ve,
                                   onSortChange: Ke,
                                   onFilterChange: Oe,
                                   onToggleFilterMenu: S
                                 }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
-                              ], 2)) : P("", !0)
+                              ], 2)) : I("", !0)
                             ], 2),
-                            d.value && s.enableloadinganimation ? (c(), h("div", {
+                            c.value && s.enableloadinganimation ? (u(), h("div", {
                               key: 0,
                               class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading",
-                              style: J({
+                              style: Q({
                                 height: Number(e.height.replace("px", "")) - 175 + "px"
                               })
                             }, [
-                              le(s.$slots, "loadercontent")
-                            ], 4)) : P("", !0),
-                            !E.value && !d.value ? (c(), h("div", {
+                              ne(s.$slots, "loadercontent")
+                            ], 4)) : I("", !0),
+                            !_.value && !c.value ? (u(), h("div", {
                               key: 1,
                               class: "nodatacontent",
-                              style: J({
+                              style: Q({
                                 height: Number(e.height.replace("px", "")) - 175 + "px"
                               })
                             }, [
-                              le(s.$slots, "nodatacontent", {}, () => [
-                                w("span", null, V(e.noDataContent), 1)
+                              ne(s.$slots, "nodatacontent", {}, () => [
+                                w("span", null, j(e.noDataContent), 1)
                               ])
-                            ], 4)) : P("", !0)
+                            ], 4)) : I("", !0)
                           ], 6)
                         ]),
                         _: 3
                       }, 8, ["style"])
                     ]),
                     _: 3
-                  }, 8, ["onResize"])) : P("", !0),
-                  s.enabletopmenu ? P("", !0) : (c(), h("div", {
+                  }, 8, ["onResize"])) : I("", !0),
+                  s.enabletopmenu ? I("", !0) : (u(), h("div", {
                     key: 1,
                     class: "bh-w-full bh-h-full",
-                    style: J({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
+                    style: Q({ "padding-right": s.tableRightOffset + "px", "padding-left": s.tableLeftOffset + "px" })
                   }, [
-                    s.enableHeaderArea ? (c(), h("div", {
+                    s.enableHeaderArea ? (u(), h("div", {
                       key: 0,
                       class: "bh-w-full bh-overflow-auto",
-                      style: J({ height: s.headerAreaHeight, "margin-bottom": "10px" })
+                      style: Q({ height: s.headerAreaHeight, "margin-bottom": "10px" })
                     }, [
-                      le(s.$slots, "tableHeaderArea", {}, () => [
+                      ne(s.$slots, "tableHeaderArea", {}, () => [
                         Hi
                       ])
-                    ], 4)) : P("", !0),
-                    le(s.$slots, "tableactionheader"),
+                    ], 4)) : I("", !0),
+                    ne(s.$slots, "tableactionheader"),
                     w("div", {
-                      class: I(["bh-table-responsive", { "bh-min-h-[100px]": d.value }]),
-                      style: J({
+                      class: P(["bh-table-responsive", { "bh-min-h-[100px]": c.value }]),
+                      style: Q({
                         overflow: "auto",
                         height: e.stickyHeader ? Number(e.height.replace("px", "")) - e.footerOffset + "px" : "auto"
                       })
                     }, [
                       w("table", {
-                        class: I([e.skin])
+                        class: P([e.skin])
                       }, [
                         w("thead", {
-                          class: I({ "bh-sticky bh-top-0 bh-z-10": e.stickyHeader })
+                          class: P({ "bh-sticky bh-top-0 bh-z-10": e.stickyHeader })
                         }, [
-                          oe(tt, {
+                          le(tt, {
                             all: e,
-                            expandedrows: de.value,
-                            currentSortColumn: b.value,
+                            expandedrows: he.value,
+                            currentSortColumn: g.value,
                             currentSortDirection: C.value,
-                            isOpenFilter: D.value,
-                            checkAll: _.value,
+                            isOpenFilter: T.value,
+                            checkAll: E.value,
                             columnFilterLang: e.columnFilterLang,
-                            onSelectAll: he,
+                            onSelectAll: ve,
                             onSortChange: Ke,
                             onFilterChange: Oe,
                             onToggleFilterMenu: S,
@@ -3287,93 +3283,93 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                           }, null, 8, ["expandedrows", "currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll", "columnFilterLang"])
                         ], 2),
                         w("tbody", null, [
-                          (c(!0), h(H, null, re(i.value, (m, R) => (c(), h(H, {
-                            key: ze(R)
+                          (u(!0), h(V, null, ie(i.value, (m, q) => (u(), h(V, {
+                            key: ge(q)
                           }, [
-                            E.value ? (c(), h("tr", {
+                            _.value ? (u(), h("tr", {
                               key: 0,
-                              class: I([
-                                Ee.value ? s.rowClass(m) : e.rowClass,
+                              class: P([
+                                de.value ? s.rowClass(m) : e.rowClass,
                                 e.selectRowOnClick ? "bh-cursor-pointer" : ""
                               ]),
-                              onClick: G((M) => Ye(m, R), ["prevent"])
+                              onClick: U((M) => Ye(m, q), ["prevent"])
                             }, [
-                              e.hasCheckbox ? (c(), h("td", {
+                              e.hasCheckbox ? (u(), h("td", {
                                 key: 0,
-                                style: J({ width: e.checkboxColumnWidth + " !important", minWidth: e.checkboxColumnWidth + " !important" }),
-                                class: I({ "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn })
+                                style: Q({ width: e.checkboxColumnWidth + " !important", minWidth: e.checkboxColumnWidth + " !important" }),
+                                class: P({ "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn })
                               }, [
                                 w("div", ji, [
-                                  ae(w("input", {
-                                    "onUpdate:modelValue": p[3] || (p[3] = (M) => T.value = M),
+                                  se(w("input", {
+                                    "onUpdate:modelValue": p[3] || (p[3] = (M) => N.value = M),
                                     type: "checkbox",
-                                    value: ze(R),
-                                    onClick: p[4] || (p[4] = G(() => {
+                                    value: ge(q),
+                                    onClick: p[4] || (p[4] = U(() => {
                                     }, ["stop"]))
                                   }, null, 8, Ui), [
-                                    [Qt, T.value]
+                                    [Qt, N.value]
                                   ]),
                                   w("div", null, [
-                                    oe(Mt, { class: "check" })
+                                    le(Mt, { class: "check" })
                                   ])
                                 ])
-                              ], 6)) : P("", !0),
-                              e.hasRightPanel ? (c(), h("td", {
+                              ], 6)) : I("", !0),
+                              e.hasRightPanel ? (u(), h("td", {
                                 key: 1,
-                                style: J({ width: e.rightPanelColumnWidth + " !important", minWidth: e.rightPanelColumnWidth + " !important", padding: "0px !important" }),
-                                class: I({ "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: P({ "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn })
                               }, [
-                                oe(hn, {
+                                le(hn, {
                                   item: m,
-                                  onRightPanelClick: p[5] || (p[5] = (M) => Q("rowRightPanelClick", M))
+                                  onRightPanelClick: p[5] || (p[5] = (M) => G("rowRightPanelClick", M))
                                 }, null, 8, ["item"])
-                              ], 6)) : P("", !0),
-                              e.hasSubtable ? (c(), h("td", {
+                              ], 6)) : I("", !0),
+                              e.hasSubtable ? (u(), h("td", {
                                 key: 2,
-                                style: J({ width: e.subtableColumnWidth + " !important", minWidth: e.subtableColumnWidth + " !important" }),
-                                class: I({ "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn })
+                                style: Q({ width: e.subtableColumnWidth + " !important", minWidth: e.subtableColumnWidth + " !important" }),
+                                class: P({ "bh-sticky bh-left-0 bh-bg-blue-light": e.stickyFirstColumn })
                               }, [
-                                oe(Et, {
-                                  item: { ...m, _rowIndex: R },
-                                  expandedrows: de.value
+                                le(Et, {
+                                  item: { ...m, _rowIndex: q },
+                                  expandedrows: he.value
                                 }, null, 8, ["item", "expandedrows"])
-                              ], 6)) : P("", !0),
-                              (c(!0), h(H, null, re(e.columns, (M, ee) => (c(), h(H, null, [
-                                M.hide ? P("", !0) : (c(), h("td", {
+                              ], 6)) : I("", !0),
+                              (u(!0), h(V, null, ie(e.columns, (M, ee) => (u(), h(V, null, [
+                                M.hide ? I("", !0) : (u(), h("td", {
                                   key: M.field,
-                                  class: I([
-                                    be.value ? s.cellClass(m) : e.cellClass,
+                                  class: P([
+                                    fe.value ? s.cellClass(m) : e.cellClass,
                                     ee === 0 && e.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                     e.hasCheckbox && ee === 0 && e.stickyFirstColumn ? "bh-left-[52px]" : "",
                                     M.cellClass ? M.cellClass : ""
                                   ])
                                 }, [
-                                  K(l)[M.field] ? le(s.$slots, M.field, {
+                                  K(l)[M.field] ? ne(s.$slots, M.field, {
                                     key: 0,
                                     value: m
-                                  }) : M.cellRenderer ? (c(), h("div", {
+                                  }) : M.cellRenderer ? (u(), h("div", {
                                     key: 1,
                                     innerHTML: M.cellRenderer(m)
-                                  }, null, 8, Gi)) : (c(), h(H, { key: 2 }, [
-                                    We(V(A(m, M.field)), 1)
+                                  }, null, 8, Gi)) : (u(), h(V, { key: 2 }, [
+                                    We(j(A(m, M.field)), 1)
                                   ], 64))
                                 ], 2))
                               ], 64))), 256))
-                            ], 10, Vi)) : P("", !0),
-                            Te(m, R) && e.hasSubtable ? (c(), h("tr", {
+                            ], 10, Vi)) : I("", !0),
+                            we(m, q) && e.hasSubtable ? (u(), h("tr", {
                               key: 1,
-                              class: I([
-                                Ee.value ? s.rowClass(m) : e.rowClass,
+                              class: P([
+                                de.value ? s.rowClass(m) : e.rowClass,
                                 e.selectRowOnClick ? "bh-cursor-pointer" : ""
                               ]),
-                              onClick: G((M) => Ye(m, R), ["prevent"])
+                              onClick: U((M) => Ye(m, q), ["prevent"])
                             }, [
                               w("td", {
-                                colspan: e.columns.length + K(pe)
+                                colspan: e.columns.length + K(me)
                               }, [
                                 w("div", {
                                   class: "subtable-container",
-                                  style: J({
+                                  style: Q({
                                     maxHeight: e.subtableMaxHeight,
                                     overflow: "auto",
                                     padding: "10px",
@@ -3381,83 +3377,83 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
                                     border: "1px solid var(--fade-grey)"
                                   })
                                 }, [
-                                  le(s.$slots, "tsub", {
+                                  ne(s.$slots, "tsub", {
                                     rowData: m,
-                                    rowIndex: R,
+                                    rowIndex: q,
                                     filterItems: i.value
                                   })
                                 ], 4)
                               ], 8, Ki)
-                            ], 10, Qi)) : P("", !0)
+                            ], 10, Qi)) : I("", !0)
                           ], 64))), 128)),
-                          !E.value && d.value && s.skeletonloader ? (c(!0), h(H, { key: 0 }, re(e.pageSize, (m) => (c(), h("tr", {
+                          !_.value && c.value && s.skeletonloader ? (u(!0), h(V, { key: 0 }, ie(e.pageSize, (m) => (u(), h("tr", {
                             key: m,
                             class: "!bh-bg-white bh-h-11 !bh-border-transparent"
                           }, [
                             w("td", {
-                              colspan: e.columns.length + K(pe),
+                              colspan: e.columns.length + K(me),
                               class: "!bh-p-0 !bh-border-transparent"
                             }, Xi, 8, Ji)
-                          ]))), 128)) : P("", !0),
-                          E.value ? (c(!0), h(H, { key: 1 }, re(e.footerRows, (m, R) => (c(), h("tr", {
-                            key: m[ne.value] ? m[ne.value] : R,
+                          ]))), 128)) : I("", !0),
+                          _.value ? (u(!0), h(V, { key: 1 }, ie(e.footerRows, (m, q) => (u(), h("tr", {
+                            key: m[X.value] ? m[X.value] : q,
                             class: "sticky-table-footer"
                           }, [
-                            K(pe) > 0 ? (c(), h("td", {
+                            K(me) > 0 ? (u(), h("td", {
                               key: 0,
-                              colspan: K(pe)
-                            }, null, 8, Zi)) : P("", !0),
-                            (c(!0), h(H, null, re(e.columns, (M, ee) => (c(), h(H, null, [
-                              M.hide ? P("", !0) : (c(), h("td", {
+                              colspan: K(me)
+                            }, null, 8, Zi)) : I("", !0),
+                            (u(!0), h(V, null, ie(e.columns, (M, ee) => (u(), h(V, null, [
+                              M.hide ? I("", !0) : (u(), h("td", {
                                 key: M.field,
-                                class: I([
-                                  be.value ? s.cellClass(m) : e.cellClass,
+                                class: P([
+                                  fe.value ? s.cellClass(m) : e.cellClass,
                                   ee === 0 && e.stickyFirstColumn ? "bh-sticky bh-left-0 bh-bg-blue-light" : "",
                                   e.hasCheckbox && ee === 0 && e.stickyFirstColumn ? "bh-left-[52px]" : "",
                                   M.cellClass ? M.cellClass : ""
                                 ])
                               }, [
-                                m.cells.find((ge) => ge.field == M.field) ? (c(), h(H, { key: 0 }, [
-                                  We(V(m.cells.find((ge) => ge.field == M.field).text), 1)
-                                ], 64)) : P("", !0)
+                                m.cells.find((ke) => ke.field == M.field) ? (u(), h(V, { key: 0 }, [
+                                  We(j(m.cells.find((ke) => ke.field == M.field).text), 1)
+                                ], 64)) : I("", !0)
                               ], 2))
                             ], 64))), 256))
-                          ]))), 128)) : P("", !0)
+                          ]))), 128)) : I("", !0)
                         ]),
-                        e.cloneHeaderInFooter ? (c(), h("tfoot", {
+                        e.cloneHeaderInFooter ? (u(), h("tfoot", {
                           key: 0,
-                          class: I({ "bh-sticky bh-bottom-0": e.stickyHeader })
+                          class: P({ "bh-sticky bh-bottom-0": e.stickyHeader })
                         }, [
-                          oe(tt, {
+                          le(tt, {
                             all: e,
-                            currentSortColumn: b.value,
+                            currentSortColumn: g.value,
                             currentSortDirection: C.value,
-                            isOpenFilter: D.value,
+                            isOpenFilter: T.value,
                             isFooter: !0,
-                            checkAll: _.value,
-                            onSelectAll: he,
+                            checkAll: E.value,
+                            onSelectAll: ve,
                             onSortChange: Ke,
                             onFilterChange: Oe,
                             onToggleFilterMenu: S
                           }, null, 8, ["currentSortColumn", "currentSortDirection", "isOpenFilter", "checkAll"])
-                        ], 2)) : P("", !0)
+                        ], 2)) : I("", !0)
                       ], 2),
-                      d.value && s.enableloadinganimation ? (c(), h("div", {
+                      c.value && s.enableloadinganimation ? (u(), h("div", {
                         key: 0,
                         class: "bh-absolute bh-inset-0 bh-bg-blue-light/50 bh-grid bh-place-content-center dt-center-loading",
-                        style: J({ height: Number(e.height.replace("px", "")) - 175 + "px" })
+                        style: Q({ height: Number(e.height.replace("px", "")) - 175 + "px" })
                       }, [
-                        le(s.$slots, "loadercontent")
-                      ], 4)) : P("", !0),
-                      !E.value && !d.value ? (c(), h("div", {
+                        ne(s.$slots, "loadercontent")
+                      ], 4)) : I("", !0),
+                      !_.value && !c.value ? (u(), h("div", {
                         key: 1,
                         class: "nodatacontent",
-                        style: J({ height: Number(e.height.replace("px", "")) - 175 + "px" })
+                        style: Q({ height: Number(e.height.replace("px", "")) - 175 + "px" })
                       }, [
-                        le(s.$slots, "nodatacontent", {}, () => [
-                          w("span", null, V(e.noDataContent), 1)
+                        ne(s.$slots, "nodatacontent", {}, () => [
+                          w("span", null, j(e.noDataContent), 1)
                         ])
-                      ], 4)) : P("", !0)
+                      ], 4)) : I("", !0)
                     ], 6)
                   ], 4))
                 ])
@@ -3468,17 +3464,17 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
         ]),
         _: 3
       }, 8, ["style"]),
-      e.pagination && (E.value || e.alwaysShowPagination) ? (c(), h("div", {
+      e.pagination && (_.value || e.alwaysShowPagination) ? (u(), h("div", {
         key: 0,
-        class: I(["bh-pagination", { "bh-pointer-events-none": d.value, "sticky-footer": e.stickyFooter }])
+        class: P(["bh-pagination", { "bh-pointer-events-none": c.value, "sticky-footer": e.stickyFooter }])
       }, [
         w("div", es, [
-          s.enablefooterpagination ? le(s.$slots, "footerpageinfo", {
+          s.enablefooterpagination ? ne(s.$slots, "footerpageinfo", {
             key: 0,
             paginationInfo: s.paginationInfo,
-            filterRowCount: E.value,
+            filterRowCount: _.value,
             offset: k.value,
-            limit: F.value,
+            limit: L.value,
             showPageSize: s.showPageSize,
             pageSizeOptions: s.pageSizeOptions,
             currentPageSize: a.value,
@@ -3486,83 +3482,83 @@ const Xo = /* @__PURE__ */ je(Go, [["render", Yo]]), Zo = { key: "hdrrow" }, ei
             setPageSize: pt
           }, () => [
             w("div", ts, [
-              w("span", ns, V(Qe(e.paginationInfo, E.value ? k.value : 0, F.value, E.value)), 1),
-              e.showPageSize ? ae((c(), h("select", {
+              w("span", ns, j(Qe(e.paginationInfo, _.value ? k.value : 0, L.value, _.value)), 1),
+              e.showPageSize ? se((u(), h("select", {
                 key: 0,
                 "onUpdate:modelValue": p[6] || (p[6] = (m) => a.value = m),
                 class: "bh-pagesize"
               }, [
-                (c(!0), h(H, null, re(e.pageSizeOptions, (m) => (c(), h("option", {
+                (u(!0), h(V, null, ie(e.pageSizeOptions, (m) => (u(), h("option", {
                   value: m,
                   key: m
-                }, V(m), 9, ls))), 128))
+                }, j(m), 9, ls))), 128))
               ], 512)), [
                 [it, a.value]
-              ]) : P("", !0)
+              ]) : I("", !0)
             ])
-          ]) : P("", !0),
-          s.enablefooterpagination ? le(s.$slots, "footerpagination", {
+          ]) : I("", !0),
+          s.enablefooterpagination ? ne(s.$slots, "footerpagination", {
             key: 1,
             currentPage: r.value,
-            maxPage: f.value,
+            maxPage: d.value,
             paging: x.value,
             movePage: B,
             nextPage: te,
-            previousPage: O
+            previousPage: R
           }, () => [
             w("div", os, [
-              e.showFirstPage ? (c(), h("button", {
+              e.showFirstPage ? (u(), h("button", {
                 key: 0,
                 type: "button",
-                class: I(["bh-page-item first-page", { disabled: r.value <= 1 }]),
+                class: P(["bh-page-item first-page", { disabled: r.value <= 1 }]),
                 onClick: p[7] || (p[7] = (m) => r.value = 1)
               }, [
-                e.firstArrow ? (c(), h("span", {
+                e.firstArrow ? (u(), h("span", {
                   key: 0,
                   innerHTML: e.firstArrow
-                }, null, 8, is)) : (c(), h("svg", ss, as))
-              ], 2)) : P("", !0),
+                }, null, 8, is)) : (u(), h("svg", ss, as))
+              ], 2)) : I("", !0),
               w("button", {
                 type: "button",
-                class: I(["bh-page-item previous-page", { disabled: r.value <= 1 }]),
-                onClick: O
+                class: P(["bh-page-item previous-page", { disabled: r.value <= 1 }]),
+                onClick: R
               }, [
-                e.previousArrow ? (c(), h("span", {
+                e.previousArrow ? (u(), h("span", {
                   key: 0,
                   innerHTML: e.previousArrow
-                }, null, 8, us)) : (c(), h("svg", cs, fs))
+                }, null, 8, us)) : (u(), h("svg", cs, fs))
               ], 2),
-              e.showNumbers ? (c(!0), h(H, { key: 1 }, re(x.value, (m) => (c(), h("button", {
+              e.showNumbers ? (u(!0), h(V, { key: 1 }, ie(x.value, (m) => (u(), h("button", {
                 key: m,
                 type: "button",
-                class: I(["bh-page-item", { disabled: r.value === m, "bh-active": m === r.value }]),
-                onClick: (R) => B(m)
-              }, V(m), 11, hs))), 128)) : P("", !0),
+                class: P(["bh-page-item", { disabled: r.value === m, "bh-active": m === r.value }]),
+                onClick: (q) => B(m)
+              }, j(m), 11, hs))), 128)) : I("", !0),
               w("button", {
                 type: "button",
-                class: I(["bh-page-item next-page", { disabled: r.value >= f.value }]),
+                class: P(["bh-page-item next-page", { disabled: r.value >= d.value }]),
                 onClick: te
               }, [
-                e.nextArrow ? (c(), h("span", {
+                e.nextArrow ? (u(), h("span", {
                   key: 0,
                   innerHTML: e.nextArrow
-                }, null, 8, ps)) : (c(), h("svg", vs, bs))
+                }, null, 8, ps)) : (u(), h("svg", vs, bs))
               ], 2),
-              e.showLastPage ? (c(), h("button", {
+              e.showLastPage ? (u(), h("button", {
                 key: 2,
                 type: "button",
-                class: I(["bh-page-item last-page", { disabled: r.value >= f.value }]),
-                onClick: p[8] || (p[8] = (m) => r.value = f.value)
+                class: P(["bh-page-item last-page", { disabled: r.value >= d.value }]),
+                onClick: p[8] || (p[8] = (m) => r.value = d.value)
               }, [
-                e.lastArrow ? (c(), h("span", {
+                e.lastArrow ? (u(), h("span", {
                   key: 0,
                   innerHTML: e.lastArrow
-                }, null, 8, gs)) : (c(), h("svg", ys, ks))
-              ], 2)) : P("", !0)
+                }, null, 8, gs)) : (u(), h("svg", ys, ks))
+              ], 2)) : I("", !0)
             ])
-          ]) : P("", !0)
+          ]) : I("", !0)
         ])
-      ], 2)) : P("", !0)
+      ], 2)) : I("", !0)
     ]));
   }
 });